/* R28 console. Scoped to the main console; modal and measurement colors remain owned by their adapters. */
body.qs-r28 { margin:0!important;padding:0!important;background:#07121e;color:#e8effb;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif; }
.qs-r28 * { box-sizing:border-box; }
.qs-r28 .toolbar { display:block!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important; }
.qs-r28 button:focus-visible,.qs-r28 a:focus-visible,.qs-r28 input:focus-visible,.qs-r28 select:focus-visible,.qs-r28 summary:focus-visible { outline:2px solid #73b7ff!important;outline-offset:3px; }
.qs-r28 button:disabled { opacity:.5;cursor:not-allowed; }
.qs-r28 .r28-top { min-height:74px;display:flex;align-items:center;gap:42px;padding:0 30px;border-bottom:1px solid #23394e;background:linear-gradient(100deg,#0b1a2b,#091421); }
.qs-r28 .r28-brand { color:#e8effb;text-decoration:none;font-weight:800;font-size:29px;letter-spacing:-1px;white-space:nowrap; }
.qs-r28 .r28-brand b { color:#b9d4f5; }
.qs-r28 .r28-nav { align-self:stretch;display:flex;gap:8px;align-items:stretch; }
.qs-r28 .r28-nav button { position:relative;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:18px 24px!important;color:#afc4dd!important;font-size:14px!important;font-weight:700;white-space:nowrap; }
.qs-r28 .r28-nav button[aria-current] { color:#ffa72e!important; }
.qs-r28 .r28-nav button[aria-current]::after { content:'';position:absolute;bottom:0;height:3px;background:#ff9d27;left:8px;right:8px;border-radius:5px 5px 0 0; }
.qs-r28 .r28-top-end { margin-left:auto;display:flex;align-items:center;gap:24px; }
.qs-r28 #r28-settings-open { border:0;border-left:1px solid #294057;border-radius:0;background:transparent;padding:8px 0 8px 24px; }
.qs-r28 .qs-client-banner-wrap { display:none!important; }
.qs-r28 #r28-db .qs-db-led { display:flex!important;font-size:12px;white-space:nowrap; }
.qs-r28 .r28-clientbar { display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(180px,1fr) auto minmax(140px,.7fr) auto;gap:16px;align-items:center;padding:18px 28px;border-bottom:1px solid #24384d;background:#0a1725; }
.qs-r28 .r28-client { display:flex;align-items:center;text-align:left;gap:13px;width:100%;min-width:0;padding:8px 12px;border:1px solid #263d54;background:#0c1c2c;border-radius:10px;min-height:60px; }
.qs-r28 #r28-avatar { border-radius:50%;background:linear-gradient(135deg,#5f9de9,#326eb6);width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;font-size:16px;font-weight:800; }
.qs-r28 .r28-client-copy { display:flex;flex-direction:column;gap:4px;min-width:0;flex:1; }
.qs-r28 .r28-client-copy strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px; }
.qs-r28 .r28-client-copy small { color:#9db6d1;font-size:11px; }
.qs-r28 #r28-search { min-width:0; }
.qs-r28 .qs-client-search-wrap { width:100%!important;min-width:0!important;margin:0!important;position:relative; }
.qs-r28 .qs-client-search-input { width:100%!important;height:60px!important;min-width:0!important;padding:12px 16px!important;border:1px solid #294159!important;border-radius:10px!important;background:#0c1c2c!important;color:#e8effb!important;font-size:14px!important; }
.qs-r28 .qs-client-search-results { z-index:100!important;background:#112439!important; }
.qs-r28 .qs-client-btn { height:58px!important;white-space:nowrap;border-radius:10px!important;background:#12263c!important;border:1px solid #314c69!important;color:#e2ecfa!important;font-size:13px!important;padding:0 18px!important; }
.qs-r28 .r28-status { border-left:1px solid #2a4057;padding-left:20px;display:flex;align-items:flex-start;gap:10px; }
.qs-r28 .r28-dot { width:9px;height:9px;border-radius:50%;background:#76aee9;flex-shrink:0;margin-top:5px; }
.qs-r28 .r28-status strong { font-size:13px;display:block; }
.qs-r28 .r28-status small { display:block;font-size:11px;color:#9db6d1;margin-top:5px;line-height:1.4; }
.qs-r28 #r28-scan-actions { display:flex;align-items:center;gap:8px; }
.qs-r28 #btn-start { height:58px!important;padding:0 26px!important;color:#111c25!important;font-size:17px!important;font-weight:800!important;border-radius:10px!important;border:1px solid #ffc269!important;background:linear-gradient(180deg,#ffb63e,#ff8f26)!important;box-shadow:0 4px 20px #ff941014!important;white-space:nowrap; }
.qs-r28 #btn-start::before { content:'\25B6';font-size:13px;margin-right:12px; }
.qs-r28 #btn-stop { height:42px;border:1px solid #875353;background:#332127;color:#ffc9c9;padding:0 12px;border-radius:9px; }
.qs-r28 .page { display:grid!important;grid-template-columns:minmax(320px,.8fr) minmax(0,1.3fr)!important;gap:20px!important;max-width:1800px!important;margin:0 auto!important;padding:20px 28px!important;align-items:start!important; }
.qs-r28 .page>.card { display:flex!important;flex-direction:column!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;padding:18px!important;border:1px solid #233b52!important;border-radius:12px!important;background:linear-gradient(120deg,#0c1a2a,#0a1623)!important;box-shadow:0 10px 35px #0002!important;gap:0!important; }
.qs-r28 .page>.card.right { background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important; }
.qs-r28 .r28-viewer-head { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px; }
.qs-r28 .r28-viewer-head h2 { margin:0;font-size:20px;letter-spacing:-.3px; }
.qs-r28 #r28-view-options { display:flex;align-items:center;gap:4px; }
.qs-r28 .r28-auto,.qs-r28 #qs-spinal-open { display:inline-block!important;width:auto!important;margin:0!important;border-radius:7px!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;padding:8px 13px!important;font-size:12px!important; }
.qs-r28 .r28-auto { background:#193d66;border:1px solid #2b5e94;color:#8fc6ff; }
.qs-r28 #qs-spinal-open { background:#102337!important;border:1px solid #294258!important;color:#c1d4ed!important; }
.qs-r28 #qs-viewer-host { display:block!important;width:100%!important;margin:0!important;padding:0!important;max-width:none!important; }
.qs-r28 .qs-viewer-core { width:100%!important;max-width:none!important;margin:0!important;padding:0!important; }
.qs-r28 #qs-viewer-host .qs-viewer-frame { position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-width:none!important;max-height:none!important;margin:0!important;overflow:hidden!important;border:1px solid #354f6c!important;border-radius:10px!important;background:#08101a!important;box-shadow:none!important; }
.qs-r28 #qs-viewer-host .qs-viewer-frame video,.qs-r28 #qs-viewer-host .qs-viewer-frame img { position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:none!important; }
.qs-r28 .qs-viewer-frame+div { margin:9px 0 4px!important;font-size:11px!important;color:#9db6d1!important; }
.qs-r28 #qs-testing-bar-host { margin:10px 0 0!important;padding:0!important;min-height:0!important;width:100%!important; }
.qs-r28 #qs-testing-bar-host>h3 { display:none!important; }
.qs-r28 .qsPointCard { padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important; }
.qs-r28 .qsPointTop { margin:0 0 8px!important; }
.qs-r28 .qsPointTitle { font-size:12px!important;letter-spacing:0!important;text-transform:none!important;color:#a9c2df!important; }
.qs-r28 .qsPointTarget { font-size:11px!important; }
.qs-r28 .qsPointBody { display:flex!important;gap:14px!important;align-items:center!important; }
.qs-r28 .qsPointCircleShell { width:64px!important;height:64px!important;min-width:64px!important;margin:0!important; }
.qs-r28 .qsPointCircleCore { width:54px!important;height:54px!important; }
.qs-r28 .qsPointNum { font-size:19px!important; }
.qs-r28 .qsPointCode { font-size:9px!important; }
.qs-r28 .qsPointStatus { font-size:17px!important; }
.qs-r28 .qsPointSub,.qs-r28 .qsPointHint { font-size:11px!important; }
.qs-r28 .r28-progress { margin-top:14px;color:#a9c2df;font-size:11px; }
.qs-r28 .r28-progress>div { display:flex;justify-content:space-between;margin-bottom:7px; }
.qs-r28 .r28-progress progress { width:100%;height:7px;border:0;border-radius:9px;background:#23384e;display:block;overflow:hidden; }
.qs-r28 progress::-webkit-progress-bar { background:#23384e; }
.qs-r28 progress::-webkit-progress-value { background:#5899e8;border-radius:9px; }
.qs-r28 progress::-moz-progress-bar { background:#5899e8; }
.qs-r28 .results-header,.qs-r28 .card.right>h3[hidden] { display:none!important; }
.qs-r28 .qs-results-wrap { width:100%!important;min-width:0!important;margin:0!important;padding:18px!important;border:1px solid #233b52!important;border-radius:12px!important;background:linear-gradient(120deg,#0d1b2b,#0a1623)!important;overflow-x:auto; }
.qs-r28 .qsMini { max-width:none!important;padding:0!important;margin:0!important; }
.qs-r28 .qsMiniTop { opacity:1!important;margin:0 0 22px!important;align-items:center!important;border-bottom:1px solid #21374b;padding-bottom:16px; }
.qs-r28 .qsMiniTitle { font-size:20px!important;letter-spacing:-.3px!important; }
.qs-r28 .qsMiniMeta { font-weight:400!important;font-size:11px!important;color:#b3c9e2; }
.qs-r28 .qsMiniSection { margin:0 0 24px!important; }
.qs-r28 .qsMiniGrid { grid-template-columns:53px 22px repeat(6,minmax(35px,1fr))!important;gap:7px!important; }
.qs-r28 .qsMiniHdr { opacity:1!important;font-size:12px!important;padding:5px 0 9px;color:#b6cde5; }
.qs-r28 .qsMiniCell { min-height:48px!important;font-size:16px!important;border:1px solid #2a4156!important;border-radius:8px!important;background:#112234!important;cursor:pointer; }
.qs-r28 .qsMiniCell.k-empty { opacity:1!important;color:#6c8199!important;background:#0b1928!important; }
.qs-r28 .qsMiniSectionLbl { font-size:12px!important;color:#c4d9ef; }
.qs-r28 .qsMiniSectionLblSmall { font-size:10px!important;color:#9db6d1; }
.qs-r28 .qsMiniLegend { font-size:10px!important;margin:0 0 14px!important; }
.qs-r28 .qsMiniActions { border-top:1px solid #21374b;padding-top:13px;gap:6px!important; }
.qs-r28 .qsMiniBtn { font-size:11px!important;padding:7px 10px!important;font-weight:600!important; }
.qs-r28 #qs-energetics-host { width:100%!important;margin:16px 0 0!important; }
.qs-r28 #qs-energetics-host .energetics-panel { padding:16px 18px!important;margin:0!important;border:1px solid #233b52!important;border-radius:12px!important;background:linear-gradient(120deg,#0d1b2b,#0a1623)!important;box-shadow:none!important; }
.qs-r28 .energetics-panel>div:first-child { font-size:15px!important;letter-spacing:0!important;text-transform:none!important; }
.qs-r28 .energetics-panel>div:nth-child(2) { font-size:10px!important;color:#9db6d1;margin-top:4px; }
.qs-r28 .r28-metrics { display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important; }
.qs-r28 .r28-metric { padding:12px 10px;border:1px solid #2a425b;background:#0e2032;border-radius:9px;min-width:0; }
.qs-r28 .r28-metric>div:first-child { color:#adc6e1;font-size:11px; }
.qs-r28 .r28-metric>div:last-child { font-size:23px!important;font-weight:700;text-align:center;margin-top:8px; }
.qs-r28 .r28-energy-details { margin-top:12px;font-size:11px;color:#a6bfda; }
.qs-r28 .r28-energy-details summary { cursor:pointer; }
.qs-r28 #r28-dock { max-width:1800px;margin:0 auto;padding:0 28px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; }
.qs-r28 #r28-dock button { width:100%!important;min-height:54px!important;margin:0!important;padding:12px!important;background:linear-gradient(180deg,#142b44,#102236)!important;color:#dceafd!important;border:1px solid #355a7e!important;border-radius:10px!important;font-size:13px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important; }
.qs-r28 #r28-dock .qs-summary-btn { font-size:0!important; }
.qs-r28 #r28-dock .qs-summary-btn::after { content:'Session summary';font-size:13px; }
.qs-r28 .r28-dialog { max-width:calc(100vw - 32px);width:760px;max-height:90vh;overflow:auto;margin:auto;padding:24px;background:#0d1e30;color:#e2edfb;border:1px solid #34536e;border-radius:15px;box-shadow:0 25px 90px #0009; }
.qs-r28 .r28-dialog:not([open]) { display:none!important; }
.qs-r28 .r28-dialog::backdrop { background:#020911c9;backdrop-filter:blur(3px); }
.qs-r28 #r28-settings { width:520px; }
.qs-r28 .r28-dialog h2 { font-size:21px;margin:0; }
.qs-r28 .r28-dialog h3 { font-size:15px;margin:16px 0; }
.qs-r28 .r28-dialog p { color:#a4bdd6;font-size:13px;line-height:1.5; }
.qs-r28 .r28-dialog-head { display:flex;align-items:flex-start;justify-content:space-between;gap:20px; }
.qs-r28 .r28-dialog-head p { margin:7px 0 20px; }
.qs-r28 .r28-tool-buttons { display:flex;flex-wrap:wrap;gap:10px; }
.qs-r28 .r28-manager-grid { display:grid;grid-template-columns:220px 1fr;gap:24px; }
.qs-r28 .r28-manager-grid label { display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b8cee5; }
.qs-r28 .r28-manager-grid input,.qs-r28 .r28-manager-grid select { color:#e2edfb;background:#081624;border:1px solid #34506b;border-radius:7px;padding:10px;min-width:0;width:100%;font:inherit;color-scheme:dark; }
.qs-r28 #r28-client-query { margin:8px 0; }
.qs-r28 #r28-client-list { max-height:280px;overflow:auto;font-size:12px;min-height:80px;color:#a7bfd9; }
.qs-r28 #r28-client-list button { display:block;width:100%;text-align:left;margin-bottom:6px;padding:10px;background:#142b42; }
.qs-r28 #r28-client-list small { display:block;margin-top:4px;font-size:11px;font-weight:400;color:#a7bfd9; }
.qs-r28 .r28-fields { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.qs-r28 .r28-form-actions { display:flex;gap:8px;justify-content:flex-end; }
.qs-r28 #r28-save-client { background:#ffab38;color:#14202c;font-weight:700;border-color:#ffc575; }
.qs-r28 .r28-client-page { display:inline-block;color:#90c5ff;font-size:12px;margin-top:20px; }
@media (min-width:1500px) { .qs-r28 .qsMiniCell { min-height:64px!important; } .qs-r28 .qsMiniSection { margin-bottom:32px!important; } }
@media (max-width:1200px) { .qs-r28 .r28-clientbar { grid-template-columns:1fr 1fr auto; } .qs-r28 .r28-status { grid-column:1/3;border:0;padding-left:4px; } .qs-r28 #r28-scan-actions { justify-content:flex-end; } .qs-r28 .r28-top { gap:20px; } .qs-r28 .r28-top-end { gap:12px; } .qs-r28 .r28-nav button { padding:16px!important; } .qs-r28 .page { grid-template-columns:minmax(285px,.8fr) minmax(0,1.2fr)!important;padding:18px!important;gap:14px!important; } .qs-r28 .qsMiniGrid { grid-template-columns:42px 16px repeat(6,minmax(28px,1fr))!important;gap:4px!important; } .qs-r28 .r28-metrics { gap:5px!important; } .qs-r28 .r28-metric { padding:10px 5px; } }
@media (max-width:850px) { .qs-r28 .r28-top { flex-wrap:wrap;padding:16px 18px 0;gap:12px; } .qs-r28 .r28-brand { font-size:25px; } .qs-r28 .r28-top-end { order:1; } .qs-r28 .r28-nav { order:2;width:100%; } .qs-r28 .r28-clientbar { padding:16px 18px;gap:10px; } .qs-r28 .r28-client { grid-column:1/3; } .qs-r28 #r28-search { grid-column:1/3; } .qs-r28 #r28-manage { grid-column:3;grid-row:2; } .qs-r28 .r28-status { grid-column:1; } .qs-r28 #r28-scan-actions { grid-column:2/4; } .qs-r28 .page { grid-template-columns:1fr!important; } .qs-r28 .page>.card.left { width:100%!important;max-width:600px!important;justify-self:center; } .qs-r28 #r28-dock { grid-template-columns:1fr 1fr;padding:0 18px 18px; } }
@media (max-width:520px) { .qs-r28 .r28-clientbar { grid-template-columns:1fr auto; } .qs-r28 .r28-client { grid-column:1/3; } .qs-r28 #r28-search { grid-column:1; } .qs-r28 #r28-manage { grid-column:2; } .qs-r28 .r28-status { grid-column:1/3; } .qs-r28 #r28-scan-actions { grid-column:1/3;justify-content:stretch; } .qs-r28 #btn-start { flex:1; } .qs-r28 .r28-top-end { gap:8px; } .qs-r28 #r28-db { font-size:10px; } .qs-r28 .qs-client-btn { padding:0 10px!important;font-size:11px!important; } .qs-r28 .qs-results-wrap { padding:12px!important; } .qs-r28 .qsMiniGrid { grid-template-columns:34px 14px repeat(6,minmax(28px,1fr))!important;gap:3px!important; } .qs-r28 .qsMiniCell { font-size:13px!important;min-height:40px!important; } .qs-r28 .r28-metrics { grid-template-columns:repeat(3,minmax(0,1fr))!important; } .qs-r28 .r28-manager-grid { grid-template-columns:1fr; } .qs-r28 #r28-client-list { max-height:160px; } }

/* Presentation overrides after all breakpoints. */
.qs-r28 .qsMiniTop { justify-content:space-between!important; }
.qs-r28 .qsMiniTitle { flex:0 0 auto!important;text-align:left!important; }
.qs-r28 .qsMiniGrid { grid-template-columns:28px repeat(6,minmax(28px,1fr))!important; }
.qs-r28 .qsMiniSectionLbl { flex-direction:row!important;justify-content:flex-start!important;align-items:baseline;gap:12px!important;margin-bottom:10px;font-size:14px!important; }
.qs-r28 #qs-testing-bar-host .qsPointCircleShell { width:64px!important;height:64px!important;min-width:64px!important;flex:0 0 64px!important; }
.qs-r28 #qs-testing-bar-host .qsPointCircleShell::before { inset:5px!important; }
.qs-r28 #qs-testing-bar-host .qsPointCircleCore { width:54px!important;height:54px!important; }
.qs-r28 #qs-testing-bar-host .qsPointBody { gap:14px!important; }
@media(max-width:520px) { .qs-r28 .qsMiniGrid { grid-template-columns:18px repeat(6,minmax(28px,1fr))!important; } }
.qs-r28 .qsMiniTop { display:flex!important; }
.qs-r28 .qsMiniMeta { margin-left:auto;max-width:50%; }
.qs-r28 .qs-results-wrap { height:auto!important;max-height:none!important;overflow-x:auto!important; }
.qs-r28 #qs-testing-bar-host .qsPointCircleShell::before { width:54px!important;height:54px!important;inset:5px!important; }
.qs-r28 #qs-testing-bar-host .qsPointCircleCore { width:auto!important;height:auto!important;inset:0!important; }
@media (min-width:1500px) { .qs-r28 .qsMiniCell { min-height:50px!important; } .qs-r28 .qsMiniSection { margin-bottom:24px!important; } }

/* R28B: fit desktop console to viewport height. */
@media (min-width:1100px) and (min-height:650px) {
 body.qs-r28 .r28-top { min-height:50px;height:50px;padding:0 24px; }
 body.qs-r28 .r28-brand { font-size:25px; }
 body.qs-r28 .r28-nav button { padding:10px 20px!important;height:auto!important; }
 body.qs-r28 .r28-clientbar { grid-template-columns:minmax(200px,1.15fr) minmax(160px,1fr) auto minmax(120px,.7fr) auto;padding:10px 24px;gap:12px;height:74px; }
 body.qs-r28 .r28-client { min-height:52px;height:52px; }
 body.qs-r28 .qs-client-search-input,body.qs-r28 .qs-client-btn,body.qs-r28 #btn-start { height:52px!important; }
 body.qs-r28 .r28-status { grid-column:auto;padding-left:12px; }
 body.qs-r28 .page { height:calc(100dvh - 184px)!important;padding:10px 24px!important;gap:16px!important;align-items:stretch!important; }
 body.qs-r28 .page>.card { height:100%!important;min-height:0!important;padding:12px!important; }
 body.qs-r28 .page>.card.right { padding:0!important; }
 body.qs-r28 .r28-viewer-head { margin-bottom:8px; }
 body.qs-r28 .r28-viewer-head h2,body.qs-r28 .qsMiniTitle { font-size:18px!important; }
 body.qs-r28 #qs-viewer-host { flex:1 1 0!important;min-height:0!important; }
 body.qs-r28 .qs-viewer-core { display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important; }
 body.qs-r28 #qs-viewer-host .qs-viewer-frame { flex:1 1 0!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important; }
 body.qs-r28 .qs-viewer-frame+div { flex:0 0 auto;margin:5px 0!important; }
 body.qs-r28 #qs-testing-bar-host { flex:0 0 auto!important;margin-top:6px!important; }
 body.qs-r28 .qsPointTop { margin-bottom:4px!important; }
 body.qs-r28 .qsPointMeta { gap:4px!important; }
 body.qs-r28 .r28-progress { margin-top:8px; }
 body.qs-r28 .qs-results-wrap { flex:1 1 0!important;min-height:0!important;padding:12px!important; }
 body.qs-r28 .qsMini { display:flex;flex-direction:column;height:100%; }
 body.qs-r28 .qsMiniTop { margin-bottom:8px!important;padding-bottom:8px; }
 body.qs-r28 .qsMiniGridWrap { flex:1;display:flex;flex-direction:column;justify-content:space-evenly;padding-bottom:0!important; }
 body.qs-r28 .qsMiniSection { margin:0 0 8px!important; }
 body.qs-r28 .qsMiniSectionLbl { margin-bottom:4px;font-size:12px!important; }
 body.qs-r28 .qsMiniHdr { padding:2px 0 4px!important; }
 body.qs-r28 .qsMiniCell { min-height:clamp(28px,4vh,44px)!important;font-size:14px!important; }
 body.qs-r28 .qsMiniLegend { margin:0 0 6px!important; }
 body.qs-r28 .qsMiniActions { padding-top:6px;margin-top:0!important; }
 body.qs-r28 .qsMiniBtn { padding:5px 8px!important;height:auto!important; }
 body.qs-r28 #qs-energetics-host { flex:0 0 auto;margin-top:10px!important; }
 body.qs-r28 #qs-energetics-host .energetics-panel { padding:10px 12px!important; }
 body.qs-r28 .energetics-panel>div:nth-child(2) { margin-bottom:6px!important; }
 body.qs-r28 .r28-metric { padding:8px; }
 body.qs-r28 .r28-metric>div:last-child { font-size:20px!important;margin-top:4px; }
 body.qs-r28 .r28-energy-details { margin-top:6px; }
 body.qs-r28 #r28-dock { height:60px;padding:0 24px 12px;gap:12px; }
 body.qs-r28 #r28-dock button { min-height:44px!important;height:44px!important;padding:8px!important; }
}

/* Static console layout and viewer framing. */
body.qs-r29 .toolbar{width:100%;min-width:0;}
body.qs-r29 #qs-viewer-host .qs-viewer-frame video.qs-viewer-video{object-fit:cover!important;object-position:50% 25%!important;}
body.qs-r29 #r29-chief{order:0!important;}
body.qs-r29 #qs-protocols-open{order:1!important;}
body.qs-r29 #qs-treatment-open{order:2!important;}
body.qs-r29 #r28-dock .qs-summary-btn{order:3!important;}

      .qs-db-led {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 4px 10px;
        border-radius: 999px;
        border: 1px solid rgba(255,255,255,0.14);
        background: rgba(255,255,255,0.04);
        color: #d7e3f1;
        font-size: 11px;
        line-height: 1;
      }
      .qs-db-led-dot {
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: #7f8a96;
        box-shadow: 0 0 0 1px rgba(255,255,255,0.12);
        flex: 0 0 auto;
      }
      .qs-db-led-label {
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        opacity: 0.95;
      }
      .qs-db-led-value {
        opacity: 0.9;
      }
      .qs-db-led.ok .qs-db-led-dot {
        background: #35d07f;
        box-shadow:
          0 0 0 1px rgba(53,208,127,0.35),
          0 0 10px rgba(53,208,127,0.45);
      }
      .qs-db-led.fail .qs-db-led-dot {
        background: #ff6464;
        box-shadow:
          0 0 0 1px rgba(255,100,100,0.35),
          0 0 10px rgba(255,100,100,0.45);
      }
      .qs-db-led.checking .qs-db-led-dot {
        background: #f0b35f;
        box-shadow:
          0 0 0 1px rgba(240,179,95,0.35),
          0 0 10px rgba(240,179,95,0.40);
      }