/* Product-first workspace */
.nav-divider{display:block;padding:10px 13px 4px;color:#98a1b2;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-top:1px solid #edf0f5;margin-top:5px}.project-run-button{background:#172033!important;color:#fff!important;border-radius:8px!important;padding:8px 12px!important;margin-left:8px}.project-live{max-width:1240px;margin:10px auto 0;display:flex;align-items:center;gap:12px;padding:11px 16px;background:#172033;color:#fff;border-radius:12px;box-shadow:0 8px 24px #17203324}.project-live:hover{color:#fff;transform:translateY(-1px)}.project-live small{display:block;color:#cbd3e0;margin-top:2px}.live-dot{width:10px;height:10px;border-radius:50%;background:#55d990;box-shadow:0 0 0 6px #55d99022;animation:livePulse 1.7s infinite}.live-open{margin-left:auto;font-weight:800;font-size:13px}@keyframes livePulse{50%{box-shadow:0 0 0 10px #55d99008}}
.shell-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:18px 0 28px}.shell-hero h1{font-size:36px;letter-spacing:-.035em;margin:5px 0 8px}.shell-hero p{max-width:720px;margin:0;color:#6f798c;font-size:16px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#657087}.quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px}.quality-card{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #e4e8f0;border-radius:15px;padding:20px;color:#172033;box-shadow:0 3px 12px #17203308}.quality-card:hover{border-color:#bcc5d4;color:#172033}.quality-card>span{font-size:13px;font-weight:750;color:#697487}.quality-card>strong{font-size:32px;letter-spacing:-.04em}.quality-card>small{color:#7b8496;line-height:1.4}.quality-card.has-problems{border-left:4px solid #e15c55}.pui-progress{height:7px;background:#e9edf3;border-radius:999px;overflow:hidden;min-width:130px}.pui-progress span{display:block;height:100%;background:#55647c;border-radius:inherit}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-head h2{margin:0 0 5px}.section-head p{margin:0;color:#7b8496}.run-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f5;padding:14px 2px;color:#172033}.run-row:first-of-type{margin-top:17px}.run-row small{display:block;color:#8991a0;margin-top:3px}.status-pill{font-size:11px;font-weight:850;padding:5px 8px;border-radius:999px;background:#edf1f6;color:#59657a}.status-pill.passed,.status-pill.confirmed{background:#e7f6ed;color:#166a42}.status-pill.failed{background:#fdeceb;color:#a7312a}.status-pill.running{background:#e9f1ff;color:#285ca8}.status-pill.queued{background:#fff3dc;color:#85600e}.next-step{background:linear-gradient(145deg,#172033,#2b374d);color:#fff}.next-step p{color:#d5dbe5;line-height:1.65}.next-step .secondary{background:#fff!important}
.map-summary{background:#172033;color:#fff;border-radius:16px;padding:22px 24px;margin-bottom:18px;display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(300px,1.5fr);align-items:center;gap:22px}.map-summary>div:first-child strong{font-size:34px;display:block}.map-summary>div:first-child span{font-size:12px;color:#cbd3e0}.map-summary .pui-progress{background:#344157}.map-summary .pui-progress span{background:#62d49a}.map-summary p{margin:0;color:#d5dbe5;font-size:13px;line-height:1.55}.product-area{background:#fff;border:1px solid #e3e7ee;border-radius:14px;margin-bottom:12px;overflow:hidden}.product-area>summary{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(220px,360px) auto;gap:22px;align-items:center;padding:18px 20px;list-style:none;color:#172033!important;margin:0!important}.product-area>summary::-webkit-details-marker{display:none}.area-name{display:flex;align-items:center;gap:12px}.area-name small,.state-row small{display:block;color:#8991a0;margin-top:4px;font-weight:500}.area-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eef2f7;color:#536078;font-weight:850}.area-progress>span{display:block;text-align:right;font-size:12px;color:#697487;margin-bottom:7px}.area-progress b{color:#b33d36}.area-chevron{font-size:22px;color:#8791a2;transition:.2s}.product-area[open] .area-chevron{transform:rotate(180deg)}.state-list{border-top:1px solid #edf0f5;background:#fafbfc;padding:5px 20px}.state-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #edf0f5}.state-row:last-child{border:0}.state-indicator{width:9px;height:9px;border-radius:50%;background:#9aa4b4}.state-indicator.tested{background:#46ae79}.state-indicator.problem{background:#d9544d}.state-indicator.new{background:#d5a63e}.state-stats{text-align:right;font-size:12px}.empty-state{text-align:center;background:#fff;border:1px dashed #cfd6e1;border-radius:15px;padding:44px 24px;color:#6d778a}.empty-state h1,.empty-state h2{color:#172033;margin:8px 0}.empty-icon{font-size:30px}
.flow-card{background:#fff;border:1px solid #e3e7ee;border-radius:15px;padding:22px;margin-bottom:16px}.flow-card h2{margin:8px 0}.flow-line{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:12px 0}.flow-step{white-space:nowrap;padding:9px 12px;background:#eef2f7;border-radius:9px;font-weight:700}.flow-arrow{color:#919aaa}.transition-list{border-top:1px solid #edf0f5;margin-top:16px}.transition-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f5}.transition-row small{text-align:right;color:#8991a0}.transition-action{font-size:12px;color:#697487}.page-tabs{display:flex;gap:5px;margin-bottom:18px}.page-tabs a{padding:8px 13px;border-radius:8px;color:#687287;font-weight:750}.page-tabs a.active{background:#172033;color:#fff}.issue-card{display:flex;background:#fff;border:1px solid #e4e8ef;border-left:5px solid #9ca6b5;border-radius:14px;margin-bottom:14px;overflow:hidden}.issue-card.critical{border-left-color:#b42318}.issue-card.major{border-left-color:#e06a45}.issue-card.minor{border-left-color:#d7a42f}.issue-main{padding:19px 21px;flex:1}.issue-main h2{font-size:19px;margin:10px 0}.issue-main p{color:#59657a;line-height:1.55}.issue-meta{display:flex;gap:9px;align-items:center;color:#7d8798;font-size:11px}.severity-label{font-weight:850;color:#172033}.issue-footer{display:flex;justify-content:space-between;gap:14px;color:#8a93a2;font-size:12px;margin-top:15px}.issue-shot{width:190px;background:#f5f6f8;border-left:1px solid #edf0f5}.issue-shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.performance-list{background:#fff;border:1px solid #e3e7ee;border-radius:15px;overflow:hidden}.performance-row{display:grid;grid-template-columns:minmax(240px,1.7fr) repeat(4,minmax(100px,.55fr));gap:14px;align-items:center;padding:17px 20px;border-bottom:1px solid #edf0f5}.performance-row:last-child{border:0}.performance-row>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.performance-row>div:first-child small{grid-column:2;color:#8991a0;margin-top:3px}.status-dot{width:9px;height:9px;border-radius:50%;background:#48ae78;margin-top:4px}.performance-row.slow .status-dot{background:#df5b53}.timing{text-align:right}.timing strong,.timing small{display:block}.timing small{color:#8991a0;margin-top:3px}.compare-head{display:flex;align-items:center;justify-content:center;gap:40px;background:#fff;border:1px solid #e3e7ee;border-radius:15px;padding:18px;margin-bottom:18px}.compare-head>div{display:flex;flex-direction:column}.compare-head span,.compare-head small{color:#8991a0}.compare-head strong{font-size:20px;margin:3px 0}.compare-arrow{font-size:24px}.change-list>div{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-top:1px solid #edf0f5}.change-list small{display:block;color:#8991a0;margin-top:3px}.change-added .state-indicator{background:#46ae79}.change-missing .state-indicator{background:#d9544d}
@media(max-width:1050px){.project-live{margin-left:18px;margin-right:18px}.quality-grid{grid-template-columns:1fr 1fr}.performance-row{grid-template-columns:minmax(220px,1.4fr) repeat(2,1fr)}.performance-row .timing:nth-last-child(-n+2){display:none}.transition-row{grid-template-columns:1fr 1fr 1fr}.transition-row small{display:none}}
@media(max-width:760px){.shell-hero{align-items:flex-start;flex-direction:column}.shell-hero h1{font-size:30px}.quality-grid,.dashboard-columns{grid-template-columns:1fr}.map-summary{grid-template-columns:1fr}.product-area>summary{grid-template-columns:1fr auto}.area-progress{grid-column:1 / -1;grid-row:2}.state-row{grid-template-columns:auto 1fr}.state-stats{grid-column:2;text-align:left}.transition-row{grid-template-columns:1fr}.transition-action{padding-left:12px}.issue-card{display:block}.issue-shot{display:block;width:100%;height:180px;border-left:0;border-top:1px solid #edf0f5}.performance-row{grid-template-columns:1fr 1fr}.performance-row>div:first-child{grid-column:1/-1}.performance-row .timing:nth-last-child(-n+2){display:block}.project-live{margin:8px 12px}.live-open{display:none}.compare-head{gap:18px}.issue-footer{flex-direction:column}}
.flow-step small{display:block;font-size:10px;color:#758096;margin-top:4px}.flow-step.has-expectation{border:1px solid #d9e2ef;background:#f4f7fb;color:#172033}.flow-expectation{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-top:1px solid #edf0f5;padding:13px 0}.flow-expectation>span{font-size:11px;font-weight:850;text-transform:uppercase;color:#7c8798}.flow-expectation p{margin:0}.issue-decision-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);gap:20px}.decision-panel{position:relative}.decision-panel>.card{position:sticky;top:150px}.behavior-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.behavior-compare>div{padding:4px 10px}.behavior-compare>div+div{border-left:1px solid #e5e9f0}.behavior-compare span{font-size:11px;font-weight:850;text-transform:uppercase;color:#7b8496}.decision-button{display:block;width:100%;text-align:left;margin-top:12px;padding:14px 16px}.decision-button strong,.decision-button span{display:block}.decision-button span{font-size:11px;font-weight:500;margin-top:4px;opacity:.8}.decision-button.expectation{background:#eef2f7;color:#273246}.decision-button.product{background:#172033}.minor-actions{margin-top:10px}.briefing-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:20px}.briefing-grid h3{margin:22px 0 5px}.briefing-meta dl{display:grid;grid-template-columns:110px 1fr;gap:10px;margin:0}.briefing-meta dt{color:#7b8496}.briefing-meta dd{margin:0;overflow-wrap:anywhere}.repro-steps{list-style:none;padding:0}.repro-steps li{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f5}.repro-steps li span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef2f7;font-weight:800}.criteria-list li{margin:9px 0}.status-pill.verified{background:#e7f6ed;color:#166a42}.status-pill.untested{background:#fff3dc;color:#85600e}
@media(max-width:850px){.issue-decision-layout,.briefing-grid{grid-template-columns:1fr}.decision-panel>.card{position:static}.behavior-compare{grid-template-columns:1fr}.behavior-compare>div+div{border-left:0;border-top:1px solid #e5e9f0}.flow-expectation{grid-template-columns:1fr}}