/* Painel lido pelo gestor no computador e no celular. Mesma família visual do
   Gestor de Vendas, para quem usa os dois não precisar reaprender. */
:root {
  --fundo:#f6f7fb; --carta:#fff; --tinta:#1a2233; --apoio:#6b7690;
  --linha:#e3e7f0; --acento:#2f7d5b; --alerta:#b8791f; --erro:#c0453f;
}
@media (prefers-color-scheme: dark) {
  :root { --fundo:#0f1420; --carta:#182035; --tinta:#eef2ff; --apoio:#9aa6c4;
          --linha:#28324f; --acento:#4bb98a; --alerta:#d9a03a; --erro:#e07b76; }
}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--tinta);
     font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header{display:flex;gap:16px;align-items:center;padding:14px 24px;
       background:var(--carta);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:5;flex-wrap:wrap}
header h1{font-size:19px;margin:0;font-weight:650;letter-spacing:-.01em}
nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
nav button{background:none;border:0;padding:8px 14px;border-radius:9px;color:var(--apoio);
           font-size:15px;font-weight:600;cursor:pointer}
nav button.ativo{background:var(--fundo);color:var(--tinta)}
main{padding:24px;max-width:1200px;margin:0 auto}
.carta{background:var(--carta);border:1px solid var(--linha);border-radius:14px;padding:20px;margin-bottom:18px}
h2{font-size:17px;margin:0 0 14px;font-weight:650}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;color:var(--apoio);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--linha);white-space:nowrap}
td{padding:10px;border-bottom:1px solid var(--linha)}
tr:last-child td{border-bottom:0}
.rolagem{overflow-x:auto}
.selo{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:650}
.selo.ok{background:color-mix(in srgb,var(--acento) 16%,transparent);color:var(--acento)}
.selo.falta{background:color-mix(in srgb,var(--apoio) 16%,transparent);color:var(--apoio)}
.selo.tarde{background:color-mix(in srgb,var(--alerta) 18%,transparent);color:var(--alerta)}
.selo.pin{background:color-mix(in srgb,var(--alerta) 14%,transparent);color:var(--alerta)}
.selo.offline{background:color-mix(in srgb,var(--erro) 14%,transparent);color:var(--erro)}
input,select{padding:10px 12px;border:1px solid var(--linha);border-radius:10px;
             background:var(--carta);color:var(--tinta);font-size:15px}
button.acao{padding:10px 18px;border-radius:10px;border:0;background:var(--acento);
            color:#fff;font-weight:650;font-size:15px;cursor:pointer}
button.leve{background:none;border:1px solid var(--linha);color:var(--tinta)}
.linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.recado{min-height:1.4em;font-size:14px}
.recado.erro{color:var(--erro)} .recado.ok{color:var(--acento)}
.vazio{color:var(--apoio);padding:20px 0;text-align:center}
.entrar{max-width:380px;margin:12vh auto}
.entrar label{display:block;margin:12px 0;color:var(--apoio);font-size:14px}
.entrar input{width:100%;margin-top:6px}
.segredo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;
         background:var(--fundo);padding:10px 14px;border-radius:8px;display:inline-block;user-select:all}
.nota{color:var(--apoio);font-size:13px}

.marca{font-size:22px;margin:0 0 4px}
.caixa-alta{text-transform:uppercase}

/* Downloads: dois blocos grandes, porque quem instala nos 7 PCs vai clicar
   nisso de pé, no computador de outra pessoa. */
.downloads{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.baixar{display:flex;flex-direction:column;gap:6px;min-width:230px;padding:18px 20px;
        border:1px solid var(--linha);border-radius:14px;background:var(--fundo)}
.baixar b{font-size:17px}
.baixar .detalhe{color:var(--apoio);font-size:13px}
.baixar a{margin-top:8px;text-align:center;padding:11px 18px;border-radius:10px;
          background:var(--acento);color:#fff;font-weight:650;text-decoration:none}
.baixar.indisponivel a{background:var(--linha);color:var(--apoio);pointer-events:none}
ul.nota{margin:8px 0 0;padding-left:20px}
ul.nota li{margin:4px 0}