/* Approved square vehicle tickets. Shell colors and controls stay in existing styles. */
body:has(#cadastroPanel:not([style*="display: none"])){background:#f0f1f3}
#orders>.dispatch-rows:has(>.vehicle-board){display:block!important}
.vehicle-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;padding-top:12px}
.ticket-column{min-width:0}.ticket-column+.ticket-column{border-left:1px solid #c6cfd9;padding-left:30px}
.ticket-column-heading{display:flex;align-items:center;gap:12px;border-bottom:2px solid #bdc8d5;padding:0 0 16px;margin-bottom:22px}
.ticket-column-heading h3{font:700 24px/1.2 Arial,Helvetica,sans-serif;color:#203c5e;margin:0}.ticket-column-heading>span{font-size:18px;font-weight:700;line-height:1.1;padding:5px 10px;border-radius:5px;color:#342900;background:#f5ca64}.column-loaded .ticket-column-heading>span{background:#b9eb69;color:#1b3406}
.ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.vehicle-ticket{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;min-height:154px;padding:14px 12px 12px 14px;border:1px solid #424a53;border-left:7px solid #edb329;border-radius:0;background:#272e35;color:#fff;text-align:left;font-family:Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 3px 7px #14213226,inset 0 1px 0 #ffffff15;transition:box-shadow .15s,border-color .15s}
#orders .vehicle-ticket,#orders .ticket-number{border-radius:0!important}
#orders .ticket-expand{display:grid;place-items:center;flex:none;width:32px!important;min-width:32px!important;height:32px!important;padding:6px!important;margin:-3px -4px 0 0;border:1px solid #ffffff25!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff;cursor:pointer}#orders .ticket-expand:hover{background:#ffffff18!important}#orders .ticket-expand:focus-visible{outline:2px solid #b5ddff;outline-offset:2px}#orders .ticket-expand img{width:18px;height:18px;filter:brightness(0) invert(1)}
.vehicle-ticket.ticket-loaded{border-left-color:#b5ed61}.vehicle-ticket:hover{box-shadow:0 4px 10px #14213235;background:#2d353e}.vehicle-ticket:focus-visible{outline:3px solid #287ac1;outline-offset:4px}
.ticket-top{display:flex;align-items:flex-start;gap:12px;min-width:0}.ticket-number{display:grid;place-items:center;flex:0 0 56px;height:56px;background:#151e25;border:1px solid #45515c;border-radius:0;color:#fff;font-size:32px;line-height:1;font-weight:700;box-shadow:0 2px 3px #0005,inset 0 1px 0 #ffffff20}
.ticket-identity{display:flex;flex-direction:column;min-width:0;gap:7px;flex:1}.ticket-identity>strong{font-size:23px;font-weight:750;line-height:1.1;letter-spacing:-.5px;white-space:nowrap}.ticket-identity>span{font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef1f5}
.ticket-top>img{width:17px;height:17px;margin-top:6px;flex:none;filter:brightness(0) invert(1)}
.ticket-priority{align-self:flex-end;font-size:10px;line-height:1.1;font-weight:750;text-transform:uppercase;padding:4px 6px;display:flex;align-items:center;gap:4px;margin-top:7px}.ticket-urgent{background:#d92531;color:#fff}.ticket-priority img{width:13px;height:13px;filter:brightness(0) invert(1)}.ticket-other-priority{background:#5b4820;color:#ffe49b}
.ticket-bottom{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff38;margin-top:auto;padding-top:11px;min-width:0}.ticket-cargo{display:flex;align-items:center;gap:6px;min-width:0;flex:1;font-size:11px;line-height:1.3}.ticket-cargo>span{min-width:0;overflow-wrap:anywhere}.ticket-cargo strong{font-size:22px;font-weight:750;color:#fff}.ticket-material{font-size:12px;font-weight:600}.ticket-bottom img{width:17px;height:17px;flex:none;filter:brightness(0) invert(1)}.ticket-stops{display:flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap;padding-left:8px;border-left:1px solid #ffffff30}.ticket-empty{grid-column:1/-1;margin:0;padding:28px 14px;border:1px dashed #bec7d0;color:#5b6878;text-align:center;font-size:13px}
#vehicleTicketDialog{width:min(600px,94vw);max-height:90dvh;padding:20px;background:#f0f3f6;border:1px solid #aebbc9;border-radius:8px;overflow:auto;color:#20344d}#vehicleTicketDialog::backdrop{background:#172b4666}.ticket-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ticket-dialog-heading h2{font-size:18px;margin:0}#vehicleTicketDetails{margin-bottom:14px}#vehicleTicketDetails .journey-card{width:100%}#vehicleTicketDetails .silver-actions{display:flex;flex-wrap:wrap}#vehicleTicketDetails .silver-sheet{margin-top:10px}
@media(min-width:1800px){.vehicle-ticket{min-height:168px}.ticket-column-heading h3{font-size:28px}.ticket-number{font-size:36px}.ticket-identity>strong{font-size:28px}.ticket-identity>span{font-size:14px}.ticket-cargo{font-size:12px}.ticket-cargo strong{font-size:28px}.ticket-material{font-size:14px}.ticket-stops{font-size:12px}.ticket-priority{font-size:12px}}
@media(min-width:1101px) and (max-width:1500px){.vehicle-ticket{min-height:148px;padding:11px 9px;border-left-width:5px}.vehicle-board{gap:24px}.ticket-column+.ticket-column{padding-left:20px}.ticket-grid{gap:16px 12px}.ticket-top{gap:8px}.ticket-number{flex-basis:38px;height:42px;font-size:26px}.ticket-identity>strong{font-size:18px;letter-spacing:-.4px}.ticket-identity>span{font-size:10px}.ticket-top>img{width:13px;height:13px}.ticket-bottom{flex-wrap:wrap;gap:5px}.ticket-cargo{flex-basis:100%}.ticket-cargo strong{font-size:21px}.ticket-stops{border-left:0;padding-left:0}}
@media(max-width:1100px){.vehicle-board{grid-template-columns:minmax(0,1fr);gap:28px}.ticket-column+.ticket-column{border-left:0;border-top:1px solid #c6cfd9;padding:24px 0 0}}
@media(max-width:760px){.vehicle-board{grid-template-columns:minmax(0,1fr);gap:32px}.ticket-column+.ticket-column{border-left:0;border-top:1px solid #c6cfd9;padding:24px 0 0}.ticket-column-heading h3{font-size:21px}.ticket-column-heading{margin-bottom:16px;padding-bottom:12px}.ticket-identity>strong{font-size:22px}.vehicle-ticket{min-height:148px}.ticket-grid{grid-template-columns:minmax(0,1fr);gap:16px}.ticket-number{flex-basis:50px;height:52px;font-size:29px}.ticket-cargo strong{font-size:21px}}
