/* /var/www/rustdesk-painel/assets/style.css
   criado em 29/07/2026 11:20 (Bacabal-MA UTC-3)
   ajuste em 29/07/2026 11:20 v1.0 */
:root{
  --bg:#0e1116;--sup:#161b22;--sup2:#1b2230;--bord:#232a33;
  --tx:#d7dde5;--mut:#8b95a3;--ac:#35c2b5;--dang:#e5675f;
  --mono:"JetBrains Mono","Cascadia Code",Consolas,"Liberation Mono",monospace;
  --ui:-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--ui);font-size:15px;line-height:1.5}
a{color:var(--ac);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:1.35rem;font-weight:600;margin:0 0 1.2rem}
.ponto{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 3px rgba(53,194,181,.18);margin-right:.5rem;vertical-align:middle;animation:pulsa 2.4s infinite}
@keyframes pulsa{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.ponto{animation:none}}
.topo{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;padding:.9rem 1.4rem;background:var(--sup);border-bottom:1px solid var(--bord)}
.marca{font-family:var(--mono);font-weight:600;letter-spacing:.4px}
.topo nav{display:flex;gap:1.1rem;flex:1}
.topo nav a{color:var(--mut);font-size:.92rem}
.topo nav a:hover{color:var(--tx);text-decoration:none}
.usuario{font-size:.85rem;color:var(--mut);font-family:var(--mono)}
.usuario .sair{color:var(--dang);margin-left:.6rem}
.conteudo{max-width:1100px;margin:0 auto;padding:1.6rem 1.4rem 3rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin-bottom:1.8rem}
.card{background:var(--sup);border:1px solid var(--bord);border-radius:10px;padding:1rem 1.1rem}
.card .n{font-family:var(--mono);font-size:1.8rem;font-weight:600;color:var(--ac)}
.card .r{font-size:.78rem;color:var(--mut);text-transform:uppercase;letter-spacing:.6px;margin-top:.2rem}
.sec{margin-bottom:2rem}
.sec h2{font-size:.95rem;font-weight:600;margin:0 0 .7rem;padding-bottom:.4rem;border-bottom:1px solid var(--bord)}
.tab-wrap{overflow-x:auto;border:1px solid var(--bord);border-radius:10px}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{text-align:left;padding:.6rem .8rem;white-space:nowrap}
thead th{background:var(--sup2);color:var(--mut);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.6px}
tbody tr{border-top:1px solid var(--bord)}
tbody tr:hover{background:var(--sup)}
.mono{font-family:var(--mono)}
.mut{color:var(--mut)}
.vazio{padding:1.4rem;color:var(--mut);text-align:center;white-space:normal}
.badge{font-family:var(--mono);font-size:.75rem;padding:.1rem .45rem;border-radius:5px;background:var(--sup2);color:var(--ac);border:1px solid var(--bord)}
.tela-login{min-height:100vh;display:grid;place-items:center;padding:1.4rem}
.cartao-login{width:100%;max-width:360px;background:var(--sup);border:1px solid var(--bord);border-radius:14px;padding:1.8rem}
.cartao-login .marca{margin-bottom:1.2rem}
.cartao-login h1{font-size:1.1rem;margin:0 0 1.2rem}
form label{display:block;font-size:.82rem;color:var(--mut);margin-bottom:1rem}
input[type=text],input[type=password]{width:100%;margin-top:.35rem;padding:.6rem .7rem;background:var(--bg);border:1px solid var(--bord);border-radius:8px;color:var(--tx);font-family:var(--mono);font-size:.95rem}
input:focus{outline:2px solid var(--ac);outline-offset:1px;border-color:var(--ac)}
.campo-senha{position:relative;display:block}
.campo-senha input{padding-right:3.4rem}
.olho{position:absolute;right:.5rem;top:calc(50% + .18rem);transform:translateY(-50%);background:none;border:0;color:var(--mut);font-family:var(--mono);font-size:.78rem;cursor:pointer}
.olho:hover{color:var(--ac)}
.btn{width:100%;padding:.65rem;background:var(--ac);color:#04211e;border:0;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.alerta{background:rgba(229,103,95,.12);border:1px solid var(--dang);color:#f0b3ae;padding:.6rem .7rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}
@media (max-width:640px){.topo nav{order:3;flex-basis:100%}.conteudo{padding:1.1rem}}
.sub{font-family:var(--ui);font-size:.72rem;color:var(--mut);margin-top:.15rem;white-space:normal}
.rodape{margin-top:2.4rem;padding-top:1rem;border-top:1px solid var(--bord);color:var(--mut);font-size:.75rem}
.rodape a{color:var(--mut);text-decoration:underline}