@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/PressStart2P-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/PressStart2P-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'VT323';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/VT323-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'VT323';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/VT323-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
*{box-sizing:border-box}
body{margin:0;background:#12101c;color:#f3efff;font-family:'VT323',monospace}
a{color:#ffd75e}a:hover{color:#fff}
[hidden]{display:none!important}
.faixa{position:sticky;top:0;z-index:5;font-family:'Press Start 2P',monospace;font-size:12px;letter-spacing:1px;padding:10px 16px;text-align:center}
.faixa.replay{background:repeating-linear-gradient(135deg,#ffd75e 0 18px,#0b0d22 18px 36px);color:#0b0d22}
.faixa.replay>span.in{background:#ffd75e;padding:4px 10px;border:2px solid #0b0d22}
.faixa.pausa{background:#c0283c;color:#fff;border-bottom:3px solid #0b0d22}
.app{min-height:100vh;padding:16px;display:flex;flex-direction:column;gap:14px}
.box{background:#1b2150;border:3px solid #e9e4ff;border-radius:6px;box-shadow:0 0 0 3px #0b0d22,inset 0 0 0 3px #0b0d22}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:6px 18px}
.titulo{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.logo{font-family:'Press Start 2P',monospace;font-size:14px;color:#ffd75e;letter-spacing:1px}
.sub{font-size:15px;color:#e9e4ff}
.px10{font-family:'Press Start 2P',monospace;font-size:10px}
.dim{color:#aeb3e0}.amarelo{color:#ffd75e}
.relogio{display:flex;align-items:center;gap:8px}
.hora{font-size:16px;line-height:1;color:#fff}
.custo-box{display:flex;align-items:center;gap:8px}
.custo{font-size:15px;line-height:1}
.coluna-mapa{flex:1 1 760px;min-width:0;display:flex;flex-direction:column;gap:14px}
.fonte{padding:8px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ctrls{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
button,.btn{cursor:pointer;font-family:'Press Start 2P',monospace;font-size:9px;padding:7px 8px;border:2px solid #e9e4ff;background:#0e1030;color:#fff;border-radius:0;line-height:1}
button:hover,.btn:hover{border-color:#ffd75e}
button.on{background:#e0457b}
.btn input{display:none}
.conn{font-family:'Press Start 2P',monospace;font-size:10px;padding:8px 10px;border:2px solid #0b0d22;min-width:120px;text-align:center}
.conn.live{background:#2f9e5a;color:#fff}.conn.wait{background:#ffd75e;color:#0b0d22}.conn.off{background:#c0283c;color:#fff}.conn.replay{background:#ffd75e;color:#0b0d22}
#replay-pos{font-size:20px;color:#aeb3e0;min-width:54px}
.corpo{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.mapa{padding:6px}
#mapa{display:block;width:100%;height:auto;aspect-ratio:2/1;image-rendering:pixelated;background:#2c2942}
.lado{flex:1 1 300px;max-width:440px;min-width:0;display:flex;flex-direction:column;gap:14px}
.painel{padding:12px 8px 10px 14px;display:flex;flex-direction:column;gap:8px}
.lista{max-height:330px;overflow:auto;display:flex;flex-direction:column;gap:1px;padding-right:6px}
.membro{cursor:pointer;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:1px 6px;font-size:20px;line-height:1.15}
.membro:hover{outline:2px solid #5a60a8}
.membro.sel{background:#2d347a}
.membro.alerta{background:#4a1626}
.membro.alerta.sel{background:#6a2036}
.sq{width:10px;height:10px}
.nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st{white-space:nowrap}
.vazio{color:#7d82b8;font-size:19px;padding:2px 6px}
.ficha{padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.ficha-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
#f-fechar{font-family:'VT323',monospace;font-size:22px;padding:0 6px;border:none;background:none;color:#aeb3e0}
#f-nome{font-size:28px;line-height:1;color:#fff;word-break:break-all}
#f-grupo{font-size:21px}
.grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;font-size:20px}
.grid>div:nth-child(odd){color:#aeb3e0}
.grid>div{overflow-wrap:anywhere}
.aviso{font-size:17px;color:#7d82b8}
#filtro{font-family:'VT323',monospace;font-size:20px;color:#fff;background:#0e1030;border:2px solid #5a60a8;padding:4px 8px;outline:none;width:100%}
#filtro:focus{border-color:#ffd75e}
#filtro::placeholder{color:#7d82b8}
.log{height:260px;overflow:auto;display:flex;flex-direction:column;gap:1px;padding-right:6px;font-size:19px;line-height:1.15}
.ev{display:flex;gap:8px;padding:0 4px}
.ev>span:last-child{overflow-wrap:anywhere;min-width:0}
.ev.fio{background:#2d347a}.ev.fora{opacity:.4}
.hora-ev{color:#7d82b8;flex:none}
.rodape{padding:6px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;font-size:19px;color:#aeb3e0}
.rodape b{font-weight:400;color:#fff}
.rodape .push{margin-left:auto}
.login{border:2px dashed #ffd75e;padding:6px}
.login input{font-family:'VT323',monospace;font-size:18px;background:#0e1030;color:#fff;border:2px solid #e9e4ff;padding:3px 6px;width:220px}
#login-pin{width:120px;letter-spacing:4px}
#login-aparelho{width:200px}
#login-msg{color:#ff6b6b}
/* contador de cards e painel do card (aprovar pelo Escritório) */
.cards-btn{font-size:10px;padding:6px 8px;background:#0e1030}
.cards-btn.tem{background:#c0283c;border-color:#fff;color:#fff}
.cp{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);z-index:20;display:flex;flex-direction:column;background:#1b2150;border-left:6px solid var(--cc,#e9e4ff);box-shadow:-6px 0 0 #0b0d22;color:#f3efff}
.cp-top{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0e1030;border-bottom:3px solid #0b0d22}
.cp-id{font-family:'Press Start 2P',monospace;font-size:13px;color:#fff}
.cp-classe{font-family:'Press Start 2P',monospace;font-size:10px;padding:5px 7px;background:var(--cc,#e9e4ff);color:#0b0d22}
.cp-pos{font-size:19px;color:#aeb3e0}
.cp .cp-fechar{margin-left:auto;font-family:'VT323',monospace;font-size:26px;padding:0 10px;border:none;background:none;color:#aeb3e0}
.cp-replay{font-family:'Press Start 2P',monospace;font-size:10px;padding:8px 12px;background:#ffd75e;color:#0b0d22;border-bottom:3px solid #0b0d22}
.cp-corpo{flex:1;overflow:auto;padding:12px 14px 18px;display:flex;flex-direction:column;gap:12px;font-size:21px;line-height:1.2}
.cp-pergunta{margin:0;font-family:'VT323',monospace;font-weight:400;font-size:30px;line-height:1.05;color:#fff;overflow-wrap:anywhere}
.cp-origem{color:#aeb3e0;font-size:19px;overflow-wrap:anywhere}
.cp-comando{font-size:18px;background:#0e1030;border:2px solid #5a60a8;padding:4px 8px;white-space:pre-wrap;overflow-wrap:anywhere;color:#c9cdf0}
.cp-sec{display:flex;flex-direction:column;gap:4px}
.cp-rot{font-family:'Press Start 2P',monospace;font-size:9px;color:#ffd75e;letter-spacing:1px}
.cp-lista{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.cp-dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px}
.cp-dl dt{color:#aeb3e0}.cp-dl dd{margin:0;overflow-wrap:anywhere}
.cp-pend{border:2px solid #ffd75e;background:#3a3312;padding:6px 10px;color:#ffe89a}
.cp-destaque{border:2px solid #e9e4ff;background:#2d347a;padding:6px 10px}
.cp-escopo{font-size:22px;color:#fff}
.cp-opcoes{display:flex;flex-direction:column;gap:8px}
.cp .cp-op{display:flex;flex-direction:column;gap:3px;text-align:left;font-family:'VT323',monospace;font-size:21px;line-height:1.15;padding:10px 12px;border:3px solid #5a60a8;background:#0e1030;color:#f3efff;min-height:56px;width:100%}
.cp .cp-op:hover:not(:disabled){border-color:#ffd75e}
.cp .cp-op.rec{border-color:#8ef58e}
.cp .cp-op.sel{border-color:#ffd75e;background:#3b3570;box-shadow:inset 0 0 0 2px #ffd75e}
.cp .cp-op:disabled{cursor:default;opacity:.75}
.cp-op-top{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:24px;color:#fff}
.cp-op-id{font-family:'Press Start 2P',monospace;font-size:12px;color:#ffd75e}
.cp-rec{font-family:'Press Start 2P',monospace;font-size:8px;padding:4px 6px;background:#2f9e5a;color:#fff}
.cp-op-cons{color:#e9e4ff}.cp-op-custo{color:#aeb3e0}.cp-op-cond{color:#ffe89a}.cp-op-porque{color:#8ef58e}
.cp-form{display:flex;flex-direction:column;gap:6px;border:2px dashed #ffd75e;padding:10px}
.cp-form textarea{font-family:'VT323',monospace;font-size:20px;background:#0e1030;color:#fff;border:2px solid #e9e4ff;padding:4px 8px;width:100%;resize:vertical}
.cp-pin-linha{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#cp-pin{font-family:'VT323',monospace;font-size:26px;letter-spacing:6px;width:170px;background:#0e1030;color:#fff;border:2px solid #e9e4ff;padding:4px 8px}
.cp .cp-confirmar{font-size:11px;padding:12px 14px;background:#2f9e5a;border-color:#fff}
.cp .cp-confirmar:disabled{background:#3b3f63;cursor:default}
.cp-aprovacao{border:2px solid #8ef58e;background:#123a24;padding:6px 10px}
.cp-aprovacao-txt{color:#8ef58e;font-size:19px}
.cp .cp-encerrar{font-size:11px;padding:8px 10px;background:#5a3420;border-color:#fff;color:#fff}
.cp-msg{min-height:24px;color:#ff6b6b;overflow-wrap:anywhere}
.cp-msg:empty{display:none}
.cp-msg.ok{color:#8ef58e}
.cp-rodape{padding:10px 12px;border-top:3px solid #0b0d22;background:#0e1030;display:flex;justify-content:flex-end;min-height:20px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:30;font-family:'Press Start 2P',monospace;font-size:11px;line-height:1.4;padding:12px 16px;background:#2f9e5a;color:#fff;border:3px solid #0b0d22;box-shadow:0 0 0 3px #e9e4ff;max-width:calc(100vw - 32px);text-align:center}
@media (max-width:700px){
  .cp{width:100vw;left:0;border-left:0;border-top:6px solid var(--cc,#e9e4ff);box-shadow:none}
  .cp-pergunta{font-size:27px}
}
/* biblioteca do humano: artefatos (lista no estilo do painel do card; sobreposição com iframe sandbox) */
.cp.art{--cc:#ff3b4d}
.art-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.art-item{border:3px solid #5a60a8;background:#0e1030;padding:8px 10px;display:flex;flex-direction:column;gap:4px}
.art-item.novo{border-color:#ff3b4d;box-shadow:inset 4px 0 0 #ff3b4d}
.art-linha{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.art-nome{font-size:24px;line-height:1.05;color:#fff;overflow-wrap:anywhere}
.art-tipo{font-family:'Press Start 2P',monospace;font-size:8px;padding:4px 6px;background:#e9e4ff;color:#0b0d22;flex:none}
.art-novo{font-family:'Press Start 2P',monospace;font-size:8px;padding:4px 6px;background:#c0283c;color:#fff;flex:none}
.art-gate{font-family:'Press Start 2P',monospace;font-size:8px;padding:4px 6px;background:#ffd75e;color:#0b0d22;flex:none}
.art-meta{color:#aeb3e0;font-size:19px;overflow-wrap:anywhere}
.art-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
a.btn{text-decoration:none;display:inline-block}
.artv{position:fixed;inset:0;z-index:25;background:rgba(11,13,34,.72)}
.artv-caixa{position:absolute;inset:4vh 4vw;display:flex;flex-direction:column;background:#1b2150;border:3px solid #ff3b4d;box-shadow:0 0 0 3px #0b0d22}
.artv-top{flex-wrap:wrap}
.artv-nome{flex:1 1 160px;min-width:0;font-size:26px;line-height:1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.artv .artv-card{background:#c0283c;border-color:#fff}
.artv .artv-fechar{margin-left:auto;font-family:'VT323',monospace;font-size:26px;padding:0 10px;border:none;background:none;color:#aeb3e0}
.artv-meta{padding:4px 12px;font-size:19px;color:#aeb3e0;background:#0e1030;overflow-wrap:anywhere}
.artv-aviso{margin:24px;font-family:'Press Start 2P',monospace;font-size:11px;line-height:1.6;padding:14px;background:#ffd75e;color:#0b0d22;border:3px solid #0b0d22}
.art-mock{font-size:19px;overflow-wrap:anywhere}
.cp-mock{border:2px solid #ff3b4d;background:#3a1420;padding:6px 10px}
.cp-mock li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
#artv-frame{flex:1;width:100%;min-height:0;border:0;background:#fff}
@media (max-width:700px){
  .artv-caixa{inset:0;border:0;box-shadow:none}
}

.link-quadro{float:right;color:#5ee0c8;text-decoration:none;border:1px solid #5ee0c8;padding:0 6px}
.link-quadro:hover{background:rgba(94,224,200,.15);color:#fff}

/* caixa «nova demanda» (clique no Jack Black) */
.np{--cc:#ff6b6b}
.np-sub{color:#aeb3e0;font-size:18px}
.np-form{display:flex;flex-direction:column;gap:6px;padding:14px;overflow:auto}
.np-form label{color:#ffd75e;font-size:18px;margin-top:4px}
.np-form input,.np-form textarea,.np-form select{font-family:'VT323',monospace;font-size:21px;background:#0e1030;color:#f3efff;border:3px solid #5a60a8;padding:6px 8px;width:100%}
.np-form textarea{resize:vertical;min-height:110px}
.np-botoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.np-dica{color:#aeb3e0;font-size:17px;margin-top:6px}