:root{--fundo: #0D0D0B;--camada: #131310;--camada-clara: #1A1A16;--amber: #C9922A;--amber-claro: #E0AA4A;--linha: rgba(201, 146, 42, .18);--linha-forte: rgba(201, 146, 42, .34);--texto: #EDE7DA;--suave: rgba(237, 231, 218, .58);--erro: #E06A5A;--ok: #7FB069}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--amber-claro)}h1,h2,h3{font-weight:500;letter-spacing:-.01em;margin:0}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}p{margin:0}button{font:inherit;cursor:pointer;background:var(--camada-clara);color:var(--texto);border:1px solid var(--linha);border-radius:8px;padding:8px 14px;transition:border-color .2s ease,background .2s ease}button:hover:not(:disabled){border-color:var(--linha-forte);background:#201f19}button:disabled{opacity:.45;cursor:not-allowed}button.principal{background:var(--amber);color:#0d0d0b;border-color:var(--amber);font-weight:500}button.principal:hover:not(:disabled){background:var(--amber-claro);border-color:var(--amber-claro)}button.discreto{background:none;border-color:transparent;color:var(--suave);padding:6px 10px}button.discreto:hover:not(:disabled){color:var(--texto);background:var(--camada-clara)}button.perigo:hover:not(:disabled){border-color:var(--erro);color:var(--erro)}input,textarea,select{font:inherit;width:100%;background:var(--fundo);color:var(--texto);border:1px solid var(--linha);border-radius:8px;padding:9px 12px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--amber)}textarea{resize:vertical;min-height:160px;line-height:1.6;font-family:inherit}label{display:block;font-size:13px;color:var(--suave);margin-bottom:6px}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.lateral{border-right:1px solid var(--linha);background:var(--camada);padding:20px 16px;display:flex;flex-direction:column;gap:22px}.marca{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}.nav{display:flex;flex-direction:column;gap:2px}.nav button{text-align:left;background:none;border-color:transparent;color:var(--suave)}.nav button:hover{color:var(--texto);background:var(--camada-clara)}.nav button[aria-current=page]{color:var(--texto);background:var(--camada-clara);border-color:var(--linha)}.lateral .rodape{margin-top:auto;font-size:12.5px;color:var(--suave);display:flex;flex-direction:column;gap:8px}.conteudo{padding:26px 30px 60px;max-width:1080px;min-width:0}.cabecalho-pagina{display:flex;align-items:baseline;gap:14px;margin-bottom:22px;flex-wrap:wrap}.cabecalho-pagina .sub{color:var(--suave);font-size:13.5px}.cartao{background:var(--camada);border:1px solid var(--linha);border-radius:12px;padding:16px 18px;min-width:0}.grelha{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}.grelha>*{min-width:0}.metrica .valor{font-size:27px;letter-spacing:-.02em;margin-top:2px}.metrica .rotulo{font-size:12.5px;color:var(--suave);text-transform:uppercase;letter-spacing:.07em}.metrica .nota{font-size:12px;color:var(--suave);margin-top:4px}.lista{display:flex;flex-direction:column;gap:8px}.item{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;background:var(--camada);border:1px solid var(--linha);border-radius:10px;padding:12px 15px;cursor:pointer;text-align:left;width:100%}.item:hover{border-color:var(--linha-forte);background:var(--camada-clara)}.item .titulo{font-size:14.5px}.item .meta{grid-column:1 / -1;font-size:12.5px;color:var(--suave)}.etiqueta{display:inline-block;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--linha);border-radius:999px;padding:2px 9px;color:var(--suave)}.etiqueta.resolvida{color:var(--ok);border-color:#7fb06966}.etiqueta.encaminhada{color:var(--amber-claro);border-color:var(--linha-forte)}.etiqueta.erro{color:var(--erro);border-color:#e06a5a73}.transcricao{display:flex;flex-direction:column;gap:10px}.fala{max-width:76%;padding:10px 14px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.fala.visitante{align-self:flex-end;background:var(--camada-clara);border:1px solid var(--linha)}.fala.agente{align-self:flex-start;background:var(--camada);border:1px solid var(--linha)}.fala .quem{display:block;font-size:11px;color:var(--suave);margin-bottom:3px;letter-spacing:.05em;text-transform:uppercase}.vazio{color:var(--suave);padding:26px 0}.aviso{border:1px solid rgba(224,106,90,.4);color:var(--erro);border-radius:8px;padding:10px 13px;font-size:13.5px}.sucesso{border:1px solid rgba(127,176,105,.4);color:var(--ok);border-radius:8px;padding:10px 13px;font-size:13.5px}.codigo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--fundo);border:1px solid var(--linha);border-radius:8px;padding:12px 14px;overflow-x:auto;white-space:pre;color:var(--amber-claro)}.medidor{height:8px;background:var(--camada-clara);border-radius:999px;overflow:hidden;margin-top:12px}.medidor-cheio{height:100%;border-radius:999px;background:var(--amber);transition:width .4s ease}.medidor-cheio[data-estado=aviso]{background:var(--amber-claro)}.medidor-cheio[data-estado=esgotado]{background:var(--erro)}.tabela{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.tabela th{text-align:left;font-weight:500;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--suave);padding:6px 8px;border-bottom:1px solid var(--linha)}.tabela td{padding:8px;border-bottom:1px solid var(--linha)}.tabela tr:last-child td{border-bottom:0}.barras{display:flex;align-items:flex-end;gap:3px;height:60px;margin-top:12px}.barras .barra{flex:1;background:var(--linha-forte);border-radius:2px 2px 0 0;min-height:2px}.barras .barra[data-tem=sim]{background:var(--amber)}.entrada{display:flex;flex-direction:column;gap:14px;max-width:720px}.acoes{display:flex;gap:8px;flex-wrap:wrap}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login .caixa{width:min(400px,100%);display:flex;flex-direction:column;gap:16px}.login .marca{font-size:19px;letter-spacing:.2em}@media(max-width:760px){.app{grid-template-columns:1fr}.lateral{border-right:0;border-bottom:1px solid var(--linha)}.conteudo{padding:20px 16px 50px}}