/* MJ: ciano da marca, grafite da POS, branco de leitura, verde de conclusão,
   vermelho de falha. A conta pago - utilizado = devolução orienta os detalhes.
   Operador: identificar o cliente e encerrar somente o erro resolvido.
   Bordas discretas, superfícies próximas, Inter local e espaçamento base 4px. */
@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--marca:#3ec6f5;--marca-ink:#062231;--canvas:#0f1320;--painel:#141a28;--controle:#101522;--hover:#1b2434;--texto:#eef1f7;--secundario:#abb5c6;--terciario:#919db2;--muted:#7f8ca4;--borda:rgba(238,241,247,.10);--borda-suave:rgba(238,241,247,.055);--foco:#5fd2f8;--ok:#8ff0c6;--ok-bg:#17352e;--erro:#ff8b95;--erro-bg:#38212d;--manual:#b9c7ef;--manual-bg:#262f49;--radius:12px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--texto);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.55;font-variant-numeric:tabular-nums}a{color:var(--marca);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:2px solid var(--foco);outline-offset:4px}h1,h2,p{margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1.1px;font-weight:650}h2{font-size:16px;font-weight:600}p{color:var(--secundario)}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.estrutura{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}aside{border-right:1px solid var(--borda);padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.marca{display:flex;gap:12px;align-items:center}.marca img{width:52px;height:52px;object-fit:contain}.marca strong{font-size:25px;line-height:1.1;letter-spacing:-1px}.marca span{display:block;font-size:9px;letter-spacing:1.8px;color:var(--secundario);margin-top:5px}.menu-label{margin:54px 12px 16px;font-size:10px;letter-spacing:1.4px;color:var(--muted)}nav{display:grid;gap:8px}nav a{display:flex;gap:12px;align-items:center;padding:13px 14px;color:var(--secundario);border:1px solid transparent;border-radius:8px}nav a:hover{background:var(--hover);text-decoration:none}nav a[aria-current]{background:rgba(62,198,245,.09);color:var(--marca);border-color:rgba(62,198,245,.16)}.sidebar-foot{margin-top:auto;font-size:11px;color:var(--muted);padding:24px 12px 0;display:flex;gap:8px;align-items:center}.mini-line{width:16px;height:2px;background:var(--marca)}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--borda);padding:0 40px;color:var(--secundario);font-size:12px}.muted{color:var(--muted);margin:0 14px}.header-label{font-size:9px;letter-spacing:1.5px;color:var(--muted)}main{padding:40px;max-width:1720px;margin:auto}.titulo{margin-bottom:32px}.titulo p:not(.eyebrow){margin-top:12px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--terciario);margin-bottom:12px}.painel{background:var(--painel);border:1px solid var(--borda);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-size:10px;letter-spacing:.5px;color:var(--terciario);font-weight:500;background:var(--controle);white-space:nowrap;padding:18px 24px;border-bottom:1px solid var(--borda)}td{padding:22px 24px;border-bottom:1px solid var(--borda-suave);white-space:nowrap;color:var(--secundario)}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--hover)}td:first-child a{color:var(--texto)}td:first-child a span{color:var(--marca);padding-left:8px}.numero{text-align:right}.destaque{color:var(--marca);font-weight:600}.id{font-family:ui-monospace,monospace;font-size:12px}.table-note{padding:14px 24px;border-top:1px solid var(--borda);font-size:11px;color:var(--terciario)}.badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:5px 10px;border-radius:6px;white-space:nowrap}.badge:before{content:'';width:5px;height:5px;border-radius:100%;background:currentColor}.ok{color:var(--ok);background:var(--ok-bg)}.erro{color:var(--erro);background:var(--erro-bg)}.manual{color:var(--manual);background:var(--manual-bg)}.sem-resultado{font-size:12px;color:var(--terciario)}.vazio{min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 24px}.vazio-sinal{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--borda);border-radius:14px;color:var(--marca);margin-bottom:24px}.vazio h2{font-size:19px;margin-bottom:8px}.vazio p{max-width:380px;font-size:13px}.section-title{padding:22px 24px;border-bottom:1px solid var(--borda);display:flex;gap:16px;align-items:center;justify-content:space-between}.section-title a{font-size:12px}.dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:0;padding:24px}.dado{min-width:0}dt{color:var(--terciario);font-size:11px;margin-bottom:7px}dd{margin:0;font-size:14px;overflow-wrap:anywhere}.detalhes-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px}.detalhes-grid .dados{grid-template-columns:1fr}.detalhes-grid .painel{margin-bottom:24px}.saldo{padding:28px 32px;display:flex;justify-content:space-between;gap:24px;align-items:center}.saldo strong{display:block;color:var(--marca);font-size:38px;letter-spacing:-1.5px;margin:8px 0}.saldo p{font-size:12px}.conta{min-width:245px;padding-left:32px;border-left:1px solid var(--borda)}.conta span{display:flex;justify-content:space-between;gap:24px;padding:8px 0;font-size:12px;color:var(--terciario)}.conta b{font-weight:400;color:var(--texto)}.voltar{display:inline-block;margin-bottom:24px;font-size:12px;color:var(--secundario)}.situacao-body{padding:24px}.acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.botao{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:7px;background:var(--marca);color:var(--marca-ink);font-size:12px;font-weight:600}.botao:hover{filter:brightness(1.1);text-decoration:none}.secondary{background:transparent;border-color:var(--borda);color:var(--texto)}dialog{width:min(480px,calc(100% - 32px));border:1px solid var(--borda);border-radius:12px;background:var(--painel);color:var(--texto);padding:28px}dialog::backdrop{background:rgba(0,0,0,.65)}dialog h2{font-size:24px;margin-bottom:16px}.erro-texto{color:var(--erro);margin-top:14px;font-size:13px}.loading{padding:40px;text-align:center}.publico{max-width:548px;padding:40px 20px}.publico>.marca{margin-bottom:32px;justify-content:center}.publico .painel{padding:32px}.publico h1{font-size:28px;margin-bottom:16px}.publico p{font-size:13px}.valor-publico{margin:28px 0;border-top:1px solid var(--borda);border-bottom:1px solid var(--borda);padding:20px 0}.valor-publico span,.valor-publico small{display:block;color:var(--terciario);font-size:11px}.valor-publico strong{display:block;font-size:36px;letter-spacing:-1px;color:var(--marca);margin:4px 0}label{display:block;font-size:12px;color:var(--secundario);margin-top:18px}input{display:block;width:100%;height:48px;background:var(--controle);border:1px solid var(--borda);border-radius:6px;padding:12px;color:var(--texto);margin-top:8px}input::placeholder{color:var(--muted)}#solicitar .botao{width:100%;margin-top:24px}
@media(min-width:1500px){.detalhes-grid .dados{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.estrutura{grid-template-columns:190px minmax(0,1fr)}main{padding:28px}header{padding:0 28px}.detalhes-grid{grid-template-columns:1fr}.detalhes-grid .dados{grid-template-columns:repeat(2,minmax(0,1fr))}.saldo{padding:24px}.conta{min-width:210px;padding-left:20px}}
@media(max-width:650px){.estrutura{display:block}aside{position:static;height:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--borda)}.marca img{width:40px;height:40px}.marca strong{font-size:22px}.marca span{font-size:8px}.menu-label,.sidebar-foot,.header-label{display:none}nav{grid-template-columns:1fr 1fr;margin-top:20px;gap:12px}nav a{justify-content:center;padding:10px;font-size:13px}header{height:48px;padding:0 20px;font-size:11px}main{padding:28px 20px}.titulo{margin-bottom:24px}h1{font-size:27px}.titulo p:not(.eyebrow){font-size:13px}.eyebrow{font-size:9px}th,td{padding:16px}.vazio{min-height:300px}.dados,.detalhes-grid .dados{grid-template-columns:1fr;gap:20px}.saldo{display:block}.saldo strong{font-size:36px}.conta{border-left:0;border-top:1px solid var(--borda);padding:14px 0 0;margin-top:20px}.section-title{padding:20px;flex-wrap:wrap}.section-title h2{font-size:15px}.dados,.situacao-body{padding:20px}.acoes{flex-direction:column}.acoes .botao{width:100%}.publico{padding:28px 16px}.publico .painel{padding:24px}.publico h1{font-size:26px}}
@media(min-width:1100px){.detalhes-grid .dados{grid-template-columns:repeat(2,minmax(0,1fr))}.detalhes-grid{align-items:start}}
/* Seletor usa o controle nativo para teclado, leitor de tela e seleção móvel. */
select{display:block;width:100%;height:48px;background:var(--controle);border:1px solid var(--borda);border-radius:6px;padding:10px 12px;color:var(--texto);margin-top:8px;font:inherit;cursor:pointer}input:disabled{opacity:.55}
#login .botao{width:100%;margin-top:24px}
/* Lista reduzida a identificação; valores e transação aparecem sob demanda. */
.compacta{table-layout:fixed}.compacta th,.compacta td{padding:18px 20px;white-space:normal;overflow-wrap:anywhere}.compacta th:last-child{width:68px}.compacta th:nth-child(2){width:18%}.compacta th:nth-child(3){width:23%}.olho{display:inline-grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--borda);border-radius:7px;color:var(--marca);cursor:pointer}.olho:hover{background:var(--hover)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.detalhes-modal{width:min(760px,calc(100% - 32px));max-height:90vh;padding:0}.detalhes-modal .section-title{position:sticky;top:0;background:var(--painel);z-index:1}.modal-conteudo{padding:24px}.modal-conteudo h3{margin:20px 0 0;font-size:14px}.modal-conteudo .dados{padding:20px 0;border-bottom:1px solid var(--borda)}.modal-resumo{display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-resumo strong{font-size:30px;color:var(--marca)}.modal-resumo p{font-size:12px}.confirma-baixa{margin-top:20px}.confirma-baixa .botao{margin-top:16px}
@media(max-width:650px){.compacta thead{display:none}.compacta,.compacta tbody,.compacta tr,.compacta td{display:block;width:100%}.compacta tr{position:relative;padding:16px 64px 16px 16px;border-bottom:1px solid var(--borda)}.compacta td{padding:5px 0;border:0}.compacta td:before{content:attr(data-label);display:block;color:var(--terciario);font-size:10px}.compacta .acao-olho{position:absolute;top:16px;right:12px;width:40px}.modal-resumo{align-items:start;flex-direction:column}.modal-conteudo{padding:20px}}
/* Modo claro: superfícies neutras e ciano mais profundo para contraste de leitura. */
:root[data-tema="claro"]{color-scheme:light;--marca:#007c9e;--marca-ink:#ffffff;--canvas:#f5f7fa;--painel:#ffffff;--controle:#f3f5f8;--hover:#edf3f7;--texto:#172638;--secundario:#46566b;--terciario:#58697f;--muted:#637289;--borda:rgba(23,38,56,.14);--borda-suave:rgba(23,38,56,.08);--foco:#007c9e;--ok:#146342;--ok-bg:#e1f4e9;--erro:#b02b3c;--erro-bg:#fde9ec;--manual:#40568b;--manual-bg:#e9edfa}
.tema-botao{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;background:var(--painel);border:1px solid var(--borda);border-radius:7px;color:var(--secundario);font:inherit;font-size:12px;cursor:pointer}.tema-botao:hover{background:var(--hover);color:var(--texto)}.tema-botao span:first-child{font-size:18px;line-height:1}.tema-publico{display:flex;justify-content:flex-end;margin-bottom:20px}
:root[data-tema="claro"] nav a[aria-current]{background:rgba(0,124,158,.08);border-color:rgba(0,124,158,.18)}
/* O identificador completo é o mesmo refund_id do detalhe e do vínculo interno. */
.com-devolucao th:first-child{width:24%}.com-devolucao th:nth-child(2){width:auto}.com-devolucao th:nth-child(3){width:16%}.referencia-devolucao{font-family:ui-monospace,monospace;font-size:12px;color:var(--texto);overflow-wrap:anywhere}.detalhes-modal .com-devolucao th,.detalhes-modal .com-devolucao td{padding:12px 8px}
/* Referências inteiras e pares de valores/datas alinhados para leitura. */
.modal-conteudo h3{margin:24px 0 0;font-size:15px}.modal-conteudo .dados{gap:20px 28px;padding:16px 0 24px}.dados-transacao .dado-referencia{grid-column:1/-1}.dados-transacao .dado-referencia dd{font-family:ui-monospace,monospace;font-size:13px;line-height:1.5;word-break:break-word}.dados-transacao dt{font-size:12px;line-height:1.4;margin-bottom:6px}.dados-transacao dd{font-size:14px;line-height:1.5}.modal-conteudo .dados-transacao{padding-bottom:20px}.modal-conteudo .acoes{margin-top:20px}
@media(max-width:650px){.modal-conteudo .dados{gap:16px;padding:16px 0 20px}.dados-transacao .dado-referencia dd{font-size:12px}}

/* A faixa de ambiente de teste. Larga, no topo, antes de qualquer coisa —
   aviso que exige rolagem para aparecer chega depois da decisão. Usa o vermelho
   de falha que já existe: o operador aprendeu que essa cor é "pare e leia". */
.faixa-teste{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;
  padding:12px 20px;background:var(--erro-bg);color:var(--erro);
  border-bottom:1px solid var(--erro);font-size:14px;line-height:1.45}
.faixa-teste b{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:12.5px}
.faixa-teste span{color:var(--texto);opacity:.92}
@media (max-width:520px){.faixa-teste{padding:11px 16px;font-size:13.5px}}

/* A pagina da integracao. Valores grandes e clicaveis: eles existem para serem
   copiados, e um codigo miudo obriga a conferir caractere por caractere. */
.integracao{max-width:660px}
.integracao .dados{display:flex;flex-direction:column;gap:14px;margin:22px 0}
.integracao .dado{display:flex;flex-direction:column;gap:6px}
.integracao dt{font-weight:700;font-size:13px;color:var(--texto);letter-spacing:.02em}
.integracao dt small{display:block;font-weight:500;font-size:12px;color:var(--muted);
  letter-spacing:0;margin-top:2px}
.integracao dd{margin:0}
.integracao code{display:block;padding:11px 13px;border:1px solid var(--borda);
  border-radius:var(--radius);background:var(--controle);color:var(--marca);
  font-size:13.5px;line-height:1.5;word-break:break-all;cursor:pointer;
  transition:border-color .15s,color .15s}
.integracao code:hover{border-color:var(--foco)}
.integracao code.copiado{color:var(--ok);border-color:var(--ok)}
.integracao .aviso-integra{font-size:13px;color:var(--secundario);
  border-left:2px solid var(--erro);padding-left:12px;margin:18px 0}
