/* Navegação lateral e acabamento das informações operacionais. */
body{--portal-sidebar:192px}body>header,body>main{margin-left:var(--portal-sidebar);width:calc(100% - var(--portal-sidebar));box-sizing:border-box;max-width:none}body>main{padding:20px 24px 28px;margin-right:0}body>header{padding-left:24px;padding-right:24px}
#appSidebar{position:fixed;inset:0 auto 0 0;width:var(--portal-sidebar);z-index:60;background:#2d3743;color:#dbe5f3;border-right:1px solid #445263;display:flex;flex-direction:column;overflow:auto}
.sidebar-brand{padding:22px 18px 15px;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #435062}.sidebar-brand strong{font-size:18px;letter-spacing:.3px;color:#fff}.sidebar-brand>span{font-size:11px;color:#aebfd3}
.sidebar-toggle{font:inherit;font-size:11px;border:1px solid #526277;background:transparent;color:#dbe5f3;border-radius:4px;padding:6px 10px;margin:12px 14px 0;cursor:pointer}
#appSidebar #mainTabs{display:flex;flex-direction:column;align-items:stretch;gap:5px!important;margin:0!important;padding:14px 10px!important;border:0;background:none;flex-wrap:nowrap!important;overflow:visible}
#appSidebar #mainTabs .tab{display:flex;align-items:center;gap:10px;width:100%!important;padding:11px 10px!important;min-height:42px!important;font:inherit;font-size:12px!important;line-height:1.35;text-align:left;white-space:normal;border:1px solid transparent;border-radius:5px;background:transparent;color:#bdcce0;box-shadow:none}
#appSidebar #mainTabs .tab img,.sidebar-account img{width:17px;height:17px;flex:none;filter:brightness(0) invert(90%)}
#appSidebar #mainTabs .tab.active{background:#485d78;color:#fff;border-color:#617793}#appSidebar #mainTabs .tab:hover{background:#3a4a5d;color:#fff}
.sidebar-account{display:flex;align-items:center;gap:10px;margin:auto 10px 14px;padding:12px 10px;border:1px solid #506178;border-radius:5px;background:#354354;color:#dbe5f3;font:inherit;font-size:11px;text-align:left;cursor:pointer}
.sidebar-compact{--portal-sidebar:64px}.sidebar-compact .sidebar-brand{padding:18px 6px;text-align:center}.sidebar-compact .sidebar-brand strong{font-size:10px}.sidebar-compact .sidebar-brand>span,.sidebar-compact #mainTabs .tab>span,.sidebar-compact .sidebar-account>span{display:none}.sidebar-compact #appSidebar #mainTabs .tab{justify-content:center;padding:11px 0!important}.sidebar-compact .sidebar-toggle{margin:10px 6px 0;padding:6px 3px;font-size:10px}.sidebar-compact .sidebar-account{justify-content:center;padding:12px 0}
#sidebarMobileToggle,#sidebarBackdrop{display:none}
#orders{container-name:journey-list;container-type:inline-size}.journey-workspace #orders .dispatch-rows{grid-template-columns:repeat(2,minmax(0,1fr))}
@container journey-list (min-width:840px){.journey-workspace #orders .dispatch-rows{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container journey-list (min-width:1100px){.journey-workspace #orders .dispatch-rows{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container journey-list (max-width:559px){.journey-workspace #orders .dispatch-rows{grid-template-columns:minmax(0,1fr)}}
.journey-card .journey-priority{font-size:10px;line-height:1.25;font-weight:800;padding:6px 8px;letter-spacing:.1px;box-shadow:0 1px 2px #0002;border:1px solid #ffffff3d}
.journey-card .journey-priority img{display:none}.journey-card .journey-priority.urgente{background:#ffb6c2;color:#68152b}.journey-card .journey-priority.alta{background:#ffd16a;color:#513609}.journey-card .journey-priority.normal{background:#c7dfff;color:#203f73}.journey-card .journey-priority.baixa{background:#afe3c4;color:#174f36}
.journey-card .journey-actions{display:grid;grid-template-columns:1fr 1.45fr 1.55fr 21px;gap:4px;padding:7px 0;align-items:stretch}
.journey-card .journey-actions button{display:flex;justify-content:center;align-items:center;gap:4px;border:1px solid #5a6a7f;border-radius:4px;padding:6px 3px;color:#e0ebf9;background:#3a4758;font-size:10px;font-weight:600;min-width:0;white-space:nowrap;text-decoration:none;min-height:29px}
.journey-card .journey-actions button:hover{background:#4b607b;border-color:#8aa3c3}.journey-card .journey-actions button[data-project-departure]{background:#c4dbf7;border-color:#c4dbf7;color:#233c5b}.journey-card .journey-actions button[data-project-departure] img{filter:none}.journey-card .journey-actions .journey-delete{border-color:transparent;background:transparent;padding:4px;opacity:.8}.journey-card .journey-actions .journey-delete:hover{background:#774554}.journey-card .journey-actions button:focus-visible{outline:2px solid #f5d18c;outline-offset:2px}
#agendaDates .dispatch-dates{gap:6px;align-items:stretch}#agendaDates .dispatch-date{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 9px;min-height:62px;border:1px solid #d8e0e9;border-radius:5px;background:#f1f4f7;color:#46596f;box-shadow:none;align-items:center}
#agendaDates .dispatch-date>span{display:flex;flex-direction:column;gap:4px}#agendaDates .dispatch-date b{font-size:12px;font-weight:700;color:#34485f}#agendaDates .dispatch-date small{font-size:10px;line-height:1.3;color:#708196}#agendaDates .dispatch-date em{background:#e0e7ef;color:#41566e;font-size:11px;line-height:1.2;font-weight:750;min-width:22px;padding:5px;border-radius:4px}
#agendaDates .dispatch-date.selected{background:#343f4e;color:#fff;border-color:#53657f;box-shadow:inset 0 -3px #9eb7d8}#agendaDates .dispatch-date.selected b{color:#fff}#agendaDates .dispatch-date.selected small{color:#cfdaea}#agendaDates .dispatch-date.selected em{background:#bfd2eb;color:#243c5d}#agendaDates .dispatch-date:hover:not(.selected){background:#e5ebf2;border-color:#a6b8cf}
#operationsOverview .overview-loads{align-self:start}
#returnDetailsPanel{border-top:1px solid #dce2eb;padding:0 22px 16px;background:#f8fafc}#returnDetailsPanel[hidden]{display:none}
#returnDetailsPanel .return-detail{margin:0;padding:0;border:0;max-height:none;overflow:visible}
.return-detail-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 0;color:#263d5a}.return-detail-heading strong{font-size:14px;font-weight:700}.return-detail-heading>span{font-size:11px;color:#526881;background:#e7edf5;border-radius:4px;padding:4px 7px}
.return-detail-labels,.return-vehicle-row{display:grid!important;grid-template-columns:115px minmax(0,1fr) 96px;gap:16px;align-items:center}
.return-detail-labels{padding:8px 11px;background:#e9eef5;color:#62748c;font-size:9px;font-weight:700;letter-spacing:.4px;border-radius:5px 5px 0 0}
#returnDetailsPanel .return-vehicle-row{width:100%;margin:0;padding:11px;border:1px solid #e0e7ef;border-top:0;background:#fff;min-height:44px;text-align:left;cursor:pointer;color:#344d6b}
#returnDetailsPanel .return-vehicle-row:last-child{border-radius:0 0 5px 5px}.return-vehicle-row:hover{background:#edf3fa!important}.return-vehicle-row>b{font-size:12px!important;letter-spacing:.3px;color:#244569}.return-vehicle-row>span{font-size:12px!important;line-height:1.35}.return-vehicle-row .return-route-link{font-size:11px!important;color:#385f8e;text-align:right;font-weight:600;white-space:nowrap;margin-left:0!important}.return-none{font-size:12px;color:#64748b;margin:0;padding:10px 0}
#operationsOverview .return-tracker-status{display:block;position:relative;padding:9px 11px;margin-top:3px;font-size:11px;line-height:1.4;border:1px solid #d8e1ec;border-radius:5px;background:#edf2f7;color:#526781}
#operationsOverview .return-tracker-status.is-partial{background:#fff4db;border-color:#ead5a9;color:#785719;font-weight:600}#operationsOverview .return-tracker-status.is-partial:before{display:none}#operationsOverview .return-tracker-status small{display:block;font-size:10px;color:#8c754a;font-weight:400;margin-top:3px;line-height:1.4}
@media(min-width:761px) and (max-width:1350px){body:not(.sidebar-open){--portal-sidebar:64px}body:not(.sidebar-open) .sidebar-brand{padding:18px 6px;text-align:center}body:not(.sidebar-open) .sidebar-brand strong{font-size:10px}body:not(.sidebar-open) .sidebar-brand>span,body:not(.sidebar-open) #mainTabs .tab>span,body:not(.sidebar-open) .sidebar-account>span{display:none}body:not(.sidebar-open) #appSidebar #mainTabs .tab{justify-content:center;padding:11px 0!important}body:not(.sidebar-open) .sidebar-toggle{margin:10px 6px 0;padding:6px 3px;font-size:10px}body:not(.sidebar-open) .sidebar-account{justify-content:center;padding:12px 0}}
@media(max-width:760px){body{--portal-sidebar:0px}body>header{padding-top:44px;padding-left:16px;padding-right:16px}body>main{padding:16px 12px 24px}#appSidebar{width:210px;transform:translateX(-100%);transition:transform .18s}body.sidebar-open #appSidebar{transform:translateX(0)}#sidebarMobileToggle{display:block;position:absolute;left:12px;top:10px;z-index:55;padding:6px 13px;border:1px solid #78879b;border-radius:4px;background:#343f4e;color:#fff;font:inherit;font-size:12px}#sidebarBackdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:59;border:0;background:#17243766}#returnDetailsPanel{padding:0 14px 14px}.return-detail-labels,.return-vehicle-row{grid-template-columns:82px minmax(0,1fr) 65px;gap:8px}.return-vehicle-row>span{font-size:11px!important}.return-vehicle-row .return-route-link{font-size:10px!important}#agendaDates .dispatch-date{flex:1 0 106px}#agendaDates .dispatch-date b{font-size:12px}}
@media print{#appSidebar,#sidebarMobileToggle,#sidebarBackdrop{display:none!important}body>header,body>main{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){#appSidebar{transition:none}}
#appSidebar #mainTabs .tab{background:transparent!important;border:1px solid transparent!important;border-radius:5px!important;color:#bdcce0!important}
#appSidebar #mainTabs .tab.active{background:#485d78!important;border:1px solid #7087a3!important;color:#fff!important}
#appSidebar #mainTabs .tab:hover{background:#3a4a5d!important;color:#fff!important}
@media(max-width:760px){#sidebarMobileToggle{position:fixed}}
@media print{body>main{padding:0;max-width:none}}
.journey-card .journey-actions button:not(.journey-delete) img{display:none}
.journey-card .journey-actions button{font-size:11px;line-height:1.3}
/* Desktop: trilho retrátil com expansão apenas na área lateral. */
@media(min-width:761px){
 body,body.sidebar-compact,body.sidebar-open{--portal-sidebar:64px}
 #appSidebar{width:64px;overflow-x:hidden;transition:width .18s ease;padding-top:14px}
 #appSidebar:hover,#appSidebar:has(:focus-visible){width:200px;box-shadow:5px 0 18px #17243724}
 #appSidebar #mainTabs{padding:0 9px!important;gap:5px!important}
 #appSidebar #mainTabs .tab{display:grid!important;grid-template-columns:20px 1fr;align-items:center;justify-content:start!important;gap:12px;padding:11px 12px!important;text-align:left!important;min-height:43px!important;white-space:nowrap;overflow:hidden}
 #appSidebar #mainTabs .tab img{width:18px;height:18px;justify-self:start}
 #appSidebar #mainTabs .tab>span,body.sidebar-compact #appSidebar #mainTabs .tab>span,body:not(.sidebar-open) #appSidebar #mainTabs .tab>span{display:block;opacity:0;visibility:hidden;white-space:nowrap;text-align:left}
 #appSidebar:hover #mainTabs .tab>span,#appSidebar:has(:focus-visible) #mainTabs .tab>span{opacity:1;visibility:visible}
 #appSidebar .sidebar-account{display:grid;grid-template-columns:20px 1fr;align-items:center;justify-content:start;gap:12px;padding:12px;margin: auto 9px 14px;overflow:hidden;white-space:nowrap}
 #appSidebar .sidebar-account>span,body.sidebar-compact #appSidebar .sidebar-account>span,body:not(.sidebar-open) #appSidebar .sidebar-account>span{display:block;opacity:0;visibility:hidden}
 #appSidebar:hover .sidebar-account>span,#appSidebar:has(:focus-visible) .sidebar-account>span{opacity:1;visibility:visible}
}
@media(max-width:760px){#appSidebar{padding-top:20px}#appSidebar #mainTabs .tab{justify-content:flex-start!important;text-align:left!important}.sidebar-account{text-align:left}}
@media(prefers-reduced-motion:reduce){#appSidebar{transition:none}}
@media(min-width:761px){#appSidebar:hover #mainTabs .tab>span,#appSidebar:has(:focus-visible) #mainTabs .tab>span,#appSidebar:hover .sidebar-account>span,#appSidebar:has(:focus-visible) .sidebar-account>span{display:block!important;opacity:1!important;visibility:visible!important;text-align:left!important}}
/* Expanded navigation reserves its own space instead of covering the portal. */
@media(min-width:761px){
 body:not(.conferente-mode):has(#appSidebar:hover),
 body:not(.conferente-mode):has(#appSidebar :focus-visible){--portal-sidebar:200px}
 body:not(.conferente-mode)>header,body:not(.conferente-mode)>main{transition:margin-left .18s ease,width .18s ease}
}
@media(prefers-reduced-motion:reduce){body>header,body>main{transition:none!important}}