:root{--ink:#183931;--muted:#64756e;--accent:#087965;--accent-dark:#075e50;--line:#e0e8e2;--paper:#fff;--canvas:#f5f7f4;--soft:#e8f3ed;--danger:#a02c31;--amber:#865c11;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.55 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;min-height:42px;border:0;border-radius:8px;font-weight:600;padding:10px 17px}button:disabled{opacity:.55;cursor:wait}input,select{width:100%;min-height:46px;border:1px solid #bdcbc2;background:white;border-radius:7px;padding:10px 12px;color:var(--ink)}input:focus,select:focus{border-color:var(--accent)}:focus-visible{outline:3px solid #369f88;outline-offset:3px}label{display:block;font-size:13px;font-weight:650;margin:20px 0 7px}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.1px;font-weight:650;line-height:1.2}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:15px;font-weight:650}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--accent);margin-bottom:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-dark)}.subtle{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.subtle:hover{background:var(--soft)}.text-button{padding:6px 0;background:none;color:var(--muted);font-size:12px;text-align:left}.full{width:100%}.error{color:var(--danger);min-height:24px;font-size:13px;margin-top:12px}.notice{background:#e8f3ed;border:1px solid #c5dfd2;padding:12px 16px;border-radius:8px;margin-bottom:22px}.notice.error{background:#fdf0ef;border-color:#ebcdca}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-size:21px;font-weight:750;letter-spacing:-.5px}.brand-symbol{display:grid;place-items:center;color:#fff;background:var(--accent);font-size:24px;width:40px;height:40px;border-radius:11px;font-weight:800}.brand-sub{display:block;font-size:8px;letter-spacing:2.7px;font-weight:650;color:var(--muted);margin-top:-1px}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-layout[hidden],.workspace[hidden]{display:none}.login-story{background:#e5eee6;padding:50px 64px;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;background-image:radial-gradient(ellipse at 90% 90%,#b6d3bc88,transparent 65%)}.login-story h1{font-size:clamp(36px,4.1vw,62px);letter-spacing:-2.3px;line-height:1.13}.story-copy{color:#476157;max-width:355px;margin-top:26px;line-height:1.8}.story-line{display:flex;gap:15px;align-items:center;font-size:11px;color:#476157;margin-top:55px}.story-line>span{width:36px;height:2px;background:var(--accent)}.story-foot{font-size:11px;color:#526d5d}.login-panel{display:grid;place-items:center;padding:36px}.login-card{width:min(360px,100%)}.login-card h2{font-size:30px;margin-bottom:7px}.login-card .full{display:flex;justify-content:space-between;margin:12px 0 20px}.workspace{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:#fff;border-right:1px solid var(--line);padding:33px 21px 24px;display:flex;flex-direction:column}.sidebar .brand{margin:0 8px 44px}.nav-label{font-size:9px;color:#748579;font-weight:700;letter-spacing:1.8px;margin:0 14px 12px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:11px;min-height:46px;padding:10px 13px;border-radius:8px;color:#607268;text-decoration:none;font-size:13px;font-weight:550}nav a:hover{background:#f5f8f4}nav a[aria-current=page]{color:var(--accent);background:var(--soft);font-weight:700}nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.sidebar-bottom{margin-top:auto;padding:30px 13px 0}.workspace-mark{font-size:11px;font-weight:700}.sidebar-bottom>p{font-size:10px;color:var(--muted);margin:4px 0 24px}.identity{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 0 4px}.identity strong{font-size:12px;display:block}.identity #user-role{font-size:10px;text-transform:capitalize;color:var(--muted)}.avatar{width:32px;height:32px;border-radius:50%;background:#e8eee6;display:grid;place-items:center;font-size:11px;font-weight:700}.main-wrap{min-width:0;display:flex;flex-direction:column}.topbar{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffb3;border-bottom:1px solid var(--line);gap:20px}.topbar>span{font-size:11px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:16px}.top-actions button{font-size:11px;min-height:34px;padding:5px 10px;background:none;border-color:transparent}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;border-radius:20px;padding:4px 10px;font-weight:650;background:var(--soft);color:var(--accent)}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.neutral{background:#eef1ec;color:#667466}.badge.warn{background:#fff4db;color:var(--amber)}.badge.danger{background:#f9e9e7;color:var(--danger)}main{padding:37px 38px 45px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:29px;letter-spacing:-.8px}.page-heading .eyebrow{font-size:9px;margin-bottom:7px}.page-heading .muted{font-size:12px;margin-top:8px}.page-heading button,.page-heading select{min-height:38px;font-size:11px;padding:7px 12px;width:auto}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 22px}.metric>p{font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:32px;line-height:1.5;font-weight:650;letter-spacing:-1px;margin:7px 0}.metric small{font-size:10px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:23px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:23px}.panel-head{padding:21px 24px 17px;display:flex;justify-content:space-between;gap:16px;align-items:center}.panel-head h2{font-size:14px;font-weight:650;letter-spacing:0}.panel-head p{font-size:10px;color:var(--muted);margin-top:3px}.panel-body{padding:0 24px 24px}.traffic{height:180px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line);padding:15px 0 0}.traffic span{display:block;flex:1;min-width:1px;background:#61a98b;border-radius:3px 3px 0 0;min-height:2px}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;padding-top:12px}.service-row,.breakdown{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf1ec;font-size:12px}.service-row:first-child,.breakdown:first-child{border-top:0}.breakdown strong{font-size:14px}.subline{display:block;color:var(--muted);font-size:10px;margin-top:2px}.empty{padding:35px 24px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--ink);font-size:15px;margin-bottom:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-size:9px;font-weight:650;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);background:#fafbf9}th,td{padding:14px 23px;border-bottom:1px solid #edf1ec}tbody tr:last-child td{border-bottom:0}.table-wrap button{font-size:10px;min-height:30px;padding:5px 10px}.person-name{font-weight:650;font-size:12px}.search-row{display:flex;gap:10px;margin-bottom:20px}.search-row input{max-width:390px;font-size:12px}.search-row button{min-height:42px}.journey-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:23px}.messages{padding:15px 23px;max-height:650px;overflow:auto;background:#fafbf9;display:flex;flex-direction:column;gap:13px}.message{max-width:90%;padding:14px 17px;background:white;border:1px solid var(--line);border-radius:10px;align-self:flex-start}.message.outgoing{align-self:flex-end;background:#eaf4ed;border-color:#cfe4d7}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.message small{display:block;font-size:9px;color:var(--muted);margin-top:8px}.message .type{font-size:9px;letter-spacing:.6px;color:var(--accent);margin-bottom:5px;text-transform:uppercase}.timeline{padding:0 24px 24px;max-height:600px;overflow:auto}.timeline-item{position:relative;padding:12px 0 12px 17px;border-left:1px solid #d8e5da}.timeline-item:before{content:'';position:absolute;left:-4px;top:20px;width:7px;height:7px;background:#7ca38e;border-radius:50%}.timeline-item strong{display:block;font-size:11px;font-weight:550;overflow-wrap:anywhere}.timeline-item time{font-size:9px;color:var(--muted)}.detail-strip{display:flex;gap:22px;flex-wrap:wrap;padding:18px 23px;font-size:11px;background:#f9fbf8;border-bottom:1px solid var(--line)}.detail-strip span{color:var(--muted)}.footer{padding:16px 38px 22px;display:flex;justify-content:space-between;font-size:9px;color:#758378}.section-heading{margin:25px 0 12px}.overrides{border:1px solid var(--line);border-radius:8px}.override-row{display:grid;grid-template-columns:1fr 115px;gap:15px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line)}.override-row:last-child{border-bottom:0}.override-row label{margin:0;font-size:11px;font-weight:500}.override-row select{min-height:34px;font-size:11px;padding:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:16px;min-height:16px}.dialog-head,.dialog-foot{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialog-foot{justify-content:flex-end;margin-top:18px}dialog{border:1px solid var(--line);border-radius:14px;padding:27px 30px;max-width:620px;width:calc(100% - 32px);max-height:90dvh;color:var(--ink)}dialog::backdrop{background:#18393166;backdrop-filter:blur(3px)}.account-form{max-width:480px;padding:0 24px 24px}.account-form button{margin-top:16px}.permission-chips{display:flex;gap:7px;flex-wrap:wrap;padding:0 24px 24px}.permission-chip{font-size:10px;background:#f0f4ed;padding:5px 9px;border-radius:5px}.skip{position:fixed;top:-100px;left:12px;background:var(--ink);color:white;padding:10px;z-index:5}.skip:focus{top:10px}.loading{color:var(--muted);padding:45px;text-align:center}@media(min-width:1500px){main{max-width:1500px;width:100%;margin:auto}.metrics{gap:23px}}@media(max-width:1100px){.workspace{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:25px 12px}.topbar{padding:0 24px}main{padding:28px 24px}.metrics{gap:10px}.metric{padding:16px}.dashboard-grid,.journey-grid{grid-template-columns:1fr}.metric strong{font-size:29px}}@media(max-width:740px){.login-layout{grid-template-columns:1fr}.login-story{min-height:auto;padding:25px}.login-story>div:not(.brand),.story-foot{display:none}.login-panel{padding:45px 25px}.workspace{display:block}.sidebar{position:static;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 15px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;flex-wrap:wrap;gap:4px}nav a{min-height:40px;padding:8px 11px;font-size:11px}nav svg{display:none}.topbar{padding:10px 20px;height:auto;min-height:58px}.topbar>span{display:none}.top-actions{width:100%;justify-content:space-between}main{padding:25px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.page-heading .row{justify-content:flex-end}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:28px}.panel-head{padding:18px}.panel-body{padding:0 18px 18px}.form-grid{grid-template-columns:1fr}.footer{padding:14px 18px}.footer span:last-child{max-width:55%;text-align:right}.message{max-width:100%}th,td{padding:12px 16px}.page-heading .muted{max-width:260px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s ease,color .15s ease}.panel{animation:appear .22s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
.traffic-svg{display:block;width:100%;height:180px;border-bottom:1px solid var(--line)}.traffic-svg:not(.aurora-chart) rect{fill:#64a98c}.traffic-svg:not(.aurora-chart) rect:hover{fill:var(--accent)}
.outcome-breakdown{display:flex;flex-wrap:wrap;gap:8px;min-width:180px;max-width:380px;white-space:normal}.outcome-breakdown .badge{font-size:11px}
.health-usage{padding-bottom:12px}.health-usage meter{display:block;width:100%;height:9px;accent-color:var(--accent)}.health-usage .service-row{border:0;padding-bottom:8px}
.terminal-panel{background:#102b2a;border-color:#284e49;color:#d5f8e8}.terminal-panel .panel-head{border-bottom:1px solid #284e49}.terminal-panel .panel-head h2{color:#e5fff5}.terminal-panel .panel-head p{color:#a0c8bc}.terminal-status{font:10px/1.6 Consolas,monospace;letter-spacing:.5px;color:#7ce5b5;padding:13px 24px;border-bottom:1px solid #284e49}.terminal-feed{max-height:340px;overflow:auto;padding:8px 24px 18px;font:11px/1.7 Consolas,monospace;scrollbar-color:#487c6d #102b2a}.terminal-feed:focus-visible{outline:2px solid #7ce5b5;outline-offset:-3px}.terminal-line{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #24443f}.terminal-line time{color:#a0c8bc;font-size:10px}.terminal-event{overflow-wrap:anywhere}.terminal-event:before{content:'> ';color:#7ce5b5}.terminal-idle{padding:18px 0;color:#a0c8bc}
/* Command centre: midnight telemetry surfaces and cinematic cyan accents. */
:root{color-scheme:dark;--ink:#e0f0ff;--muted:#9bb2c9;--accent:#60e5ff;--accent-dark:#9bf0ff;--line:#25435d;--paper:#0d1d30;--canvas:#050c18;--soft:#123046;--danger:#ff9caa;--amber:#ffd27d;--radius:9px}
body{background:radial-gradient(ellipse at 70% 0%,#10345588,transparent 55%),linear-gradient(#60e5ff06 1px,transparent 1px),linear-gradient(90deg,#60e5ff06 1px,transparent 1px),var(--canvas);background-size:auto,42px 42px,42px 42px,auto}
.sidebar{background:#071221f5;border-right-color:var(--line)}.brand-symbol{background:#102e43;color:var(--accent);border:1px solid #3a94ad;box-shadow:0 0 22px #35d6ff24}.brand-sub{color:#8db5d0}.nav-label{color:#84a8c2}nav a{color:#a8c1d6}nav a:hover{background:#123046}nav a[aria-current=page]{background:linear-gradient(90deg,#123f54,#0d263a);box-shadow:inset 2px 0 var(--accent)}.avatar{background:#16344b;color:var(--accent)}.topbar{background:#081627e8;backdrop-filter:blur(14px)}.top-actions button{border-color:var(--line)}
main{padding-top:28px}.page-heading h1{font-size:34px;letter-spacing:-1px}.eyebrow,.nav-label,th,.metric>p,.terminal-status{font-family:Consolas,'Courier New',monospace}.page-heading .eyebrow{font-size:11px;letter-spacing:2.5px}.panel,.metric{position:relative;background:linear-gradient(135deg,#102238ef,#0a1829f5);border:1px solid var(--line);box-shadow:0 8px 28px #0003,inset 0 1px #80dfff0a}.panel-head{border-bottom:1px solid #203b51;padding-bottom:16px;margin-bottom:16px}.panel-head h2{font-size:15px;letter-spacing:.3px}.panel-head p{font-size:11px}.metric{border-top:2px solid #35b6d5;overflow:hidden}.metric strong{font-family:Consolas,monospace;font-size:38px;color:#b8f4ff;text-shadow:0 0 24px #47d8ff45;font-variant-numeric:tabular-nums}.metric>p{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.metric small{font-size:11px}.metric:after{content:'';position:absolute;bottom:0;left:0;width:40%;height:1px;background:var(--accent);box-shadow:0 0 15px #60e5ff}
.command-grid{grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);align-items:start;gap:22px}.command-main,.command-health{min-width:0}.command-lower{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}.command-main .terminal-feed{height:350px;max-height:350px}.command-health .service-row{padding:10px 0}.command-health .panel{margin-bottom:20px}.command-health .panel-head{padding-top:16px}.command-health .panel-body{padding-bottom:16px}
.terminal-panel{background:linear-gradient(140deg,#071c30,#06111f);border-color:#32859e;box-shadow:0 0 32px #29c9f51c,inset 0 0 35px #0a6a8e12}.terminal-panel .panel-head{border-color:#25506b;margin-bottom:0}.terminal-panel .panel-head h2{color:#bbf5ff}.terminal-panel .panel-head p,.terminal-line time{color:#93bed2}.terminal-status{color:#80ebff;border-color:#24455e;padding-top:12px;padding-bottom:12px}.terminal-feed{position:relative;scrollbar-color:#397590 #081827;font-size:12px}.terminal-line{border-color:#19364d;padding:11px 0;grid-template-columns:85px minmax(0,1fr)}.terminal-event:before{color:var(--accent)}.terminal-idle{color:var(--muted)}
.badge{background:#103b43;color:#8df4e5;border:1px solid #23616a}.badge.neutral{background:#192c43;color:#b2c9df;border-color:#35516a}.badge.danger{background:#3a2034;color:#ffadbc;border-color:#774152}.badge.warn{background:#3c301d;color:#ffda91;border-color:#75603a}.service-row,.breakdown,th,td,.detail-strip,.override-row{border-color:#223c52}.service-row strong{font-size:12px;font-variant-numeric:tabular-nums}.traffic-svg{border-color:var(--line)}.traffic-svg:not(.aurora-chart) rect{fill:#36b8d4}.traffic-svg:not(.aurora-chart) rect:hover{fill:#b0f4ff}.chart-axis{font-size:10px}th{background:#10253a;color:#a5c7df}td{white-space:normal}table{font-size:12px}.person-name{color:#ddf4ff}.subline{overflow-wrap:anywhere}.table-wrap button{white-space:nowrap}.primary{background:#65dff5;color:#052238}.primary:hover{background:#b2f4ff}.subtle{background:#112a40}.subtle:hover{background:#1a4059}input,select{background:#091a2c;border-color:#35516a;color:var(--ink)}dialog{background:#0d1e32}.notice{background:#103545;border-color:#28647b}.notice.error{background:#382236;border-color:#75475d}.messages{background:#071525}.message{background:#11273c;border-color:#28435c}.message.outgoing{background:#103744;border-color:#286575}.detail-strip{background:#10283c}.permission-chip{background:#17334b}.login-story{background:radial-gradient(ellipse at 50% 70%,#11486666,transparent 65%),#071525}.story-copy,.story-line,.story-foot{color:#a4bfd4}.footer{color:#8ba7bf}.text-button{color:#9ebad0}.override-row select{background:#091a2c}.health-usage meter{accent-color:#60e5ff}
@media(min-width:1500px){main{max-width:1740px}.workspace{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:1150px){.command-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.command-lower{grid-template-columns:1fr}.metric{padding:16px}.metric strong{font-size:32px}}
@media(max-width:900px){.command-grid{grid-template-columns:1fr}.command-health{display:grid;grid-template-columns:1fr 1fr;gap:16px}.command-health .panel{margin:0 0 16px}.command-health .panel:last-child{grid-column:1/-1}.command-main .terminal-feed{height:300px}}
@media(max-width:600px){.command-health{display:block}.page-heading h1{font-size:28px}.terminal-feed{padding:8px 16px 18px}.terminal-line{gap:6px;grid-template-columns:70px minmax(0,1fr)}.page-heading{flex-wrap:wrap}.command-lower{gap:0}}
@media(prefers-reduced-motion:no-preference){.terminal-panel:after{content:'';position:absolute;pointer-events:none;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#88efffaa,transparent);box-shadow:0 0 22px 3px #60e5ff24;animation:telemetry-scan 9s linear infinite}.terminal-panel{animation:command-glow 5s ease-in-out infinite}.metric:after{animation:signal-sweep 6s ease-in-out infinite}.terminal-line:first-child{animation:event-arrival .7s ease-out}.panel:not(.terminal-panel){animation:none}@keyframes telemetry-scan{0%{top:0;opacity:0}10%{opacity:.6}90%{opacity:.6}100%{top:100%;opacity:0}}@keyframes command-glow{0%,100%{border-color:#28627b;box-shadow:0 0 22px #29c9f512}50%{border-color:#52b5cf;box-shadow:0 0 36px #29c9f52a}}@keyframes signal-sweep{0%,100%{transform:translateX(-110%)}50%{transform:translateX(350%)}}@keyframes event-arrival{from{background:#3ad6ff22}to{background:transparent}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Automatic viewport modes. CSS pixels intentionally respect OS scaling and browser zoom. */
main{max-width:none;width:100%;margin:0;padding:28px clamp(18px,2vw,48px) 36px}.main-wrap,.command-main,.command-health,.command-lower,.panel,.metric{min-width:0}.panel-head p,.metric small,.page-heading .muted{font-size:12px}.panel-head h2{font-size:16px}.service-row,.breakdown,table{font-size:13px}.terminal-feed{font-size:12px}.subline{font-size:11px}.metrics{gap:16px}.panel-head{padding:19px 22px 16px}.panel-body{padding:0 22px 22px}.command-main .terminal-feed{height:clamp(280px,40dvh,500px);max-height:500px}.page-heading h1{font-size:clamp(28px,2.2vw,40px)}
/* Wide desktop: use the display breadth for telemetry instead of a narrow centred page. */
@media(min-width:1800px) and (min-aspect-ratio:18/10){
 .workspace{grid-template-columns:228px minmax(0,1fr)}main{padding:28px 32px 32px}.metrics{gap:22px}.metric{padding:20px 24px}.metric strong{font-size:42px}.command-grid{grid-template-columns:minmax(0,2fr) minmax(620px,1.15fr);gap:22px}.command-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:stretch}.command-main>.panel{margin-bottom:22px}.command-main .terminal-feed{height:clamp(340px,43dvh,620px);max-height:620px}.command-main>.panel:not(.terminal-panel){display:flex;flex-direction:column}.command-main>.panel:not(.terminal-panel) .panel-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.command-main .traffic-svg{height:clamp(260px,36dvh,500px)}.command-health{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}.command-health>.panel{margin-bottom:0}.command-health>.panel:last-child{grid-column:1/-1}.command-health .panel-body{padding:0 18px 18px}.command-health .panel-head{padding:18px}.command-health .service-row{flex-wrap:wrap;gap:6px}.command-lower{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.terminal-line{padding:13px 0}.topbar{height:64px}.page-heading{margin-bottom:22px}
}
/* Laptop / ordinary desktop, including high-DPI panels at their logical viewport size. */
@media(min-width:741px) and (max-width:1799px), (min-width:1800px) and (max-aspect-ratio:18/10){
 .workspace{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:25px 14px}.sidebar .brand{margin-left:0}.brand{font-size:19px}.command-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr)}.command-health{display:block}.command-lower{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.metric{padding:17px}.metric strong{font-size:34px}.topbar{padding:0 24px;height:60px}.command-main .terminal-feed{height:clamp(280px,38dvh,460px)}
}
@media(min-width:741px) and (max-width:1050px){.workspace{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding:22px 10px}.brand{font-size:16px}.brand-symbol{width:32px;height:32px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.command-grid,.command-lower{grid-template-columns:1fr}.command-health{display:grid;grid-template-columns:1fr 1fr;gap:16px}.command-health>.panel:last-child{grid-column:1/-1}}
/* Phone: safe areas, touch-sized navigation, stacked panels and readable text. */
@media(max-width:740px){
 .workspace{display:block}.sidebar{position:static;height:auto;padding:16px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.sidebar .brand{margin-bottom:14px}.brand{font-size:21px}nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:3px 2px 8px}nav a{min-height:44px;flex:none;font-size:12px;padding:10px 14px}nav svg{display:block;width:16px;height:16px}.topbar{padding:10px 16px;min-height:58px;height:auto}.top-actions button{min-height:44px}.top-actions .badge{font-size:11px}main{padding:22px max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left))}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:29px}.page-heading .muted{max-width:none;font-size:13px}.page-heading .row{margin-top:16px;justify-content:flex-start}.page-heading select,.page-heading button{min-height:44px;font-size:13px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{padding:15px 13px}.metric>p{font-size:10px;letter-spacing:.2px}.metric strong{font-size:32px;margin:5px 0}.metric small{font-size:11px}.command-grid,.command-lower{display:block}.command-main,.command-health{display:block}.panel,.command-health .panel{margin-bottom:18px}.panel-head{padding:18px 16px 14px}.panel-head h2{font-size:16px}.panel-head p{font-size:12px}.panel-body{padding:0 16px 18px}.command-main .terminal-feed{height:clamp(250px,38dvh,380px);max-height:380px}.terminal-feed{padding:8px 16px 18px;font-size:12px}.terminal-line{grid-template-columns:66px minmax(0,1fr);gap:9px}.terminal-line time{font-size:11px}.terminal-status{font-size:10px;padding:12px 16px}.service-row{font-size:13px}.badge{font-size:11px}th{font-size:10px}th,td{padding:12px 14px}.table-wrap button{min-height:44px;font-size:12px}.command-lower .table-wrap table{min-width:480px}.outcome-breakdown{min-width:160px}.journey-grid{display:block}.messages{padding:14px;max-height:65dvh}.message p{font-size:14px}.message small{font-size:11px}.footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}.login-panel{padding:32px 22px}.login-card{width:100%;max-width:420px}
}
@media(max-width:359px){.metrics{grid-template-columns:1fr}.metric strong{font-size:34px}.top-actions{gap:8px}}
/* A real content change gets a short, non-flashing update accent. */
.data-changed:is(.panel,.metric){border-color:#a6f4ff;box-shadow:0 0 0 1px #60e5ff66,0 0 30px #60e5ff55,inset 0 0 24px #60e5ff12}
@media(prefers-reduced-motion:no-preference){.data-changed:is(.panel,.metric){animation:data-update 2.2s ease-out both}@keyframes data-update{0%{border-color:#c6faff;box-shadow:0 0 0 1px #60e5ff99,0 0 38px #60e5ff66,inset 0 0 24px #60e5ff18}100%{border-color:var(--line);box-shadow:0 8px 28px #0003,inset 0 1px #80dfff0a}}.terminal-line:first-child{animation:none}}
/* Quiet idle state: motion is reserved for real data updates. */
.terminal-panel:after{animation:none!important;opacity:0!important}.terminal-panel{animation:none}.metric:after{animation:none!important;transform:none;width:24%;opacity:.35}.terminal-line:first-child{animation:none}
@media(prefers-reduced-motion:no-preference){.data-changed:is(.panel,.metric){animation:data-update 2.2s ease-out both}}
/* Consistent information bands: activity, service health, customer outcomes. */
.command-grid{display:block}.command-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;align-items:stretch;margin-bottom:20px}.command-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin-bottom:20px}.command-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.command-main>.panel,.command-health>.panel,.command-lower>.panel{margin:0;grid-column:auto;display:flex;flex-direction:column}.command-main>.panel:only-child,.command-lower>.panel:only-child{grid-column:1/-1}.command-main .panel-head,.command-health .panel-head,.command-lower .panel-head{padding:18px 22px 16px;min-height:84px;margin:0 0 14px;align-items:flex-start}.command-main .panel-head p,.command-health .panel-head p,.command-lower .panel-head p{max-width:60ch}.command-main .panel-body,.command-health .panel-body{padding:0 22px 22px}.command-main .terminal-status{padding:10px 22px}.command-main .terminal-feed{flex:1;height:300px;min-height:280px;max-height:420px;padding:8px 22px 18px}.command-main>.panel:not(.terminal-panel) .panel-body{flex:1;display:flex;flex-direction:column;justify-content:center}.command-main .traffic-svg{height:260px;min-height:200px}.command-main .chart-axis{padding-top:16px}.command-health .service-row,.command-health .breakdown{padding:12px 0;min-height:44px;flex-wrap:nowrap}.command-health .health-usage{padding-bottom:10px}.command-health .panel-body{flex:1}.command-lower td,.command-lower th{padding:15px 20px}.command-lower .table-wrap{flex:1}.metrics{gap:20px;margin-bottom:20px}.metric{display:flex;flex-direction:column}.metric>p{min-height:34px}.metric small{margin-top:auto}.outcome-breakdown{max-width:none}.command-health .badge{flex-shrink:0}
@media(min-width:1800px) and (min-aspect-ratio:18/10){.command-main{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.command-health{grid-template-columns:repeat(3,minmax(0,1fr))}.command-main .terminal-feed{height:clamp(280px,28dvh,380px);max-height:420px}.command-main .traffic-svg{height:clamp(220px,25dvh,330px)}}
@media(min-width:741px) and (max-width:1100px){.command-main{grid-template-columns:1fr}.command-health{grid-template-columns:repeat(2,minmax(0,1fr))}.command-health>.panel:last-child{grid-column:1/-1}.command-lower{grid-template-columns:1fr}.command-main .terminal-feed{height:300px;flex:auto}.command-main .traffic-svg{height:200px}}
@media(max-width:740px){.metrics{gap:12px;margin-bottom:16px}.metric>p{min-height:30px}.command-main,.command-health,.command-lower{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}.command-main>.panel,.command-health>.panel,.command-lower>.panel{margin:0;grid-column:auto}.command-main .panel-head,.command-health .panel-head,.command-lower .panel-head{padding:18px 16px 14px;min-height:76px;margin-bottom:12px}.command-main .panel-body,.command-health .panel-body{padding:0 16px 18px}.command-main .terminal-feed{padding:8px 16px 18px;flex:auto;height:280px;min-height:220px;max-height:360px}.command-main .terminal-status{padding:10px 16px}.command-main .traffic-svg{height:190px;min-height:0}.command-health .service-row{flex-wrap:wrap}.command-lower td,.command-lower th{padding:12px 14px}}
/* Priority overview: decisions first, supporting telemetry below. */
.metrics .metric{padding:16px 20px;min-height:128px}.metrics .metric>p{min-height:20px}.metrics .metric strong{font-size:34px;line-height:1.2;margin:10px 0}.metrics .attention-metric{border-top-color:#ffc779}.metrics .attention-metric strong{color:#ffda9e;text-shadow:none}.conversation-summary{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0 2px 18px;color:var(--muted);font-size:12px}.review-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;padding:0 22px 20px}.review-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;background:#302b223d;border:1px solid #765b37;border-radius:7px}.review-item strong{color:#ffda9e;font-size:13px}.review-item .subline{margin-top:6px;line-height:1.6}.review-item button{flex-shrink:0;font-size:11px;min-height:40px}.review-clear{font-size:13px;color:var(--muted)}.priority-dashboard .command-main{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.priority-dashboard .command-main>.panel{min-height:0}.priority-dashboard .command-main .terminal-feed{height:270px;min-height:0;max-height:270px;flex:auto}.priority-dashboard .command-main .terminal-line{padding:9px 0}.priority-dashboard .command-main .panel-head,.priority-dashboard .command-lower .panel-head{min-height:76px}.priority-dashboard .command-lower{align-items:start;margin-bottom:20px}.priority-dashboard .command-lower .traffic-svg{height:180px;min-height:0}.priority-dashboard .command-lower .panel-body{padding:0 22px 20px}.health-details{background:#0b1c2d;border:1px solid var(--line);border-radius:9px;margin:0 0 20px}.health-details>summary{padding:17px 22px;cursor:pointer;min-height:52px;font-size:13px;color:#b9daed}.health-details>summary:hover{background:#133047}.health-details .command-health{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px 18px;margin:0;gap:18px}.health-details .command-health>.panel:last-child{grid-column:auto}.health-details .panel-head{min-height:0}
@media(max-width:1100px){.priority-dashboard .command-main,.priority-dashboard .command-lower{grid-template-columns:1fr}.review-list{grid-template-columns:1fr}.review-item{align-items:flex-start}}
@media(max-width:740px){.metrics .metric{padding:14px;min-height:128px}.metrics .metric strong{font-size:30px}.metrics .metric>p{min-height:30px}.conversation-summary{gap:6px 16px;font-size:11px}.review-list{padding:0 16px 16px}.review-item{flex-wrap:wrap}.priority-dashboard .command-main .terminal-feed{height:250px;max-height:250px}.health-details>summary{padding:16px;line-height:1.8}.health-details .command-health{grid-template-columns:1fr;padding:0 12px 12px}.priority-dashboard .command-lower .panel-body{padding:0 16px 18px}}
/* Compact overview: one chart band, then equal-height operational cards. */
.top-navigation{display:flex;align-items:center;gap:18px;min-width:0}.top-navigation>span{font-size:11px;color:var(--muted)}.top-navigation button{font-size:12px;min-height:40px;padding:7px 12px}.workspace.navigation-hidden{grid-template-columns:minmax(0,1fr)}.sidebar[hidden]{display:none!important}.priority-traffic{margin-bottom:12px}.priority-traffic .panel-head{min-height:0;margin:0;padding:12px 18px 8px;border-bottom:0}.priority-traffic .panel-head h2{font-size:14px}.priority-traffic .panel-head p{font-size:11px}.priority-traffic .panel-body{padding:0 18px 12px}.priority-traffic .traffic-svg{height:clamp(80px,12dvh,150px)}.priority-traffic .chart-axis{padding-top:4px}.compact-review{display:flex;align-items:center;gap:16px;padding:10px 16px;margin:0 0 10px}.compact-review .panel-head{border:0;padding:0;margin:0;min-height:0;flex:none}.compact-review .panel-head h2{font-size:13px}.compact-review .review-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0;flex:1}.compact-review .review-item{padding:6px 10px;gap:10px;flex-wrap:wrap;flex:1;min-width:190px}.compact-review .review-item strong{font-size:12px}.compact-review .review-item button{font-size:10px;min-height:30px;padding:4px 8px}.compact-review .review-item .subline{font-size:10px;line-height:1.3;margin-top:3px}.conversation-summary{font-size:11px;padding-bottom:10px}.priority-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.priority-dashboard .command-main,.priority-dashboard .command-lower{display:contents}.priority-dashboard .command-main>.panel,.priority-dashboard .command-lower>.panel{grid-column:auto;min-height:0;max-height:310px;overflow:hidden;margin:0;display:flex;flex-direction:column}.priority-dashboard .panel-head{min-height:65px!important;padding:13px 16px 10px!important;margin:0!important}.priority-dashboard .panel-head h2{font-size:14px}.priority-dashboard .panel-head p{font-size:11px}.priority-dashboard .table-wrap{overflow:auto;flex:1}.priority-dashboard th,.priority-dashboard td{padding:10px 12px;font-size:11px}.priority-dashboard .table-wrap button{min-height:30px;font-size:10px}.priority-dashboard .terminal-status{padding:7px 16px;font-size:9px}.priority-dashboard .command-main .terminal-feed{height:220px;min-height:0;max-height:220px;padding:4px 16px 10px;flex:1}.priority-dashboard .command-main .terminal-line{padding:7px 0;font-size:11px;grid-template-columns:65px minmax(0,1fr)}.priority-dashboard .terminal-line time{font-size:10px}.priority-dashboard .health-details{grid-column:1/-1;margin:0}.health-details>summary{padding:10px 16px;min-height:40px;font-size:12px}.priority-dashboard .outcome-breakdown{min-width:130px;gap:5px}.priority-dashboard .outcome-breakdown .badge{font-size:10px}.metrics{gap:12px;margin-bottom:12px}.metrics .metric{min-height:100px;padding:12px 16px}.metrics .metric>p{min-height:18px;font-size:10px}.metrics .metric strong{font-size:30px;margin:6px 0}.metrics .metric small{font-size:10px}.page-heading{margin-bottom:16px}.page-heading h1{font-size:30px}.page-heading .muted{margin-top:5px}.page-heading .eyebrow{margin-bottom:5px}.priority-dashboard .health-details[open] .panel{max-height:none}
@media(min-width:1101px) and (min-height:750px){main{padding-top:20px;padding-bottom:16px}.topbar{height:56px}.footer{padding-top:10px;padding-bottom:12px}.priority-dashboard .command-main>.panel,.priority-dashboard .command-lower>.panel{height:clamp(230px,29dvh,370px);max-height:370px}.priority-dashboard .command-main .terminal-feed{max-height:none;height:auto}}
@media(min-width:741px) and (max-width:1100px){.priority-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-dashboard .command-lower>.panel{grid-column:1/-1}.top-navigation>span{display:none}.compact-review{align-items:flex-start}}
@media(max-width:740px){.topbar{flex-wrap:wrap;gap:8px}.top-navigation{width:100%}.top-navigation>span{display:none}.top-navigation button{min-height:44px}.priority-dashboard{grid-template-columns:minmax(0,1fr)}.priority-dashboard .command-main>.panel,.priority-dashboard .command-lower>.panel{height:auto;max-height:360px}.priority-dashboard .command-main .terminal-feed{height:230px;flex:auto}.compact-review{display:block;padding:12px}.compact-review .panel-head{margin-bottom:8px}.compact-review .review-item{min-width:100%;flex-wrap:wrap}.compact-review .review-item button{min-height:44px}.priority-traffic .traffic-svg{height:110px}.priority-dashboard .table-wrap button{min-height:44px}.metrics .metric{min-height:110px}.metrics .metric>p{min-height:28px}.priority-dashboard .command-lower .table-wrap table{min-width:450px}}
/* Activity and clients share the first row; health occupies the freed third card. */
.activity-clients-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;align-items:stretch}.activity-clients-row>.panel{margin:0;height:230px;min-height:0;max-height:230px;display:flex;flex-direction:column;overflow:hidden;grid-column:auto}.activity-clients-row>.panel:only-child{grid-column:1/-1}.activity-clients-row .panel-head{padding:13px 16px 10px;min-height:61px;margin:0;border-bottom:1px solid var(--line)}.activity-clients-row .panel-head h2{font-size:14px}.activity-clients-row .panel-head p{font-size:11px}.activity-clients-row .table-wrap{flex:1;overflow:auto}.activity-clients-row th,.activity-clients-row td{padding:8px 14px;font-size:11px}.activity-clients-row .table-wrap button{min-height:30px;font-size:10px}.activity-clients-row .priority-traffic .panel-body{padding:8px 16px 12px;flex:1}.activity-clients-row .traffic-svg{height:120px}.priority-dashboard>.system-health-card{margin:0;height:clamp(230px,29dvh,370px);max-height:370px;display:flex;flex-direction:column;overflow:auto}.system-health-card .health-snapshot{padding:0 16px}.system-health-card .service-row{padding:9px 0;min-height:34px;font-size:12px}.system-health-card .health-details{margin:8px 12px 12px;grid-column:auto}.system-health-card .command-health{display:block;padding:0 10px 10px}.system-health-card .command-health>.panel{margin-bottom:10px}.system-health-card .health-details>summary{padding:8px 12px;font-size:11px}.priority-dashboard{margin-bottom:12px}.compact-review{margin-top:0}
@media(max-width:1100px) and (min-width:741px){.priority-dashboard>.system-health-card{grid-column:1/-1;height:auto;max-height:370px}.system-health-card .health-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.system-health-card .service-row{display:block}.system-health-card .service-row strong{display:block}.activity-clients-row .table-wrap table{min-width:420px}}
@media(max-width:740px){.activity-clients-row{grid-template-columns:minmax(0,1fr);gap:12px}.activity-clients-row>.panel{height:auto;max-height:300px}.activity-clients-row .table-wrap{max-height:230px}.activity-clients-row .table-wrap table{min-width:450px}.activity-clients-row .table-wrap button{min-height:44px}.priority-dashboard>.system-health-card{height:auto;max-height:360px}}
/* Aurora activity and client cards share an expanded row. */
.activity-clients-row>.panel{height:340px;max-height:340px}.activity-clients-row .priority-traffic{background:radial-gradient(ellipse at 75% 100%,#573c7830,transparent 65%),linear-gradient(135deg,#102c40,#101a32)}.aurora-stats{display:flex;gap:clamp(16px,3vw,48px);padding:8px 0 0}.aurora-stats span{display:block;font-size:11px;color:var(--muted)}.aurora-stats strong{display:block;font-size:24px;font-weight:600;color:#c4edff;font-variant-numeric:tabular-nums}.activity-clients-row .aurora-chart{height:190px;border:0}.activity-clients-row .priority-traffic .chart-axis{padding-top:0}.activity-clients-row .table-wrap{max-height:none}.activity-clients-row .aurora-chart{width:100%}
@media(min-width:1800px) and (min-aspect-ratio:18/10){.activity-clients-row>.panel{height:380px;max-height:380px}.activity-clients-row .aurora-chart{height:230px}}
@media(max-width:740px){.activity-clients-row>.panel{height:330px;max-height:330px}.activity-clients-row .aurora-chart{height:180px}.aurora-stats{gap:14px}.aurora-stats span{font-size:10px}.aurora-stats strong{font-size:22px}}
/* Aurora surfaces: soft cyan/violet depth with quiet idle lighting. */
:root{--line:#31465f;--soft:#173344;--accent:#83d8ed}.panel,.metric{background:radial-gradient(ellipse at 100% 100%,#7960a415,transparent 65%),linear-gradient(135deg,#10283a,#111d32);border-color:#31465f;box-shadow:0 5px 24px #0002,inset 0 1px #a7ddff0a}.metric{border-top-color:#78c5de}.metric strong{color:#c4edff;text-shadow:0 0 22px #8dcaff20}.metric:after{background:linear-gradient(90deg,#50dce8,#b69ce9);opacity:.35;box-shadow:none}.terminal-panel{background:radial-gradient(ellipse at 100% 100%,#7651a015,transparent 70%),linear-gradient(135deg,#0c2637,#0f1a30);border-color:#4c6a83;box-shadow:0 0 24px #82adf00d}.terminal-panel .panel-head h2,.terminal-status{color:#b8deed}.terminal-event:before{color:#a4c5ed}.panel-head{border-color:#31465f}.data-changed:is(.panel,.metric){border-color:#b1c1ff;box-shadow:0 0 0 1px #91c5ee44,0 0 30px #a38af23b,inset 0 0 24px #72d3e910}.aurora-chart{touch-action:pan-y}.aurora-chart [role=slider]{cursor:crosshair;outline:none}.aurora-chart:focus-within{outline:2px solid #b5c5ff;outline-offset:2px;border-radius:6px}.chart-tooltip{font-family:'Segoe UI',Arial,sans-serif}
@media(prefers-reduced-motion:no-preference){@keyframes data-update{0%{border-color:#c5ccff;box-shadow:0 0 0 1px #92d6ee88,0 0 34px #a38af255,inset 0 0 24px #83cee918}100%{border-color:var(--line);box-shadow:0 5px 24px #0002,inset 0 1px #a7ddff0a}}}
/* Full-width live stream, then a 2:1 outcomes and health row. */
.priority-dashboard{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.priority-dashboard>.terminal-panel{grid-column:1/-1;margin:0;max-height:260px;display:flex;flex-direction:column}.priority-dashboard>.terminal-panel .terminal-feed{height:150px;min-height:0;max-height:150px;padding:4px 16px 12px;flex:auto}.priority-dashboard>.terminal-panel .terminal-line{padding:7px 0;font-size:11px;grid-template-columns:75px minmax(0,1fr)}.priority-dashboard .command-main>.panel{grid-column:auto}.priority-dashboard>.system-health-card{grid-column:auto}
@media(max-width:1100px) and (min-width:741px){.priority-dashboard{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.priority-dashboard>.system-health-card{grid-column:auto;height:310px;max-height:310px}.system-health-card .health-snapshot{display:block}.system-health-card .service-row{display:flex}.system-health-card .service-row strong{display:inline}}
@media(max-width:740px){.priority-dashboard{grid-template-columns:minmax(0,1fr)}.priority-dashboard>.terminal-panel,.priority-dashboard>.system-health-card{grid-column:auto}.priority-dashboard>.terminal-panel .terminal-feed{height:200px;max-height:200px}.priority-dashboard>.terminal-panel{max-height:300px}}
/* System health owns one scrollbar, including expanded details. */
.priority-dashboard>.system-health-card{overflow-y:auto;overflow-x:hidden;display:block;scrollbar-color:#57718e #102036}.system-health-card>.panel-head{position:sticky;top:0;z-index:1;background:#112437}.system-health-card .health-details,.system-health-card .command-health,.system-health-card .command-health>.panel,.system-health-card .command-health .panel-body{overflow:visible;max-height:none;height:auto}.system-health-card .health-details{flex:none}.system-health-card .command-health{display:block}.system-health-card .health-snapshot .service-row{padding:7px 0;min-height:31px}
.wa-connection{max-width:760px}.wa-qr-area{min-height:1px}.wa-qr{display:block;width:min(100%,320px);height:auto;image-rendering:pixelated;background:#fff;border:8px solid #fff;margin:20px 0}.wa-controls{display:grid;gap:12px;max-width:580px}.wa-controls input{max-width:360px}.wa-controls .row{flex-wrap:wrap;gap:12px}.wa-controls button{min-height:44px}