/* Portal surfaces: workspace, raised information, inset supporting details. */
:root{
 --depth-canvas:#e9edf2;--depth-paper:#fff;--depth-inset:#f3f5f8;
 --depth-line:#ccd4df;--depth-ink:#233247;--depth-muted:#58697e;
 --depth-low:0 1px 2px #17283e0a,0 3px 8px #17283e06;
 --depth-card:0 2px 3px #17283e0b,0 8px 20px #17283e0e;
 --depth-focus:0 3px 5px #17283e10,0 12px 28px #17283e17;
 --portal-radius-card:14px;--portal-radius-inner:10px;--portal-radius-control:8px;
 --portal-card-frame:linear-gradient(145deg,#e3e7ec,#d9dfe7);
 --portal-card-shadow:0 6px 16px #19212c18,inset 0 0 0 1px #b9c2ce;
 --portal-card-shadow-active:0 10px 24px #19212c25,inset 0 0 0 1px #a7b5c6;
}
@media screen{
 body{background:var(--depth-canvas)}
 body main{background:transparent}
 main :is(.panel-heading,.workspace-heading,.programming-heading,.cadastro-title,.raw-forecast-heading,.raw-history-heading,.ra-heading){gap:16px;align-items:center}
 main :is(.panel-heading,.cadastro-title,.raw-forecast-heading,.raw-history-heading){margin-bottom:22px}
 main :is(.panel-heading,.workspace-heading,.cadastro-title,.raw-forecast-heading,.raw-history-heading) h2{line-height:1.3;letter-spacing:-.35px}
 main :is(.panel-heading,.cadastro-title,.raw-forecast-heading,.raw-history-heading) p{line-height:1.6;color:var(--depth-muted);margin-bottom:0}
 main :is(.card,.insight-dashboard,.operations-overview,.return-tracker,.raw-chart,.raw-history-table,.ra-chart,.ra-age-panel,.ra-rank-panel,.ra-investigation,.ra-route-analysis,.demand-section){border:1px solid var(--depth-line);border-radius:14px;box-shadow:var(--depth-card);background:var(--depth-paper)}
 :is(#farolPanel,#arquivoPanel,#fretesPanel,#conferentePanel,#chapasPanel,#cadastroWorkspace) .card{border-color:var(--depth-line);border-radius:14px;box-shadow:var(--depth-card)}
 main .card>.cardhead{padding:18px 20px!important;border-bottom:1px solid var(--depth-line)}
 main :is(#farolPanel,#arquivoPanel,#fretesPanel,#conferentePanel,#chapasPanel,#cadastroWorkspace) .card>.cardhead{background:#f6f8fb!important;color:var(--depth-ink)}
 main :is(#farolPanel,#arquivoPanel,#fretesPanel,#conferentePanel,#chapasPanel,#cadastroWorkspace) .card>.cardhead :is(h2,h3){color:var(--depth-ink)!important}
 main :is(#farolPanel,#arquivoPanel,#fretesPanel,#conferentePanel,#chapasPanel,#cadastroWorkspace) .card>.cardhead :is(p,label){color:var(--depth-muted)!important;line-height:1.5}
 main .card>.body{padding:20px}
 main :is(.stat,.raw-stat,.insight-metric,.ra-kpis>div){border:1px solid var(--depth-line);border-radius:11px;box-shadow:var(--depth-low)}
 main :is(.stats,.raw-stats,.insight-metrics,.chapas-grid){gap:16px}
 main :is(.period-controls,.agenda-shell,.insight-filters,.chapas-tools,.vehicle-receipt-filter,.exportControls){padding:16px 18px;border:1px solid var(--depth-line);border-radius:12px;background:#f6f8fa;box-shadow:var(--depth-low);gap:12px}
 main :is(.period-filter,.insight-filters,.chapas-tools,.vehicle-receipt-filter,#rawMonthForm){align-items:flex-end;gap:12px}
 main :is(.period-filter,.insight-filters,.chapas-tools,.vehicle-receipt-filter,#rawMonthForm)>label{margin:0;line-height:1.45}
 main :is(.period-filter,.insight-filters,.chapas-tools,.vehicle-receipt-filter,#rawMonthForm) :is(input:not([type=checkbox]),select,.btn){box-sizing:border-box;height:44px;min-height:44px;margin-bottom:0}
 main :is(.period-filter,.insight-filters,.chapas-tools,.vehicle-receipt-filter,#rawMonthForm) .btn{display:inline-flex;align-items:center;justify-content:center;line-height:1.3}
 #exportPanel>.exportControls{align-items:flex-end;gap:12px}
 #exportPanel>.exportControls>label{display:grid!important;gap:6px!important;align-items:start!important;margin:0!important;font-size:12px;line-height:1.45}
 #exportPanel>.exportControls :is(input,.btn){height:44px;min-height:44px;box-sizing:border-box;margin:0}
 #exportPanel>.exportControls .btn{display:inline-flex;align-items:center;justify-content:center}
 main .btn{border-radius:8px;line-height:1.35}
 main .btn.primary{box-shadow:0 2px 3px #17283e20,inset 0 1px #ffffff25}
 main .btn.soft{background:#f7f9fc;border-color:#c5d0de;box-shadow:0 1px 2px #17283e08}
 main .btn:disabled{box-shadow:none;opacity:.55;cursor:not-allowed}
 main :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #6b9de0;outline-offset:3px}
 main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#bbc7d6;box-shadow:inset 0 1px 2px #17283e06}
 main :is(.empty,.raw-plan-empty,.ra-empty){padding:24px;border:1px dashed #c5cfdb;border-radius:10px;background:#f8fafc;color:var(--depth-muted);line-height:1.6}
 /* Navigation stays quieter than the information it controls. */
 #rawTabs.raw-tabs,.raw-forecast-subtabs,#cadastroWorkspace .cadastro-categories,.export-type-tabs{border-color:var(--depth-line);box-shadow:var(--depth-low)}
 #rawTabs.raw-tabs{margin-bottom:24px}
 .executive-dashboard :is(.executive-rhythm,.executive-average,.executive-returns,.executive-team){border:1px solid var(--depth-line);border-radius:14px;box-shadow:var(--depth-card)}
 .executive-dashboard .executive-today{border-radius:14px;box-shadow:var(--depth-focus)}
 .executive-dashboard :is(.executive-main,.executive-content,.executive-support){gap:18px}
 .executive-dashboard .executive-team{margin-top:18px;padding:20px}
 .executive-dashboard .executive-rhythm{padding:20px 20px 12px}
 .executive-chart-top{align-items:flex-start;flex-wrap:wrap}
 .executive-chart-top .insight-filters{align-items:flex-end;flex-wrap:wrap;box-shadow:none}
 .executive-chart-top .insight-filters label{display:grid;gap:5px;margin:0}
 .executive-chart-top .insight-filters :is(input,.btn){height:44px;min-height:44px}
 .executive-dashboard .executive-small-heading p,.executive-dashboard .executive-chart-top>div>p{color:var(--depth-muted);line-height:1.5}
 .raw-forecast-subtabs{margin:18px 0 22px}
 #cadastroWorkspace .cadastro-categories{border-radius:12px}
 /* Programming and conference: raised vehicle cards, restrained inner layers. */
 .journey-workspace #orders .journey-card.silver-card.crystal-card,.journey-workspace #orders .journey-card.silver-card.crystal-card:hover{box-shadow:var(--depth-card)}
 .journey-workspace #orders .dispatch-rows{gap:20px}
 #cadastroPanel .operations-workspace>.card{background:transparent;border:0;box-shadow:none;overflow:visible}
 .silver-card .silver-trip{box-shadow:inset 0 1px 3px #17283e0b}
 #conferentePanel .conferente-card{border:1px solid var(--depth-line);border-radius:14px;box-shadow:var(--depth-card);margin-bottom:16px}
 #conferentePanel .conferente-card[open]{box-shadow:var(--depth-focus);border-color:#9aafca}
 #confWorkflow :is(.conf-order,.conf-history-item){border:1px solid var(--depth-line);border-radius:14px;box-shadow:var(--depth-card);background:#fff;margin-bottom:16px;overflow:hidden}
 #confWorkflow .conf-order[open]{box-shadow:var(--depth-focus);border-color:#9aafca}
 #confWorkflow :is(.conf-personal-stats>div,.conf-work-calendar){border:1px solid var(--depth-line);border-radius:11px;box-shadow:var(--depth-low)}
 #confWorkflow .conf-work-calendar{padding:14px;background:#fff;gap:12px;align-items:flex-end}
 #confWorkflow .conf-work-calendar :is(input,.btn){height:44px;min-height:44px;box-sizing:border-box}
 #confWorkflow .conf-work-calendar label{margin:0}
 #confWorkflow .conf-work-details{background:#f4f6f9;border-top:1px solid var(--depth-line)}
 #confWorkflow :is(.conf-mini-field,.conf-time-grid){border-radius:9px;background:#fff}
 main .demand-peak{border:1px solid var(--depth-line);border-radius:12px;box-shadow:var(--depth-low);background:#fff}
 :is(.record-auto-grid,.conf-grid,.record-form){border-radius:10px}
 /* Separate analysis, historical rows and finance documents into readable groups. */
 main :is(.ra-load-card,.vehicle-receipt-row,.freight-fleet-row){border:1px solid var(--depth-line);border-radius:12px;background:#fff;box-shadow:var(--depth-low);margin:12px 0}
 #cadastroWorkspace :is(.cadastro-person,.cadastro-rate-entry){padding:18px 10px;line-height:1.5}
 #cadastroWorkspace .cadastro-person:nth-child(odd){background:#f7f9fc}
 main :is(.poster-table,.raw-history-table table){text-align:left}
 main :is(.poster-table,.raw-history-table table) th{background:#e7ecf3;color:#40536b;line-height:1.4}
 main :is(.poster-table,.raw-history-table table) td{line-height:1.55}
 main :is(.poster-table,.raw-history-table table) tbody tr:nth-child(even){background:#f7f9fc}
 .poster-wrap{border:1px solid var(--depth-line);border-radius:14px;box-shadow:var(--depth-card);background:#fff}
 /* Raw material: one raised container per vehicle; connected summary and detail. */
 .raw-flow-alert{border:1px solid #dbb369;border-left:5px solid #c58b33;border-radius:12px;background:#fff2d6;box-shadow:var(--depth-low);padding:18px 20px;margin-bottom:24px}
 .raw-flow-heading{margin:24px 0 12px;align-items:center}
 .raw-flow-heading h3{font-size:16px;line-height:1.4;margin:0;color:var(--depth-ink)}
 .raw-flow-heading>span{color:var(--depth-muted)}
 .raw-flow-table-wrap{overflow:visible;border:0;border-radius:0;background:transparent}
 .raw-flow-table{display:block;background:transparent;border:0;border-collapse:separate;border-spacing:0}
 .raw-flow-table thead{display:block;padding:0 4px}
 .raw-flow-table thead tr,.raw-flow-record>tr:not(.raw-flow-expanded){display:grid;grid-template-columns:21fr 22fr 15fr 15fr 15fr 12fr;align-items:center}
 .raw-flow-table th,.raw-flow-table th:first-child,.raw-flow-table th:nth-child(2),.raw-flow-table th:last-child{display:block;width:auto;background:transparent;font-size:10px;line-height:1.5;padding:10px 14px;color:#55667d}
 .raw-flow-table .raw-flow-record{display:block;margin:0 0 20px;border:1px solid #d5bd8e;border-left:5px solid #c58b33;border-radius:14px;background:#fff;box-shadow:var(--depth-card);overflow:hidden}
 .raw-flow-table .raw-flow-record>tr.raw-flow-material{background:linear-gradient(110deg,#fff0d1,#fff8eb)}
 .raw-flow-table .raw-flow-record td{display:block;min-width:0;padding:18px 14px;border:0;font-size:13px;line-height:1.5}
 .raw-flow-record td>strong{font-size:17px;letter-spacing:.1px;color:#26374d}
 .raw-flow-record td>small{font-size:12px;color:var(--depth-muted);margin-top:6px}
 .raw-flow-table .raw-flow-expanded{display:block;border-top:1px solid #dcc69e}
 .raw-flow-table .raw-flow-expanded>td{display:block;padding:0!important}
 .raw-flow-detail{padding:22px;gap:22px;border:0;background:#f1f3f6;align-items:start}
 .raw-flow-meta{padding:18px;border:1px solid #d4dce6;border-radius:11px;background:#fff;box-shadow:var(--depth-low)}
 .raw-flow-detail h4{font-size:14px;line-height:1.4;margin:0 0 16px;color:var(--depth-ink)}
 .raw-flow-meta dl{gap:6px}
 .raw-flow-meta dt{margin-top:12px;font-size:12px;color:var(--depth-muted)}
 .raw-flow-meta dd{font-size:14px;font-weight:550;line-height:1.5}
 .raw-flow-steps{gap:14px;align-items:stretch}
 .raw-flow-steps section{position:relative;min-height:205px;padding:20px 14px 14px;border:1px solid #cad4e1;border-top:4px solid #b4c0d1;border-radius:11px;background:#fff;box-shadow:var(--depth-low)}
 .raw-flow-steps section.complete{border-top-color:#46a46d;background:linear-gradient(#f0faf4,#fff 65%)}
 .raw-flow-steps section.pending{border-color:#d4a44d;border-top:4px solid #c58b33;background:linear-gradient(#fff4da,#fff 75%);box-shadow:var(--depth-card)}
 .raw-flow-steps section.waiting:has(button:enabled){border-color:#83a4ce;border-top-color:#3d76be;box-shadow:var(--depth-card);background:linear-gradient(#edf4ff,#fff 75%)}
 .raw-flow-steps section>img{width:26px;height:26px;margin-bottom:12px}
 .raw-flow-steps h5{font-size:13px;line-height:1.4}
 .raw-flow-steps p{font-size:12px;color:var(--depth-muted);margin-bottom:14px}
 .raw-flow-steps b{font-size:12px}
 .raw-flow-steps small{font-size:11px;line-height:1.5}
 .raw-flow-steps .btn,.raw-flow-complete{margin-top:auto}
 .raw-flow-steps .btn{min-height:44px;margin-top:auto}
 .raw-flow-complete{padding-top:16px}
 .raw-flow-toggle{border:1px solid #dac69d;border-radius:8px;background:#ffffffb3;padding:8px 10px;min-height:42px;line-height:1.4;color:#6c4c14}
 .raw-flow-toggle:hover{background:#fff;border-color:#b88b3b}
 .raw-flow-history{padding:12px 16px 0;border:1px solid #d5dde7;border-radius:10px;background:#fafbfd;margin-top:18px;color:#53657c}
 .raw-flow-history summary{line-height:1.5}
 .raw-flow-badge{font-weight:600;padding:6px 9px;border:1px solid #d9e0e9}
 .raw-flow-badge.done{border-color:#bfdfcc}.raw-flow-badge.pending{border-color:#e5c27c}
 .raw-planning-details{background:#f7f9fc;border:1px solid var(--depth-line);border-radius:12px;box-shadow:var(--depth-low);margin-top:24px}
 .raw-plan-section{padding:18px;border:1px solid var(--depth-line);border-radius:12px;background:#fff;box-shadow:var(--depth-low);margin-bottom:18px}
 .raw-plan-stats{gap:16px}
 .raw-plan-stats>div{border-radius:10px}
 #rawMonthForm{padding:16px 18px;border:1px solid var(--depth-line);border-radius:12px;background:#f6f8fa;box-shadow:var(--depth-low)}
 /* Dialogs are the foremost layer; printed documents retain their own layout. */
 dialog[open]{box-shadow:0 12px 60px #101c3552;border-color:#b6c2d3}
 dialog::backdrop{background:#15223680;backdrop-filter:blur(3px)}
}
@media screen and (max-width:1000px){
 .raw-flow-detail{grid-template-columns:minmax(0,1fr)}
 .raw-flow-meta dl{grid-template-columns:minmax(110px,.65fr) minmax(0,1fr);gap:10px 16px}
 .raw-flow-meta dt{margin:0}.raw-flow-meta dd{min-width:0}
 .raw-flow-steps section{min-height:215px}
}
@media screen and (max-width:760px){
 main :is(.panel-heading,.cadastro-title,.raw-forecast-heading,.raw-history-heading){align-items:flex-start;gap:12px;margin-bottom:18px}
 main :is(.card>.body,.insight-dashboard){padding:16px}
 main :is(.period-controls,.agenda-shell,.insight-filters,.chapas-tools,.vehicle-receipt-filter,.exportControls,#rawMonthForm){padding:14px}
 main :is(.stats,.raw-stats,.insight-metrics,.chapas-grid){gap:12px}
 .raw-forecast-heading>.btn,.raw-history-heading>.btn{min-height:44px}
}
@media screen and (max-width:640px){
 .raw-flow-table thead{display:none}
 .raw-flow-table .raw-flow-record{margin-bottom:16px;border-radius:12px}
 .raw-flow-table .raw-flow-record>tr:not(.raw-flow-expanded){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px;border:0}
 .raw-flow-table .raw-flow-record td{padding:0!important;font-size:13px}
 .raw-flow-table .raw-flow-record td:first-child,.raw-flow-table .raw-flow-record td:nth-child(2),.raw-flow-table .raw-flow-record td:last-child{grid-column:1/-1}
 .raw-flow-record td>strong{font-size:21px}
 .raw-flow-detail{padding:14px;gap:18px}
 .raw-flow-meta{padding:16px}
 .raw-flow-meta dl{grid-template-columns:1fr;gap:5px}
 .raw-flow-meta dt,.raw-flow-meta dd{grid-column:1}
 .raw-flow-meta dt{margin-top:9px}
 .raw-flow-steps{grid-template-columns:minmax(0,1fr);gap:12px}
 .raw-flow-steps section{min-height:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px 10px;padding:15px 12px}
 .raw-flow-steps section>img{width:24px;height:24px;margin:0}
 .raw-flow-steps .btn{margin-top:10px}
 .raw-flow-toggle{width:100%;text-align:center}
 .raw-flow-alert{padding:16px;border-left-width:4px}
 .raw-flow-history{padding:12px 12px 0}
 .raw-flow-history>div{grid-template-columns:1fr}
 #rawMonthForm{display:grid;grid-template-columns:1fr 1fr}
 #rawMonthForm label{grid-column:1/-1}
 .journey-workspace #orders .dispatch-rows{gap:16px}
}
@media screen and (max-width:400px){
 .raw-flow-steps section{grid-template-columns:28px minmax(0,1fr)}
 .raw-flow-steps h5,.raw-flow-steps p{grid-column:2/-1}
 .raw-flow-steps b{grid-column:2/-1;grid-row:3;text-align:left;margin-top:5px}
 .raw-flow-steps small{grid-column:2/-1}
 .raw-flow-heading>span{flex-shrink:0;white-space:nowrap;font-size:11px}
}
@media print{
 .raw-flow-table .raw-flow-record{break-inside:avoid}
}