/* Testra 1.0 product layer: restrained, consistent, timing-first. */
:root{
  --brand-accent:#4f7cff;--brand-accent-2:#7a5cff;--brand-accent-3:#2ec7b5;
  --brand-warn:#f5a524;--brand-danger:#e05263;
  --bg:#0b1018;--bg-elevated:#101722;--surface:#141d29;--surface-2:#1a2533;--surface-3:#223043;
  --text:#f4f7fb;--text-2:#d9e1eb;--muted:#92a0b1;--muted-2:#697789;
  --line:rgba(210,222,238,.11);--line-strong:rgba(210,222,238,.21);
  --radius-xs:6px;--radius-sm:9px;--radius:13px;--radius-lg:18px;--radius-xl:24px;
  --shadow-sm:0 8px 24px rgba(0,0,0,.18);--shadow-lg:0 30px 80px rgba(0,0,0,.32);
  --font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="light"]{
  --bg:#eef2f6;--bg-elevated:#f8fafc;--surface:#fff;--surface-2:#f4f6f9;--surface-3:#e9eef4;
  --text:#15202c;--text-2:#3d4b5a;--muted:#647386;--muted-2:#8591a0;
  --line:rgba(21,32,44,.1);--line-strong:rgba(21,32,44,.18);--shadow-sm:0 8px 22px rgba(28,45,65,.08);--shadow-lg:0 30px 80px rgba(28,45,65,.16)
}
.app-shell{--rail-width:260px;--topbar-height:68px;--workspace-tabs-height:44px;background:var(--bg)}
.navigation-rail{background:var(--bg-elevated);border-right:1px solid var(--line)}
.rail-header{height:68px;padding:0 14px}.brand-symbol{width:38px;height:38px;flex-basis:38px;border-radius:10px;background:var(--brand-accent);color:#fff;box-shadow:none}.brand-copy b{font-size:1rem;letter-spacing:-.02em}.brand-copy small{font-size:.64rem;color:var(--muted)}
.organization-switcher{padding:10px 10px 8px}.organization-switcher button{border-radius:10px;background:transparent;padding:8px}.organization-switcher button:hover{background:var(--surface-2)}.org-avatar{border-radius:8px;background:var(--surface-3);border:0;color:var(--text)}
.primary-navigation{padding:8px 8px 16px}.nav-group{margin-bottom:11px}.nav-group-label{padding:7px 9px;font-size:.59rem;letter-spacing:.13em}.nav-group-items{gap:1px}.nav-link{grid-template-columns:28px minmax(0,1fr) auto;min-height:38px;padding:4px 8px;border-radius:8px}.nav-link span{font-size:.8rem;font-weight:650}.nav-link.active{background:color-mix(in srgb,var(--brand-accent) 13%,var(--surface));box-shadow:inset 2px 0 var(--brand-accent)}.nav-link.active svg{color:var(--brand-accent)}.nav-pin-toggle{opacity:.3}.rail-footer{padding:8px}
.top-bar{grid-template-columns:minmax(180px,1fr) auto minmax(250px,1fr);height:68px;padding:0 16px;background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.route-context h1{font-size:1.05rem;letter-spacing:-.015em}.breadcrumbs button,.breadcrumbs span,.breadcrumbs b{font-size:.67rem}.global-transport{border-radius:11px;padding:3px;background:var(--surface);box-shadow:none}.transport-play{border-radius:8px;background:var(--brand-accent);color:#fff}.transport-readout{gap:.65rem}.production-chip,.connection-button{border-radius:9px;background:var(--surface)}
.workspace-toolbar{height:44px;background:var(--bg-elevated);padding-inline:7px}.workspace-tab{border-radius:7px 7px 0 0}.workspace{background:var(--bg)}.workspace-page{padding:22px clamp(18px,2vw,34px) 70px}.page-header{margin-bottom:18px}.page-title-block h2{font-size:clamp(1.75rem,2.5vw,2.7rem);letter-spacing:-.045em}.page-title-block p:last-child{max-width:820px;font-size:.88rem;line-height:1.55}.page-actions{align-self:flex-end}.button{min-height:38px;border-radius:8px;padding:.58rem .86rem;font-size:.77rem;font-weight:750;box-shadow:none}.button.primary{background:var(--brand-accent);color:#fff;box-shadow:none}.button:hover{transform:none;background:color-mix(in srgb,var(--surface-2) 78%,var(--text) 4%)}.button.primary:hover{background:color-mix(in srgb,var(--brand-accent) 87%,#000)}.icon-button{border-radius:8px}.card,.system-card,.workspace-card{border-radius:var(--radius);box-shadow:none}

.v11-command-grid,.v11-routing-grid,.v11-privacy-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.v11-command-grid>.span-12,.v11-routing-grid>.span-12,.v11-privacy-grid>.span-12{grid-column:span 12}.v11-command-grid>.span-8,.v11-routing-grid>.span-8{grid-column:span 8}.v11-command-grid>.span-7,.v11-privacy-grid>.span-7{grid-column:span 7}.v11-command-grid>.span-5,.v11-privacy-grid>.span-5{grid-column:span 5}.v11-command-grid>.span-4,.v11-routing-grid>.span-4{grid-column:span 4}
.v11-command-card,.v11-sync-stage,.v11-sync-inspector,.v11-package-inspector,.v11-access-inspector,.v11-preflight-summary,.v11-command-hero{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px}.v11-command-hero{grid-column:span 8;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;min-height:240px;padding:28px;background:linear-gradient(135deg,#10192a,#111827 60%,#172554);color:#fff;overflow:hidden;position:relative}.v11-command-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-175px;top:-170px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.v11-command-hero-copy{position:relative;z-index:1}.v11-command-hero-copy>p,.v11-section-head p,.v11-mode-inspector>p,.v11-package-inspector>p,.v11-preflight-summary>div>p{margin:0;color:#82a0ff;font-size:.61rem;font-weight:850;letter-spacing:.15em}.v11-command-hero-copy h2{margin:10px 0 8px;font-size:clamp(2.2rem,4vw,4.6rem);line-height:.94;letter-spacing:-.06em}.v11-command-hero-copy>span{display:block;max-width:670px;color:#b9c5d5;font-size:.92rem;line-height:1.6}.v11-inline-actions{display:flex;gap:8px;margin-top:22px}.v11-command-hero .button.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:#fff}
.v11-readiness-dial{--readiness:0;position:relative;z-index:1;display:grid;place-items:center;align-content:center;width:170px;height:170px;border-radius:50%;background:conic-gradient(#6b8cff calc(var(--readiness)*1%),rgba(255,255,255,.1) 0);color:#fff}.v11-readiness-dial:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#121a29}.v11-readiness-dial b,.v11-readiness-dial span,.v11-readiness-dial small{position:relative;z-index:1}.v11-readiness-dial b{font:800 2.25rem/1 var(--font-sans);letter-spacing:-.05em}.v11-readiness-dial span{margin-top:5px;font-size:.68rem;font-weight:700}.v11-readiness-dial small{margin-top:4px;color:#91a0b4;font-size:.58rem}.v11-readiness-dial.large{width:200px;height:200px}.v11-readiness-dial.large:before{background:var(--surface)}
.v11-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.v11-section-head p{color:var(--brand-accent);font-size:.56rem}.v11-section-head h2{margin:4px 0 0;font-size:1.05rem;letter-spacing:-.02em}.v11-section-head span{display:block;max-width:720px;margin-top:5px;color:var(--muted);font-size:.7rem;line-height:1.5}.v11-section-head .button{flex:none}
.v11-position{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;margin:16px 0;padding:16px;border-radius:10px;background:var(--surface-2)}.v11-position b{font-size:2.2rem;letter-spacing:-.06em}.v11-position span{color:var(--muted);font-size:.72rem}.v11-position em{font-style:normal;color:var(--brand-accent);font:800 .72rem var(--font-mono)}
.v11-definition-list{display:grid;gap:0;margin:0}.v11-definition-list>div{display:grid;grid-template-columns:42% minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.v11-definition-list>div:last-child{border-bottom:0}.v11-definition-list dt{color:var(--muted);font-size:.67rem}.v11-definition-list dd{margin:0;text-align:right;font-size:.68rem;font-weight:720;overflow-wrap:anywhere}.mono{font-family:var(--font-mono)!important}
.v11-mode-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v11-mode-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:100px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}.v11-mode-card:hover{border-color:var(--line-strong)}.v11-mode-card.active{border-color:color-mix(in srgb,var(--brand-accent) 55%,var(--line));background:color-mix(in srgb,var(--brand-accent) 9%,var(--surface-2));box-shadow:inset 3px 0 var(--brand-accent)}.v11-mode-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--surface-3);color:var(--brand-accent)}.v11-mode-icon svg{width:19px;height:19px}.v11-mode-card span:nth-child(2){min-width:0}.v11-mode-card b,.v11-mode-card small{display:block}.v11-mode-card b{font-size:.73rem}.v11-mode-card small{margin-top:3px;color:var(--muted);font-size:.6rem;line-height:1.35}.v11-mode-card em{align-self:start;padding:3px 5px;border-radius:5px;background:var(--surface-3);color:var(--muted);font-style:normal;font-size:.48rem;font-weight:850;letter-spacing:.08em}.v11-mode-card.compact{grid-template-columns:28px minmax(0,1fr);min-height:64px;padding:8px}.v11-mode-card.compact .v11-mode-icon{width:28px;height:28px;border-radius:7px}.v11-mode-card.compact .v11-mode-icon svg{width:15px}.v11-mode-card.compact small,.v11-mode-card.compact em{display:none}
.v11-health-list{display:grid;gap:5px}.v11-health-list>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 2px;border-bottom:1px solid var(--line)}.v11-health-list>div:last-child{border-bottom:0}.v11-health-list b{font-size:.7rem}.v11-health-list em{color:var(--muted);font-style:normal;font-size:.62rem}.state{width:8px;height:8px;border-radius:50%}.state.ready{background:#27b889}.state.warning{background:#e3a32e}.state.blocked{background:#de5968}
.v11-domain-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v11-domain-lanes button{display:flex;min-height:130px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}.v11-domain-lanes button:hover{background:var(--surface-3)}.v11-domain-lanes span{margin-bottom:auto;color:var(--brand-accent);font-size:.54rem;font-weight:850;letter-spacing:.13em}.v11-domain-lanes b{font-size:2rem;letter-spacing:-.05em}.v11-domain-lanes small{color:var(--muted);font-size:.62rem}.v11-today-focus{padding:16px;border-radius:10px;background:var(--surface-2)}.v11-today-focus b,.v11-today-focus span,.v11-today-focus small{display:block}.v11-today-focus b{font-size:1rem}.v11-today-focus span{margin-top:3px;color:var(--text-2);font-size:.7rem}.v11-today-focus small{margin-top:10px;color:var(--muted);font-size:.62rem}.v11-mini-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px;margin-top:9px}.v11-metric{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.v11-metric b,.v11-metric span,.v11-metric small{display:block}.v11-metric b{font-size:1rem;letter-spacing:-.03em}.v11-metric span{margin-top:2px;color:var(--muted);font-size:.57rem}.v11-metric small{margin-top:3px;color:var(--muted-2);font-size:.52rem}

.v11-mode-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.v11-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v11-mode-grid .v11-mode-card{min-height:150px;padding:18px}.v11-mode-grid .v11-mode-card b{font-size:.95rem}.v11-mode-grid .v11-mode-card small{margin-top:7px;font-size:.68rem;line-height:1.55}.v11-mode-inspector{position:sticky;top:0;align-self:start;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.v11-mode-inspector h2{margin:7px 0;font-size:1.7rem;letter-spacing:-.05em}.v11-mode-inspector>span{display:block;margin-bottom:18px;color:var(--muted);font-size:.72rem;line-height:1.55}.v11-mode-inspector h3{margin:18px 0 9px;font-size:.78rem}.v11-check-list{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}.v11-check-list li{position:relative;padding-left:18px;color:var(--muted);font-size:.67rem;line-height:1.5}.v11-check-list li:before{content:"";position:absolute;left:1px;top:.48em;width:6px;height:6px;border-radius:50%;background:var(--brand-accent)}

.v11-sync-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-bottom:14px}.v11-sync-stage{position:relative;min-height:570px;overflow:hidden;background:radial-gradient(circle at center,color-mix(in srgb,var(--brand-accent) 12%,var(--surface)) 0,var(--surface) 44%)}.v11-sync-stage:before,.v11-sync-stage:after{content:"";position:absolute;left:50%;top:50%;width:420px;height:420px;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%}.v11-sync-stage:after{width:620px;height:620px}.v11-sync-core{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;align-content:center;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--brand-accent) 45%,var(--line));border-radius:50%;background:var(--bg-elevated);box-shadow:0 0 0 15px color-mix(in srgb,var(--brand-accent) 5%,transparent)}.v11-sync-core>span{color:var(--brand-accent)}.v11-sync-core svg{width:25px}.v11-sync-core b{margin-top:7px;font-size:.75rem;letter-spacing:.12em}.v11-sync-core small{margin-top:3px;color:var(--muted);font-size:.58rem}.v11-sync-ring{position:absolute;inset:0}.v11-sync-node{--angle:calc(360deg / var(--node-count) * var(--node-index));position:absolute;left:50%;top:50%;display:grid;place-items:center;align-content:center;width:64px;height:64px;transform:rotate(var(--angle)) translateX(220px) rotate(calc(-1 * var(--angle))) translate(-50%,-50%);border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer}.v11-sync-node.synchronized{border-color:rgba(39,184,137,.48)}.v11-sync-node.degraded{border-color:rgba(227,163,46,.65)}.v11-sync-node span{font-size:.62rem;font-weight:850}.v11-sync-node small{color:var(--muted);font-size:.5rem}.v11-topology-legend{position:absolute;left:18px;bottom:18px;display:flex;gap:14px;color:var(--muted);font-size:.58rem}.v11-topology-legend span{display:flex;align-items:center;gap:5px}.v11-topology-legend i{width:7px;height:7px;border-radius:50%}.v11-topology-legend i.ready{background:#27b889}.v11-topology-legend i.warning{background:#e3a32e}.v11-topology-legend i.relay{background:var(--brand-accent)}.v11-sync-inspector{align-self:start}.v11-field{display:grid;gap:6px;margin:13px 0;color:var(--muted);font-size:.65rem;font-weight:700}.v11-field input,.v11-field select,.v11-retention-grid select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:7px 9px;color:var(--text)}.v11-field output{color:var(--text);font:700 .63rem var(--font-mono)}
.v11-participant-table{padding:0;overflow:hidden}.v11-participant-table .v11-section-head{padding:18px 18px 0}.v11-table{min-width:740px;overflow:auto}.v11-table>div{display:grid;grid-template-columns:1.4fr .8fr 1fr .6fr .6fr .85fr;align-items:center;gap:12px;min-height:44px;padding:8px 18px;border-top:1px solid var(--line);font-size:.64rem}.v11-table>div.head{min-height:36px;background:var(--surface-2);color:var(--muted);font-size:.55rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.v11-table b{font-size:.68rem}.v11-table>p{padding:18px;color:var(--muted)}

.v11-mixer{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:7px;overflow:auto}.v11-strip{display:flex;min-height:370px;flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.v11-strip.muted{opacity:.58}.v11-strip header{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center}.v11-strip header>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--surface-3);color:var(--brand-accent)}.v11-strip header svg{width:16px}.v11-strip header b,.v11-strip header small{display:block}.v11-strip header b{font-size:.68rem}.v11-strip header small{color:var(--muted);font-size:.54rem}.v11-strip>input[type="range"]{height:145px;margin:18px auto 10px;writing-mode:vertical-lr;direction:rtl}.v11-strip>output{text-align:center;font:800 .72rem var(--font-mono)}.v11-strip-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:8px 0}.v11-strip-actions button{min-height:28px;border:1px solid var(--line);border-radius:6px;background:var(--surface-3);color:var(--muted);font-size:.62rem;font-weight:850}.v11-strip-actions button.active{background:var(--brand-accent);color:#fff}.v11-strip>p{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 9px}.v11-strip>p span{padding:3px 5px;border-radius:5px;background:var(--surface-3);color:var(--muted);font-size:.48rem}.v11-strip>label{margin-top:auto;color:var(--muted);font-size:.52rem}.v11-strip input[type="number"]{width:42px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:right;color:var(--text)}.v11-strip>small{margin-top:7px;color:var(--muted-2);font-size:.48rem;line-height:1.35}.v11-output-toggles,.v11-policy-controls{display:grid;gap:7px;margin-top:14px}.v11-output-toggles label,.v11-policy-controls label,.v11-policy-single{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text-2);font-size:.64rem}.v11-broadcast{display:grid;grid-template-columns:auto minmax(180px,1fr) repeat(4,minmax(100px,.55fr)) auto;align-items:center;gap:9px}.v11-broadcast-mark{display:grid;place-items:center;gap:4px;width:70px;height:70px;border-radius:12px;background:var(--surface-2);color:var(--brand-accent)}.v11-broadcast-mark svg{width:25px}.v11-broadcast-mark span{font-size:.48rem;font-weight:850}.v11-broadcast>div:nth-child(2) b,.v11-broadcast>div:nth-child(2) small{display:block}.v11-broadcast>div:nth-child(2) b{font-size:.86rem}.v11-broadcast>div:nth-child(2) small{margin-top:4px;color:var(--muted);font-size:.62rem}

.v11-preflight-layout,.v11-package-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.v11-preflight-layout>.v11-command-card,.v11-package-layout>.v11-command-card{grid-column:1}.v11-preflight-layout>.v11-command-card:last-child,.v11-package-layout>.v11-command-card:last-child{grid-column:1/-1}.v11-preflight-summary{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:24px}.v11-preflight-summary h2{margin:7px 0;font-size:1.7rem;letter-spacing:-.04em}.v11-preflight-summary>div>span{display:block;max-width:650px;color:var(--muted);font-size:.72rem;line-height:1.55}.v11-preflight-list{display:grid;gap:5px}.v11-preflight-list>article{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.v11-preflight-list>article>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--surface-3)}.v11-preflight-list>article.ready>span:first-child{color:#27b889}.v11-preflight-list>article.warning>span:first-child{color:#e3a32e}.v11-preflight-list>article.blocked>span:first-child{color:#de5968}.v11-preflight-list svg{width:16px}.v11-preflight-list b,.v11-preflight-list small{display:block}.v11-preflight-list b{font-size:.68rem}.v11-preflight-list small{margin-top:3px;color:var(--muted);font-size:.58rem}.v11-preflight-list>article>button{border:0;background:transparent;color:var(--brand-accent);font-size:.58rem;font-weight:800;cursor:pointer}.v11-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v11-policy-grid>div{padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.v11-policy-grid b,.v11-policy-grid span{display:block}.v11-policy-grid b{font-size:.68rem}.v11-policy-grid span{margin-top:6px;color:var(--muted);font-size:.59rem;line-height:1.5}
.v11-package-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.v11-package-map>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.v11-package-map b{color:var(--brand-accent);font:.65rem var(--font-mono)}.v11-package-map span{font-size:.65rem}.v11-package-map svg{width:14px;color:#27b889}.v11-package-inspector{grid-column:2;grid-row:1;align-self:start;position:sticky;top:0}.v11-package-inspector h2{margin:8px 0 3px;font-size:1.8rem}.v11-package-inspector>span{color:var(--muted);font-size:.64rem}.v11-integrity-note{margin-top:14px;padding:11px;border-left:3px solid var(--brand-accent);background:var(--surface-2)}.v11-integrity-note b,.v11-integrity-note span{display:block}.v11-integrity-note b{font-size:.64rem}.v11-integrity-note span{margin-top:4px;color:var(--muted);font-size:.56rem;line-height:1.5}

.v11-remote-layout{display:grid;gap:14px}.v11-remote-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-bottom:14px}.v11-remote-flow>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.v11-remote-flow>div>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:var(--surface-3);color:var(--brand-accent)}.v11-remote-flow svg{width:19px}.v11-remote-flow b,.v11-remote-flow small{display:block}.v11-remote-flow b{font-size:.7rem}.v11-remote-flow small{color:var(--muted);font-size:.58rem}.v11-remote-flow>i{font-style:normal;color:var(--muted)}.v11-session-list{display:grid;gap:6px}.v11-session-list>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.v11-session-list>article>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--surface-3);color:var(--brand-accent)}.v11-session-list svg{width:18px}.v11-session-list b,.v11-session-list small,.v11-session-list p{display:block}.v11-session-list b{font-size:.7rem}.v11-session-list small,.v11-session-list p{margin:3px 0 0;color:var(--muted);font-size:.58rem}.v11-session-list>article>button{border:0;background:transparent;color:var(--brand-accent);font-size:.62rem;font-weight:800}

.v11-account-types,.v11-audit-fields{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.v11-account-types span,.v11-audit-fields span{padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:.57rem}.v11-retention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v11-retention-grid label{display:grid;gap:6px;color:var(--muted);font-size:.61rem;font-weight:700}.v11-scope-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.v11-scope-row>span{display:block;padding:12px;border-top:3px solid var(--brand-accent);border-radius:7px;background:var(--surface-2)}.v11-scope-row b,.v11-scope-row small{display:block}.v11-scope-row b{font-size:.58rem}.v11-scope-row small{margin-top:5px;color:var(--muted);font-size:.53rem}.v11-scope-row .direct{border-color:#7a5cff}.v11-scope-row .section{border-color:#2ec7b5}.v11-scope-row .staff{border-color:#e3a32e}.v11-scope-row .ensemble{border-color:#e05263}.v11-scope-row .organization{border-color:#607286}

.v11-access-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.v11-access-inspector{align-self:start;position:sticky;top:0}.v11-role-matrix{min-width:900px;overflow:auto}.v11-role-matrix>div{display:grid;grid-template-columns:1.5fr .65fr repeat(5,.65fr) .65fr;align-items:center;gap:6px;min-height:52px;padding:8px 10px;border-top:1px solid var(--line);font-size:.61rem}.v11-role-matrix>div.head{min-height:34px;border:0;background:var(--surface-2);color:var(--muted);font-size:.52rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.v11-role-matrix b,.v11-role-matrix small{display:block}.v11-role-matrix b{font-size:.66rem}.v11-role-matrix small{margin-top:3px;color:var(--muted);font-size:.52rem;line-height:1.3}.matrix-cell{display:grid;place-items:center}.matrix-cell svg{width:15px}.matrix-cell.yes{color:#27b889}.matrix-cell.no{color:var(--muted-2)}

.v11-system-map>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.v11-system-map>header>div{display:flex;gap:7px}.v11-system-map>header>p{max-width:520px;margin:0;color:var(--muted);font-size:.62rem;text-align:right}.v11-domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v11-domain-grid>article{display:flex;min-height:270px;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.v11-domain-grid>article.critical{border-top:3px solid var(--brand-accent)}.v11-domain-grid>article>header{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px}.v11-domain-grid>article>header>span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--surface-2);color:var(--brand-accent);font:800 .66rem var(--font-mono)}.v11-domain-grid header p{margin:0;color:var(--muted);font-size:.5rem;font-weight:850;letter-spacing:.12em}.v11-domain-grid h3{margin:3px 0 0;font-size:.9rem}.v11-domain-grid>article>p{margin:14px 0;color:var(--muted);font-size:.62rem;line-height:1.55}.v11-domain-routes{display:flex;flex-wrap:wrap;gap:5px}.v11-domain-routes button,.v11-domain-routes span{min-height:26px;padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--text-2);font-size:.53rem;cursor:pointer}.v11-domain-grid footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.v11-domain-grid footer span{max-width:70%;color:var(--muted);font-size:.52rem}.v11-domain-grid footer b{font-size:.52rem;white-space:nowrap}

@media(max-width:1250px){.v11-command-grid>.span-8,.v11-command-grid>.span-7,.v11-command-grid>.span-5,.v11-command-grid>.span-4,.v11-routing-grid>.span-8,.v11-routing-grid>.span-4,.v11-privacy-grid>.span-7,.v11-privacy-grid>.span-5{grid-column:span 12}.v11-broadcast{grid-template-columns:auto minmax(180px,1fr) repeat(2,minmax(100px,.7fr));}.v11-broadcast>.v11-metric:nth-of-type(n+3){display:none}.v11-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v11-mixer{grid-template-columns:repeat(3,minmax(130px,1fr))}.v11-retention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1024px){.v11-mode-workspace,.v11-sync-layout,.v11-preflight-layout,.v11-package-layout,.v11-access-layout{grid-template-columns:1fr}.v11-mode-inspector,.v11-sync-inspector,.v11-package-inspector,.v11-access-inspector{position:static;grid-column:1;grid-row:auto}.v11-sync-stage{min-height:500px}.v11-preflight-summary{grid-template-columns:auto 1fr}.v11-preflight-summary>.button{grid-column:1/-1}.v11-scope-row{grid-template-columns:repeat(3,minmax(0,1fr))}.v11-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workspace-page{padding:15px 12px 86px}.page-header{display:block}.page-actions{justify-content:flex-start;margin-top:13px}.v11-command-grid,.v11-routing-grid,.v11-privacy-grid{display:block}.v11-command-grid>*,.v11-routing-grid>*,.v11-privacy-grid>*{margin-bottom:10px}.v11-command-hero{display:block;min-height:0;padding:22px}.v11-command-hero-copy h2{font-size:2.7rem}.v11-readiness-dial{width:130px;height:130px;margin:22px 0 0}.v11-readiness-dial b{font-size:1.7rem}.v11-mode-row,.v11-mode-grid{grid-template-columns:1fr}.v11-domain-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.v11-sync-stage{min-height:380px}.v11-sync-stage:before{width:260px;height:260px}.v11-sync-stage:after{display:none}.v11-sync-core{width:110px;height:110px}.v11-sync-node{width:48px;height:48px;transform:rotate(var(--angle)) translateX(145px) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}.v11-sync-node:nth-child(n+11){display:none}.v11-topology-legend{display:none}.v11-mixer{grid-template-columns:repeat(2,minmax(125px,1fr))}.v11-broadcast{grid-template-columns:auto 1fr}.v11-broadcast .v11-metric{display:none}.v11-broadcast>.button{grid-column:1/-1}.v11-preflight-summary{display:block}.v11-preflight-summary .v11-readiness-dial{margin:0 0 18px}.v11-preflight-list>article{grid-template-columns:34px minmax(0,1fr) auto}.v11-preflight-list>article>button{grid-column:2/4;justify-self:start}.v11-package-map{grid-template-columns:1fr}.v11-remote-flow{grid-template-columns:1fr}.v11-remote-flow>i{transform:rotate(90deg);justify-self:center}.v11-retention-grid,.v11-policy-grid{grid-template-columns:1fr}.v11-scope-row{grid-template-columns:repeat(2,minmax(0,1fr))}.v11-system-map>header{display:block}.v11-system-map>header>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v11-system-map>header>p{margin-top:10px;text-align:left}.v11-domain-grid{grid-template-columns:1fr}.v11-domain-grid>article{min-height:0}}
@media(max-width:460px){.v11-domain-lanes,.v11-scope-row,.v11-mixer{grid-template-columns:1fr}.v11-strip{min-height:280px}.v11-strip>input[type="range"]{height:auto;margin:18px 0;writing-mode:horizontal-tb;direction:ltr}.v11-readiness-dial.large{width:150px;height:150px}}

/* V11 workspace deck: keep many open specialist workspaces usable without visual clutter. */
@media (min-width:721px){
  .workspace-toolbar{border-bottom:1px solid var(--line);box-shadow:none}
  .workspace-tabs{gap:3px;padding:5px 3px;scrollbar-width:none}
  .workspace-tabs::-webkit-scrollbar{display:none}
  .workspace-tab{flex:0 0 38px;width:38px;max-width:38px;height:32px;padding:0;border:1px solid transparent;background:transparent;overflow:hidden;transition:width .14s ease,max-width .14s ease,background .14s ease}
  .workspace-tab .workspace-tab-main{width:38px;min-width:38px;padding:0;justify-content:center;gap:0}
  .workspace-tab .workspace-tab-main span,.workspace-tab .workspace-tab-pin,.workspace-tab .workspace-tab-close{display:none}
  .workspace-tab.active{flex:0 1 190px;width:auto;max-width:190px;padding:0 5px 0 8px;background:var(--surface);border-color:var(--line-strong)}
  .workspace-tab.active .workspace-tab-main{width:auto;min-width:0;flex:1;justify-content:flex-start;gap:7px;padding:0}
  .workspace-tab.active .workspace-tab-main span{display:block;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .workspace-tab.active .workspace-tab-close{display:grid;flex:none}
  .workspace-tab:hover:not(.active){background:var(--surface-2)}
}
