/* REMB 2026: presentation layer. Existing IDs, handlers and visibility rules remain authoritative. */
:root{--bg-primary:#f4f7fb;--bg-app:#f4f7fb;--bg-sidebar:#0f172a;--bg-card:#fff;--text-primary:#18243c;--text-secondary:#65748b;--accent:#2563eb;--accent-light:#edf3ff;--border:#e3e9f1;--shadow:0 3px 12px #152b4a04;--shadow-lg:0 12px 35px #152b4a12;--remb-radius:14px}
[data-theme="dark"]{--bg-primary:#111b2b;--bg-app:#111b2b;--bg-card:#182538;--text-primary:#e4edf8;--text-secondary:#a7b5c9;--border:#2d3b51;--accent-light:#213b62;--shadow:0 3px 12px #00000012}
body{background:var(--bg-primary);font-family:Inter,'Segoe UI',sans-serif;line-height:1.6}
button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #06b6d4;outline-offset:3px}
.app-layout{grid-template-columns:236px minmax(0,1fr)}
.app-sidebar{width:236px;min-width:236px;max-width:236px;border-right:0;padding-bottom:10px}
.sidebar-header{padding:24px 17px 14px!important}.app-logo{gap:10px}.app-logo>span{font-size:21px;letter-spacing:-.5px}.app-logo>span>span{color:#a7bedb}
.sidebar-menu{padding:0 12px!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#33435c transparent}
.menu-item{border-radius:8px!important;padding:10px 13px!important;gap:11px;font-size:12px!important;margin:4px 0;font-weight:500!important;transition:background .15s,color .15s}
.menu-item.active{background:#203458!important;box-shadow:inset 3px 0 #39b5ef!important;color:#f6f9ff!important}
.menu-item:hover{background:#1b2b45!important;transform:none!important}.menu-item .badge{font-size:10px!important;padding:2px 6px!important;border-radius:5px!important;min-width:23px}
.menu-icon svg{width:17px;height:17px}.sidebar-footer{margin-top:auto}.sidebar-footer .theme-menu-title{font-size:10px;letter-spacing:1.3px}.sidebar-footer .menu-item{font-size:11px!important}
.sidebar-collapsed .app-sidebar{width:80px;min-width:80px;max-width:80px}.sidebar-collapsed .sidebar-header{padding:12px 4px!important}.sidebar-collapsed .app-logo>span{display:none}
.app-content{min-width:0;padding:0 34px 38px!important;background:var(--bg-primary);background-image:none!important}
.remb-ui-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 -34px 30px;padding:0 34px;border-bottom:1px solid var(--border);background:var(--bg-card)}
.remb-ui-breadcrumb{font-size:12px;color:var(--text-secondary)}.remb-ui-breadcrumb strong{font-weight:500;color:var(--text-primary)}.remb-ui-wordmark{font-size:11px;color:var(--text-secondary);letter-spacing:.4px}
.content-section{max-width:1500px;margin:0 auto}.content-section.active{animation:none}.section-header{margin-bottom:26px!important}.section-header h1,.ci-lab-app h1{font-family:var(--font-heading),'Segoe UI',sans-serif;font-size:29px!important;letter-spacing:-.7px;font-weight:650!important;color:var(--text-primary)}
/* Match Home's content edges on every regular page, in either sidebar mode. */
body:not(.session-active) .app-content>.content-section{width:100%;max-width:none!important;margin:0!important;padding:0!important;min-width:0;box-sizing:border-box}
.section-subtitle{font-size:13px!important;color:var(--text-secondary);margin-top:7px}.content-section h2{letter-spacing:-.3px}.content-section h3{font-size:16px}
.filters-panel,.questao-card,.lists-modal-card,.prova-stat-card,.planner-day-card,.config-card{border:1px solid var(--border)!important;border-radius:var(--remb-radius)!important;box-shadow:var(--shadow)!important;background:var(--bg-card)}
.filters-panel{padding:24px!important}.filter-group label{font-size:11px;letter-spacing:.2px;color:var(--text-secondary)}
.content-section :is(select,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea){border-color:var(--border)!important;border-radius:8px!important;font-size:13px;box-shadow:none}
.content-section :is(select,input,textarea):focus{outline:2px solid #2563eb55;outline-offset:1px}
.btn-primary,.btn-secundario,.btn-secondary,.btn-danger{border-radius:8px!important;font-size:12px!important;font-weight:600!important;padding:10px 16px!important;box-shadow:none!important;letter-spacing:0!important}
.btn-primary{background:var(--accent)!important;border:1px solid var(--accent)!important}.btn-secundario{background:var(--bg-card);border-color:var(--border)}
.questao-card{padding:29px 32px!important;margin-bottom:22px!important}.questao-meta{font-size:11px}.questao-header h2{font-size:16px}.enunciado-texto{font-size:16px!important;line-height:1.85!important;color:var(--text-primary)!important;text-align:left!important}
.alternativa-item{border:1px solid var(--border);border-radius:10px!important;padding:15px 17px!important;margin-bottom:10px!important;background:var(--bg-primary);box-shadow:none!important;line-height:1.7}
.alternativa-texto{font-size:14px!important}.alternativa-letter{width:28px;height:28px;font-size:12px;border:1px solid var(--border);background:var(--bg-card)}
.alternativa-item.selecionada{border-color:var(--accent);background:var(--accent-light)}.alternativa-item.correta{border-color:#86c5ab;background:var(--correct-light,#ecfdf5)}.alternativa-item.incorreta{border-color:#e5a4a4;background:var(--incorrect-light,#fef2f2)}
.questao-footer{padding-top:20px;border-top:1px solid var(--border)}
.content-section table{width:100%;border-collapse:collapse;font-size:12px}.content-section th{padding:13px 16px!important;background:var(--bg-primary)!important;color:var(--text-secondary)!important;font-size:10px!important;letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid var(--border)!important}
.content-section td{padding:16px!important;border-bottom:1px solid var(--border)!important;vertical-align:middle}.content-section td button{font-size:11px}
.prova-banner,.planner-banner{box-shadow:none!important;border-radius:14px!important}.prova-banner-title,.planner-banner-title{font-size:27px!important;letter-spacing:-.5px}.prova-stat-number{font-size:25px!important}.prova-stat-label{font-size:11px!important}
.ci-lab-app{margin-top:0}.ci-lab-app>p{font-size:13px;color:var(--text-secondary)}.ci-lab-app>h2{font-size:22px;margin:24px 0 8px}.ci-nav{gap:6px;padding:5px;border-radius:10px;background:var(--border);width:fit-content;max-width:100%;margin:24px 0}
.ci-nav button{border:0!important;background:var(--bg-card);font-size:11px!important;padding:9px 12px!important;box-shadow:none}.ci-box{border-radius:14px;padding:23px;background:var(--bg-card);box-shadow:var(--shadow)}
.ci-columns{grid-template-columns:minmax(240px,.75fr) minmax(340px,1.25fr);gap:24px}.ci-original{font-size:13px;line-height:1.8;max-height:75vh;overflow:auto;position:sticky;top:22px}.ci-box h3{font-size:18px;margin-bottom:14px}.ci-field{font-size:11px;font-weight:600;color:var(--text-secondary);margin:16px 0}.ci-field textarea,.ci-field select{font-size:13px!important;color:var(--text-primary);font-weight:400;padding:11px!important;line-height:1.65}.ci-lab-app details summary{font-size:12px;cursor:pointer}.ci-lab-app .ci-actions{gap:10px}.ci-lab-app button{font-size:12px;border-radius:8px}.ci-status{font-size:12px;line-height:1.6;border-radius:9px}.ci-preview{margin:20px 0}.ci-student-dialog{padding:25px;max-width:1100px;max-height:92vh}.ci-student-header{border-bottom:1px solid var(--border)}.ci-student-choice{font:inherit;color:inherit}.ci-student-correction{background:var(--accent-light);border:1px solid var(--border);padding:22px;border-radius:11px}.ci-student-correction h3{font-size:16px}.ci-student-balloon{border:0;border-left:3px solid var(--accent);box-shadow:none}.ci-student-options{gap:11px}
body.session-active .remb-ui-topbar{display:none}.active-caderno-bar-dark{background:#0f172a!important;height:76px!important;box-shadow:none!important;padding:12px 28px!important}.active-session-layout{grid-template-columns:226px minmax(0,1fr) 226px!important;gap:22px!important;padding:26px 28px 38px!important}.active-session-sidebar{min-width:0}.active-session-layout .sticky-highlighter-bar{width:226px!important;max-width:226px!important}.active-session-layout .questao-card{margin-bottom:20px!important}.active-session-layout .sidebar-card{border:1px solid var(--border);border-radius:12px;box-shadow:none}.active-session-layout .sidebar-section{border-color:var(--border)}
.remb-ui-legacy{position:fixed;right:16px;bottom:15px;z-index:980;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:7px;padding:7px 11px;font-size:10px;box-shadow:var(--shadow);text-decoration:none}.remb-ui-legacy:hover{color:var(--accent)}
.remb-ui-lab-table{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:18px}.remb-ui-lab-table td:first-child{width:42%}.remb-ui-lab-table td:last-child{text-align:right;white-space:nowrap}.remb-ui-lab-table strong{font-size:13px}.remb-ui-lab-table td p{font-size:11px;color:var(--text-secondary);margin:4px 0}.remb-ui-lab-table summary{color:var(--text-secondary);font-size:11px}.remb-ui-lab-table td button{background:var(--accent-light);color:var(--accent);border:0}
.remb-ui-notification{position:fixed;top:90px;right:22px;z-index:11000;max-width:420px;padding:15px 22px;border-radius:10px;background:#0f172a;color:#f4f7fb;box-shadow:var(--shadow-lg);font-size:13px}
@media(min-width:1700px){.app-content{padding-left:46px!important;padding-right:46px!important}.remb-ui-topbar{margin-left:-46px;margin-right:-46px;padding-left:46px;padding-right:46px}}
@media(max-width:1250px){.active-session-layout{grid-template-columns:190px minmax(0,1fr)!important}.active-session-layout .sticky-highlighter-bar{grid-column:1/-1;width:100%!important;max-width:none!important;position:static!important}.ci-columns{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr)}}
@media(max-width:900px){.app-layout{grid-template-columns:1fr}.app-sidebar{width:236px;min-width:236px;max-width:236px}.app-content{padding:0 23px 30px!important}.remb-ui-topbar{margin:0 -23px 24px;padding:0 23px}.ci-columns{grid-template-columns:1fr}.ci-original{position:static;max-height:300px}.active-session-layout{grid-template-columns:1fr!important;padding:18px!important}.active-session-layout .sticky-highlighter-bar{width:100%!important;max-width:100%!important}}
@media(max-width:700px){.app-content{padding:0 16px 24px!important}.remb-ui-topbar{height:56px;padding:0 16px;margin:0 -16px 20px}.remb-ui-wordmark{display:none}.section-header h1,.ci-lab-app h1{font-size:24px!important}.questao-card{padding:21px 18px!important}.enunciado-texto{font-size:15px!important;line-height:1.8!important}.ci-nav{width:100%;flex-wrap:wrap}.ci-box{padding:18px}.ci-original{max-height:250px}.active-caderno-bar-dark{padding:9px 12px!important}.active-session-layout{padding:15px 10px!important}.remb-ui-legacy{bottom:7px;right:8px}.ci-student-dialog{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
