:root{--largura:1440px;
    --fundo:#F5F4F0; --cartao:#FFFFFF; --borda:#E2DFD8; --borda2:#ECE9E3; --suave:#F7F5F1;
    --tinta:#18212F; --tinta2:#586170; --navy:#13233D; --navy2:#1E3557; --vinho:#7A1E35; --vinho2:#5A1527; --ouro:#C99A2E;
    --crit-fg:#FFFFFF; --crit-bg:#7A1E35; --alto-fg:#FFFFFF; --alto-bg:#B4541A; --med-fg:#4A3500; --med-bg:#F1D99A; --baixo-fg:#13233D; --baixo-bg:#DCE6F2;
    --ok:#2F6B4F; --ok-bg:#E3F0E8; --aten:#8A5A00; --aten-bg:#FBF0D9; --nap:#586170; --nap-bg:#EEECE7;
    --serif:Poppins,'Segoe UI',system-ui,sans-serif; --sans:'IBM Plex Sans','Segoe UI',system-ui,sans-serif; --mono:'IBM Plex Mono',Consolas,monospace;
  }
  /* Tema escuro só na tela, nunca na impressão: o relatório impresso é sempre claro. */
  @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
    --fundo:#141A24; --cartao:#1C2431; --borda:#2E3847; --borda2:#28313F; --suave:#232C3A; --tinta:#E8EBF0; --tinta2:#A5AEBC; --navy:#DCE3EE; --navy2:#4A6FA5;
    --ok-bg:#1F3A2E; --aten-bg:#3B2E12; --nap-bg:#2A303C; --med-bg:#5A4710; --med-fg:#F7E7B5; --baixo-bg:#24344D; --baixo-fg:#DCE6F2;
  } }
  :root[data-theme="dark"]{
    --fundo:#141A24; --cartao:#1C2431; --borda:#2E3847; --borda2:#28313F; --suave:#232C3A; --tinta:#E8EBF0; --tinta2:#A5AEBC; --navy:#DCE3EE; --navy2:#4A6FA5;
    --ok-bg:#1F3A2E; --aten-bg:#3B2E12; --nap-bg:#2A303C; --med-bg:#5A4710; --med-fg:#F7E7B5; --baixo-bg:#24344D; --baixo-fg:#DCE6F2;
  }
  *{box-sizing:border-box}
  :focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
  @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
  html,body{margin:0;background:var(--fundo);color:var(--tinta);font:15px/1.5 var(--sans)}
  a{color:var(--vinho)} a:hover{color:var(--vinho2)}
  h1,h2,h3{font-family:var(--serif);color:var(--navy);margin:0;font-weight:600}
  button{font-family:inherit}
  .topo{background:var(--navy);color:#E9ECF2;padding:0 24px}
  .topo-in{max-width:var(--largura);margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;min-height:68px;padding:10px 0}
  .marca{display:flex;align-items:center;gap:10px}
  .marca .q{width:34px;height:34px;flex:none;display:block}
  .marca .q svg{display:block;width:100%;height:100%}
  .marca b{font:600 18px var(--serif);color:#fff;display:block}
  .marca small{font-size:12px;color:#AEB8C8}
  .empresa{font-size:13.5px;color:#C9D1DE;text-align:right;min-width:0}
  @media (max-width:600px){.empresa{text-align:left;flex:1 1 100%}.topo-in{min-height:auto}}
  .empresa b{color:#fff;display:block;font-size:14px}
  nav.abas{background:var(--cartao);border-bottom:1px solid var(--borda);padding:0 24px}
  nav.abas .in{max-width:var(--largura);margin:0 auto;display:flex;gap:22px;overflow-x:auto}
  nav.abas button{border:0;background:transparent;font:600 14.5px var(--sans);color:var(--tinta2);padding:0 4px;min-height:48px;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
  nav.abas button[aria-selected="true"]{color:var(--navy);border-bottom-color:var(--vinho)}
  main{max-width:var(--largura);margin:0 auto;padding:28px 24px 48px;display:flex;flex-direction:column;gap:22px}
  @media (max-width:600px){main{padding:18px 16px 40px;gap:16px}.cartao{padding:16px;border-radius:12px}.topo,nav.abas,.jornada,.barra-rev,.fila,.aviso-andamento,.aviso-novo{padding-left:16px;padding-right:16px}.rolagem{margin:0 -16px;padding:0 16px}}
  .aviso{font-size:12px;font-weight:600;color:var(--aten);background:var(--aten-bg);border-radius:999px;padding:4px 10px;display:inline-block}
  .cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:14px;padding:22px 24px}
  .grid{display:grid;gap:14px}
  .g4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
  .g3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .kpi{display:flex;flex-direction:column;gap:6px}
  .kpi>small:first-child{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
  .kpi .v{font:600 38px/1.1 var(--serif);font-variant-numeric:tabular-nums}
  .kpi small,.sub{font-size:13px;color:var(--tinta2)}
  .chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap}
  .chip i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
  .sev-critico{color:var(--crit-fg);background:var(--crit-bg)} .sev-alto{color:var(--alto-fg);background:var(--alto-bg)} .sev-medio{color:var(--med-fg);background:var(--med-bg)} .sev-baixo{color:var(--baixo-fg);background:var(--baixo-bg)}
  .st-critico{color:var(--vinho);background:#F4E6EA} .st-atencao{color:var(--aten);background:var(--aten-bg)} .st-ordem{color:var(--ok);background:var(--ok-bg)} .st-nao_apurado{color:var(--nap);background:var(--nap-bg)}
  .tema{border:1px solid var(--borda2);border-radius:10px;padding:14px;background:var(--suave);display:flex;flex-direction:column;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}
  .tema:hover{border-color:var(--navy2);box-shadow:0 2px 10px rgba(19,35,61,.06)}
  .tema b{font-size:14px;line-height:1.3;display:block}
  .tema>span{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
  .tema>span .sub{font-size:12.5px}
  .duas{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch}
  .duas>section{flex:1 1 340px;min-width:0}
  .linha{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--borda2)}
  .linha:first-of-type{border-top:0}
  .filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
  .filtros button{border:1px solid #D6D2CA;background:#fff;border-radius:999px;padding:0 14px;min-height:40px;font:500 13.5px var(--sans);color:var(--tinta);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
  .filtros button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
  .lista{display:flex;flex-direction:column;gap:10px}
  .item{width:100%;text-align:left;border:1px solid var(--borda);background:var(--cartao);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s}
  .item:hover{border-color:#9AA3B2} .item[aria-current="true"]{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
  .item .t{font-size:14.5px;font-weight:600;line-height:1.35}
  .apont{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
  .apont>.lista{flex:1 1 360px;min-width:0}
  .detalhe{flex:1.5 1 460px;min-width:0;display:flex;flex-direction:column;gap:18px}
  .detalhe h2{font-size:22px;line-height:1.3}
  .rot{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--tinta2);margin-bottom:6px}
  .bloco{background:var(--suave);border-radius:10px;padding:14px 16px}
  blockquote{margin:0;font:13px/1.5 var(--mono)}
  .fazer{background:#EEF1F6;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}
  ol.passos-fazer{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px} ol.passos-fazer li{padding-left:4px;line-height:1.5}
  ol.passos-fazer li::marker{font-weight:700;color:var(--vinho)}
  dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px} dt{font-size:12px;color:var(--tinta2)} dd{margin:2px 0 0;font-weight:600}
  .kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;min-width:1000px}
  .kanwrap{overflow-x:auto;padding-bottom:6px}
  .col{background:#ECEAE5;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
  .col h3{font-size:14.5px;display:flex;justify-content:space-between}
  .card{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
  /* kanban arrastável (só no portal, para o escritório) */
  .card.arrastavel{cursor:grab;transition:box-shadow .15s,transform .15s}
  .card.arrastavel:hover{box-shadow:0 2px 10px rgba(19,35,61,.12)}
  .card.arrastavel:active{cursor:grabbing}
  .card.arrastando{opacity:.4;transform:scale(.98)}
  .col.sobre{outline:2px dashed var(--ouro);outline-offset:-3px;background:var(--aten-bg)}
  .col.sobre .vazio{color:var(--aten)}
  .col.travada{background:repeating-linear-gradient(135deg,#ECEAE5 0 10px,#E6E3DD 10px 20px)}
  .col.travada h3 .sub{font-weight:500}
  .card .mover{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tinta2);margin-top:2px}
  .card .mover select{flex:1;min-width:0;font:inherit;font-size:12.5px;color:var(--tinta);background:var(--cartao);border:1px solid var(--borda);border-radius:7px;padding:4px 6px}
  .card .movido{font-size:12px}
  table{width:100%;border-collapse:collapse;font-size:13.5px} th{text-align:left;color:var(--tinta2);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px} td{padding:12px;border-top:1px solid var(--borda2);vertical-align:top}
  .num{text-align:right;font-variant-numeric:tabular-nums}
  .barras{position:relative;height:190px;display:flex;gap:14px;align-items:flex-end;border-bottom:1px solid #C9C4BA;padding:0 4px}
  .barras .b{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
  .barras .b span{font-size:12.5px;font-weight:600}
  .barras .b i{display:block;width:70%;max-width:56px;background:var(--navy2);border-radius:4px 4px 0 0}
  .rotulos{display:flex;gap:14px;padding:0 4px} .rotulos span{flex:1 1 0;text-align:center;font-size:12.5px;color:var(--tinta2)}
  .rodape{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--tinta2);border-top:1px solid var(--borda);padding-top:18px}
  .solido{background:var(--ok-bg);border-radius:12px;padding:16px}
  .solido h3{color:#234F3A;font-size:14.5px}
  .partes h2{font-size:18px;margin-top:8px}
  .partes p{margin:6px 0}
  .btn{display:inline-flex;align-items:center;gap:8px;background:var(--vinho);color:#fff;border:0;border-radius:8px;padding:0 18px;min-height:44px;font:600 14px var(--sans);cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}
  .btn:hover{background:var(--vinho2)}
  .ghost{background:#fff;color:var(--navy);border:1px solid #D6D2CA}
  .ghost:hover{background:#fff;border-color:var(--navy)}
  /* Modo revisão: só no rascunho */
  .barra-rev{background:#FBF0D9;border-bottom:1px solid #E6C98A;padding:0 24px;color:#4A3500}
  .barra-rev .in{max-width:var(--largura);margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:10px 0}
  .barra-rev .in.sub{padding-top:0;font-size:12.5px;color:#6B5420}
  .barra-rev .btn{min-height:38px}
  .ed{width:100%;font:inherit;color:inherit;background:var(--cartao);border:1px solid #D6D2CA;border-radius:8px;padding:8px 10px;box-sizing:border-box;line-height:1.45}
  .ed:focus{outline:2px solid var(--navy);border-color:var(--navy)}
  textarea.ed{resize:vertical;min-height:56px}
  .descartado{opacity:.55} .descartado .t{text-decoration:line-through}
  .decisao{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--suave);border-radius:12px;padding:12px 14px}
  @media print{ .barra-rev{display:none!important} .ed{border:0;padding:0;background:transparent} }
  .dst{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 13px var(--sans);-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .dst-recebido{background:var(--ok-bg);color:var(--ok)} .dst-parcial{background:var(--aten-bg);color:var(--aten)} .dst-ilegivel{background:#F4E6EA;color:var(--vinho)} .dst-faltou{background:var(--vinho);color:#fff} .dst-nao_se_aplica{background:var(--nap-bg);color:var(--nap)}
  .docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
  .docs h3{font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--tinta2);font-family:var(--sans);font-weight:600;margin-bottom:4px}
  .doc{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--borda2)}
  .doc b{font-size:14px;font-weight:600;display:block;line-height:1.35} .doc small{font-size:12.5px;color:var(--tinta2);display:block}
  .doc.falta b{color:var(--vinho)}
  .barra-docs{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--nap-bg);-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .barra-docs i{display:block;height:100%}
  .legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--tinta2)} .legenda span{display:inline-flex;align-items:center;gap:6px}
  .legenda .dst{flex-basis:18px;width:18px;height:18px;font-size:11px}
  @media print{
    nav.abas,.filtros,.btn,.no-print{display:none!important}
    body{background:#fff} main{max-width:none;padding:0} .cartao{break-inside:avoid;border-color:#ccc}
    section[hidden]{display:block!important}
    .marca-dagua{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font:700 54px var(--serif);color:rgba(19,35,61,.07);transform:rotate(-28deg);pointer-events:none;z-index:0}
  }
  /* Jornada em três etapas: documentos, leitura e cruzamento, relatório */
  .jornada{background:var(--cartao);border-bottom:1px solid var(--borda);padding:0 24px}
  .jornada .in{max-width:var(--largura);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}
  .etapa{display:flex;gap:12px;align-items:flex-start;padding:14px 18px 14px 0;min-width:0}
  .etapa+.etapa{padding-left:18px;border-left:1px solid var(--borda2)}
  .etapa .n{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 12.5px var(--sans);background:var(--navy);color:#fff}
  .etapa.feita .n{background:var(--ok)} .etapa.andamento .n{background:var(--ouro);color:#2B1F05}
  .etapa b{display:block;font-size:14px;line-height:1.3}
  .etapa small{display:block;font-size:12.5px;color:var(--tinta2);line-height:1.4;margin-top:2px}
  @media (max-width:720px){.jornada .in{grid-template-columns:1fr}.etapa{padding:9px 0;align-items:center}.etapa+.etapa{padding-left:0;border-left:0;border-top:1px solid var(--borda2)}.etapa small{display:none}.etapa .n{width:24px;height:24px;flex-basis:24px;font-size:12px}}
  .kpi .v em{font:500 16px var(--sans);color:var(--tinta2);font-style:normal}
  /* Como enviar: pasta no Drive, três passos e o aviso de término */
  .como-enviar{border-left:4px solid var(--ouro);display:flex;flex-direction:column;gap:16px}
  .ce-topo{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;align-items:center}
  .passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;counter-reset:passo}
  .passos li{counter-increment:passo;display:flex;flex-direction:column;gap:4px;padding:12px 14px 12px 44px;position:relative;background:var(--suave);border-radius:10px}
  .passos li::before{content:counter(passo);position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 12px var(--sans)}
  .passos b{font-size:14px;line-height:1.3} .passos span{font-size:13px;color:var(--tinta2)}
  .passos .btn{align-self:flex-start;margin-top:6px;min-height:36px;font-size:13px}
  @media print{.como-enviar{display:none!important}}
  /* Etapa 0 e amostra */
  .etapa-zero{border-left:4px solid var(--navy2);display:flex;flex-direction:column;gap:16px}
  .etapa-zero.destaque{border:2px solid var(--navy);border-left-width:6px;padding:26px 28px;box-shadow:0 10px 30px rgba(19,35,61,.08)}
  .ez-cabeca{display:flex;gap:14px;align-items:flex-start}
  .ez-num{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--vinho);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 18px var(--serif)}
  .ez-cabeca h2{font-size:22px;line-height:1.2;margin:2px 0 6px} .ez-cabeca .sub{margin:0;font-size:14.5px;max-width:70ch}
  .ez-doc{flex-direction:column;align-items:stretch;gap:12px}
  .ez-botoes{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
  .btn.grande{min-height:50px;font-size:15.5px;padding:0 24px}
  .ez-passos li{background:transparent;padding-left:40px} .ez-passos .btn{margin-top:8px}
  .etapa-zero .doc{border-top:0;background:var(--suave);border-radius:10px;padding:12px 14px;flex-wrap:wrap}
  .etapa-zero .doc small{margin-top:4px}
  .amostra-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 16px}
  .amostra-item{padding:6px 0;border-top:1px solid var(--borda2)}
  .amostra-item b{display:block;font-size:13.5px} .amostra-item small{display:block;color:var(--tinta2);font-size:12px}
  .amostra-bloco h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta2);font-family:var(--sans);font-weight:600;margin-bottom:4px}
  .amostra-bloco.desligados{background:#F4E6EA;border-radius:10px;padding:12px 14px} .amostra-bloco.desligados h3{color:var(--vinho)} .amostra-bloco.desligados .sub{margin:0 0 6px;font-size:12.5px}
  .amostra-bloco.desligados .amostra-item{border-top-color:rgba(122,30,53,.18)}
  .chip-desl{color:#fff;background:var(--vinho);font-size:11px;padding:2px 8px;vertical-align:middle} .chip-adm{color:var(--aten);background:var(--aten-bg);font-size:11px;padding:2px 8px;vertical-align:middle}
  /* Envio pelo portal */
  .doc{align-items:center}
  .env-btn{min-height:32px;font-size:12.5px;padding:0 12px;flex:0 0 auto;align-self:center}
  .doc:has(.pessoas-doc){align-items:flex-start} .doc:has(.pessoas-doc)>.dst{margin-top:1px}
  .pessoas-doc{display:flex;flex-direction:column;margin:6px 0 2px;border-left:2px solid var(--borda2);padding-left:10px}
  .pessoa-doc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:4px 0;font-size:13px}
  .pessoa-doc+.pessoa-doc{border-top:1px dashed var(--borda2)}
  .pessoa-doc .dst{transform:scale(.85)}
  .pessoa-doc b{font-size:13px;font-weight:600;display:inline;line-height:1.3} .pessoa-doc .sub{font-size:12.5px}
  .pessoa-doc small{font-size:11.5px;display:block}
  .pessoa-doc.falta b{color:var(--vinho)}
  .env-btn.mini{min-height:26px;font-size:11.5px;padding:0 9px;margin-left:auto}
  .pessoa-doc .env-lista{flex:1 1 100%}
  .env-lista{display:flex;flex-direction:column;gap:4px;margin-top:6px}
  .env-item{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:8px;align-items:center;font-size:12.5px}
  .env-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .env-barra{display:block;height:6px;border-radius:3px;background:var(--borda2);overflow:hidden} .env-barra i{display:block;height:100%;background:var(--navy2);transition:width .2s}
  .env-item.ok .env-barra i{background:var(--ok)} .env-item.erro .env-barra i{background:var(--vinho)} .env-item.erro .env-est{color:var(--vinho)}
  .env-est{color:var(--tinta2);white-space:nowrap}
  .env-escolha{display:flex;flex-direction:column;gap:8px;background:var(--suave);border-radius:10px;padding:10px 12px;margin-top:8px;font-size:13px}
  .env-escolha label{font-weight:600} .env-escolha div{display:flex;gap:8px;flex-wrap:wrap} .env-escolha .btn{min-height:34px;font-size:13px}
  @media print{.env-btn,.env-lista,.env-escolha{display:none!important}}
  /* Documentos: pedido ao cliente e acervo com os Ids. */
  .pedido{background:#FBF3DF;border:1px solid var(--ouro);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;color:#2B1F05}
  .pedido textarea{width:100%;font:13px/1.5 var(--mono);color:var(--tinta);background:var(--cartao);border:1px solid var(--borda);border-radius:8px;padding:10px;min-height:150px;resize:vertical;box-sizing:border-box}
  .pastas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
  .pasta{border:1px solid var(--borda);border-radius:12px;background:var(--cartao);overflow:hidden;break-inside:avoid}
  .pasta header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;background:var(--suave);border-bottom:1px solid var(--borda2);font-weight:600;font-size:14px}
  .pasta header span{font-size:12.5px;color:var(--tinta2);font-weight:500;white-space:nowrap}
  .pasta ul{list-style:none;margin:0;padding:6px 0;max-height:260px;overflow:auto}
  .pasta li{display:flex;gap:10px;align-items:baseline;padding:6px 14px;font-size:13px}
  .pasta li code{font:500 12px var(--mono);color:var(--vinho);flex:0 0 42px}
  .pasta li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pasta li small{color:var(--tinta2);white-space:nowrap;font-variant-numeric:tabular-nums}
  /* Apontamentos em tabela */
  .rolagem{overflow-x:auto;margin:0 -24px;padding:0 24px}
  table.apontamentos{min-width:760px}
  th[data-ord]{cursor:pointer;user-select:none;white-space:nowrap}
  th[aria-sort]::after{content:" ↓";color:var(--vinho)} th[aria-sort="ascending"]::after{content:" ↑"}
  tr[tabindex]{cursor:pointer} tr[tabindex]:hover td{background:var(--suave)}
  tr[aria-current="true"] td{background:var(--suave);box-shadow:inset 3px 0 0 var(--vinho)}
  tr.descartado td{opacity:.55} tr.descartado td.t{text-decoration:line-through}
  .ok-mark{color:var(--ok);font-weight:600;white-space:nowrap}
  .meses{display:inline-flex;gap:3px}
  .meses i{width:14px;height:14px;border-radius:3px;background:var(--borda2);display:inline-block;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .meses i.on{background:var(--navy2)}
  .decisao .motivo{display:flex;gap:8px;flex:1 1 100%;align-items:center} .decisao .motivo input{flex:1}
  .prog{display:inline-flex;height:8px;width:160px;border-radius:999px;overflow:hidden;background:var(--nap-bg)} .prog i{display:block;height:100%}
  /* Evolução entre semestres */
  .evo{display:grid;grid-template-columns:minmax(180px,1.2fr) 1fr;gap:10px 16px;align-items:center;font-size:13.5px}
  .evo .par{display:flex;flex-direction:column;gap:4px}
  .evo .b{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
  .evo .b i{display:block;height:12px;border-radius:3px;background:var(--borda);min-width:2px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .evo .b.atual i{background:var(--navy2)}
  .evo .b small{color:var(--tinta2);width:60px;flex:0 0 60px}
  .toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:10px;font-size:13.5px;box-shadow:0 6px 20px rgba(0,0,0,.2);z-index:60}
  @media print{ .jornada,.toast{display:none!important} .pasta ul{max-height:none;overflow:visible} }
  .marca-dagua{display:none}
  body.rascunho .marca-dagua{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;font:700 72px var(--serif);color:rgba(122,30,53,.10);transform:rotate(-28deg);pointer-events:none;z-index:50}
  .faixa-rascunho{display:none}
  body.rascunho .faixa-rascunho{display:block;background:var(--vinho);color:#fff;text-align:center;font-size:13px;font-weight:600;padding:6px 16px;letter-spacing:.02em}

  /* ===== Camada moderna (14/11/2026): o mesmo relevo do portal TorexIA Peças ==========================
     Sombras em camadas, cantos mais redondos, campos em relevo, botões de carimbo e o fundo com dois brilhos
     (vinho e dourado). Fica no fim do arquivo para valer sobre as regras de cada tela; o modo escuro troca só
     os tokens, e a impressão desliga tudo: o relatório impresso continua plano e claro. */
  :root{--raio:20px;--raio-m:14px;--vinho-claro:#93304B;--campo:#CFCAC0;--topo:#13233D;--topo2:#1E3557;
    --sombra-alta:0 1px 0 rgba(255,255,255,.7) inset,0 1px 2px rgba(19,35,61,.06),0 8px 18px -10px rgba(19,35,61,.16),0 30px 60px -30px rgba(19,35,61,.30);
    --sombra-baixa:0 1px 2px rgba(19,35,61,.06),0 4px 12px -6px rgba(19,35,61,.14);
    --sombra-campo:0 1px 2px rgba(19,35,61,.06),inset 0 -1px 0 rgba(19,35,61,.04);
    --sombra-erguida:0 6px 14px -8px rgba(19,35,61,.35);
    --halo:0 0 0 4px rgba(122,30,53,.12);
    --brilho-a:rgba(122,30,53,.08);--brilho-b:rgba(201,154,46,.11)}
  @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){--campo:#4A576C;
    --sombra-alta:0 1px 0 rgba(255,255,255,.04) inset,0 2px 4px rgba(0,0,0,.3),0 24px 50px -24px rgba(0,0,0,.7);
    --sombra-baixa:0 1px 2px rgba(0,0,0,.35),0 6px 14px -8px rgba(0,0,0,.5);--sombra-campo:0 1px 2px rgba(0,0,0,.3);
    --sombra-erguida:0 8px 18px -8px rgba(0,0,0,.6);--halo:0 0 0 4px rgba(240,169,188,.16);
    --brilho-a:rgba(240,169,188,.05);--brilho-b:rgba(226,184,88,.06)} }
  :root[data-theme="dark"]{--campo:#4A576C;
    --sombra-alta:0 1px 0 rgba(255,255,255,.04) inset,0 2px 4px rgba(0,0,0,.3),0 24px 50px -24px rgba(0,0,0,.7);
    --sombra-baixa:0 1px 2px rgba(0,0,0,.35),0 6px 14px -8px rgba(0,0,0,.5);--sombra-campo:0 1px 2px rgba(0,0,0,.3);
    --sombra-erguida:0 8px 18px -8px rgba(0,0,0,.6);--halo:0 0 0 4px rgba(240,169,188,.16);
    --brilho-a:rgba(240,169,188,.05);--brilho-b:rgba(226,184,88,.06)}

  /* Fundo: dois brilhos fixos atrás de tudo (não rolam com a página). */
  body{isolation:isolate}
  body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(40% 45% at 12% 30%,var(--brilho-a),transparent 70%),radial-gradient(38% 42% at 88% 72%,var(--brilho-b),transparent 72%),radial-gradient(30% 30% at 70% 8%,var(--brilho-b),transparent 70%)}

  /* Topo com o fio dourado e sombra sobre a jornada; abas com sombra leve sobre o conteúdo. */
  /* O azul do topo, dos números e dos filtros é o da marca nos dois temas (--navy vira claro no escuro). */
  .topo{background:var(--topo);position:relative;z-index:3;box-shadow:0 1px 0 rgba(201,154,46,.5),0 12px 30px -18px rgba(19,35,61,.75)}
  nav.abas{position:relative;z-index:1;box-shadow:0 10px 24px -20px rgba(19,35,61,.45)}
  nav.abas button{transition:color .15s,border-color .15s}
  nav.abas button:hover{color:var(--navy)}
  .etapa .n{background:linear-gradient(180deg,var(--topo2),var(--topo));box-shadow:inset 0 -2px 0 rgba(0,0,0,.15),0 1px 2px rgba(19,35,61,.2)}
  .etapa.feita .n{background:linear-gradient(180deg,#3A7F5F,var(--ok))}
  .etapa.andamento .n{background:linear-gradient(180deg,#D9AC45,var(--ouro));box-shadow:0 0 0 4px rgba(201,154,46,.25),0 4px 10px -4px rgba(19,35,61,.45)}

  /* Cartões flutuam. */
  main{gap:24px}
  .cartao{border-radius:var(--raio);border-color:color-mix(in srgb,var(--borda) 80%,transparent);box-shadow:var(--sombra-alta);padding:24px 26px}
  .etapa-zero.destaque{border-color:var(--borda);border-left-color:var(--navy);padding:26px 28px;box-shadow:var(--sombra-alta),0 0 0 1px rgba(19,35,61,.04)}
  @media (max-width:600px){.cartao{padding:18px 16px;border-radius:16px}.etapa-zero.destaque{padding:18px 16px 18px 18px}}

  /* Cartõezinhos: temas, itens, pastas, cards do kanban e os passos do Como enviar sobem ao passar o mouse. */
  .tema,.item,.card,.pasta,.passos li,.etapa-zero .doc{border-radius:12px;box-shadow:var(--sombra-campo)}
  .tema,.item{transition:border-color .15s,box-shadow .15s,transform .15s}
  .tema:hover,.item:hover{border-color:var(--ouro);box-shadow:var(--sombra-erguida);transform:translateY(-1px)}
  .item[aria-current="true"]{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy),var(--sombra-erguida)}
  .card.arrastavel:hover{box-shadow:var(--sombra-erguida);transform:translateY(-1px)}
  .ez-passos li{box-shadow:none}
  .passos li::before{background:linear-gradient(180deg,var(--topo2),var(--topo));box-shadow:inset 0 -2px 0 rgba(0,0,0,.15),0 1px 2px rgba(19,35,61,.2)}
  .ez-num{background:linear-gradient(180deg,var(--vinho-claro),var(--vinho));box-shadow:0 6px 12px -4px rgba(122,30,53,.5)}
  .bloco,.fazer,.solido,.decisao,.pedido,.env-escolha,.amostra-bloco.desligados{border-radius:var(--raio-m)}
  .col{border-radius:16px}
  .chip,.dst{box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
  .meses i{box-shadow:inset 0 1px 1px rgba(19,35,61,.12)}

  /* Botões de carimbo: sobem ao passar o mouse e afundam ao clicar. O secundário fica branco, com relevo leve. */
  .btn{background:linear-gradient(180deg,var(--vinho-claro),var(--vinho));border:1px solid var(--vinho2);border-radius:12px;font-family:var(--serif);letter-spacing:.01em;justify-content:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 var(--vinho2),0 6px 14px -6px rgba(122,30,53,.55);transition:transform .14s ease,box-shadow .14s ease,background .14s,border-color .14s,color .14s}
  .btn:hover{background:linear-gradient(180deg,var(--vinho-claro),var(--vinho));color:#fff;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 0 var(--vinho2),0 10px 20px -8px rgba(122,30,53,.6)}
  .btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.25)}
  .btn[disabled],.btn[disabled]:hover{background:var(--nap-bg);border-color:var(--borda);color:var(--tinta2);box-shadow:none;transform:none;cursor:not-allowed}
  .btn.ghost,.ghost{background:var(--cartao);color:var(--navy);border:1px solid var(--borda);box-shadow:var(--sombra-campo)}
  .btn.ghost:hover,.ghost:hover{background:var(--cartao);color:var(--navy);border-color:var(--ouro);transform:translateY(-1px);box-shadow:var(--sombra-erguida)}
  .btn.ghost:active,.ghost:active{transform:none;box-shadow:inset 0 1px 3px rgba(19,35,61,.15)}
  .env-btn,.barra-rev .btn,.passos .btn,.btn.mini{border-radius:10px}
  .env-btn.mini{border-radius:8px}
  .btn.grande{border-radius:14px}
  .filtros button{background:var(--cartao);border-color:var(--borda);box-shadow:var(--sombra-campo);transition:transform .14s ease,box-shadow .14s,border-color .14s,background .14s}
  .filtros button:hover{transform:translateY(-1px);border-color:var(--ouro);box-shadow:var(--sombra-erguida)}
  .filtros button[aria-pressed="true"]{background:linear-gradient(180deg,var(--topo2),var(--topo));border-color:var(--topo);color:#fff;box-shadow:0 4px 10px -6px rgba(19,35,61,.6)}

  /* Campos em relevo, com o halo vinho no foco. */
  .ed{border-radius:12px;border-color:var(--borda);box-shadow:var(--sombra-campo);transition:border-color .15s,box-shadow .15s}
  .ed:hover{border-color:var(--campo);box-shadow:0 3px 10px -4px rgba(19,35,61,.18)}
  .ed:focus,.ed:focus-visible{outline:0;border-color:var(--vinho-claro);box-shadow:var(--halo),0 3px 10px -4px rgba(19,35,61,.18)}
  .pedido textarea,.card .mover select{border-radius:10px}

  /* Avisos flutuantes. */
  .toast{background:var(--topo);border-radius:var(--raio-m);box-shadow:0 2px 6px rgba(0,0,0,.12),0 18px 40px -12px rgba(19,35,61,.55)}

  /* Modo escuro: os fundos que estavam fixos em claro passam a seguir o tema. */
  @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .fazer{background:var(--suave)} :root:not([data-theme="light"]) .card{background:var(--cartao)}
    :root:not([data-theme="light"]) .col{background:var(--fundo)} :root:not([data-theme="light"]) .col.travada{background:repeating-linear-gradient(135deg,var(--fundo) 0 10px,var(--suave) 10px 20px)}
    :root:not([data-theme="light"]) .filtros button{color:var(--tinta)} }
  :root[data-theme="dark"] .fazer{background:var(--suave)} :root[data-theme="dark"] .card{background:var(--cartao)}
  :root[data-theme="dark"] .col{background:var(--fundo)} :root[data-theme="dark"] .col.travada{background:repeating-linear-gradient(135deg,var(--fundo) 0 10px,var(--suave) 10px 20px)}
  :root[data-theme="dark"] .filtros button{color:var(--tinta)}

  @media (prefers-reduced-motion:reduce){.btn:hover,.ghost:hover,.tema:hover,.item:hover,.filtros button:hover,.card.arrastavel:hover{transform:none}}
  /* Impressão: sem brilho nem sombra, cantos discretos. */
  @media print{ body::before{display:none} body{isolation:auto}
    .cartao,.etapa-zero.destaque,.tema,.item,.card,.pasta,.passos li,.etapa-zero .doc,.chip,.dst,.meses i,.ed,.topo,nav.abas{box-shadow:none!important}
    .cartao{border-radius:10px;padding:18px 20px} }

  /* ===== Para o cliente (14/11/2026): resumo da diretoria, o que fazer primeiro, contato, abas futuras ===== */
  .sumario-dir{border-left:4px solid var(--vinho);display:flex;flex-direction:column;gap:8px}
  .sumario-dir .rot{margin:0}
  .sumario-dir p{margin:0;font-size:15.5px;line-height:1.6;max-width:92ch}
  .lista-prior{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
  .lista-prior > li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--borda);border-radius:12px;background:var(--cartao);box-shadow:var(--sombra-campo)}
  .prior-n{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,var(--vinho-claro),var(--vinho));color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 14px var(--serif);box-shadow:0 4px 10px -4px rgba(122,30,53,.5)}
  .prior-corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
  .prior-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--tinta2)}
  .prior-acoes{display:flex;flex-direction:column;gap:6px;align-items:stretch;flex:0 0 auto}
  .prior-acoes .btn{min-height:34px;font-size:13px;padding:0 12px;border-radius:10px}
  @media (max-width:600px){.lista-prior > li{flex-wrap:wrap}.prior-acoes{flex:1 1 100%;flex-direction:row;flex-wrap:wrap}}
  .contato-esc{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;align-items:center;background:var(--suave);border:1px solid var(--borda);border-radius:var(--raio-m);padding:16px 20px;box-shadow:var(--sombra-baixa)}
  .contato-esc b{display:block;font-size:14.5px} .contato-esc .sub{display:block;margin-top:2px}
  .contato-acoes{display:flex;flex-wrap:wrap;gap:8px}
  .contato-acoes .btn{min-height:38px;font-size:13.5px}
  .duvida{display:inline-block;margin-top:2px;font-size:13.5px;font-weight:600}
  nav.abas button[disabled]{opacity:.55;cursor:not-allowed}
  nav.abas button[disabled]::after{content:"em breve";font:500 10.5px var(--sans);margin-left:6px;color:var(--tinta2);border:1px solid var(--borda);border-radius:999px;padding:1px 6px;vertical-align:1px}
  @media print{.contato-esc,.duvida{display:none!important}}