/* JoeLearns Labs light appearance.
   Dark mode remains the original design. Applied last on both simulation engines.
   Terminals and simulated monitor screens deliberately stay dark. */
.jl-brand-controls{display:flex;align-items:center;gap:19px;min-width:0;flex-shrink:0}
.jl-theme-button{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:40px;height:40px;padding:0;border-radius:14px;
  background:rgba(23,49,74,.56);color:#c4ebfa;border:1px solid rgba(128,174,199,.38);
  cursor:pointer;transition:background .16s ease,border-color .16s ease;
}
.jl-theme-button:hover{background:rgba(28,108,143,.3);border-color:#38cde8}
.jl-theme-button svg{width:19px;height:19px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.jl-theme-button .jl-icon-moon{display:none}
html[data-theme="light"] .jl-theme-button .jl-icon-sun{display:none}
html[data-theme="light"] .jl-theme-button .jl-icon-moon{display:block}
.jl-theme-button:focus-visible{outline:2px solid #27b6d1;outline-offset:3px}
@media(max-width:900px){.jl-brand-controls{gap:10px}.jl-theme-button{width:37px;height:37px}}
@media(max-width:410px){.jl-brand-controls{gap:6px}.jl-theme-button{width:34px;height:34px;border-radius:11px}.jl-theme-button svg{width:17px;height:17px}}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f8fc;--panel:#fff;--panel2:#edf4fb;--line:#cbdce9;
  --text:#152940;--muted:#536980;--cyan:#087f9f;--teal:#126e81;
  --amber:#926119;--red:#b13c50;--green:#167850;
  --jl-light-ink:#152940;--jl-light-quiet:#526980;
  --jl-light-border:#cddde9;--jl-light-paper:#f5f8fc;--jl-light-soft:#eaf2f9;
}
html[data-theme="light"] body{color:var(--jl-light-ink);background:#f5f8fc}
html[data-theme="light"] ::selection{background:#c4eaf3;color:#122b42}
html[data-theme="light"] :is(a,button,input,textarea,summary):focus-visible{outline-color:#087f9f}

/* Shell, navigation, and shared header controls */
html[data-theme="light"] :is(.app-shell,.lab-shell){
  background:radial-gradient(ellipse 65% 45% at 58% -17%,rgba(67,172,210,.14),transparent 86%),
             radial-gradient(ellipse 36% 50% at -8% 75%,rgba(137,121,204,.07),transparent 85%),#f5f8fc;
}
html[data-theme="light"] :is(.app-shell,.lab-shell).heat-1{background:radial-gradient(ellipse at 90% 27%,rgba(194,74,92,.11),transparent 72%),#f5f8fc}
html[data-theme="light"] :is(.app-shell,.lab-shell).heat-2{background:radial-gradient(ellipse at 90% 27%,rgba(204,63,87,.19),transparent 77%),#f8f1f4}
html[data-theme="light"] :is(.app-shell,.lab-shell).heat-3{background:radial-gradient(ellipse at 82% 24%,rgba(204,42,71,.26),transparent 80%),#faecf0}
html[data-theme="light"] :is(.labs-topbar,.topbar){
  background:rgba(250,252,255,.95);border-bottom-color:#d0dfeb;
  box-shadow:0 8px 30px rgba(37,76,112,.055);
}
html[data-theme="light"] :is(.labs-topbar .brand-name,.brand-text strong){color:#172c43}
html[data-theme="light"] :is(.labs-topbar .brand-name span,.brand-text em){color:#087e9e}
html[data-theme="light"] :is(.labs-topbar .brand-sub,.brand-text small){color:#397b93}
html[data-theme="light"] .jl-theme-button{background:#fff;color:#176987;border-color:#c6d8e7}
html[data-theme="light"] .jl-theme-button:hover{background:#e6f5fb;border-color:#69bed4}
html[data-theme="light"] :is(.library-link,.toplinks .library){color:#36536b}
html[data-theme="light"] :is(.library-link,.toplinks .library):hover{color:#087c9a;background:#eaf5fa}
html[data-theme="light"] :is(.labs-beta,.beta-pill){background:#e3f5fa;border-color:#b6ddeb;color:#0b748c;box-shadow:none}
html[data-theme="light"] :is(.labs-beta,.beta-pill):hover{background:#d7edf7}
html[data-theme="light"] :is(.labs-help,.tour-link){background:#e9f5fb;border-color:#b2d9e8;color:#116783}
html[data-theme="light"] :is(.labs-help,.tour-link):hover{background:#d7edf7;color:#0a546c}
html[data-theme="light"] :is(.labs-tool-link,.tool-link){
  color:#5f3e9b;background:linear-gradient(120deg,#f1ebfb,#eae6f8);
  border-color:#c9b9e7;box-shadow:0 0 12px rgba(102,72,170,.055)
}
html[data-theme="light"] :is(.labs-tool-link,.tool-link):hover{color:#492983;background:#e5def6}
html[data-theme="light"] :is(.labs-main-link,.toplinks .main-link-frame a){background:#fff;color:#172d43}
html[data-theme="light"] :is(.labs-main-link,.toplinks .main-link-frame a):hover{background:#edf5fb;color:#102a42}
html[data-theme="light"] .labs-main-link span{color:#526980}

/* Launcher, hero and scenario queue. Keep the simulated monitor itself dark. */
html[data-theme="light"] .hero p{color:#566c82}
html[data-theme="light"] .hero h1{color:#152940}
html[data-theme="light"] .hero h1 em{color:#087e9e}
html[data-theme="light"] .eyebrow{color:#087d9d}
html[data-theme="light"] .top-hint{color:#697d92}
html[data-theme="light"] :is(.section-top p,.muted,.stats,.foot,.feature p){color:#576f85}
html[data-theme="light"] .glow{background:radial-gradient(circle,rgba(73,171,194,.13),transparent 66%)}
html[data-theme="light"] :is(.lab-monitor,.visual-card){
  color:#e7f5ff;box-shadow:0 22px 62px rgba(25,60,90,.20);
}
html[data-theme="light"] .lab-monitor :is(.terminal-muted,.monitor-terminal-lines,.monitor-status,.monitor-toolbar-label){color:#bcd1e4}
html[data-theme="light"] .btn:not(.primary):not(.danger){
  background:#fff;border-color:#c7d8e6;color:#24435c
}
html[data-theme="light"] .btn:not(.primary):not(.danger):hover{background:#e8f5fa;border-color:#80bfd1}
html[data-theme="light"] .btn.primary{color:#062a35}
html[data-theme="light"] .btn.danger{background:#ffecf0;color:#a13149;border-color:#e4aab6}
html[data-theme="light"] .panel{background:linear-gradient(155deg,#fff,#f9fcff);border-color:#cfdde9;box-shadow:0 12px 32px rgba(33,73,111,.06)}
html[data-theme="light"] .scenario-card p{color:#526a80}
html[data-theme="light"] .scenario-card:hover{border-color:#83bfce}
html[data-theme="light"] .queue-top{color:#34536b}
html[data-theme="light"] .badge{background:#edf3f9;border-color:#cbd9e6;color:#536b7e}
html[data-theme="light"] .badge.cyan{background:#e1f5fa;border-color:#a9dce8;color:#0b7592}
html[data-theme="light"] .badge.green{background:#e5f5eb;border-color:#b4dec7;color:#15784c}
html[data-theme="light"] .badge.amber{background:#fff2d8;border-color:#e7c891;color:#865719}
html[data-theme="light"] .badge.red{background:#fce9ed;border-color:#e4bac5;color:#a83b4f}
html[data-theme="light"] .badge.beginner{background:#e2f5e9;border-color:#a8d8b9;color:#167047}
html[data-theme="light"] .badge.intermediate{background:#fff1d9;border-color:#e9cca1;color:#905915}
html[data-theme="light"] .badge.advanced{background:#ffeaee;border-color:#e7bac5;color:#a2324c}
html[data-theme="light"] .badge.neutral{background:#e9f1f8;border-color:#cbdbe8;color:#4a6277}
html[data-theme="light"] .feature-icon{color:#137d9b}
html[data-theme="light"] .foot{border-top-color:#d0dfeb}
html[data-theme="light"] .key{background:#e9f2f7;border-color:#c9dce9;color:#26647a}

/* Rogue DHCP workspace: preserve visual severity without turning the whole page dark */
html[data-theme="light"] :is(.bread,.breadcrumbs){color:#617990}
html[data-theme="light"] :is(.bread button,.bread strong,.breadcrumbs span){color:#284760}
html[data-theme="light"] .workspace-top p{color:#596f85}
html[data-theme="light"] .status-pill{background:#def6ef;border-color:#addbcc;color:#146d50}
html[data-theme="light"] .status-pill.critical{background:#fce7ec;border-color:#e7b1bc;color:#ac3a52}
html[data-theme="light"] .incident-banner{background:linear-gradient(90deg,#fff3df,#f9fafd);border-color:#e9cb98}
html[data-theme="light"] .incident-banner.red{background:linear-gradient(90deg,#fce3e9,#fff4f6);border-color:#dca0af}
html[data-theme="light"] .incident-banner p{color:#576b7d}
html[data-theme="light"] .incident-banner .sign{color:#93651f}
html[data-theme="light"] .incident-banner.red .sign{color:#b13750}
html[data-theme="light"] .pane-head{border-bottom-color:#dbe6f0}
html[data-theme="light"] .section-caption{color:#607a90}
html[data-theme="light"] .ticket-box{background:#edf5fb;border-color:#d2e1ed}
html[data-theme="light"] .ticket-box .tag{color:#087f9b}
html[data-theme="light"] .ticket-box p{color:#3a526a}
html[data-theme="light"] .objective{color:#3c5269}
html[data-theme="light"] .device-btn{background:#f4f8fc;border-color:#ccdeea;color:#1b344b}
html[data-theme="light"] .device-btn.selected{background:#e4f5fa;border-color:#65b7ce}
html[data-theme="light"] .device-btn:hover{border-color:#7fbace}
html[data-theme="light"] .device-icon{background:#e7f2f9;border-color:#b7d8e7;color:#157b9e}
html[data-theme="light"] .device-btn small{color:#5b7186}
html[data-theme="light"] .tab{background:#edf4fa;border-color:#ccddea;color:#4b647d}
html[data-theme="light"] .tab.active{background:#dbf1f8;border-color:#87c7d8;color:#0b6885}
html[data-theme="light"] .action{background:#f3f8fc;border-color:#d3e1eb}
html[data-theme="light"] .action p{color:#5d7286}
html[data-theme="light"] .action button{background:#e0f3f9;border-color:#add3e0;color:#126b87}
html[data-theme="light"] .action.risky{border-color:#e4c0c9;background:#fff2f4}
html[data-theme="light"] .action.risky button{background:#f9e3e8;border-color:#d8a5b2;color:#973248}
html[data-theme="light"] .action.complete{background:#e9f6ee;border-color:#aed8c1}
html[data-theme="light"] .action.complete button{background:#d8f1e2;border-color:#94d1ad;color:#146944}
html[data-theme="light"] .evidence-item{background:#ecf6fa;border-color:#c6dfe9}
html[data-theme="light"] .evidence-item .tag{color:#117c99}
html[data-theme="light"] .evidence-item p{color:#4e667a}
html[data-theme="light"] .empty{border-color:#c5d9e7;color:#5a7288}
html[data-theme="light"] .notes{background:#fff;border-color:#bdd4e5;color:#273d52}
html[data-theme="light"] .progress-row{color:#536c83}
html[data-theme="light"] .progress-track{background:#d7e5f0}
html[data-theme="light"] .meter span{background:#d6e1ec}
html[data-theme="light"] .meter span.on{background:#bf425c}
html[data-theme="light"] .risk-note{color:#64788c}
html[data-theme="light"] .activity{color:#3c566c;border-left-color:#9ebacc}
html[data-theme="light"] .activity.bad{color:#a3324b;border-left-color:#c94862}
html[data-theme="light"] .activity.good{color:#16774f;border-left-color:#3aa77b}
html[data-theme="light"] .activity time{color:#70879a}
html[data-theme="light"] .report p{color:#4e687d}
html[data-theme="light"] .report dt{color:#657b8e}
html[data-theme="light"] .report dd{color:#1d364d}
html[data-theme="light"] .report.failure{border-color:#dfaab7;background:#fff7f9}
html[data-theme="light"] .hint{background:#e9f5fa;border-color:#c8e0ea;color:#235b70}

/* Legacy Rogue DHCP terminal, chips, and splash monitor remain dark. */
html[data-theme="light"] .terminal{background:#070e18;color:#bed0e2;border-color:#284458}
html[data-theme="light"] .terminal-bar{background:#112138;color:#c6e6f0;border-bottom-color:#263b53}
html[data-theme="light"] .terminal-title{color:#b8d4e3}
html[data-theme="light"] .terminal-output{color:#bed0e2}
html[data-theme="light"] .terminal-entry{background:#0c1624;border-top-color:#253a4f;color:#cbddeb}
html[data-theme="light"] .terminal-entry input{color:#eaf4fe}
html[data-theme="light"] .chip{background:#12253a;color:#bad8e7;border-color:#2c455b}
html[data-theme="light"] .chip:hover{color:#e6ffff;border-color:#72bac8}

/* Library, beta, and warning dialogs */
html[data-theme="light"] :is(.modal,.dialog){background:linear-gradient(150deg,#fff,#f1f7fc);border-color:#b4d3e2;color:#19314a;box-shadow:0 24px 70px rgba(17,55,84,.25)}
html[data-theme="light"] :is(.modal p,.dialog p){color:#526980}
html[data-theme="light"] .modal-screen{background:rgba(9,30,49,.48)}
html[data-theme="light"] .library-scenario{background:#f6faff;border-color:#d3e2ec;color:#1e364d}
html[data-theme="light"] .library-scenario:hover{background:#eaf5fa;border-color:#83c4d4}
html[data-theme="light"] .library-scenario-copy :is(small,em){color:#526a80}
html[data-theme="light"] .library-scenario-eyebrow{color:#147e9b}
html[data-theme="light"] .library-scenario-icon{background:#e7f5fb;color:#137c98;border-color:#bbddeb}
html[data-theme="light"] .library-ready{color:#178354}
html[data-theme="light"] .library-coming{background:#eef5fa;border-color:#d2e1eb;color:#3e5a70}
html[data-theme="light"] .library-close{background:#ebf3f9;border-color:#cadfea;color:#3b5d73}
html[data-theme="light"] .library-close:hover{background:#dbeef6}
html[data-theme="light"] .beta-info-footnote{color:#547083;background:#eaf3f9;border-color:#d0e3ef}
html[data-theme="light"] .floating-notice{color:#903649;background:#ffedf1;border-color:#ddaab8;box-shadow:0 12px 28px rgba(50,69,85,.16)}
html[data-theme="light"] .divider{background:#d0e0eb}

/* New scenario engine: directory, missions, evidence, recovery and reports. */
html[data-theme="light"] .mission-main{color:#152940}
html[data-theme="light"] .mission-heading p{color:#586e83}
html[data-theme="light"] .lead{color:#526c83}
html[data-theme="light"] .micro-label{color:#5c7b8e}
html[data-theme="light"] .risk-meter small{color:#536d82}
html[data-theme="light"] .risk-segment{background:#d6e5ee}
html[data-theme="light"] .risk-segment.active{background:#d1566d}
html[data-theme="light"] .secondary-btn{background:#fff;border-color:#c4d9e7;color:#24465e}
html[data-theme="light"] .secondary-btn:hover{background:#eaf5fa;border-color:#85c1d3}
html[data-theme="light"] .primary-btn{color:#042b38}
html[data-theme="light"] .incident-banner.bad{background:linear-gradient(100deg,#fde8ed,#fff4f6);border-color:#e2aab7}
html[data-theme="light"] .incident-banner.good{background:linear-gradient(100deg,#e3f5eb,#f5fbf8);border-color:#acd4be}
html[data-theme="light"] .incident-banner.warning{background:linear-gradient(100deg,#fff0d7,#fff8ed);border-color:#e3c08c}
html[data-theme="light"] .incident-banner strong{color:#137c98}
html[data-theme="light"] .incident-banner.bad strong{color:#a63850}
html[data-theme="light"] .incident-banner p{color:#526a7b}
html[data-theme="light"] .banner-icon{color:#147f9e}
html[data-theme="light"] .bad .banner-icon{color:#af3850}
html[data-theme="light"] .good .banner-icon{color:#188255}
html[data-theme="light"] .pane-header{border-bottom-color:#d4e2ec}
html[data-theme="light"] .pane-header small{color:#647a8d}
html[data-theme="light"] .case-pane blockquote{background:#eaf4fa;border-color:#ccdeeb;color:#345268}
html[data-theme="light"] .system-choice{background:#f4f8fc;border-color:#cfdeea;color:#233b51}
html[data-theme="light"] .system-choice.selected{background:#e2f3fa;border-color:#6dbdd2}
html[data-theme="light"] .system-choice:hover{border-color:#85c3d4}
html[data-theme="light"] .system-choice .system-icon{background:#e4f1f8;border-color:#b7dbe6;color:#137e9c}
html[data-theme="light"] .system-choice small{color:#5b7184}
html[data-theme="light"] .attachment{background:#f6faff;border-color:#ccdeeb;color:#28475e}
html[data-theme="light"] .attachment:hover{border-color:#76c0d2}
html[data-theme="light"] .attachment>span:first-child,html[data-theme="light"] .attachment>span:last-child{color:#177e9b}
html[data-theme="light"] .attachment small{color:#667e90}
html[data-theme="light"] .quick-head{color:#5b7890}
html[data-theme="light"] .action-body h3{color:#214059}
html[data-theme="light"] .action-item{background:#f3f8fc;border-color:#d2e1ec}
html[data-theme="light"] .action-item p{color:#5b7184}
html[data-theme="light"] .action-item button{background:#e0f3f8;border-color:#a9d3e1;color:#176d85}
html[data-theme="light"] .action-item button:hover{background:#cfe9f4}
html[data-theme="light"] .action-item button.change-button{background:#fbe8eb;border-color:#dca9b3;color:#a0344d}
html[data-theme="light"] .action-disclaimer{color:#627a8c}
html[data-theme="light"] .step{color:#526d83}
html[data-theme="light"] .step span{color:#7d9aad}
html[data-theme="light"] .step.done,html[data-theme="light"] .step.done span{color:#197c56}
html[data-theme="light"] .bar{background:#d6e6ee}
html[data-theme="light"] .evidence{background:#edf6fb;border-color:#cadfea}
html[data-theme="light"] .evidence p{color:#536b80}
html[data-theme="light"] .history-line{color:#415c72;border-left-color:#9bbacc}
html[data-theme="light"] .history-line time{color:#6d8597}
html[data-theme="light"] .history-line.bad{color:#ac3650;border-left-color:#c54560}
html[data-theme="light"] .history-line.good{color:#1b7954;border-left-color:#3ba67f}
html[data-theme="light"] .hint-details{border-top-color:#cfdfea}
html[data-theme="light"] .hint-details summary{color:#136d89}
html[data-theme="light"] .hint-body p{color:#50697d}
html[data-theme="light"] .hint-body button{background:#e4f4fa;border-color:#b6d9e6;color:#136e87}
html[data-theme="light"] .reversal-strip{background:#ffedf1;border-color:#ddaab8;color:#a03b51}
html[data-theme="light"] .reversal-strip button{background:#f9dde5;border-color:#cb8fa0;color:#993249}
html[data-theme="light"] .mission-foot{border-top-color:#ccdeeb;color:#627d92}
html[data-theme="light"] .result-panel{background:linear-gradient(150deg,#f4fffa,#fff);border-color:#a7d6c0}
html[data-theme="light"] .result-panel.failed{background:linear-gradient(150deg,#fff1f4,#fff);border-color:#e0acb9}
html[data-theme="light"] .result-panel>p{color:#566e80}
html[data-theme="light"] .result-facts div{background:#f3f9fc;border-color:#d1e2eb}
html[data-theme="light"] .result-facts span{color:#61798b}
html[data-theme="light"] .ref-link a{color:#087e9b}
html[data-theme="light"] .warning-dialog{background:linear-gradient(135deg,#fff1f4,#fff);border-color:#ddaab8}
html[data-theme="light"] .dialog-header{color:#284860;border-bottom-color:#d0e1ec}
html[data-theme="light"] .dialog-header button{color:#4f7087}
html[data-theme="light"] .mission-card{background:#fff;border-color:#cedfea;box-shadow:0 10px 28px rgba(33,73,111,.055)}
html[data-theme="light"] .mission-card:hover{background:#f2f9fd;border-color:#78bace}
html[data-theme="light"] .mission-card small{color:#557187}
html[data-theme="light"] .mission-card p{color:#526a80}
html[data-theme="light"] .mission-card>span:last-child{color:#087a98}
html[data-theme="light"] .directory-foot{color:#526f86}
html[data-theme="light"] .mission-notes{background:#fff;color:#213b51;border-color:#c3dbea}
html[data-theme="light"] .mission-notes::placeholder{color:#718799}
html[data-theme="light"] .report-notes{background:#edf6fb;border-color:#cfdfeb}
html[data-theme="light"] .report-notes span{color:#117c99}
html[data-theme="light"] .report-notes p{color:#36566e}

/* The actual workstation console stays dark in light mode: no artificial glare. */
html[data-theme="light"] .terminal{background:#080f1b;color:#c8d7e5;border-color:#2e445b}
html[data-theme="light"] .terminal-top{background:#12243b;border-bottom-color:#263a53}
html[data-theme="light"] .terminal-top strong{color:#b9d8ea}
html[data-theme="light"] .terminal-body{color:#c8d7e5}
html[data-theme="light"] .command-form{background:#111f32;border-top-color:#2c415b}
html[data-theme="light"] .command-form input{color:#e5faff}
html[data-theme="light"] .quick-command{background:#152b41;border-color:#36536c;color:#c9e6f1}
html[data-theme="light"] .quick-command:hover{background:#21425b;color:#f0fcff}

/* Guided tour should match the selected appearance while retaining its focus ring. */
html[data-theme="light"] .jlt-tour-spotlight{
  border-color:#43b2cc;
  box-shadow:0 0 0 9999px rgba(12,38,60,.61),0 0 0 5px rgba(85,185,206,.22),0 0 26px rgba(47,158,186,.26)
}
html[data-theme="light"] .jlt-tour-panel{
  background:linear-gradient(145deg,#fff,#edf5fb);color:#172d45;
  border-color:#a9d4e3;box-shadow:0 25px 65px rgba(15,51,77,.28)
}
html[data-theme="light"] .jlt-tour-kicker{color:#117e9c}
html[data-theme="light"] .jlt-tour-panel h2{color:#17314a}
html[data-theme="light"] .jlt-tour-panel p{color:#4f697f}
html[data-theme="light"] .jlt-tour-close{background:#edf5fa;color:#35556c;border-color:#c7dae8}
html[data-theme="light"] .jlt-tour-close:hover{background:#dbeef5}
html[data-theme="light"] .jlt-tour-progress span{background:#d6e5f0}
html[data-theme="light"] .jlt-tour-actions button{background:#f6fbff;border-color:#c8dcea;color:#30526b}
html[data-theme="light"] .jlt-tour-actions button:hover{background:#e7f4fa}
html[data-theme="light"] .jlt-tour-actions .jlt-next{background:#087e9e;color:#fff;border-color:#087e9e}
html[data-theme="light"] .jlt-tour-actions .jlt-next:hover{background:#086b87;color:#fff}
@media(prefers-reduced-motion:reduce){.jl-theme-button{transition:none}}

/* Keep the splash monitor's console cyan and neutral text independent of page palette. */
html[data-theme="light"] .lab-monitor{
  --cyan:#67e8f9;--teal:#92ede3;--text:#f5f9ff;--muted:#aac0d5;
  --red:#f26b75;--green:#77dbab;--amber:#f9c46d;
}
@media(max-width:410px){
  .labs-topbar .jl-brand-controls,.topbar .jl-brand-controls{
    flex:1 1 100%;width:100%;justify-content:space-between;
  }
  .labs-topbar .brand,.topbar .brand{min-width:0}
  .labs-topbar .brand-sub,.topbar .brand-text small{letter-spacing:.35px}
}


/* Release polish: JoeLearns-style centered navigation with toggle directly after Lab library.
   Keep service buttons on the right; no changes to scenario actions or sticky behavior. */
.labs-topbar,.topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  column-gap:clamp(16px,2vw,32px);
}
.labs-topbar .jl-brand-controls,.topbar .jl-brand-controls{justify-self:start;min-width:0}
.labs-topbar .brand,.topbar .brand{min-width:0}
.labs-header-center{
  display:flex;align-items:center;justify-content:center;justify-self:center;
  gap:17px;white-space:nowrap;min-width:0;
}
.labs-header-center .library-link,.topnav-center .library{
  display:inline-flex;align-items:center;justify-content:center;
  white-space:nowrap;padding:8px 4px;
}
.labs-header-actions,.toplinks{
  justify-self:end;display:flex;justify-content:flex-end;align-items:center;
  flex-wrap:nowrap;min-width:0;
}
@media(max-width:1320px){
  .labs-topbar,.topbar{grid-template-columns:auto minmax(0,1fr);row-gap:9px}
  .labs-topbar .jl-brand-controls,.topbar .jl-brand-controls{
    grid-column:1;grid-row:1;
  }
  .labs-header-actions,.toplinks{
    grid-column:2;grid-row:1;flex-wrap:wrap;justify-content:flex-end
  }
  .labs-header-center{
    grid-column:1/-1;grid-row:2;justify-self:center
  }
}
@media(max-width:760px){
  .labs-topbar,.topbar{grid-template-columns:minmax(0,1fr);row-gap:10px}
  .labs-topbar .jl-brand-controls,.topbar .jl-brand-controls{
    grid-column:1;grid-row:1
  }
  .labs-header-center{
    grid-column:1;grid-row:2;justify-self:center
  }
  .labs-header-actions,.toplinks{
    grid-column:1;grid-row:3;justify-self:stretch;
    justify-content:center;flex-wrap:wrap
  }
}
/* Escalation: crimson and warm red, not magenta/pink. Keep panels readable. */
html[data-theme="light"]{
  --red:#ba1120;
}
html[data-theme="light"] :is(.app-shell,.lab-shell).heat-1{
  background:radial-gradient(ellipse 75% 65% at 74% 31%,rgba(182,10,31,.50),transparent 79%),#e9a5aa;
}
html[data-theme="light"] :is(.app-shell,.lab-shell).heat-2{
  background:radial-gradient(ellipse 80% 80% at 68% 38%,rgba(169,6,27,.72),transparent 84%),#d8626b;
}
html[data-theme="light"] :is(.app-shell,.lab-shell).heat-3{
  background:
    radial-gradient(ellipse 63% 75% at 50% 47%,#fff9f7 0%,#d74650 33%,#c01a2b 61%,#b40b20 83%,#a90013 100%),
    #a90013;
}
html[data-theme="light"] .heat-1 .heat-veil{box-shadow:inset 0 0 130px 15px rgba(156,31,38,.10)}
html[data-theme="light"] .heat-2 .heat-veil{box-shadow:inset 0 0 185px 43px rgba(156,27,34,.17)}
html[data-theme="light"] .heat-3 .heat-veil{box-shadow:inset 0 0 190px 45px rgba(166,0,17,.24)}
html[data-theme="light"] .result-panel.failed,
html[data-theme="light"] .report.failure{
  background:linear-gradient(150deg,#fff8f6,#fff);
  border-color:#bf3f49;
}
html[data-theme="light"] :is(.incident-banner.bad,.incident-banner.red){
  background:linear-gradient(105deg,#fae1de,#fff7f5);
  border-color:#d17473;
}
html[data-theme="light"] :is(.incident-banner.bad strong,.incident-banner.red .sign,.bad .banner-icon){color:#b51625}
html[data-theme="light"] :is(.badge.red,.badge.advanced){background:#f9e8e5;border-color:#dcb3ad;color:#9b3038}
html[data-theme="light"] .reversal-strip{background:#f9e9e7;border-color:#d6a39f;color:#97313a}
html[data-theme="light"] .reversal-strip button{background:#f3d8d5;border-color:#c78d8b;color:#8e2b34}
html[data-theme="light"] .action-item button.change-button{background:#f9e9e6;border-color:#d7a6a0;color:#942f37}
html[data-theme="light"] .floating-notice{background:#f9e8e6;border-color:#d8a19e;color:#95333b}


/* Cat6 workbench: readable light surfaces and accessible controls.
   Keep the console dark, but let the physical cabling exercise follow the light palette. */
html[data-theme="light"] .cable-bench-inner>p{color:#425b72}
html[data-theme="light"] .cable-bench-inner>p strong{color:#18344d}
html[data-theme="light"] .length-form{
  background:#eaf3fa;
  border-color:#c3d9e8;
}
html[data-theme="light"] .length-form label{color:#1c3b54}
html[data-theme="light"] .length-form small{color:#506b82}
html[data-theme="light"] .length-entry input{
  background:#fff;
  color:#18344d;
  border-color:#a6c7da;
}
html[data-theme="light"] .length-entry input::placeholder{color:#6a8295}
html[data-theme="light"] .length-entry input:disabled{
  background:#f1f6fa;
  color:#48657c;
}
html[data-theme="light"] .cable-subhead{color:#086e8c}
html[data-theme="light"] .pin-slot{
  background:#f1f7fc;
  border-color:#c5d9e7;
}
html[data-theme="light"] .pin-slot>span{color:#456680}
html[data-theme="light"] .pin-slot small{color:#23445c}
html[data-theme="light"] .pin-wire{
  background:#d4e5ef;
  border-color:#819eb5;
}
html[data-theme="light"] .wire-option{
  background:#f4f9fd;
  border-color:#bfd6e5;
  color:#1e3e57;
}
html[data-theme="light"] .wire-option:hover:not(:disabled){
  background:#e4f3fa;
  border-color:#4b9fba;
}
html[data-theme="light"] .wire-option:disabled{opacity:.62}
html[data-theme="light"] .wire-swatch{border-color:rgba(35,67,87,.35)}
html[data-theme="light"] .cable-note{border-top-color:#d1e1ec;color:#4f687d}


/* Operational impact actions remain distinct and legible in light mode */
html[data-theme="light"] .impact-marker.high{background:#fdebee;border-color:#e3b9c2;color:#9b3c50}
html[data-theme="light"] .impact-marker.user{background:#fff2d8;border-color:#e5ce9b;color:#80581f}
html[data-theme="light"] .action-item button.conditional-button{background:#fff1d6;border-color:#d9be80;color:#755216}
html[data-theme="light"] .action-item button.conditional-button:hover{background:#f9e4bb;border-color:#bb924a}


/* Lab #008 change desk contrast in the light theme */
html[data-theme="light"] .cm-topology{background:linear-gradient(155deg,#f2f8fd,#e9f3fa);border-color:#bfd5e5}
html[data-theme="light"] .cm-node{background:#fafdff;color:#22435c;border-color:#9dc9da}
html[data-theme="light"] .cm-node span{color:#5b7489}
html[data-theme="light"] .cm-path{background:#e6f1f8;border-color:#a6bdce;color:#4d7087}
html[data-theme="light"] .cm-path span{color:#415d73}
html[data-theme="light"] .cm-path.warn{background:#fff2d8;border-color:#d5ab64;color:#846020}
html[data-theme="light"] .cm-path.good{background:#e4f6ed;border-color:#76ba9d;color:#196747}
html[data-theme="light"] .cm-access-node{background:#dceef8;border-color:#78b2cc;color:#174b69}
html[data-theme="light"] .cm-access-node small{color:#476b82}
html[data-theme="light"] .cm-client-node{color:#4a6b80}
html[data-theme="light"] .cm-explainer{color:#536b7e}
html[data-theme="light"] .cm-plan-title strong{color:#213d53}
html[data-theme="light"] .cm-plan-title p{color:#506b80}
html[data-theme="light"] .cm-sleep{background:#f1f8fc;border-color:#c1d8e6;color:#526d82}
html[data-theme="light"] .cm-sleep span{color:#267f9a}
html[data-theme="light"] .cm-sleep strong{color:#21485e}
html[data-theme="light"] .cm-field>span{color:#36546d}
html[data-theme="light"] .cm-field select,html[data-theme="light"] .cm-field textarea{background:#fff;color:#193950;border-color:#b3cbdb}
html[data-theme="light"] .cm-field option{background:#fff;color:#193950}
html[data-theme="light"] .cm-ack{color:#35536a}
html[data-theme="light"] .cm-form-foot{border-top-color:#cfdeeb}
html[data-theme="light"] .cm-form-foot>span{color:#5b7387}
html[data-theme="light"] .cm-approved{background:#eaf8f4;border-color:#a6d6c6}
html[data-theme="light"] .cm-approved>strong{color:#116a48}
html[data-theme="light"] .cm-approved p{color:#3e5e65}
html[data-theme="light"] .cm-approved .cm-note{background:#f9fefe;border-left-color:#3eaa9f}
html[data-theme="light"] .cm-close-row>span{color:#4e6e7b}
html[data-theme="light"] .cm-close-row .cm-good{color:#14764e}
html[data-theme="light"] .cm-result-summary{background:#eaf6f4;border-color:#b8d9ce}
html[data-theme="light"] .cm-result-summary strong{color:#1c7051}
html[data-theme="light"] .cm-result-summary p{color:#46666e}
html[data-theme="light"] .result-panel.mitigated{background:linear-gradient(155deg,#fff8ea,#fff);border-color:#ddbf80}
html[data-theme="light"] .result-panel.mitigated .result-icon{color:#a57922}