/* GAME HQ — quiet, task-first interface. Login gate and data safeguards remain intact. */
.app {
 --bg:#f6f7f7;--panel:#ffffff;--panel2:#f3f5f6;--hover:#ebf1f1;--border:#e1e6e8;
 --text:#192b34;--muted:#61737c;--soft:#80919a;--accent:#245f68;--accentlow:#e8f2f1;
 --green:#277857;--yellow:#a67123;--blue:#24667d;--shadow:0 3px 14px rgba(29,50,57,.035);
 font-size:14px;color:var(--text);background:var(--bg);line-height:1.5;
}
.app .main{background:#f6f7f7;min-height:100vh}
.app .sidebar{background:#fff;border-right:1px solid #e3e9ec}
.app .brand{margin:27px 20px 22px;color:var(--text)}
.app .brandmark{width:34px;height:34px;color:#fff;background:#245f68;border:0;border-radius:10px;transform:none;font-size:19px}
.app .brandword{font-size:17px;letter-spacing:-.5px}
.app .brandword small{font-size:9px;letter-spacing:.7px;color:#8a9ba3}
.app .sectioncaption{color:#82939b;font-size:10px;letter-spacing:1px;text-transform:none;margin:13px 24px 8px}
.app .navitem{color:#52666f;font-size:13px;font-weight:550;padding:11px 13px;border-radius:9px}
.app .navitem:hover{background:#eff4f3;color:#235b64}
.app .navitem.active{background:#eaf3f1;color:#185d61;box-shadow:none;font-weight:700}
.app .navitem .glyph{opacity:.75}
.app .sidedivider{background:#e7ecee}
.app .storage-note{background:#f5f9f8;border-color:#e0e9e6;color:#687f83;border-radius:10px;font-size:11px}
.app .storage-note strong{color:#2f695b}
.app .topbar{height:64px;background:#fff;border-bottom:1px solid #e3e9eb;padding:0 clamp(20px,3vw,48px)}
.app .breadcrumb{color:#71838d;font-size:12px}
.app .breadcrumb b{color:#29404a}
.app .chip{background:#eef7f2;color:#2b7457;border:1px solid #dcebe3;border-radius:30px;padding:7px 12px}
.app .dot{background:#2c976a}
.app .content{width:min(1180px,100%);padding:32px clamp(20px,3vw,48px) 85px}
.app .pageheading{margin-bottom:23px;align-items:center}
.app .eyebrow{font-size:10px;letter-spacing:1px;color:#6a8287}
.app .pageheading h1{font-size:clamp(24px,2.5vw,31px);letter-spacing:-.75px;line-height:1.25;color:#1d313b;font-weight:760;margin:8px 0 6px}
.app .pageheading p{font-size:13px;color:#6c7e86;line-height:1.65}
.app .card{background:#fff;border:1px solid #e2e8ea;box-shadow:var(--shadow);border-radius:12px;padding:21px}
.app .card h2{color:#243c46;font-weight:710;font-size:15px}
.app .card p{color:#60747e;font-size:13px}
.app .stat{background:#fff;border:1px solid #e4e9eb;border-radius:12px;min-height:116px;padding:18px;box-shadow:var(--shadow)}
.app .stat .label{color:#6e818a;font-size:12px}
.app .stat .number{font-size:24px;color:#223a43;margin:15px 0 4px}
.app .stat .detail{color:#8b9ba1}
.app .stat.warn .number{color:#a35f2e}
.app .btn{background:#fff;color:#3c5864;border:1px solid #d9e1e3;border-radius:8px;font-size:12px;font-weight:630;min-height:37px}
.app .btn:hover{background:#f0f5f5;border-color:#b8d2d2}
.app .btn.primary{background:#23626c;border:1px solid #23626c;color:#fff}
.app .btn.primary:hover{background:#164e56}
.app .btn.ghost{background:#fff;color:#506b76;border-color:#dde5e7}
.app .btn.danger{background:#fff;color:#a14a4c;border-color:#edd3d3}
.app .sectiontitle{font-size:15px;color:#2e454f;margin:30px 0 13px}
.app .task-row,.app .qc-row{border-bottom:1px solid #eaf0f0;padding:15px 0;align-items:flex-start}
.app .task-row:last-child,.app .qc-row:last-child{border-bottom:0}
.app .itemtitle,.app .maintext b{color:#263d47;font-size:13px}
.app .itemsub{color:#74858d;font-size:12px;line-height:1.6}
.app .itemmeta{gap:7px}
.app .status{color:#56727c;background:#f2f6f7;border:1px solid #e2eaec;border-radius:20px;padding:4px 9px;font-size:10px}
.app .status.red{background:#fff2ef;border-color:#f6d9cf;color:#a34d40}
.app .status.green{background:#edf8f1;border-color:#d5eade;color:#327450}
.app .status.yellow{background:#fff9e9;border-color:#f4e7be;color:#97702a}
.app .status.blue{background:#eff5f9;border-color:#d9e7ef;color:#466c86}
.app .minirow{border-bottom:1px solid #edf0f2;color:#536b75;font-size:12px}
.app .minirow b{color:#29434e}
.app .notice{background:#f0f7f8;border:1px solid #dfecee;color:#54717a;border-radius:9px}
.app .alertbox{background:#fff7f1;border:1px solid #f5e2d1;color:#a05b35;border-radius:9px}
.app .document{max-height:70vh;color:#405965;font-size:13px;line-height:1.85}
.app .document h2,.app .document h3,.app .document h4{color:#254350}
.app .document p,.app .document .mdline{color:#435c67}
.app .document pre,.app .preview-diff pre{background:#f3f6f7;color:#40525a;border:1px solid #e4ebed}
.app .field input,.app .field textarea,.app .field select,.app .searchbox,.app .searchrow select{background:#fff;color:#273e49;border:1px solid #d8e3e6;border-radius:8px}
.app .field label{color:#405b67}
.app .listbox{background:#fff}
.app .listbtn{color:#52666f}
.app .listbtn:hover,.app .listbtn.selected{background:#eaf3f1;color:#245b63}
.app .footline{color:#8a9da5}
.app .storage-note{line-height:1.6}
.app .nav-more{margin:6px 10px}
.app .nav-more summary{list-style:none;cursor:pointer;color:#6d8189;font-size:12px;padding:12px 14px;border-radius:9px;font-weight:620}
.app .nav-more summary::-webkit-details-marker{display:none}
.app .nav-more summary::before{content:"+";display:inline-block;font-size:14px;margin-right:10px}
.app .nav-more[open] summary::before{content:"−"}
.app .nav-more summary:hover{background:#f1f5f5}
.app .nav-more .nav{margin:0;padding-top:3px}
.app .hq-hero{background:#f0f6f5;border:1px solid #dfeae9;border-radius:14px;padding:21px 24px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.app .hq-hero h2{margin:0 0 7px;color:#214751;font-size:17px}
.app .hq-hero p{margin:0;color:#5f7881;font-size:13px}
.app .hq-hero .hq-versions{font-size:12px;color:#48636b;white-space:nowrap}
.app .hq-hero .hq-versions strong{font-size:20px;color:#1c5961}
.app .hq-empty{padding:18px 14px;color:#71838c;font-size:13px;line-height:1.7}
.app .hq-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.app .hq-list-heading small{color:#8ca0a7;font-size:11px}
.app .hq-proposal-summary{font-size:12px;color:#667e86;margin-bottom:12px;line-height:1.7}
.app details.hq-archive{border-top:1px solid #edf0f2;margin-top:17px;padding-top:13px}
.app details.hq-archive summary{cursor:pointer;font-size:12px;color:#607984;font-weight:650;padding:9px 0}
.app details.hq-archive summary:hover{color:#245f68}
.app .hq-archive-note{font-size:11px;color:#8b9ca4;margin:8px 0 12px;line-height:1.6}
.app .hq-card-link{border:0;background:transparent;color:#316879;cursor:pointer;padding:0;font-size:12px;font-weight:650}
.app .hq-card-link:hover{text-decoration:underline}
.app .hq-guidance{padding:17px;background:#fff;border:1px solid #e2e9eb;border-radius:12px;margin-bottom:15px;display:grid;gap:6px}
.app .hq-guidance strong{color:#2d4a55;font-size:13px}
.app .hq-guidance p{margin:0;color:#6d828a;font-size:12px;line-height:1.6}
.app .hq-compact .task-row .itemsub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.app .hq-compact .qc-row .itemsub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.app .hq-quiet-text{font-size:11px;color:#879aa0;line-height:1.6}
.app .modalsheet{background:#fff;color:#263c48;border:1px solid #dce5e7;border-radius:14px}
.app .modaltop h2{color:#263c48}
.app .mobilemenu{background:#fff;color:#2e5560;border:1px solid #dee7e8}
.app .mobilebottom{background:#fff;border-top:1px solid #e1e7e9}
.app .mobilebottom button{color:#697f89}
.app .mobilebottom button.active{color:#1b6670;font-weight:750}
@media(max-width:780px){
 .app .content{padding:23px 15px 105px}
 .app .sidebar{box-shadow:10px 0 40px #1a2b3430}
 .app .hq-hero{padding:19px;gap:14px}
 .app .hq-versions{white-space:normal}
 .app .card{padding:18px}
 .app .righttop .chip{display:none}
}

/* Dialogs are mounted as a sibling of .app, so provide their own readable color context. */
#modal{--text:#243e49;--muted:#687f88;--soft:#8b9ca4;--border:#e0e8eb;--panel:#fff;--hover:#f2f6f6;--accent:#24656f}
#modal .modalsheet{background:#fff;color:#263e48;border-color:#dee8ea;border-radius:14px;box-shadow:0 25px 80px #16282b45}
#modal .modaltop{border-bottom-color:#e8eef0}
#modal .modaltop h2{color:#27404a}
#modal .field label{color:#45616b}
#modal .field input,#modal .field textarea,#modal .field select{background:#fff;border:1px solid #dce5e8;color:#273e48}
#modal .btn{color:#46636e;background:#fff;border:1px solid #dce5e7;border-radius:8px}
#modal .btn.primary{background:#23626c;color:#fff;border-color:#23626c}
#modal .btn.danger{color:#a14e4f;border-color:#f0d4d2}
#modal .alertbox{background:#fff7ef;color:#a05a37;border:1px solid #f2dfc9}
#modal .notice{background:#f0f8f8;color:#53717b;border:1px solid #deeced}
#modal .itemtitle,#modal b{color:#314c56}
#modal .itemsub,#modal .tiny{color:#6e838c}
#modal .preview-diff pre{background:#f6f8f9;border:1px solid #e3e8eb;color:#405a64}
#modal .minirow{color:#47616c;border-bottom-color:#e5ebed}
#modal .iconbtn{color:#506772}
@media(max-width:780px){#modal .modalsheet{border-radius:12px}}

.app,#modal{color-scheme:light}

/* Dashboard drilldown controls — keyboard accessible, touch sized. */
.app button.hq-stat-link{display:block;text-align:left;width:100%;font:inherit;cursor:pointer;appearance:none}
.app button.hq-stat-link:hover{background:#eff7f6;border-color:#b8d5d4;transform:translateY(-1px)}
.app button.hq-stat-link:focus-visible,
.app button.hq-preview:focus-visible,
.app button.hq-version-link:focus-visible{outline:3px solid #3a8a92;outline-offset:3px}
.app .hq-stat-link .detail::after{content:"  ↗";font-weight:750;color:#39747a}
.app .hq-versions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.app .hq-version-link{appearance:none;border:1px solid #d6e8e4;background:#fff;padding:10px 13px;border-radius:9px;color:#5e737c;display:inline-flex;gap:6px;align-items:center;cursor:pointer;font:inherit;font-size:12px}
.app .hq-version-link strong{font-size:20px;color:#1c5961}
.app .hq-version-link span{color:#48838a}
.app .hq-version-link:hover{border-color:#8dc4bd;background:#e8f5f2}
.app .hq-preview{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;background:transparent;border:0;border-bottom:1px solid #e9eff0;padding:15px 5px;text-align:left;cursor:pointer;color:#2c4852;font:inherit;min-height:65px}
.app .hq-preview:last-child{border-bottom:0}
.app .hq-preview:hover{background:#f5f9f8}
.app .hq-preview-main{display:grid;gap:5px;min-width:0}
.app .hq-preview-main strong{font-weight:650;color:#2d4650;font-size:13px;line-height:1.5}
.app .hq-preview-main small{font-size:11px;color:#718891;line-height:1.5}
.app .hq-preview-arrow{color:#458087;font-size:17px;padding:0 5px}
.app .hq-review-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #e8eff0;min-width:0}
.app .hq-review-row:last-child{border-bottom:0}
.app .hq-review-row .btn{flex-shrink:0}
.app .hq-list-heading h2{margin:0 0 3px}
@media(max-width:500px){.app .hq-review-row{align-items:flex-start}.app .hq-version-link{flex:1;justify-content:center}.app .hq-hero{align-items:stretch}}

/*
 * Eye-comfort graphite mode (default). The older light appearance remains opt-in.
 * Muted slate surfaces avoid both large white panels and pure-black harsh contrast.
 */
body.hq-dim{background:#1b252c;color-scheme:dark}
.app.hq-dim{
 --bg:#1b252c;--panel:#27353d;--panel2:#30414a;--hover:#35454e;
 --border:#41535e;--text:#e2eaee;--muted:#aec0c8;--soft:#8fa5af;
 --accent:#78bbc0;--accentlow:#30484d;--green:#9bd8b3;
 --yellow:#e1c78e;--blue:#a3cbd8;
 --shadow:0 8px 24px rgba(10,18,22,.08);
 color:#e2eaee;background:#1b252c;color-scheme:dark;
}
.app.hq-dim .main{background:#1b252c}
.app.hq-dim .sidebar{background:#202d35;border-color:#354751}
.app.hq-dim .brand,.app.hq-dim .brandword{color:#e4edf0}
.app.hq-dim .brandmark{background:#457f86;color:#f0f9fa}
.app.hq-dim .brandword small,.app.hq-dim .sectioncaption{color:#a0b2bb}
.app.hq-dim .sidedivider{background:#3d4e57}
.app.hq-dim .navitem{color:#b6c8cf}
.app.hq-dim .navitem:hover{background:#30414a;color:#ecf6f7}
.app.hq-dim .navitem.active{background:#38535a;color:#e9f5f5}
.app.hq-dim .nav-more summary{color:#bdcdd2}
.app.hq-dim .nav-more summary:hover{background:#30414a}
.app.hq-dim .storage-note{background:#253b42;border-color:#3d5860;color:#aec4ca}
.app.hq-dim .storage-note strong{color:#bbded2}
.app.hq-dim .topbar{background:#24323a;border-color:#394b54}
.app.hq-dim .breadcrumb,.app.hq-dim .breadcrumb .muted{color:#abc0c9}
.app.hq-dim .breadcrumb b{color:#e4eef2}
.app.hq-dim .chip{background:#2e4943;border-color:#446457;color:#bce5d0}
.app.hq-dim .dot{background:#9ecfad}
.app.hq-dim .eyebrow{color:#92c2c6}
.app.hq-dim .pageheading h1{color:#e7eff2}
.app.hq-dim .pageheading p{color:#b1c1c8}
.app.hq-dim .card,.app.hq-dim .stat{
 background:#27353d;border-color:#394c57;box-shadow:var(--shadow);
}
.app.hq-dim .card h2,.app.hq-dim .card h3,.app.hq-dim .sectiontitle{color:#e4edf1}
.app.hq-dim .card p{color:#b9cbd0}
.app.hq-dim .stat .label{color:#b2c4cb}
.app.hq-dim .stat .number{color:#eff4f5}
.app.hq-dim .stat .detail{color:#9fb4bd}
.app.hq-dim .stat.warn .number{color:#f0b49c}
.app.hq-dim .btn{background:#344650;border-color:#51636e;color:#e1edef}
.app.hq-dim .btn:hover{background:#3e5660;border-color:#75a4ab}
.app.hq-dim .btn.ghost{background:transparent;border-color:#52646f;color:#cedfe5}
.app.hq-dim .btn.primary{background:#497f85;border-color:#5b9299;color:#f8feff}
.app.hq-dim .btn.primary:hover{background:#58959b;border-color:#7aacb2}
.app.hq-dim .btn.danger{background:#3d3037;border-color:#73505c;color:#ffd1c9}
.app.hq-dim .hq-hero{background:#293e44;border-color:#3e5960}
.app.hq-dim .hq-hero h2{color:#dceef0}
.app.hq-dim .hq-hero p{color:#aec8cc}
.app.hq-dim .hq-versions{color:#bad2d5}
.app.hq-dim .hq-version-link{background:#304750;border-color:#526870;color:#cbdfe5}
.app.hq-dim .hq-version-link strong{color:#dcf3f4}
.app.hq-dim .hq-version-link span{color:#9bcdd0}
.app.hq-dim .hq-version-link:hover{background:#3b555c;border-color:#7eacb0}
.app.hq-dim .hq-preview{color:#e3eef0;border-color:#3d4e57}
.app.hq-dim .hq-preview:hover{background:#30434b}
.app.hq-dim .hq-preview-main strong,.app.hq-dim .itemtitle,.app.hq-dim .maintext b{color:#e6eff1}
.app.hq-dim .hq-preview-main small,.app.hq-dim .itemsub{color:#b1c4cc}
.app.hq-dim .hq-preview-arrow{color:#99cbd0}
.app.hq-dim .hq-review-row,.app.hq-dim .task-row,.app.hq-dim .qc-row{border-color:#3c4d57}
.app.hq-dim .hq-empty{color:#aac0c7}
.app.hq-dim .hq-quiet-text,.app.hq-dim .hq-archive-note{color:#adbec6}
.app.hq-dim .hq-guidance{background:#2b4046;border-color:#3f5a60}
.app.hq-dim .hq-guidance strong{color:#e0f0f0}
.app.hq-dim .hq-guidance p{color:#b3cbd0}
.app.hq-dim details.hq-archive{border-color:#3f525b}
.app.hq-dim details.hq-archive summary{color:#b8d1d7}
.app.hq-dim details.hq-archive summary:hover{color:#e1f4f4}
.app.hq-dim .minirow{border-color:#40515b;color:#bfd0d7}
.app.hq-dim .minirow b{color:#edf4f5}
.app.hq-dim .notice{background:#2c454c;border-color:#42636c;color:#d0e8ea}
.app.hq-dim .alertbox{background:#493a36;border-color:#77584d;color:#f4d0b5}
.app.hq-dim .status{background:#354650;border-color:#52646e;color:#dce9ed}
.app.hq-dim .status.red{background:#503940;border-color:#82545a;color:#ffd4cc}
.app.hq-dim .status.green{background:#2e4c42;border-color:#537c67;color:#c4f0d2}
.app.hq-dim .status.yellow{background:#4b4432;border-color:#756743;color:#f3dfaa}
.app.hq-dim .status.blue{background:#314955;border-color:#537081;color:#c7e5f2}
.app.hq-dim .document,.app.hq-dim .document p,.app.hq-dim .document .mdline{color:#d0e0e5}
.app.hq-dim .document h2,.app.hq-dim .document h3,.app.hq-dim .document h4{color:#eaf3f4}
.app.hq-dim .document pre,.app.hq-dim .preview-diff pre{background:#1d2a31;border-color:#44565e;color:#d6e4e8}
.app.hq-dim .field label{color:#c9dce1}
.app.hq-dim .field input,.app.hq-dim .field textarea,.app.hq-dim .field select,
.app.hq-dim .searchbox,.app.hq-dim .searchrow select{
 background:#1f2e36;border-color:#4a5e68;color:#e2edf0;
}
.app.hq-dim input::placeholder,.app.hq-dim textarea::placeholder{color:#a0b5be}
.app.hq-dim .listbox{background:#283740}
.app.hq-dim .listbtn{color:#b7c9cf}
.app.hq-dim .listbtn:hover,.app.hq-dim .listbtn.selected{background:#38535b;color:#edfafa}
.app.hq-dim .footline{color:#a0b4be}
.app.hq-dim .mobilemenu{background:#344650;color:#e5f0f2;border-color:#4f636d}
.app.hq-dim .mobilebottom{background:#24323a;border-color:#40525b}
.app.hq-dim .mobilebottom button{color:#a9bbc4}
.app.hq-dim .mobilebottom button.active{color:#b7ece7}
.app.hq-dim button.hq-stat-link:hover{background:#344b52;border-color:#60868e}
.app.hq-dim .hq-stat-link .detail::after{color:#a6d7d7}
.app.hq-dim .hq-theme-toggle{white-space:nowrap}
.app.hq-dim :is(button,input,select,textarea):focus-visible{outline:2px solid #a7d8d8;outline-offset:2px}

body.hq-dim #modal{--text:#e2edf0;--muted:#b5c7ce;--border:#4a5d68;--panel:#293942;--accent:#91cfd1;color:#e2edf0;color-scheme:dark}
body.hq-dim #modal .modalsheet{background:#293942;color:#e2edf0;border-color:#4a606b}
body.hq-dim #modal .modaltop h2,body.hq-dim #modal b{color:#eaf3f5}
body.hq-dim #modal .field label{color:#d0e1e5}
body.hq-dim #modal :is(input,textarea,select){background:#213139;border-color:#516671;color:#edf4f5}
body.hq-dim #modal .btn{background:#354953;border-color:#536974;color:#e7f0f2}
body.hq-dim #modal .btn.primary{background:#497f85;border-color:#659aa0;color:#fff}
body.hq-dim #modal .btn.danger{background:#4e353c;border-color:#80545d;color:#ffd3cc}
body.hq-dim #modal .preview-diff pre{background:#1e2c34;border-color:#485d67;color:#d9e8eb}
body.hq-dim #modal .alertbox{background:#493931;color:#f5d2bb;border-color:#795b49}
body.hq-dim #modal .notice{background:#2e4850;color:#d0eaeb;border-color:#4c6770}
body.hq-dim #modal .itemsub,body.hq-dim #modal .tiny{color:#b5c8d0}

/* Action-first development briefing */
.app .hq-brief-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#eff5f3;border:1px solid #dce8e7;border-radius:13px;padding:23px 24px;margin:0 0 16px}
.app .hq-brief-label{font-size:11px;color:#4d7980;font-weight:750;letter-spacing:.3px}
.app .hq-brief-head h2{font-size:21px;letter-spacing:-.6px;margin:6px 0;color:#24414c}
.app .hq-brief-head p{font-size:12px;color:#6d828a;margin:0;line-height:1.6}
.app .hq-brief-note{margin-top:17px;padding:18px 21px;display:flex;gap:12px;border-radius:12px;border:1px solid #dce8e8;background:#fff}
.app .hq-brief-icon{height:23px;width:23px;border-radius:8px;display:grid;place-items:center;color:#3c707a;background:#e6f1f1;flex-shrink:0;font-weight:750}
.app .hq-brief-note strong{font-size:13px;color:#294952}
.app .hq-brief-lines{margin-top:8px}
.app .hq-brief-lines p{font-size:12px;color:#56717a;line-height:1.6;margin:4px 0}
.app .hq-brief-source{font-size:11px;color:#8497a0;margin-top:11px;line-height:1.55}
.app .hq-next-row{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid #e7eff0}
.app .hq-next-row:last-child{border-bottom:0}
.app .hq-next-row .hq-preview-main{flex:1}
.app .hq-step-index,.app .hq-block-mark{border-radius:9px;background:#e9f1f0;color:#28636b;font-size:12px;display:grid;place-items:center;width:25px;height:25px;font-weight:800;flex-shrink:0}
.app .hq-block-mark{background:#fff1e7;color:#ac6743}
.app .hq-next-row .btn{flex-shrink:0}
.app .hq-review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.app .hq-review-top p{font-size:12px;line-height:1.6;margin:8px 0;color:#6e8590}
.app .hq-review-summary{background:#f3f7f7;border:1px solid #dfe9e9;border-radius:11px;padding:16px;margin-top:15px;display:grid;gap:9px;max-width:100%}
.app .hq-review-summary strong{font-size:13px;color:#2b4d56}
.app .hq-review-summary p{font-size:12px;color:#526e77;line-height:1.65;margin:0}
.app .hq-review-snippet{display:grid;gap:5px;border-top:1px solid #e1e9e9;padding-top:10px}
.app .hq-review-snippet span{font-size:11px;color:#8a9fa7}
.app .hq-review-snippet pre{background:#fff;border:1px solid #e3e9e9;border-radius:7px;padding:10px;font-size:11px;line-height:1.65;color:#405b65;white-space:pre-wrap;word-break:break-word;max-height:135px;overflow:auto;margin:0}
.app .hq-review-facts{display:grid;gap:7px;min-width:0}
.app .hq-review-facts>div{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;font-size:12px;align-items:start}
.app .hq-review-facts span{color:#82969e}
.app .hq-review-facts code{font-size:11px;overflow-wrap:anywhere;color:#46707e}
.app .hq-review-detail{margin-top:13px;padding:11px 0}
.app .hq-review-detail summary{cursor:pointer;font-size:12px;font-weight:650;color:#527381}
.app .hq-review-detail pre{max-height:350px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.app.hq-dim .hq-brief-head{background:#293c44;border-color:#425a63}
.app.hq-dim .hq-brief-head h2{color:#e0eff1}
.app.hq-dim .hq-brief-label{color:#b5dbde}
.app.hq-dim .hq-brief-head p{color:#a9c2cb}
.app.hq-dim .hq-brief-note{background:#293a43;border-color:#3d535d}
.app.hq-dim .hq-brief-icon{background:#35535b;color:#cee9eb}
.app.hq-dim .hq-brief-note strong{color:#ecf4f5}
.app.hq-dim .hq-brief-lines p{color:#c2d4db}
.app.hq-dim .hq-brief-source{color:#b0c2c9}
.app.hq-dim .hq-next-row{border-color:#40555e}
.app.hq-dim .hq-step-index{background:#355760;color:#e3f5f5}
.app.hq-dim .hq-block-mark{background:#543c36;color:#ffc6a6}
body.hq-dim #modal .hq-review-top p{color:#b7cad2}
body.hq-dim #modal .hq-review-summary{background:#2e414a;border-color:#4d6570}
body.hq-dim #modal .hq-review-summary strong{color:#e3f2f3}
body.hq-dim #modal .hq-review-summary p{color:#d0e0e5}
body.hq-dim #modal .hq-review-snippet{border-color:#4c626b}
body.hq-dim #modal .hq-review-snippet span{color:#b4c9d1}
body.hq-dim #modal .hq-review-snippet pre{background:#22323b;color:#d9e8ed;border-color:#49616b}
body.hq-dim #modal .hq-review-facts span{color:#b8cbd3}
body.hq-dim #modal .hq-review-facts code{color:#b6dee6}
body.hq-dim #modal .hq-review-detail summary{color:#c2dfe5}
@media(max-width:700px){.app .hq-brief-head{padding:18px}.app .hq-brief-head h2{font-size:19px}.app .hq-next-row{gap:8px}.app .hq-next-row .btn{padding:6px 10px}}

/* Review dialogs are outside .app; give both themes the same compact hierarchy. */
#modal .hq-review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
#modal .hq-review-top p{font-size:12px;line-height:1.6;margin:6px 0;color:#607882}
#modal .hq-review-summary{background:#f3f7f7;border:1px solid #dfe9e9;border-radius:11px;padding:16px;margin-top:16px;display:grid;gap:10px;max-width:100%}
#modal .hq-review-summary strong{font-size:13px;color:#2c505a}
#modal .hq-review-summary p{font-size:12px;line-height:1.65;color:#4e6b76;margin:0}
#modal .hq-review-snippet{border-top:1px solid #dfe7e8;padding-top:10px}
#modal .hq-review-snippet span{font-size:11px;color:#7e939c}
#modal .hq-review-snippet pre{background:#fff;border:1px solid #e3e9e9;border-radius:7px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto;font-size:11px;color:#3b5c66}
#modal .hq-review-detail{margin-top:13px}
#modal .hq-review-detail summary{font-size:12px;cursor:pointer;font-weight:650;color:#4e7180}
#modal .hq-review-detail pre{max-height:350px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#modal .hq-review-facts{display:grid;gap:9px;min-width:0}
#modal .hq-review-facts>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px}
#modal .hq-review-facts code{overflow-wrap:anywhere}
body.hq-dim #modal .hq-review-summary{background:#30434b;border-color:#4a636c}
body.hq-dim #modal .hq-review-summary strong{color:#e6f3f5}
body.hq-dim #modal .hq-review-summary p{color:#d5e4e8}
body.hq-dim #modal .hq-review-snippet{border-color:#49626b}
body.hq-dim #modal .hq-review-snippet span{color:#b4c9d0}
body.hq-dim #modal .hq-review-snippet pre{background:#20313b;border-color:#4a636e;color:#ddebf0}
body.hq-dim #modal .hq-review-detail summary{color:#b8dfe3}
body.hq-dim #modal .hq-review-facts code{color:#bddce2}