/* LIVE ENGAGEMENT Design System v1 — v9.31.3
   Inspirado na linguagem visual de interfaces dark premium: superfícies em camadas,
   cor como informação e botões globais discretos/consistentes. */
:root{
  --le-bg:#090c10; --le-surface:#141720; --le-surface-2:#1a1d29; --le-surface-3:#202433;
  --le-border:#34394b; --le-border-soft:#292e3c; --le-text:#f5f7fb; --le-muted:#a8b0c0;
  --le-indigo:#536dfe; --le-violet:#8b5cf6; --le-cyan:#1599bd; --le-teal:#16b89a;
  --le-amber:#ffb020; --le-coral:#ff626b; --le-green:#32d583;
  --le-radius:12px; --le-shadow:0 12px 34px rgba(0,0,0,.22);
}
html{background:var(--le-bg)}
body{background:var(--le-bg)!important;color:var(--le-text)!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 500px at 78% -12%,rgba(83,109,254,.055),transparent 60%),radial-gradient(700px 420px at 10% 115%,rgba(21,153,189,.035),transparent 65%)}
.card,.panel,.metric,.question-bank-live,.checkin-box{background:var(--le-surface)!important;border-color:var(--le-border)!important;box-shadow:0 1px 0 rgba(255,255,255,.015)}
.card:hover,.panel:hover{border-color:#40465b}
.muted,.subtle,small{color:var(--le-muted)}
input,select,textarea{background:#0d1118!important;color:var(--le-text)!important;border:1px solid var(--le-border)!important;outline:none}
input:focus,select:focus,textarea:focus{border-color:#59637c!important;box-shadow:0 0 0 2px rgba(89,99,124,.12)}
thead th{background:var(--le-surface-3)!important;color:#dfe5f1!important}
tbody tr:hover{background:rgba(255,255,255,.018)}
th,td{border-color:var(--le-border-soft)!important}
.flash{background:#272d38!important;border:1px solid #343b4a!important;color:#f5f7fb!important}
.flash.erro,.flash.error{background:#362126!important;border-color:#61323a!important}

/* Botão global: UMA linguagem em todo o produto. Cor fica nos estados/cards, não nas ações. */
button,.button,a.button,input[type="submit"],input[type="button"]{
  background:#151b26!important;color:#eef3fb!important;border:1px solid #40506a!important;
  border-radius:7px!important;padding:9px 13px!important;font-weight:800!important;
  text-decoration:none!important;box-shadow:none!important;transition:background .14s ease,border-color .14s ease,transform .05s ease!important
}
button:hover,.button:hover,a.button:hover,input[type="submit"]:hover,input[type="button"]:hover{background:#202938!important;border-color:#60718d!important;color:#fff!important}
button:active,.button:active,a.button:active{transform:translateY(1px)}
button:disabled,.button.disabled{opacity:.45;cursor:not-allowed}
button.danger,.button.danger,.btn-danger{background:#151b26!important;color:#eef3fb!important;border-color:#40506a!important}
button.danger:hover,.button.danger:hover,.btn-danger:hover{background:#202938!important;border-color:#60718d!important;color:#fff!important}

/* Navegação: mais próxima da nova identidade, sem alterar estrutura. */
.le-menu-button{background:#151924!important;border-color:#3b4154!important;box-shadow:var(--le-shadow)!important}
.le-menu-button:hover{background:#202534!important;border-color:#525a70!important}
.le-side-menu{background:#10131b!important;border-right-color:#303545!important;box-shadow:20px 0 55px rgba(0,0,0,.46)!important}
.le-side-head{background:#171a25!important;border-bottom-color:#303545!important}
.le-side-nav{background:#11141d!important}
.le-side-nav a,.le-nav-parent{color:#e9edf5!important;border-radius:9px!important}
.le-side-nav a:hover,.le-side-nav a.active,.le-nav-parent:hover,.le-nav-parent.active{background:#242736!important;border-color:#3b4052!important}
.le-side-nav a.active,.le-nav-parent.active{box-shadow:inset 3px 0 0 var(--le-teal)!important}
.le-side-nav .ico{color:#aeb8ca!important}.le-side-nav .sep,.le-nav-sub,.le-side-foot{border-color:#2d3241!important}
.le-global-breadcrumb a{color:#7db7ff!important}.le-global-breadcrumb .le-bc-current{color:#dce3ee!important}

/* Status/indicadores: aqui a cor tem função semântica. */
.status-ATIVO{background:#15362e!important;color:#62e6b8!important}
.status-ATENCAO{background:#3a3118!important;color:#ffd166!important}
.status-INATIVO{background:#3c2228!important;color:#ff8b92!important}
.status-NAO_ENTROU{background:#272b35!important;color:#b6becb!important}

/* Mantém botões compactos realmente compactos. */
.compact-actions button,.compact-actions .button,.actions.compact button,.actions.compact .button{padding:7px 10px!important;font-size:.78rem!important}
@media(max-width:700px){button,.button,a.button,input[type="submit"],input[type="button"]{padding:8px 11px!important}}