/* LimaBravo brand integration + persistent light/dark theme */
.brand{min-width:0;display:flex;align-items:center}
.brand-logo{display:block;width:auto;height:44px;max-width:min(245px,42vw);object-fit:contain;object-position:left center;transition:filter .22s ease,opacity .22s ease}
.topbar-actions{display:flex;align-items:center;gap:16px}
.theme-toggle{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:#fff;color:#425066;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.theme-toggle:hover{border-color:#b6c6cf;color:var(--teal);transform:translateY(-1px)}
.theme-toggle:focus-visible{outline:3px solid rgba(75,182,166,.25);outline-offset:2px}
.theme-icon{width:19px;height:19px;grid-area:1/1;transition:opacity .18s ease,transform .22s ease}
.theme-icon-sun{opacity:0;transform:rotate(-35deg) scale(.72)}
html[data-theme="dark"] .theme-icon-moon{opacity:0;transform:rotate(35deg) scale(.72)}
html[data-theme="dark"] .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="dark"] .brand-logo{filter:brightness(0) invert(1)}
.theme-transition *, .theme-transition *:before, .theme-transition *:after{transition-property:background-color,border-color,color,box-shadow,filter!important;transition-duration:.22s!important}

html[data-theme="dark"]{color-scheme:dark;--ink:#e8eef4;--muted:#9aa8b6;--line:#283644;--bg:#111a24;--teal2:#102d2a;--cream:#272218;--shadow:0 18px 50px rgba(0,0,0,.24)}
html[data-theme="dark"] body{background:#0b1118;color:var(--ink)}
html[data-theme="dark"] .topbar{background:rgba(11,17,24,.93);border-color:#25323e;box-shadow:0 8px 30px rgba(0,0,0,.14)}
html[data-theme="dark"] .topbar nav{color:#b3bfca}
html[data-theme="dark"] .theme-toggle{background:#111b25;border-color:#2b3a47;color:#d9e2ea}
html[data-theme="dark"] .theme-toggle:hover{background:#17232e;border-color:#3a4b59;color:#73cfc0}
html[data-theme="dark"] .footer{background:#070c12;color:#9eabb8;border-top:1px solid #1c2833}
html[data-theme="dark"] .hero-shell{background:radial-gradient(circle at 78% 18%,rgba(75,182,166,.09),transparent 30%),linear-gradient(180deg,#0b1118 0%,#0d151e 100%)}
html[data-theme="dark"] .hero-copy h1,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .dash-head h1,
html[data-theme="dark"] .lesson-head h1,
html[data-theme="dark"] .exam-shell h1,
html[data-theme="dark"] .feature h3,
html[data-theme="dark"] .split h2,
html[data-theme="dark"] .auth-card h1,
html[data-theme="dark"] .stat-grid strong,
html[data-theme="dark"] .panel h2,
html[data-theme="dark"] td strong,
html[data-theme="dark"] .progress-orb strong,
html[data-theme="dark"] .module-main h2,
html[data-theme="dark"] .exam-cta h2,
html[data-theme="dark"] .lesson-block h2,
html[data-theme="dark"] .lesson-cards h3,
html[data-theme="dark"] .steps h3,
html[data-theme="dark"] .scenario>h3,
html[data-theme="dark"] .question-card legend,
html[data-theme="dark"] .result-card h1,
html[data-theme="dark"] .result-card h2,
html[data-theme="dark"] .review-list h2,
html[data-theme="dark"] .review-list strong,
html[data-theme="dark"] .partner-card h2,
html[data-theme="dark"] .partner-stats strong,
html[data-theme="dark"] .price-card h3,
html[data-theme="dark"] .price-card>strong,
html[data-theme="dark"] .partner-demo-head,
html[data-theme="dark"] .module-phase-nav span span,
html[data-theme="dark"] .module-phase-nav a span,
html[data-theme="dark"] .phase-heading h2,
html[data-theme="dark"] .knowledge-intro h2,
html[data-theme="dark"] .module-question-card legend,
html[data-theme="dark"] .module-question-card h3,
html[data-theme="dark"] .answer-letter,
html[data-theme="dark"] .module-result-hero h1,
html[data-theme="dark"] .review-body h3,
html[data-theme="dark"] .slide-step-label strong,
html[data-theme="dark"] .quiz-head h1{color:#edf3f7}
html[data-theme="dark"] .hero-copy>p,
html[data-theme="dark"] .lesson-block p,
html[data-theme="dark"] .teaching-list li,
html[data-theme="dark"] .price-card ul,
html[data-theme="dark"] .slide-topline strong{color:#a9b5c0}
html[data-theme="dark"] .panel-band,
html[data-theme="dark"] .dashboard-shell,
html[data-theme="dark"] .cbt-shell{background:#0e161f}
html[data-theme="dark"] .pricing-section{background:#0b1118}
html[data-theme="dark"] .feature,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .stat-grid article,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .learner-shell,
html[data-theme="dark"] .module-card,
html[data-theme="dark"] .lesson-block,
html[data-theme="dark"] .result-card,
html[data-theme="dark"] .partner-card,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .partner-demo-card,
html[data-theme="dark"] .module-phase-nav,
html[data-theme="dark"] .module-question-card,
html[data-theme="dark"] .module-answer-options label,
html[data-theme="dark"] .review-card,
html[data-theme="dark"] .graphic-stage{background:#121c26;border-color:#293744}
html[data-theme="dark"] .module-card.completed{background:#11201f;border-color:#24443f}
html[data-theme="dark"] .btn.ghost{background:#121c26;color:#e6edf3;border-color:#31404d}
html[data-theme="dark"] .btn.ghost:hover{background:#17232e;border-color:#435462}
html[data-theme="dark"] .form-stack label{color:#b7c1ca}
html[data-theme="dark"] .form-stack input,
html[data-theme="dark"] .form-stack textarea,
html[data-theme="dark"] .form-stack select{background:#0e1720;border-color:#31404d;color:#edf3f7}
html[data-theme="dark"] .demo-box,
html[data-theme="dark"] .exam-cta,
html[data-theme="dark"] .lesson-cards article,
html[data-theme="dark"] .checklist li,
html[data-theme="dark"] .steps article,
html[data-theme="dark"] .review-choice,
html[data-theme="dark"] .lesson-meta-row span,
html[data-theme="dark"] .path-meta span{background:#17222c;border-color:#2a3946;color:#b6c1cb}
html[data-theme="dark"] .tag{background:#17222c;color:#aebac5}
html[data-theme="dark"] .scenario,
html[data-theme="dark"] .course-graphic{background:#101923}
html[data-theme="dark"] .scenario-options button{background:#121c26;color:#e4ebf1;border-color:#2d3c49}
html[data-theme="dark"] .scenario-options button span,
html[data-theme="dark"] .answer-letter{background:#1b2833;color:#dfe8ef}
html[data-theme="dark"] .scenario-options button:hover,
html[data-theme="dark"] .module-answer-options label:hover{background:#17232e;border-color:#455765}
html[data-theme="dark"] .module-answer-options label.selected{background:#102823;border-color:#4bb6a6}
html[data-theme="dark"] .progress-orb{background:conic-gradient(var(--teal) var(--p,74%),#24323e 0)}
html[data-theme="dark"] .progress-orb:before{background:#121c26}
html[data-theme="dark"] .slide-progress{background:#263440}
html[data-theme="dark"] .exam-cta.ready,
html[data-theme="dark"] .takeaway,
html[data-theme="dark"] .review-choice.correct-choice,
html[data-theme="dark"] .module-result-hero.good,
html[data-theme="dark"] .result-card.pass{background:#102622;border-color:#285046}
html[data-theme="dark"] .knowledge-intro{background:linear-gradient(135deg,#102622,#111c24);border-color:#285046}
html[data-theme="dark"] .note-block{background:#252116;border-color:#b28837}
html[data-theme="dark"] .expert-deep-dive{background:linear-gradient(135deg,#261f13,#151a20);border-color:#6c5932;box-shadow:none}
html[data-theme="dark"] .expert-deep-dive h3{color:#e7c983}
html[data-theme="dark"] .expert-deep-dive p{color:#c4b48f}
html[data-theme="dark"] .module-result-hero.review-needed,
html[data-theme="dark"] .result-card.fail{background:#281b17;border-color:#59382c}
html[data-theme="dark"] .scenario-options button.incorrect,
html[data-theme="dark"] .scenario-feedback.incorrect,
html[data-theme="dark"] .alert.danger{background:#2a181a;color:#e2a7a7}
html[data-theme="dark"] .scenario-options button.correct,
html[data-theme="dark"] .scenario-feedback.correct,
html[data-theme="dark"] .alert.success{background:#102622;color:#91d8ca}
html[data-theme="dark"] .partner-demo-head{background:#13221f}
html[data-theme="dark"] .price-card.featured{background:#102622;border-color:#3e887b}
html[data-theme="dark"] .partner-demo-card>div,
html[data-theme="dark"] td,
html[data-theme="dark"] th{border-color:#283744}
html[data-theme="dark"] .course-graphic img,
html[data-theme="dark"] .graphic-stage img{filter:brightness(.92) saturate(.9)}

@media(max-width:600px){
  .brand-logo{height:37px;max-width:190px}
  .topbar-actions{gap:8px}
  .theme-toggle{width:36px;height:36px;border-radius:11px}
}