/* Workspace Deflo. Apenas apresentação em tela: não entra na impressão nem no motor de PDFs.
   Cores do cartão são preservadas no preenchimento; estados de risco e prazo
   continuam explícitos. Nenhuma regra, campo ou ação é escondida por esta camada. */
@media screen {
  :root {--col-w:304px}
  html,body{background:var(--ui-background,var(--ink));font-family:var(--ui-font);font-size:14px;line-height:1.5}
  .topbar{background:#141414;border:0;padding:0 28px;min-height:70px;gap:24px;box-shadow:none}
  .logo{height:34px;flex-shrink:0}.areasnav{gap:6px;margin:0;align-self:stretch;align-items:center;min-width:0;flex:1;overflow-x:auto;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#565656 #141414}
  .areasnav a{flex:0 0 auto;white-space:nowrap}.topbar>.previa,.aparencia-abrir{flex-shrink:0}
  .areasnav a{font-family:var(--ui-font);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;
    color:#aeb5c0;padding:24px 18px 22px;border-bottom:3px solid transparent;transition:color .15s,background .15s}
  .areasnav a:hover{color:#fff;background:#202020}.areasnav a.on{color:#fff;border-bottom-color:var(--red);background:#202020}
  .previa{border:1px solid #434851;border-radius:4px;color:#c4cad3;letter-spacing:.02em;font-size:10px;margin-left:0}
  .areasnav .selo{border-color:#565d68;color:#c7cdd7}
  .subnav{background:#fff;border-bottom:1px solid var(--line);padding:0 28px;gap:20px;min-height:53px}
  .subnav .rot{font:600 11px var(--ui-font);letter-spacing:.025em;margin-right:10px;color:#87909d}
  .subnav a{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;
    padding:17px 0 15px;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap}
  .subnav a.on{background:none;border-color:var(--red);color:var(--text);box-shadow:none;font-weight:650}
  .subnav a:hover{color:var(--text);border-color:var(--line2)}
  .selo{border-radius:3px;letter-spacing:0;font-size:9px}.selo.preparacao{background:#fcf3df;border-color:#eadab7;color:#806021}
  .view{padding:26px 28px 36px}.view.board{padding:24px 0 10px}
  .boardbar{gap:12px;padding:0 28px 22px;flex-shrink:0}.quadro-identidade{margin-right:auto;flex:1 1 260px}
  .quadro-identidade h1{margin:0;color:#232934;font-size:25px;font-weight:650;letter-spacing:-.7px;line-height:1.25}
  .quadro-identidade p{margin:5px 0 0;color:var(--muted);font-size:12px}
  .boardbar .search{flex:0 1 260px;min-width:200px}.boardbar .btn{order:2}.boardbar>.link{order:3}.boardbar>.legenda{order:4;margin-left:0}
  .boardbar input{background:#fff;border-color:#dbe0e6;border-radius:7px;font-family:var(--ui-font);padding:10px 13px;font-size:12px}
  .boardwrap{padding:0 28px 10px;scrollbar-color:#b5bdc9 transparent}
  .board{gap:20px}.col,.fin-col{background:var(--quadro);border:1px solid var(--line);border-radius:var(--col-radius);box-shadow:none}
  .colhead,.fin-col>header{background:transparent;border:0;padding:17px 15px 13px;min-height:62px;align-items:center;gap:9px}
  .colhead h3,.fin-col>header h3{font-family:var(--ui-font);font-size:12px;line-height:1.45;font-weight:600;letter-spacing:.075em;text-transform:uppercase;color:#394658}
  .colhead .count,.fin-col>header>span{font-family:var(--ui-font);font-size:11px;font-weight:600;
    padding:2px 6px;background:#dce2ea;color:#596373;border-radius:4px;min-width:22px;text-align:center}
  .colhead .colcriar{font-family:var(--ui-font);font-size:11px;letter-spacing:0;text-transform:none;color:#48586a}
  .colhead .colcriar:hover{color:var(--red)}.colnome-edit{color:var(--text)}
  .cards,.fin-cards{padding:0 11px 14px;gap:11px;scrollbar-color:#a9b3c1 transparent}
  .cards::-webkit-scrollbar-thumb,.fin-cards::-webkit-scrollbar-thumb{background:#a9b3c1}
  .card,.fin-card{background:#fff!important;color:#27313e!important;border:1px solid #dde2e9;border-radius:var(--card-radius);
    box-shadow:0 1px 2px #23304408;padding:16px;transition:box-shadow .16s,border-color .16s,transform .16s;
    display:flex;flex-direction:column;position:relative}
  .card:not(.dragging){border-top:3px solid var(--card-color,#a7b2c1)}
  .card:hover,.fin-card:hover{border-left-color:#c5ccd6;border-right-color:#c5ccd6;border-bottom-color:#c5ccd6;
    box-shadow:0 5px 16px #27364c12;transform:translateY(-2px)}
  .card.dragging{opacity:.3;transform:none;box-shadow:none;filter:none}.card:active{transform:none}
  .card .v{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:6px;font-size:11px;color:#788393;order:0}
  .card .viagem-id{font:500 11px 'IBM Plex Mono',monospace;color:#667283}
  .card .viagem-id::before{content:'VIAGEM ';font:500 9px var(--ui-font);letter-spacing:.04em;color:#919aa7}
  .card .v .cli{border:0;padding:0;margin:0;max-width:100%;white-space:normal;overflow:visible;
    font:650 14px/1.4 var(--ui-font);letter-spacing:-.15px;text-transform:none;color:#202b39;opacity:1}
  .card .rota{order:1;font-size:12px;font-weight:500;color:#526072;margin:14px 0 0;line-height:1.55;opacity:1}
  .card .mot{order:2;font:500 12px/1.5 var(--ui-font);letter-spacing:0;color:#657183;margin-top:13px;text-transform:none}
  .card .vazio{font-style:normal;font-weight:400;opacity:.85}
  .card .placas{order:3;margin-top:7px;gap:6px;letter-spacing:.015em;font-size:10px;font-weight:500;color:#556172}
  .card .placas span,.card.claro .placas span{background:#f2f4f7;border:1px solid #e9edf2;padding:2px 5px;border-radius:3px}
  .card .foot{order:10;border-top:1px solid #edf0f4;padding-top:10px;margin-top:14px;gap:6px;font-size:10px;letter-spacing:0;color:#6b7584}
  .card .ind{background:#f2f4f7;color:#586577;font-size:9px;font-weight:500;letter-spacing:0;border:0;border-radius:3px}
  .card .ind.alerta,.card .ind.perdida{background:#fce8eb;color:#a22a39}
  .card.risco-pendente::before,.card.risco-piscando::before{background:#f7bdc3;z-index:0;pointer-events:none}
  .card.risco-pendente>*,.card.risco-piscando>*{position:relative;z-index:1}
  .card.perdida{outline:2px solid #d54856}.card.cadastro-motorista{border:1px dashed #a4b6cc;box-shadow:none}
  .fin-observacoes{order:8;background:#fff8eb;color:#8b6a35!important;font-size:11px!important;padding:9px 10px;border-radius:4px;line-height:1.5}
  .fin-lancado{color:#5e6c7e;background:#eef2f6;border:0;box-shadow:none!important;font-size:9px;font-weight:500}
  .viagens-juntas-selo,.selo-viagens-juntas{order:9}
  .fin-check-card,.card-concluir{background:#fff;border:1px solid #c7cfd9;color:#657386;box-shadow:none;border-radius:4px}
  .fin-check-card.on,.card-concluir.on{background:#e2f2e8;border-color:#92bfa3;color:#187448}
  .legenda summary{letter-spacing:0;text-transform:none;font-size:12px;padding:10px;color:#667181}
  .legenda .itens{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px #2330441a}
  .btn,.link,.fin-criar{font-family:var(--ui-font);font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;
    border-radius:6px;padding:10px 15px;background:var(--red);box-shadow:none}
  .btn:hover{background:var(--red-hot)}.btn.sec,.link,.fin-criar.sec{background:#fff;color:#495569;border:1px solid #d4dae3}
  .btn.sec:hover,.link:hover,.fin-criar.sec:hover{color:#26354b;border-color:#9da8b8;background:#f8fafc}
  .link.mini{font-size:11px;letter-spacing:0;padding:6px 10px}.btn.perigo{background:#9d2935;color:#fff;border:0}
  .panel,.breve-box,.fiscal-bloco{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px #23304406}
  .phead{background:#fff;padding:20px 22px}.phead .slash{display:none}
  .phead h2,.fiscal-bloco h3,.fiscal-menu h2,.h-sec,.breve-box h2,.conf h3{font-family:var(--ui-font);font-size:17px;
    font-weight:650;letter-spacing:-.3px;text-transform:none;color:var(--text)}
  .fiscal-menu{border-radius:8px;padding:18px 12px}.fiscal-menu a{border-radius:5px;border:0}
  .fiscal-menu a[aria-current=page]{background:#f6f8fa;border:0;color:var(--red)}
  .fiscal-etapas{border-bottom:1px solid var(--line);gap:0}.fiscal-etapas button{font:500 12px var(--ui-font);background:transparent;
    border:0;border-bottom:2px solid transparent;padding:15px 10px}.fiscal-etapas button.atual{background:none;color:var(--text);border-color:var(--red)}
  .fiscal-cadastro{background:#f9fafc;border-color:var(--line2);border-radius:6px}
  .financeiro-unico{gap:24px}.finance-lado{background:transparent;border:0;padding:22px 18px 8px;box-shadow:none}
  .finance-head{border:0;min-height:57px;padding-bottom:18px}.finance-head h2{font:650 22px var(--ui-font);letter-spacing:-.5px;text-transform:none;color:#263141}
  .finance-fluxo{gap:16px}.fin-card>h4{font:600 14px/1.5 var(--ui-font);letter-spacing:0;color:#27313e}
  .fin-card>strong{font:600 21px/1.5 var(--ui-font);letter-spacing:-.5px;color:#263141;margin:6px 0}
  .fin-card{padding-right:28px}
  .fin-tipo,.fin-doc,.fin-datas{color:#697688}.fin-datas{font-family:var(--ui-font);font-size:11px;line-height:1.6}
  .fin-add{background:none;border:1px dashed #c8d0dc;color:#647184;border-radius:5px}.fin-add:hover{background:#fff;color:#334155}
  .fin-card.lembrete-pagar{background:#fffae9!important;border-color:#e3c862}.fin-card.atrasado-pagar,.fin-card.atrasado-receber{background:#fff1f2!important;border-color:#d75b68}
  .fin-card.vence-hoje,.fin-card.vence-amanha{background:#fff8ec!important;border-color:#e1c080}.fin-card.concluido{background:#f0faf4!important;border-color:#a6c9b3}
  .fin-alerta{color:#926811}.atrasado-pagar .fin-alerta{color:#b42c3b}
  .overlay,.modal{background:#18233666;backdrop-filter:blur(3px)}
  .drawer{background:#fff;border:1px solid #d9dee6;border-radius:12px;box-shadow:0 25px 90px #12203633}
  .dhead{padding:22px 28px;gap:14px;background:#fff}.dhead h2{font:650 20px/1.3 var(--ui-font);letter-spacing:-.4px}
  .dhead h2 small{font:400 12px var(--ui-font);letter-spacing:0;text-transform:none;margin-top:6px}
  .dhead .swatch{width:5px;height:36px;border-radius:2px}.dhead .x{width:32px;height:32px;background:#f1f3f6;border-radius:6px;font-size:23px}
  .dbody{padding:0 28px 28px}.dfoot{padding:15px 28px;background:#fafbfd}
  .drawer[data-id^="parceiro:"] .dbody{overflow-anchor:none}
  .dfoot [data-salvar-cartao]{min-width:100px;margin-right:4px}
  .salvar-status{font:500 11px var(--ui-font);color:var(--muted);margin-right:auto}
  .parceiros-view td.motorista-nome{box-shadow:inset 4px 0 var(--cor-motorista);padding-left:16px}
  #coresParceiro{margin:0;gap:10px}
  #coresParceiro button{width:36px;height:32px;border-radius:6px}
  #documentosParceiro [data-a=input]{display:none}
  .modal .acts:has(#finSalvar),.fiscal-acoes:has([id^=fiscalSalvar]){position:sticky;bottom:0;z-index:3;background:var(--surface);padding:12px 0;border-top:1px solid var(--line)}
  .drawer .sec{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:20px;margin-top:20px;overflow:visible}
  .sec h4{background:none;border:0;border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:18px;font:650 15px var(--ui-font);letter-spacing:-.2px;text-transform:none;color:var(--text)}
  .sec h4::before{display:none}.sec .in{padding:0}.sec h4 small{font-size:11px;letter-spacing:0}
  .f label{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:#657183;margin-bottom:7px}
  input,select,textarea{font-family:var(--ui-font);font-size:13px;padding:11px 12px;line-height:1.4;color:#293545;
    border-color:#d9dfe7;border-radius:6px;background:#fff}
  input::placeholder,textarea::placeholder{color:#969fad}input[type=date]{color-scheme:light;font-family:var(--ui-font)}
  input:focus,select:focus,textarea:focus{border-color:#8493a8;box-shadow:0 0 0 3px #8fa3bf20}
  input:disabled,input[readonly]{opacity:1;color:#657183;background:#f5f7fa}
  .duo,.trio{gap:18px}.f{margin-bottom:18px}.segs{border-radius:6px}.segs .seg{letter-spacing:0;text-transform:none;background:#f6f8fa;color:#667386}
  .cadastro-vinculo-acoes{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
  .drawer .cadastro-vinculo-acoes>.btn{flex:0 1 auto;width:auto;max-width:100%;min-height:38px;
    margin:0;padding:10px 16px;line-height:1.25;white-space:normal}
  #statusVinculoParceiro:empty{display:none}
  .segs .seg:hover{color:#263141}.segs .seg.on{background:#334155;color:#fff}
  .datas-destaque{background:none}.datas-destaque h4{color:#303c4c}.datas-destaque input[type=date]{background:#fff;border-color:#d9dfe7}
  .pagamento-confirmado input{background:#eaf6ee!important;border-color:#a2caae!important;color:#17633b!important}
  .pagamento-confirmado label{color:#247349}.pagamento-ajustado input{background:#edf4ff!important;border-color:#a2bee5!important;color:#225c9f!important}
  .pv-linha,.pv-comprovante{background:#f8fafc;border-color:#e1e6ed;border-radius:6px}
  .flag,.pend.err{background:#fff0f1;color:#9d3440}.flag.warn,.pend{background:#fff8e9;color:#8a6729}.flag.ok{background:#edf7f0;color:#206343}
  .flag,.flag.err,.pend.err,.toast.err{border-left-color:#cf2433}
  input.n.invalido{border-color:#cf2433;box-shadow:inset 2px 0 0 #cf2433;background:#fff0f1}
  .flag.info{color:#59677a}.par{background:#f8fafc;border-radius:6px}.sec.conferencia>h4{color:#986300}
  .hist li,.doctab td,table.arq td,table.viagens td{border-bottom-color:#e5e9ef}
  .tablewrap{border-radius:8px;background:#fff}table.viagens th{font:600 11px var(--ui-font);letter-spacing:0;text-transform:none;padding:16px 12px}
  table.viagens tr.item.semana-a td{background:#f5f8fc}table.viagens tr.item.semana-b td{background:#eef4f0}
  table.viagens tr.item.semana-a:hover td{background:#e8eef6}table.viagens tr.item.semana-b:hover td{background:#e4ede8}
  table.viagens tr.item.perdida td{background:#fbe9ec;color:#973440}table.viagens tr.grp td{background:#edf0f5;color:#566477}
  .fin-ordem-menu,.registro-sugestoes,.cli-lista,.fiscal-sugestoes{background:#fff;border-color:var(--line);border-radius:7px;box-shadow:0 8px 28px #2330441a}
  .fin-ordem-menu button:hover,.fin-ordem-menu button.on,.registro-sugestoes button:hover,.registro-sugestoes button:focus,.fiscal-sugestoes button:hover{background:#eff3f8;color:#23364d}
  .fin-col.over{background:#e3eaf2}.fin-check{color:#657183}.fin-criar.sec.on{color:var(--red)}
  .cli-lista div{border-color:var(--line)}.fin-drop,.drop{border-color:#c8d1df;background:#f8fafc;border-radius:7px;color:#728097;padding:22px 16px}
  .fin-drop b,.drop b{color:#506176;letter-spacing:0;text-transform:none;font-size:12px}
  .fin-drop:hover,.drop:hover{background:#f0f4fa}.fin-drop.com-arquivo{background:#eff8f2;border-color:#a3c7b0}
  .modal .box{background:#fff;border-radius:10px;border-color:#d9dfe7;box-shadow:0 25px 90px #12203633}
  .model{border-radius:7px}.model h3{font:650 14px var(--ui-font);letter-spacing:0;text-transform:none}
  .toast{background:#253244;color:#fff;border:0;border-left:3px solid var(--warn);border-radius:7px;box-shadow:0 8px 24px #23304426}
  #rodape{background:var(--ink);color:#8390a1;border-top:1px solid #e1e6ed;font-family:var(--ui-font);font-size:10px;letter-spacing:0;padding:11px 28px}
  /* Listas crescem com o conteúdo; o rodapé não corta a tabela no meio. */
  body:not(:has(main .view.board,main .financeiro-view)){height:auto}
  body:not(:has(main .view.board,main .financeiro-view)) main{flex:1 0 auto}
  body>footer{flex-shrink:0}
  .card{position:relative}
  .card .v,.card.cadastro-motorista .placas{padding-right:26px}
  .card .card-lixo{position:absolute;right:7px;top:7px;margin:0;padding:4px;background:transparent;border:0;color:inherit;opacity:.65;font-size:15px;line-height:1;border-radius:5px}
  .card .card-lixo:hover,.card .card-lixo:focus-visible{opacity:1;color:#fff;background:#a91b27}
  .assistente-botao{background:#273244;border:1px solid #45536a;box-shadow:0 5px 14px #23304426}
  .assistente-painel{border-radius:10px;overflow:hidden;border-color:#d9dfe7;box-shadow:0 15px 50px #23304426}
  .assistente-topo{padding:16px}.assistente-topo h3{font:650 14px var(--ui-font);letter-spacing:0;text-transform:none}
  .assistente-msg{border:0;border-radius:7px;padding:12px;font-size:13px}.assistente-msg.sistema{background:#f6f8fa;color:#4b586b}
  .assistente-fita{background:#fff7e8;color:#876528;border-color:#eee0c5}
  .acesso,.destaque,.modulo{border-radius:8px;background:#fff}.acesso h2,.destaque h2{font:650 21px var(--ui-font);letter-spacing:-.5px;text-transform:none}
  .h-sec{font-size:14px}.modulo span{text-transform:none}.home .logo-big{background:#141414;padding:16px;border-radius:8px;height:100px}
  .home .hatch{display:none}.acessos{margin-top:28px}
  .perbar .btn-filtros,.perbar .filtros-painel{color:#43536a;background:#fff}.perbar .btn-filtros{border-radius:6px}
  .aparencia-abrir{display:flex;align-items:center;gap:8px;margin-left:auto;padding:8px 11px;background:transparent;
    color:#c7ccd3;border:1px solid #3b3b3b;border-radius:5px;font:500 12px var(--ui-font);cursor:pointer;white-space:nowrap}
  .aparencia-abrir:hover{background:#252525;color:#fff;border-color:#606060}
  .aparencia-abrir:focus-visible{outline:2px solid #fff;outline-offset:3px}
  .aparencia-dialog{width:450px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:26px;
    border:1px solid #dbe0e7;border-radius:12px;background:#fff;color:#263141;box-shadow:0 20px 90px #10182033;overflow:auto}
  .aparencia-dialog::backdrop{background:#15203066;backdrop-filter:blur(3px)}
  .aparencia-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}
  .aparencia-dialog h2{font:600 23px/1.2 var(--ui-font);letter-spacing:-.4px;margin:0}
  .aparencia-dialog header p{font-size:13px;color:#68717e;margin:7px 0 0}
  #aparenciaFechar{background:#f0f2f5;border:0;border-radius:5px;color:#586477;font-size:22px;width:30px;height:30px;cursor:pointer;flex-shrink:0}
  .aparencia-dialog fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}
  .aparencia-dialog legend{font:600 12px var(--ui-font);letter-spacing:.045em;text-transform:uppercase;margin-bottom:11px;color:#566171}
  .aparencia-opcoes,.aparencia-cores{display:flex;gap:8px;flex-wrap:wrap}
  .aparencia-opcoes label,.aparencia-cores label{position:relative;cursor:pointer;flex:1;min-width:94px}
  .aparencia-cores label{flex:1 1 30%}
  .aparencia-dialog input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;inset:0}
  .aparencia-dialog label span{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce1e8;border-radius:5px;
    padding:10px 8px;font:500 12px var(--ui-font);background:#fff;color:#475467}
  .aparencia-cores span::before{content:'';width:12px;height:12px;border-radius:50%;background:var(--amostra);flex-shrink:0}
  .aparencia-dialog input:checked+span{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#f6f8fa;color:#243144}
  .aparencia-dialog input:focus-visible+span{outline:2px solid #607b9e;outline-offset:3px}
  .aparencia-nota{font-size:12px;line-height:1.6;color:#737f8f;margin:4px 0 0}
  #aparenciaStatus{font-size:12px;min-height:20px;color:#28734f;margin:8px 0 0}
  .aparencia-dialog footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e6eaf0;padding-top:18px;margin-top:10px}
  .aparencia-opcoes label:has(input[value=deflo]){flex-basis:100%}
  :root[data-ui-escuro=sim] .subnav,:root[data-ui-escuro=sim] .drawer,
  :root[data-ui-escuro=sim] .dhead,:root[data-ui-escuro=sim] .dfoot,
  :root[data-ui-escuro=sim] .panel,:root[data-ui-escuro=sim] .phead,
  :root[data-ui-escuro=sim] .fiscal-bloco,:root[data-ui-escuro=sim] .fiscal-menu,
  :root[data-ui-escuro=sim] .modal .box,:root[data-ui-escuro=sim] .aparencia-dialog,
  :root[data-ui-escuro=sim] .assistente-painel{background:var(--surface);color:var(--text);border-color:var(--line)}
  :root[data-ui-escuro=sim] .card,:root[data-ui-escuro=sim] .fin-card{background:var(--surface)!important;color:var(--text)!important;border-left-color:var(--line);border-right-color:var(--line);border-bottom-color:var(--line)}
  :root[data-ui-escuro=sim] :is(.card .v .cli,.quadro-identidade h1,.finance-head h2,.fin-card>h4,.fin-card>strong,.dhead h2,.subnav a,.sec h4){color:var(--text)}
  :root[data-ui-escuro=sim] :is(.card .mot,.card .rota,.card .viagem-id,.colhead h3,.fin-col>header h3,.f label,.fin-datas,.fin-tipo){color:var(--silver)}
  :root[data-ui-escuro=sim] :is(input,select,textarea,.par,.pv-linha,.pv-comprovante,.drop,.fin-drop){background:var(--field);color:var(--text);border-color:var(--line2)}
  :root[data-ui-escuro=sim] :is(.btn.sec,.link,.fin-criar.sec,.registro-sugestoes,.cli-lista,.fin-ordem-menu){background:var(--surface2);color:var(--silver);border-color:var(--line2)}
  :root[data-ui-escuro=sim] :is(.card .placas span,.card .ind,.colhead .count,.fin-col>header>span,.aparencia-dialog label span){background:var(--surface2);color:var(--silver);border-color:var(--line2)}
  :root[data-ui-escuro=sim] .aparencia-dialog input:checked+span{border-color:var(--red);color:#fff;background:#303030}
  :root[data-ui-escuro=sim] .fin-card.lembrete-pagar{background:#3d321b!important}
  :root[data-ui-escuro=sim] .fin-card:is(.atrasado-pagar,.atrasado-receber){background:#492329!important}
  :root[data-ui-escuro=sim] .fin-card.concluido{background:#203c2d!important}
  :root[data-ui-escuro=sim] :is(.legenda summary,.colhead .colcriar,#rodape){color:var(--silver)}
  :root[data-ui-escuro=sim] input[type=date]{color-scheme:dark}
  :root[data-ui-escuro=sim]{color-scheme:dark}
  :root[data-ui-escuro=sim] .tablewrap{background:var(--surface);color:var(--text)}
  :root[data-ui-escuro=sim] table.viagens :is(th,td){border-color:var(--line)}
  :root[data-ui-escuro=sim] table.viagens tr.item td{background:var(--surface);color:var(--text)}
  :root[data-ui-escuro=sim] table.viagens tr.item:hover td{background:var(--surface2)}
  :root[data-ui-escuro=sim] table.viagens tr.item.perdida td{background:#492329;color:var(--text)}
  :root[data-ui-escuro=sim] .dhead .x{background:var(--field);color:var(--text)}
  :root[data-ui-escuro=sim] table.viagens :is(th,tr.filtros td){background:var(--surface2);color:var(--silver)}
  .cadastro-placa{border-bottom:1px solid var(--line);padding:8px 0}.cadastro-placa:last-child{border:0}
  .cadastro-clientes .f{display:flex;gap:10px;align-items:center}.cadastro-clientes input{flex:1;min-width:0}
  .cadastro-viagens{max-width:100%;overflow-x:auto}.cadastro-viagens table{width:100%;border-collapse:collapse;font-size:13px}.cadastro-viagens th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.cadastro-viagens th,.cadastro-viagens td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.cadastro-viagens td:first-child{white-space:nowrap}.cadastro-viagens .link{font-size:14px;font-weight:700}
  .proprietario-igual{display:flex;align-items:center;gap:9px;margin-bottom:18px}.proprietario-igual input{width:auto}
  .arquivo-inativo{opacity:.65}.arquivo-inativo td:first-child::after{content:' · placa anterior — histórico';font-size:11px}
  /* A cor escolhida pertence ao cartão, não ao tema do quadro. */
  :root .card[style*="--card-color"]{background:var(--card-color)!important;color:var(--card-text)!important;
    border-color:color-mix(in srgb,var(--card-color),#000 12%);border-top-width:1px}
  :root .card[style*="--card-color"] :is(.v,.v .cli,.viagem-id,.rota,.mot,.placas,.foot){color:var(--card-text)}
  :root .card[style*="--card-color"] .viagem-id::before{color:var(--card-text)}
  :root .card[style*="--card-color"] .foot{border-top-color:color-mix(in srgb,var(--card-text),transparent 80%)}
  :root .card[style*="--card-color"] :is(.placas span,.ind:not(.alerta):not(.perdida)){
    background:color-mix(in srgb,var(--card-color),var(--card-text) 8%);color:var(--card-text);
    border-color:color-mix(in srgb,var(--card-text),transparent 78%)}
  :root .card.cadastro-motorista[style*="--card-color"]{border-style:solid}
  /* Superfície translúcida do Operacional; a cor continua identificando a viagem. */
  :root .card:not(.fin-card)[style*="--card-color"]{
    --card-text:var(--text)!important;--card-tint:color-mix(in srgb,var(--card-color) 18%,var(--surface));
    background:color-mix(in srgb,var(--card-tint) 90%,transparent)!important;
    border-color:color-mix(in srgb,var(--card-color) 32%,var(--line));border-top:3px solid var(--card-color);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    box-shadow:0 3px 10px #12203612,inset 0 1px 0 #ffffff12}
  :root .card:not(.fin-card):not(.dragging)[style*="--card-color"]:hover{box-shadow:0 6px 18px #12203620,inset 0 1px 0 #ffffff18;transform:translateY(-1px)}
  :root .card:not(.fin-card) .v .cli{font-size:15px;line-height:1.45}
  :root .card:not(.fin-card) .viagem-id{font-size:17px;font-weight:600;letter-spacing:.01em;line-height:1.4;overflow-wrap:anywhere}
  :root .card:not(.fin-card) .viagem-id::before{font-size:10px;font-weight:500;letter-spacing:.055em;margin-right:3px}
  :root .card:not(.fin-card) :is(.mot,.rota){font-size:13px;line-height:1.55;color:var(--silver)}
  :root .card:not(.fin-card) .placas-identificadas{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:12px}
  :root .card:not(.fin-card) .placa-linha{display:flex;align-items:center;gap:9px;max-width:100%}
  :root .card:not(.fin-card)[style*="--card-color"] .placas .placa-tipo{min-width:63px;max-width:116px;padding:0;border:0;border-radius:0;
    background:transparent;color:var(--silver);font:500 10px/1.4 var(--ui-font);letter-spacing:.035em;text-transform:uppercase;overflow-wrap:anywhere}
  :root .card:not(.fin-card)[style*="--card-color"] .foot .ind:not(.alerta):not(.perdida):not(.mon-sem-checklist){
    background:var(--surface2);color:var(--silver);border:1px solid var(--line2)}
  :root .card:not(.fin-card)[style*="--card-color"] .foot :is(.ind.alerta,.ind.perdida,.ind.mon-sem-checklist){
    background:#fce8eb;color:#a22a39;border:1px solid #e7a5af}
  :root .card:not(.fin-card) .placa-numero{display:inline-block;flex-shrink:0;min-width:88px;padding:3px 8px 4px;
    border:1px solid #c8cdd5;border-top:3px solid #2a5fd6;border-radius:5px;background:linear-gradient(#fff,#e8edf3);
    color:#161b23;font:600 13px/1.1 'IBM Plex Mono',monospace;letter-spacing:.055em;text-align:center;box-shadow:0 1px 2px #00000018}
  .rastreador-campos [data-tipo-rastreador][hidden]{display:none}
  /* Entrada fixa clássica: nenhuma preferência de aparência muda o acesso. */
  body.em-entrada{background:#141414;color:#f5f5f5;font-family:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
  body.em-entrada :is(#topbar,#subnav,#assistenteBotao,#assistentePainel,#drawer,#modal,#overlay){display:none!important}
  body.em-entrada #main{background:#141414}
  .entrada-classica{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:48px 24px}
  .entrada-painel{width:100%;max-width:360px}
  .entrada-logo{display:block;width:220px;max-width:100%;height:auto;margin:0 auto 46px}
  .entrada-previa{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0 0 28px;padding:12px 16px;
    border:1px solid #626262;border-radius:5px;background:#242424;color:#f5f5f5;text-decoration:none;font-size:15px;font-weight:600}
  .entrada-previa:hover{background:#303030;border-color:#d61a21}
  .entrada-publicado{display:block;margin:18px 0 0;text-align:center;color:#c8c8c8;font-size:13px;text-underline-offset:4px}
  :is(.entrada-previa,.entrada-publicado):focus-visible{outline:2px solid #fff;outline-offset:4px}
  #login-central{border-top:2px solid #d61a21;padding-top:28px}
  #login-central h1{font:600 26px/1.2 "Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.4px;color:#f5f5f5;margin:0 0 28px}
  #login-central label{display:block;font-size:13px;font-weight:500;color:#c8c8c8;letter-spacing:0;text-transform:none;margin:0 0 8px}
  #login-central input{display:block;width:100%;height:48px;margin:0 0 22px;padding:12px 14px;border:1px solid #454545;
    border-radius:5px;background:#202020;color:#fff;font:400 16px/1.4 "Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
  #login-central input:focus{outline:none;border-color:#d61a21;box-shadow:0 0 0 3px #d61a2124}
  #login-central button{display:block;width:100%;height:48px;margin-top:30px;border:0;border-radius:5px;background:#d61a21;
    color:#fff;font:600 15px "Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
  #login-central button:hover{background:#bc141c}#login-central button:focus-visible{outline:2px solid #fff;outline-offset:4px}
  #login-central button:disabled{opacity:.6;cursor:wait}
  #login-central .entrada-erro{min-height:20px;margin:14px 0 0;font-size:13px;color:#ff8a90;line-height:1.5}
  body.em-entrada #rodape{background:#141414;color:#9c9c9c;border-color:#2a2a2a;text-align:center;justify-content:center}
  body.em-entrada #rodape button{display:none}
  @media(max-width:1000px){.quadro-identidade{flex-basis:100%;margin-bottom:7px}.boardbar .search{margin-right:auto;flex:1;max-width:none}}
  @media(max-width:700px){.topbar{padding:0 14px;min-height:60px;gap:14px}.logo{height:24px}
    .areasnav{gap:0;order:3;flex:0 0 100%;width:100%;justify-content:flex-start}.areasnav a{padding:12px 14px 10px;font-size:11px;flex:0 0 auto}.subnav{padding:0 16px;gap:16px;min-height:48px}
    .aparencia-abrir{padding:8px;gap:0}.aparencia-abrir span{display:none}.topbar>.previa{display:none}
    .subnav .rot{display:none}.subnav a{padding:13px 0;font-size:11px}.view.board{padding-top:16px}
    .boardbar{padding:0 16px 16px;gap:8px}.boardwrap{padding-left:16px;padding-right:16px}
    .quadro-identidade h1{font-size:22px}.boardbar .btn,.boardbar>.link{padding:9px 12px;font-size:11px}
    .finance-head h2{font-size:20px}.dbody{padding:0 20px 20px}.dhead{padding:18px 20px}.dhead h2{font-size:17px}.dfoot{padding:12px 20px}}
  @media(prefers-reduced-motion:reduce){.card,.fin-card{transition:none}.card:hover,.fin-card:hover{transform:none}
    .card.risco-pendente,.card.risco-piscando,.fin-card.atrasado-pagar{outline:2px solid #cf2433}
    .card.risco-pendente::before,.card.risco-piscando::before{animation:none;opacity:.25}}
}
@media print {.aparencia-dialog,.aparencia-abrir{display:none!important}}
.banco-pagamento{grid-column:1/-1;width:100%;margin:6px 0;border-top:1px solid var(--line);padding-top:10px}
.banco-pagamento summary{cursor:pointer;font-size:13px;font-weight:600;width:fit-content;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface2)}
.banco-pagamento summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.banco-pagamento-painel{padding-top:14px}
.banco-pagamento [hidden]{display:none!important}
.banco-pagamento [data-banco-status]{margin-left:12px}
.pagamento-comando{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media screen {
  .pagamento-comando .btn.pagamento-autorizado{background:#245a96;border-color:#245a96;color:#fff;opacity:1}
  .conta-legada{margin-bottom:16px}.conta-legada summary{cursor:pointer;font-weight:600;margin-bottom:12px}
  .cadastro-seta{margin-left:auto;width:32px;height:32px;font-size:19px;padding:0;display:inline-flex;align-items:center;justify-content:center}
  .revisao-pagamento{max-height:calc(100dvh - 48px);overflow:auto}.revisao-acoes{display:flex;justify-content:flex-end;gap:12px}
  .revisao-pagamento output{font-size:22px;font-weight:650}
}