/* SayaLab Studio Command Center V35 — standalone accessible design */
:root{color-scheme:dark;--bg:#08101e;--panel:#142238;--panel2:#1a2d49;--ink:#f4f7ff;--muted:#c0d0e5;--line:#8e9fb062;--violet:#c6b2ff;--mint:#9bedd0;--amber:#ffdaa2;--red:#ffaeb7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}
:focus-visible{outline:3px solid #bbe9ff;outline-offset:3px}
[hidden]{display:none!important}
.oc-shell{max-width:1310px;margin-inline:auto;padding-inline:clamp(16px,3vw,36px)}
.oc-skip{position:absolute;z-index:20;top:-100px;left:15px;padding:12px;background:#fff;color:#11213d}.oc-skip:focus{top:12px}
.oc-header{background:#0e192d;border-bottom:1px solid var(--line);position:relative;z-index:2}
.oc-nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}
.oc-logo{display:flex;align-items:center;gap:12px;letter-spacing:.08em;font-weight:900;font-size:17px}
.oc-logo b{display:grid;place-items:center;height:40px;width:40px;border-radius:12px;background:linear-gradient(135deg,#7557dc,#bba0ff);font-size:24px;color:white}
.oc-logo small{display:block;font-weight:760;font-size:9px;color:#beafe9;letter-spacing:.12em}
.oc-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.oc-nav a{padding:8px 12px;border-radius:8px;font-size:12px;font-weight:780;color:#d6e2f5}
.oc-nav a[aria-current=page]{background:#3b3264;border:1px solid #a88be38a;color:white}
.oc-nav a:hover{background:#21344f}
.oc-hero{padding:clamp(45px,6vw,85px) 0 clamp(37px,4vw,64px);background:radial-gradient(ellipse at 10% 8%,#37265f,transparent 50%),radial-gradient(ellipse at 98% 84%,#155060,transparent 42%),#111c32;border-bottom:1px solid var(--line)}
.oc-hero-small{padding-block:clamp(46px,5vw,71px)}
.oc-eyebrow{font-size:10px;color:var(--violet);font-weight:920;letter-spacing:.19em;margin:0 0 15px}
.oc-hero h1{font-size:clamp(37px,5.5vw,72px);line-height:1.065;letter-spacing:-.065em;margin:0 0 23px;font-weight:870}
.oc-hero h1 em{font-style:normal;color:#cebbff}
.oc-lede{font-size:clamp(13px,1.35vw,16px);max-width:850px;color:#d1dded;line-height:1.85;margin:0}
.oc-hero-actions,.oc-cta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 21px;margin-top:24px}
.oc-hero-actions a,.oc-cta a{font-size:12px;color:#e2d9ff;font-weight:850}
.oc-hero-actions .oc-primary{padding:12px 19px;border-radius:10px;background:#eee3ff;color:#151b34}
.oc-kpis,.oc-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.oc-kpis{margin-top:35px}
.oc-kpis>div,.oc-kpi-strip>div{min-width:0;display:flex;gap:11px;align-items:baseline;background:#192b48;border:1px solid #96a9c469;border-radius:11px;padding:16px}
.oc-kpis strong,.oc-kpi-strip strong{font-size:30px;font-weight:850;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.oc-kpis span,.oc-kpi-strip span{font-size:11px;color:#c4d5e9;line-height:1.45}
.oc-kpi-strip{padding-top:25px}
.oc-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 25px;padding-block:23px;border-bottom:1px solid #6c83975d;font-size:12px;color:#bacbe0}
.oc-meta strong{color:#f0f7ff}
.oc-meta p{margin:0;max-width:580px}
.oc-signal{display:inline-block;vertical-align:middle;margin-right:9px;border-radius:50%;height:10px;width:10px;background:#75d3ab;box-shadow:0 0 0 4px #43856a40}
.oc-signal-attention{background:#ffd393;box-shadow:0 0 0 4px #986f3c55}
.oc-signal-degraded{background:#ff9aab;box-shadow:0 0 0 4px #b34b6159}
.oc-section{padding-block:clamp(37px,5vw,67px)}
.oc-section h2{font-size:clamp(25px,3.3vw,43px);letter-spacing:-.053em;line-height:1.23;margin:0 0 11px}
.oc-section>.oc-muted,.oc-sec-row .oc-muted{color:#c3d0e2;font-size:12px;max-width:840px;margin:0 0 20px}
.oc-sec-row{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap}
.oc-sec-row>a{font-size:12px;font-weight:840;color:#d8c5ff;margin-bottom:17px}
.oc-alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.oc-alert{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:14px;background:linear-gradient(140deg,#3e293c,#20253e);border:1px solid #b7809694;border-radius:13px;padding:19px}
.oc-alert.oc-missing_evidence{background:linear-gradient(140deg,#2d3656,#1b2b44);border-color:#9fb0dd75}
.oc-alert h3{font-size:21px;letter-spacing:-.035em;margin:11px 0 2px}
.oc-alert p{font-size:13px;font-weight:750;margin:0 0 5px}
.oc-alert small{font-size:11px;color:#d4d6e7;line-height:1.7}
.oc-alert>a{font-size:11px;font-weight:820;color:#e8dbff}
.oc-empty{padding:23px;background:#1b2a43;border:1px solid var(--line);border-radius:11px;color:#d7e6f4;font-size:12px}
.oc-pill{display:inline-block;font-size:10px;font-weight:850;line-height:1.4;border-radius:7px;padding:5px 8px;border:1px solid #8f96b070;color:#e2eafb;background:#384963}
.oc-known_failure,.oc-fail{color:#ffd2d6;border-color:#c57a839e;background:#62323e}
.oc-missing_evidence,.oc-unknown{color:#d2e5ff;border-color:#9db5d486;background:#304967}
.oc-beta_qa,.oc-not_confirmed{color:#ecd9ff;border-color:#a895cc8c;background:#46345f}
.oc-beta_milestone,.oc-not_run{color:#ffdfb2;border-color:#af936b99;background:#554333}
.oc-pass{color:#aef1d4;border-color:#79c8a6a1;background:#1c4d42}
.oc-controls{display:grid;grid-template-columns:1.3fr 1.15fr 1.15fr auto;gap:13px;align-items:end;background:#15263f;padding:16px;border:1px solid #93a8c277;border-radius:12px;margin:22px 0 19px}
.oc-controls label{display:grid;gap:7px;font-size:11px;font-weight:820;color:#d7e5f7}
.oc-controls input,.oc-controls select{width:100%;min-width:0;min-height:42px;border:1px solid #92abc48a;border-radius:8px;background:#223954;color:#f6f9ff;padding:9px 11px;font-size:12px}
.oc-controls input::placeholder{color:#b9cbe4}
.oc-controls button{min-height:42px;background:#374d6e;border:1px solid #8e9fb47a;color:#eaf4ff;padding:10px 15px;border-radius:8px;font-weight:780;cursor:pointer;font-size:11px}
.oc-controls [role=status]{grid-column:1/-1;color:#aecbe4;font-size:11px}
.oc-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.oc-game{min-width:0;display:flex;flex-direction:column;background:linear-gradient(150deg,#1a2b48,#12223b);border:1px solid #8399b571;border-radius:13px;padding:22px}
.oc-game-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px}
.oc-game-head>span:first-child{font-size:10px;color:#cbbdff;font-weight:860;letter-spacing:.1em}
.oc-game h3{font-size:clamp(22px,2.3vw,27px);letter-spacing:-.045em;margin:12px 0 2px;line-height:1.2}
.oc-version{font-size:11px;color:#b9c8e4;margin:5px 0 15px;overflow-wrap:anywhere}
.oc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.oc-stats>div{border:1px solid #8495b65d;background:#142640;border-radius:9px;padding:10px 12px}
.oc-stats strong{font-size:23px;color:#e5daff;font-variant-numeric:tabular-nums}
.oc-stats small{font-size:10px;color:#b9cfe4;display:block}
.oc-bar{height:7px;background:#384866;margin:14px 0 16px;border-radius:10px;overflow:hidden}
.oc-bar span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#7b60de,#c4b0ff)}
.oc-goal-label{font-size:10px;color:#bca8f5;font-weight:850;letter-spacing:.08em;margin:0 0 4px}
.oc-goal{font-size:12px;font-weight:780;line-height:1.55;margin:0 0 14px}
.oc-game-note{font-size:11px;line-height:1.65;color:#c4d5e9;padding:11px;background:#203551;border-radius:9px;margin-top:auto}
.oc-game-links{display:flex;flex-wrap:wrap;gap:6px 17px;border-top:1px solid #91a3ba46;padding-top:12px;margin-top:14px}
.oc-game-links a{font-size:11px;color:#d7c7ff;font-weight:820}
.oc-action-band{border:1px solid #9aa4d273;border-radius:13px;background:linear-gradient(135deg,#34254e,#183b4c);padding:clamp(19px,4vw,37px);margin-block:20px 50px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.oc-action-band>div:first-child{max-width:700px}
.oc-action-band .oc-muted{font-size:12px;color:#d0d7ea}
.oc-action-band .oc-cta{display:grid;gap:13px;align-content:center}
.oc-ticket-controls{grid-template-columns:1fr 1fr auto}
.oc-tickets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.oc-ticket{background:#192a45;border:1px solid #8197b464;border-radius:13px;padding:19px;min-width:0;display:flex;flex-direction:column}
.oc-ticket[data-ticket-kind=known_failure]{border-color:#ba7f8b9e;background:#34283a}
.oc-ticket-label{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.oc-ticket-label>span:last-child{font-size:9px;font-weight:840;color:#c6d4e4;letter-spacing:.08em}
.oc-ticket h3{font-size:17px;line-height:1.35;letter-spacing:-.025em;margin:14px 0 7px}
.oc-ticket>p{font-size:12px;color:#c4d5e7;margin:0 0 20px}
.oc-ticket-end{border-top:1px solid #8397ad4c;margin-top:auto;padding-top:11px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.oc-ticket-end span{font-size:10px;color:#b5c7dc}.oc-ticket-end a{font-size:11px;color:#dac9ff;font-weight:840}
.oc-table-wrap{overflow:auto;border:1px solid #8598b470;border-radius:12px;background:#172840;scrollbar-width:thin;scrollbar-color:#809bbd #15253c;overscroll-behavior-x:contain}
.oc-table-wrap table{border-collapse:collapse;width:100%;min-width:850px}
.oc-table-wrap table:has(.oc-pill){min-width:1320px}
.oc-table-wrap caption{text-align:left;color:#b9cde4;font-size:11px;padding:10px 12px}
.oc-table-wrap th,.oc-table-wrap td{padding:12px 10px;border-bottom:1px solid #7b8ba95e;text-align:left;font-size:11px;min-width:100px}
.oc-table-wrap thead th{background:#233953;color:#ddcbff;font-weight:850}
.oc-table-wrap tbody th{min-width:145px;font-size:12px;background:#192a45}
.oc-table-wrap tr:last-child td,.oc-table-wrap tr:last-child th{border-bottom:0}
.oc-table-wrap tbody tr:hover{background:#233756}
.oc-note{color:#bbcce0;font-size:11px;line-height:1.85;margin:15px 0}
.oc-legend{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0}
.oc-scroll-hint{font-size:11px;font-weight:840;color:#c4d5e7}
.oc-link{color:#e2ceff;font-size:11px;font-weight:850}
.oc-footer{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:13px 25px;padding-block:28px 38px;color:#b9cde6;font-size:11px;border-top:1px solid #8697aa48}
.oc-footer span{margin-right:auto}
.oc-hq-feature{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(130deg,#382450,#19445a);border:1px solid #a9a1d49b;padding-block:clamp(25px,4vw,42px);border-radius:14px;margin-block:24px}
.oc-hq-feature h2{font-size:clamp(25px,3.4vw,41px);line-height:1.2;margin:0 0 10px;letter-spacing:-.04em}
.oc-hq-feature p:not(.hq-overline){font-size:12px;color:#cfdbed;max-width:850px;line-height:1.85}
.oc-hq-feature a{display:inline-block;padding:11px 17px;background:#e6dcff;color:#162039;border-radius:9px;font-size:11px;font-weight:870;margin-top:12px}
.oc-hq-feature>strong{font-size:57px;color:#e4d5ff;text-align:center;line-height:1;white-space:nowrap}
.oc-hq-feature>strong small{display:block;font-size:10px;color:#d3dff0;font-weight:780;margin-top:7px}
.slhq-command-link{display:block;margin-top:12px;font-size:12px;font-weight:850;color:#d6c7ff}
@media(min-width:1000px){
 .oc-table-wrap table:has(.oc-pill) thead th:first-child,.oc-table-wrap table:has(.oc-pill) tbody th{position:sticky;left:0;z-index:1;box-shadow:2px 0 4px #0b121b55}
 .oc-table-wrap table:has(.oc-pill) thead th:first-child{z-index:2}
}
@media(max-width:980px){
 .oc-nav-wrap{align-items:flex-start;flex-direction:column;padding-block:15px;gap:12px}
 .oc-kpis,.oc-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .oc-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .oc-alert-grid,.oc-games,.oc-tickets{grid-template-columns:1fr}
}
@media(max-width:580px){
 .oc-nav{gap:2px}.oc-nav a{font-size:11px;padding:7px 9px}
 .oc-hero h1{font-size:39px}
 .oc-kpis strong,.oc-kpi-strip strong{font-size:25px}
 .oc-kpis>div,.oc-kpi-strip>div{flex-direction:column;gap:0}
 .oc-kpis span,.oc-kpi-strip span{font-size:10px}
 .oc-controls,.oc-ticket-controls{grid-template-columns:1fr}
 .oc-game{padding:16px}
 .oc-hq-feature{align-items:flex-start}.oc-hq-feature>strong{display:none}
 .oc-meta{display:block}.oc-meta p{margin-top:7px}
 .oc-hero-actions,.oc-cta{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{color:#111;background:#fff}.oc-header,.oc-nav,.oc-controls,.oc-footer,.oc-hero-actions{display:none!important}.oc-game,.oc-ticket{break-inside:avoid;border:1px solid #777;color:#111;background:#fff}.oc-hero{background:#fff;color:#111}.oc-muted,.oc-goal,.oc-game-note{color:#333}}

/* V35 readability polish: aligned headline and frozen project column in report. */
.oc-sec-row>div:first-child{max-width:800px;flex:1 1 500px}
.oc-sec-row>div:first-child .oc-muted{margin:0 0 13px}
.oc-table-wrap thead th:first-child,.oc-table-wrap tbody th:first-child{position:sticky;left:0;z-index:1;box-shadow:2px 0 5px #0b121ba0;min-width:145px}
.oc-table-wrap thead th:first-child{z-index:2;background:#233953}
.oc-table-wrap tbody th:first-child{background:#192a45}
@media(max-width:650px){.oc-table-wrap tbody th:first-child{max-width:150px}.oc-table-wrap th,.oc-table-wrap td{font-size:11px}.oc-scroll-hint{color:#b9cde7}}