/* Base visual dos sistemas Indexa: barra preta com filete laranja, Poppins, fundo claro em degradê,
   cartões brancos. Mesmos valores do sistema de relatórios. */
@font-face{font-family:Poppins;font-weight:300;src:url('/poppins/Poppins-Light.ttf') format('truetype');font-display:swap}
@font-face{font-family:Poppins;font-weight:400;src:url('/poppins/Poppins-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Poppins;font-weight:500;src:url('/poppins/Poppins-Medium.ttf') format('truetype');font-display:swap}
@font-face{font-family:Poppins;font-weight:600;src:url('/poppins/Poppins-SemiBold.ttf') format('truetype');font-display:swap}
@font-face{font-family:Poppins;font-weight:700;src:url('/poppins/Poppins-Bold.ttf') format('truetype');font-display:swap}
@font-face{font-family:Poppins;font-weight:800;src:url('/poppins/Poppins-ExtraBold.ttf') format('truetype');font-display:swap}

:root{
  --laranja:#E8471C; --laranja-esc:#c93a14; --pessego:#fff0ea; --pessego-borda:#f7d3c5;
  --tinta:#1a1a1a; --texto:#444; --cinza:#666; --cinza-claro:#999; --apagado:#a6a6ad;
  --linha:#e6e6ea; --fundo-mudo:#eff0f2;
  --ok:#1a7f4f; --ok-fundo:#e8f5ee; --alerta:#a86a00; --alerta-fundo:#fff4dd; --erro:#b3261e; --erro-fundo:#fdecea;
  --raio:14px; --barra:62px;
  /* superfícies e textos que mudam com o tema */
  --pagina:#f3f1fb; --gradiente:linear-gradient(145deg,#dfe6ff 0%,#eef0ff 28%,#f8f4ff 55%,#fff0f0 80%,#ffe4d8 100%);
  --superficie:#fff; --superficie-2:#fafafa; --campo-fundo:#fff;
  --vidro:rgba(255,255,255,.72); --vidro-borda:rgba(255,255,255,.8); --vidro-sombra:0 8px 30px rgba(0,0,0,.06);
  --botao-texto:#333; --texto-2:#555; --aviso-fundo:#faf7f5; --linha-suave:#efeff3; --tracejado:#d3d3db; --placeholder:#d6d6dc;
  --hover-linha:rgba(255,240,234,.7); --alerta-texto:#6b4400; --imagem-fundo:#f4f4f6; --abas-fundo:rgba(255,255,255,.6);
  --janela-fechar:#f0f0f2; --rodape:#f7f3fb; --rodape-0:rgba(247,243,251,0); --torrada:#1a1a1a;
}
/* Tema noturno: cinza escuro de base, laranja da marca só como destaque. A barra preta e o filete laranja não mudam. */
:root[data-tema="noturno"]{
  color-scheme:dark;
  --laranja:#EE5529; --laranja-esc:#F2643A; --pessego:rgba(238,85,41,.12); --pessego-borda:rgba(238,85,41,.38);
  --tinta:#F3F4F6; --texto:#D4D6DB; --cinza:#A6A9B0; --cinza-claro:#7E828A; --apagado:#5F636A;
  --linha:#34363B; --fundo-mudo:#313338;
  --ok:#57C08D; --ok-fundo:rgba(87,192,141,.12); --alerta:#DDB25A; --alerta-fundo:rgba(221,178,90,.12); --erro:#EE8672; --erro-fundo:rgba(238,134,114,.12);
  --pagina:#1E1F22; --gradiente:none;
  --superficie:#2A2B30; --superficie-2:#313338; --campo-fundo:#1F2023;
  --vidro:#242529; --vidro-borda:#303237; --vidro-sombra:none;
  --botao-texto:#E1E3E8; --texto-2:#BFC2C8; --aviso-fundo:#1F2023; --linha-suave:#2D2F33; --tracejado:#44474D; --placeholder:#565A61;
  --hover-linha:rgba(255,255,255,.035); --alerta-texto:#E6C98A; --imagem-fundo:#1A1B1E; --abas-fundo:#242529;
  --janela-fechar:#313338; --rodape:#1E1F22; --rodape-0:rgba(30,31,34,0); --torrada:#0b0b0c;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:Poppins,system-ui,sans-serif;color:var(--tinta);min-height:100vh;background:var(--pagina);-webkit-font-smoothing:antialiased}
/* o degradê fica numa camada fixa própria: background-attachment:fixed repinta a página inteira a cada rolagem no celular */
body::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--gradiente)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--laranja)}
[hidden]{display:none!important}

/* barra superior */
.ixbar{background:#000;height:var(--barra);min-height:var(--barra);border-bottom:3px solid var(--laranja);display:flex;align-items:center;gap:14px;padding:0 20px;position:sticky;top:0;z-index:50}
.ixbar .ixlogo{display:inline-flex;align-items:center;flex:none;line-height:0}
.ixbar .ixlogo img{height:38px;width:auto;display:block}
.ixbar .ixsep{color:#444;font-size:20px;flex:none;line-height:1}
.ixbar h1{color:#efefef;font-weight:300;font-size:13px;letter-spacing:.16em;text-transform:uppercase;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ixbar .ixnav{display:flex;gap:2px;flex:none;align-items:center;margin-right:6px}
.ixbar .ixnav button{background:none;border:0;color:#9a9a9a;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:6px}
.ixbar .ixnav button:hover{color:#fff}
.ixbar .ixnav button.on{color:var(--laranja)}
.ixbar .ixacts{display:flex;gap:6px;flex:none;align-items:center}
.ixbar .ixic{background:none;border:0;color:#9a9a9a;padding:8px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;line-height:0}
.ixbar .ixic:hover{background:rgba(255,255,255,.13);color:#fff}
.ixbar .ixic.on{color:var(--laranja)}
.ixbar .ixic svg{width:17px;height:17px;display:block}
.ixbar .ixquem{color:#9a9a9a;font-size:11px;letter-spacing:.04em;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}

/* textos */
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--laranja)}
.rotulo{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-claro)}
.titulo{font-size:30px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
.sub{font-size:14px;color:var(--cinza);margin-top:8px}
.num{font-variant-numeric:tabular-nums}

/* cartão */
.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);padding:18px;position:relative}
.cartao.faixa::after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--laranja);border-radius:var(--raio) var(--raio) 0 0;opacity:.9}
.vidro{background:var(--vidro);border:1.5px solid var(--vidro-borda);border-radius:20px;box-shadow:var(--vidro-sombra)}

/* botões */
.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .15s,transform .1s,opacity .15s}
.btn:active{transform:scale(.98)}
.btn.primario{background:var(--laranja);color:#fff}
.btn.primario:hover{background:var(--laranja-esc)}
.btn.fantasma{background:var(--superficie);border:1px solid var(--linha);color:var(--botao-texto)}
.btn.fantasma:hover{border-color:var(--laranja);color:var(--laranja)}
.btn.contorno{background:none;border:1.5px solid var(--laranja);color:var(--laranja)}
.btn.pequeno{padding:7px 12px;font-size:12px;border-radius:8px}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn.ocupado{pointer-events:none;color:transparent;position:relative}
.btn.ocupado::after{content:"";position:absolute;top:50%;left:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:gira .65s linear infinite}
.btn.fantasma.ocupado::after,.btn.contorno.ocupado::after{border-color:var(--linha);border-top-color:var(--tinta)}
.link{background:none;border:0;color:var(--laranja);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:4px 0}
@keyframes gira{to{transform:rotate(360deg)}}

/* formulário */
.campo{display:block;margin-bottom:14px}
.campo>span{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cinza);margin-bottom:6px}
.campo input,.campo select,.campo textarea{width:100%;border:1px solid var(--linha);border-radius:9px;padding:10px 12px;font-size:14px;background:var(--campo-fundo);outline:0}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--laranja);box-shadow:0 0 0 3px rgba(232,71,28,.11)}
.campo .dica{font-size:11.5px;color:var(--cinza-claro);margin-top:5px;line-height:1.45}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.erro-msg{color:var(--erro);font-size:12.5px;font-weight:600;min-height:18px;margin:2px 0 8px}

/* selos */
.selo{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:var(--fundo-mudo);color:var(--cinza);white-space:nowrap}
.selo.campo-s{background:var(--pessego);color:var(--laranja)}
.selo.ok{background:var(--ok-fundo);color:var(--ok)}
.selo.alerta{background:var(--alerta-fundo);color:var(--alerta)}
.selo.erro{background:var(--erro-fundo);color:var(--erro)}
.ponto{width:8px;height:8px;border-radius:50%;background:var(--apagado);flex:none;display:inline-block}
.ponto.ok{background:var(--ok)} .ponto.alerta{background:#d99a1c} .ponto.erro{background:var(--erro)} .ponto.laranja{background:var(--laranja)}

/* janela (modal) */
.veu{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:flex-start;justify-content:center;z-index:200;padding:30px 16px;overflow:auto}
.janela{background:var(--superficie);border-radius:16px;max-width:460px;width:100%;padding:22px;position:relative}
.janela.larga{max-width:860px}
.janela h3{font-size:18px;font-weight:600;margin-bottom:4px;padding-right:36px}
.janela .jsub{color:var(--cinza);font-size:13px;margin-bottom:16px;line-height:1.5}
.janela .fechar{position:absolute;top:14px;right:16px;border:0;background:var(--janela-fechar);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--texto-2)}
.janela .fechar svg{width:14px;height:14px}
.janela .acoes{display:flex;gap:10px;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}
.aviso{font-size:12.5px;color:var(--texto-2);line-height:1.6;background:var(--aviso-fundo);border-left:3px solid var(--laranja);border-radius:8px;padding:10px 12px;margin-bottom:16px}

/* aviso rápido no rodapé */
.torrada{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--torrada);color:#fff;font-size:13px;font-weight:500;padding:11px 18px;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.3);z-index:300;opacity:0;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);text-align:center;pointer-events:none}
.torrada.ver{opacity:1;transform:translate(-50%,0)}
.torrada.erro{background:var(--erro)}

@media(max-width:720px){
  .ixbar{padding:0 14px;gap:10px}
  .ixbar .ixlogo img{height:32px}
  .ixbar h1{font-size:11.5px;letter-spacing:.12em}
  .ixbar .ixquem{display:none}
  /* o iOS dá zoom sozinho em campo com fonte menor que 16px */
  .campo input,.campo select,.campo textarea{font-size:16px;padding:12px}
  .duas{grid-template-columns:1fr}
  .veu{padding:0;align-items:flex-end}
  .janela,.janela.larga{border-radius:18px 18px 0 0;max-width:none;max-height:92vh;overflow:auto;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}
}

/* Acabamento do tema noturno: sóbrio. Pesos menores, linhas finas, selos em contorno, sem sombra nem vidro. */
:root[data-tema="noturno"] .titulo{font-weight:600;font-size:27px;letter-spacing:-.02em}
:root[data-tema="noturno"] .sub{color:var(--cinza-claro);font-size:13.5px}
:root[data-tema="noturno"] .eyebrow{font-weight:600;font-size:10.5px;letter-spacing:.22em}
:root[data-tema="noturno"] .rotulo{font-weight:600;font-size:10px;letter-spacing:.14em}
:root[data-tema="noturno"] .cartao,:root[data-tema="noturno"] .vidro{border-width:1px;border-radius:12px;box-shadow:none}
:root[data-tema="noturno"] .cartao{border-color:var(--vidro-borda)}
:root[data-tema="noturno"] .cartao.faixa::after{height:2px;border-radius:12px 12px 0 0;opacity:1}
:root[data-tema="noturno"] .btn{font-weight:600;border-radius:8px;letter-spacing:.01em}
:root[data-tema="noturno"] .btn.primario{background:#E8471C}
:root[data-tema="noturno"] .btn.primario:hover{background:#F0552B}
:root[data-tema="noturno"] .btn.fantasma{background:transparent}
:root[data-tema="noturno"] .btn.fantasma:hover{border-color:var(--cinza-claro);color:var(--tinta)}
:root[data-tema="noturno"] .btn.fantasma.perigo:hover{border-color:var(--erro);color:var(--erro)}
:root[data-tema="noturno"] .selo{background:transparent;border:1px solid var(--linha);font-weight:600;padding:3px 9px;letter-spacing:.09em}
:root[data-tema="noturno"] .selo.campo-s{border-color:var(--pessego-borda)}
:root[data-tema="noturno"] .selo.ok{border-color:rgba(87,192,141,.38)}
:root[data-tema="noturno"] .selo.alerta{border-color:rgba(221,178,90,.38)}
:root[data-tema="noturno"] .selo.erro{border-color:rgba(238,134,114,.38)}
:root[data-tema="noturno"] .janela{border:1px solid var(--linha);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.5)}
:root[data-tema="noturno"] .janela h3{font-weight:600}
:root[data-tema="noturno"] .veu{background:rgba(0,0,0,.66)}
:root[data-tema="noturno"] .campo>span{font-weight:600;color:var(--cinza-claro)}
:root[data-tema="noturno"] .torrada{border:1px solid var(--linha)}