/* One card system, derived from the Programming crystal card. */
@media screen{
 main :is(.card,.insight-dashboard,.operations-overview,.raw-chart,.raw-history-table,.ra-chart,.ra-age-panel,.ra-rank-panel,.ra-route-analysis,.raw-plan-section,.executive-rhythm,.executive-average,.executive-returns,.executive-team),
 :is(#farolPanel,#arquivoPanel,#fretesPanel,#conferentePanel,#chapasPanel,#cadastroWorkspace) .card,
 #confWorkflow :is(.conf-order,.conf-history-item),
 .journey-workspace #orders .journey-card.silver-card.crystal-card,
 .journey-workspace #orders .journey-card.silver-card.crystal-card:hover{
  border:1px solid #fff;border-radius:var(--portal-radius-card);background:var(--portal-card-frame);box-shadow:var(--portal-card-shadow)
 }
 main .card{padding:4px}
 main .card>.body{background:#ffffffed;border-radius:var(--portal-radius-inner)}
 main .card>.cardhead+.body{border-radius:0 0 var(--portal-radius-inner) var(--portal-radius-inner)}
 main .card>.cardhead{border-radius:var(--portal-radius-inner) var(--portal-radius-inner) 0 0}
 main .card>div[style*="overflow"],main .card>table{background:#ffffffed}
 main :is(.raw-chart,.ra-chart,.ra-age-panel,.ra-rank-panel,.ra-route-analysis,.insight-dashboard,.raw-plan-section,.executive-rhythm,.executive-average,.executive-returns,.executive-team){background:linear-gradient(#fffffff0,#ffffffea) padding-box,var(--portal-card-frame) border-box;border:4px solid transparent;box-shadow:var(--portal-card-shadow)}
 main :is(.stat,.raw-stat,.insight-metric,.ra-kpis>div,.conf-personal-stats>div){border:1px solid #fff;border-radius:var(--portal-radius-inner);background:linear-gradient(#fff,#f3f5f8);box-shadow:0 3px 8px #19212c10,inset 0 0 0 1px #d0d7e1}
 main :is(.period-controls,.agenda-shell,.insight-filters,.chapas-tools,.vehicle-receipt-filter,.exportControls,#rawMonthForm,.raw-planning-details,.raw-forecast-subtabs,.export-type-tabs),
 #rawTabs.raw-tabs,#cadastroWorkspace .cadastro-categories{border-radius:var(--portal-radius-inner)!important}
 main :is(button,.btn,[role=tab]),dialog :is(button,.btn),main :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
 .crystal-card .silver-action-ring{border-radius:var(--portal-radius-control)!important}
 #appSidebar #mainTabs .tab,#appSidebar .sidebar-account,.sidebar-toggle,#sidebarMobileToggle{border-radius:var(--portal-radius-control)!important}
 main :is(.raw-flow-badge,.silver-status,.silver-priority){border-radius:6px}
 main :is(.raw-flow-meta,.raw-flow-steps section,.raw-flow-history,.raw-flow-detail,.silver-trip,.ra-focus,.ra-age-detail-scroll,.record-auto-grid,.conf-time-grid){border-radius:var(--portal-radius-inner)}
 main :is(.vehicle-receipt-row,.freight-fleet-row){background:linear-gradient(#fffffff0,#ffffffea) padding-box,var(--portal-card-frame) border-box;border:4px solid transparent;border-radius:var(--portal-radius-card);box-shadow:var(--portal-card-shadow)}
 main .raw-history-table{padding:4px;overflow:auto}
 main .raw-history-table table{background:#fff;border-radius:var(--portal-radius-inner);overflow:hidden}
 main .operations-overview{padding:4px}
 main .executive-today{border:4px solid transparent;border-radius:var(--portal-radius-card);background:linear-gradient(#303943,#303943) padding-box,var(--portal-card-frame) border-box;box-shadow:var(--portal-card-shadow)}
 main .operations-overview .workspace-heading{border-radius:var(--portal-radius-inner) var(--portal-radius-inner) 0 0}
 main .operations-overview .overview-content{background:#fffffff0}
 main .operations-overview #returnDetailsPanel{background:#f6f8fb;border-radius:0 0 var(--portal-radius-inner) var(--portal-radius-inner)}
 #cadastroPanel .operations-workspace>.card{padding:0;background:transparent;border:0;box-shadow:none}
 #confWorkflow .conf-order{padding:4px}
 #confWorkflow .conf-work-summary{background:transparent;border-radius:var(--portal-radius-inner)}
 #confWorkflow .conf-work-details{background:#fffffff0;border-radius:var(--portal-radius-inner)}
 #chapasCards>.card{display:flex;flex-direction:column}
 #chapasCards>.card>.body{flex:1;display:flex;flex-direction:column;align-items:flex-start}
 #chapasCards>.card>.body>.btn:last-child{margin-top:auto}
 /* Pending loads use the same rail, silver heading and white sheet as Programming. */
 main .ra-investigation{padding:0;border:0;background:transparent;box-shadow:none;gap:18px;align-items:start}
 main .ra-investigation>:is(.ra-reasons,.ra-pending){min-width:0;padding:20px;border:4px solid transparent;border-radius:var(--portal-radius-card);background:linear-gradient(#fffffff0,#ffffffea) padding-box,var(--portal-card-frame) border-box;box-shadow:var(--portal-card-shadow)}
 main .ra-load-cards{gap:16px;align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
 main .ra-load-card{display:flex;flex-direction:column;align-self:stretch;padding:4px;margin:0;border:1px solid #fff;border-radius:var(--portal-radius-card);background:var(--portal-card-frame);color:#242a32;box-shadow:var(--portal-card-shadow);overflow:hidden;transition:box-shadow .2s,border-color .2s}
 main .ra-load-card>header{display:flex;align-items:stretch;gap:0;min-height:90px!important;padding:0!important;background:transparent!important;border:0;color:#1b2026}
 main .ra-load-card>header>.ra-vehicle-rail{display:flex;flex:0 0 50px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px 3px;background:#202326;border-radius:var(--portal-radius-inner) 0 0 0;color:#fff}
 main .ra-load-card .ra-vehicle-rail>small{font-size:8px;color:#e8ecf1;letter-spacing:.3px}
 main .ra-load-card .ra-vehicle-number{border:0;padding:0;font-size:27px;color:#fff;line-height:1.1}
 main .ra-load-card .ra-vehicle-rail>img{width:20px;height:20px;filter:brightness(0) invert(1)}
 main .ra-load-card>header>.ra-vehicle-identity{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px;min-width:0}
 main .ra-load-card>header b{font-size:20px;color:#161b22;line-height:1.2}
 main .ra-load-card>header span{font-size:11px;color:#3e4652;line-height:1.5;overflow-wrap:anywhere}
 main .ra-load-card .ra-load-facts{padding:14px;background:#fffffff0;border-radius:var(--portal-radius-inner) var(--portal-radius-inner) 0 0;gap:14px}
 main .ra-load-facts small{font-size:10px;color:#626d7c;line-height:1.4}
 main .ra-load-facts strong{font-size:14px;color:#202832;line-height:1.5}
 main .ra-load-card .ra-load-route{margin:0;padding:12px 14px;border-top:1px solid #dce1e8;background:#fffffff0;font-size:12px;line-height:1.6;color:#3d4a5c}
 main .ra-load-card .ra-card-current-reason{padding:0 14px 14px;background:#fffffff0;color:#586779;font-size:11px;line-height:1.6;flex:1}
 main .ra-card-current-reason strong{color:#354357;font-weight:600}
 main .ra-card-current-reason small{color:#526f9a}
 main .ra-load-card>footer{gap:8px;background:#f1f4f8;color:#415166;border-top:1px solid #dce1e8;border-radius:0 0 var(--portal-radius-inner) var(--portal-radius-inner);padding:13px 14px}
 main .ra-load-card>footer strong{color:#35649a;font-size:12px}
 main .ra-load-card.overdue>footer{box-shadow:inset 3px 0 #c67569}
 main .ra-load-card.overdue>footer>span{color:#9d4239}
 /* Raw material belongs to the portal's violet identity selected by the user. */
 #rawTabs.raw-tabs #rawForecastTab{background:#f3edff;color:#6434ad}
 #rawTabs.raw-tabs #rawForecastTab:hover{background:#e5d7ff;color:#59279d}
 #rawTabs.raw-tabs #rawForecastTab[aria-selected=true]{background:#8b5cf6;color:#fff;box-shadow:inset 0 -3px #6d28d9}
 #rawTabs.raw-tabs #rawForecastTab:focus-visible{outline-color:#8b5cf6}
 #rawTabs.raw-tabs #rawForecastTab b{color:#6535af;background:#e3d4ff}
 #rawTabs.raw-tabs #rawForecastTab img,.raw-flow-kind img,.raw-flow-alert>img,.raw-pickup-icon img{filter:brightness(0) saturate(100%) invert(43%) sepia(86%) saturate(2261%) hue-rotate(235deg) brightness(101%) contrast(93%);opacity:1}
 .raw-flow-steps section>img{filter:brightness(0) saturate(100%) invert(43%) sepia(86%) saturate(2261%) hue-rotate(235deg) brightness(101%) contrast(93%)}
 .raw-forecast-subtabs button[aria-pressed=true]{background:#ede4ff;color:#6535af;box-shadow:inset 0 -3px #8b5cf6}
 main .raw-flow-alert{border:1px solid #cdb5fa;border-left:4px solid #8b5cf6;background:#f1eaff;color:#6535af;border-radius:var(--portal-radius-inner);box-shadow:var(--depth-low)}
 main .raw-flow-alert :is(strong,small){color:#6535af}
 main .raw-flow-table .raw-flow-record{padding:4px;border:1px solid #fff;border-radius:var(--portal-radius-card);background:linear-gradient(145deg,#eee6ff,#dfd2f7);box-shadow:var(--portal-card-shadow)}
 main .raw-flow-table .raw-flow-record>tr.raw-flow-material{background:transparent;border-radius:var(--portal-radius-inner) var(--portal-radius-inner) 0 0}
 main .raw-flow-table .raw-flow-expanded{border-color:#d9c8f3}
 main .raw-flow-kind{color:#6535af}
 main .raw-flow-detail{background:#fffffff0;border-radius:var(--portal-radius-inner)}
 main .raw-flow-meta{background:#f8f5ff;border-color:#ded1f3;box-shadow:inset 0 1px 3px #19212c0b}
 main .raw-flow-steps section{background:#f7f9fc;border-color:#cad3df;border-radius:var(--portal-radius-inner)}
 main .raw-flow-steps section.complete{background:linear-gradient(#f1f7f3,#fff 70%)}
 main .raw-flow-steps section.pending{border-color:#c4a7f2;border-top-color:#8b5cf6;background:linear-gradient(#f1eaff,#fff 75%);box-shadow:var(--depth-card)}
 main .raw-flow-steps .pending b{color:#6535af}
 main .raw-flow-toggle{background:#f7f9fc;color:#6434ad;border-color:#cdb5fa;border-radius:var(--portal-radius-control)}
 main .raw-flow-toggle:hover{background:#fff;border-color:#8b5cf6}
 main .raw-receiving-quick,main .raw-opportunity-alert{background:#f1eaff;color:#6535af;border-color:#cdb5fa;border-radius:var(--portal-radius-control)}
 .raw-return-segment,.executive-returns .raw-return-segment{background:#8b5cf6}
 .raw-return-legend i.raw,.executive-returns .raw-return-legend i.raw{background:#8b5cf6}
 .raw-return-label,.raw-return-entry .raw-return-label,.raw-simple-returns .raw-return-label,.raw-status,.raw-simple-returns .raw-simple-state{color:#8b5cf6}
 .raw-pickup-icon:hover{background:#f1eaff}
 .raw-chart-row i{background:#8b5cf6}
 .raw-flow-badge.pending{background:#ede4ff;color:#6535af;border-color:#d2bafa}
 .raw-flow-badge.waiting{background:#eceff3;color:#596677}
 #rawTabs.raw-tabs #rawForecastTab[aria-selected=true] img{filter:brightness(0) invert(1)}
 #rawForecastNew,#rawNewPickup,#rawPickupDialog .btn.primary{background:#7c3aed;border:1px solid #6d28d9;color:#fff}
 #rawForecastNew:hover,#rawNewPickup:hover,#rawPickupDialog .btn.primary:hover{background:#6d28d9}
 /* Plain content panels keep the same inset corners and spacing. */
 dialog[open]{border-radius:var(--portal-radius-card)!important}
 #cadastroWorkspace .card{border-radius:var(--portal-radius-card)!important}
 .raw-flow-table th{color:#526176}
}
@media screen and (hover:hover) and (pointer:fine){
 main .ra-load-card:hover,.journey-workspace #orders .journey-card.silver-card.crystal-card:hover{box-shadow:var(--portal-card-shadow-active);transform:none}
}
@media screen and (max-width:1200px){main .ra-load-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:640px){
 main .ra-load-cards{grid-template-columns:minmax(0,1fr)}
 main .ra-investigation>:is(.ra-reasons,.ra-pending){padding:14px}
 main .raw-flow-table .raw-flow-record>tr:not(.raw-flow-expanded){padding:14px}
 main .ra-load-card>header b{font-size:22px}
}
@media(prefers-reduced-motion:reduce){main .ra-load-card{transition:none}}