:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; }
body { margin:0; background:#0b0d10; color:#f5f7fa; }
.container { max-width:1100px; margin:0 auto; padding:32px 20px; }
.card { background:#151922; border:1px solid #2a303b; border-radius:16px; padding:24px; margin:20px 0; }
.narrow { max-width:520px; margin:8vh auto; }
.center { text-align:center; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; }
h1,h2 { margin-top:0; }
.muted { color:#9aa4b2; }
label { display:block; margin:16px 0; color:#cdd4df; }
input,select { width:100%; box-sizing:border-box; padding:12px; margin-top:6px; border-radius:10px; border:1px solid #3a4350; background:#0f1319; color:#fff; }
button,.button { display:inline-block; border:0; border-radius:10px; padding:12px 18px; background:#f4f6f8; color:#111; font-weight:700; text-decoration:none; cursor:pointer; }
button.danger { background:#ff6b6b; }
a { color:#fff; }
.flash { padding:12px; border-radius:10px; margin:10px 0; background:#262c36; }.flash.erro{background:#482626;}
table { width:100%; border-collapse:collapse; } th,td { padding:12px; border-bottom:1px solid #2a303b; text-align:left; }
.grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.metric{background:#151922;border:1px solid #2a303b;border-radius:16px;padding:22px}.metric strong{display:block;font-size:2rem}.metric span{color:#9aa4b2}.status{font-size:1.25rem;margin:28px 0}code{word-break:break-all}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}table{font-size:.9rem}.topbar{align-items:flex-start}}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.metrics6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:.75rem;font-weight:800}.status-ATIVO{background:#153b2b;color:#65e6a5}.status-ATENCAO{background:#463b14;color:#ffd86a}.status-INATIVO{background:#482626;color:#ff9292}.status-NAO_ENTROU{background:#272d36;color:#aab3c0}@media(max-width:1000px){.metrics6{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.metrics6{grid-template-columns:repeat(2,1fr)}}
.metrics8{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.checkin-overlay{position:fixed;inset:0;background:rgba(5,8,12,.82);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.checkin-overlay[hidden]{display:none}.checkin-box{width:min(520px,100%);background:#151922;border:1px solid #394150;border-radius:18px;padding:34px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.45)}.checkin-kicker{font-size:.85rem;font-weight:800;letter-spacing:.18em;color:#9fbfff}.checkin-timer{font-size:1.3rem;margin:18px 0}.checkin-timer strong{font-size:3rem}@media(max-width:1200px){.metrics8{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.metrics8{grid-template-columns:repeat(2,1fr)}}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-head h2{margin-bottom:6px}

/* v7 perguntas rápidas */
.question-form label{display:block;margin:.55rem 0}.question-form input{width:100%;box-sizing:border-box;margin-top:.25rem}.question-form .actions label{display:flex;align-items:center;gap:.4rem;margin:0}.pergunta-box{max-width:680px}.pergunta-alternativas{display:grid;gap:.65rem;margin:1rem 0}.pergunta-alternativas label{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem;border:1px solid #344054;border-radius:10px;cursor:pointer}.pergunta-alternativas input{margin-top:.2rem}

/* v7.1 banco de questoes */
.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-row label{min-width:180px;margin:0}.compact-actions{flex-wrap:nowrap}.compact-actions button,.compact-actions .button{padding:8px 10px;font-size:.78rem}@media(max-width:700px){.form-grid-2{grid-template-columns:1fr}.compact-actions{flex-wrap:wrap}}
.question-bank-live{margin:12px 0 20px;padding:16px;border:1px solid #2a303b;border-radius:12px;background:#10141b}.question-bank-live h3{margin-top:0}.separator{border:0;border-top:1px solid #2a303b;margin:22px 0}

/* LIVE ENGAGEMENT v7.10.6 - Layout Global Responsivo */
@media (min-width: 1100px) {
  body > main.container {
    width: calc(100vw - 64px) !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body > main.container > .topbar,
  body > main.container > header.topbar,
  body > main.container > section,
  body > main.container > .card,
  body > main.container > .panel {
    max-width: none;
  }
}

@media (min-width: 1700px) {
  body > main.container {
    width: calc(100vw - 80px) !important;
  }
}

@media (max-width: 1099px) {
  body > main.container {
    width: auto !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 600px) {
  body > main.container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}