.screen-qa-page { overflow-x: hidden; }
.screen-main { min-width: 0; min-height: calc(100vh - 112px); }
.screen-main > * { min-width: 0; max-width: 100%; }
.screen-badge { border: 1px solid #dce4ef; border-radius: 999px; padding: 6px 10px; color: #526077; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.screen-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
.screen-toolbar { display:flex; align-items:center; gap:8px; margin:22px 0; padding:12px; border:1px solid #dfe5ee; border-radius:10px; background:#fff; }
.screen-toolbar button { min-height:34px; padding:0 12px; border:1px solid #2457ff; border-radius:7px; background:#2457ff; color:#fff; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
.screen-toolbar button.secondary { border-color:#d9e0eb; background:#fff; color:#26344b; }
.screen-toolbar p { margin-left:auto; color:#69768a; font-size:10px; }
.screen-section { margin:22px 0; border:1px solid #dfe5ee; border-radius:12px; background:#fff; overflow:hidden; }
.screen-heading { display:flex; justify-content:space-between; align-items:end; gap:18px; padding:20px 22px; border-bottom:1px solid #e5eaf1; }
.screen-heading h2 { margin:4px 0 0; font-size:19px; }
.screen-heading>span { color:#738097; font-size:10px; }
.screen-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.screen-card { min-height:154px; padding:18px; border-right:1px solid #e7ebf1; border-bottom:1px solid #e7ebf1; }
.screen-card:nth-child(3n) { border-right:0; }
.screen-card h3 { margin:0 0 5px; font-size:13px; }
.screen-card p { min-height:34px; margin:0 0 12px; color:#667388; font-size:10px; line-height:1.55; }
.screen-card-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.screen-open { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border:1px solid #cfd8e6; border-radius:7px; color:#173fbb; font-size:10px; font-weight:800; }
.screen-result { display:flex; align-items:center; gap:5px; }
.screen-result select { min-height:30px; border:1px solid #d4dce8; border-radius:7px; padding:0 24px 0 8px; background:#fff; color:#344158; font-size:9px; }
.auto-state { display:inline-flex; margin-top:10px; border-radius:999px; padding:4px 7px; background:#f0f3f8; color:#69768a; font-size:8px; font-weight:800; }
.auto-state.pass { background:#e9f8f0; color:#0b7847; }.auto-state.fail { background:#fff0ef; color:#b6342e; }
.desktop-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.desktop-card { padding:18px; border-right:1px solid #e7ebf1; }.desktop-card:last-child { border-right:0; }
.desktop-card h3 { margin:0 0 6px; font-size:13px; }.desktop-card dl { display:grid; grid-template-columns:auto 1fr; gap:6px 9px; margin:14px 0 0; font-size:9px; }.desktop-card dt { color:#7a8799; }.desktop-card dd { margin:0; color:#26344b; font-weight:700; }
.evidence-boundary ol { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:0; list-style:none; counter-reset:steps; }.evidence-boundary li { padding:18px; border-right:1px solid #e7ebf1; color:#5d6a7e; font-size:10px; line-height:1.55; }.evidence-boundary li:last-child { border-right:0; }.evidence-boundary b { display:block; margin-bottom:5px; color:#121b2d; }
@media(max-width:1000px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-card:nth-child(3n){border-right:1px solid #e7ebf1}.screen-card:nth-child(2n){border-right:0}.desktop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-card{border-bottom:1px solid #e7ebf1}.evidence-boundary ol{grid-template-columns:1fr}}
@media(max-width:680px){.screen-qa-page .header-inner{width:calc(100% - 24px);gap:8px}.screen-badge{display:none}.screen-qa-page .status-hero h1{font-size:32px;word-break:normal;overflow-wrap:anywhere}.screen-qa-page .status-summary{overflow-wrap:anywhere}.screen-metrics,.screen-grid,.desktop-grid{grid-template-columns:minmax(0,1fr)}.screen-metrics article{min-width:0}.screen-card,.desktop-card{min-width:0;border-right:0}.screen-card-meta{align-items:stretch;flex-direction:column}.screen-result,.screen-result select{width:100%}.screen-toolbar{align-items:stretch;flex-direction:column}.screen-toolbar p{margin:4px 0 0}.screen-heading{align-items:start;flex-direction:column}.evidence-boundary li{border-right:0;border-bottom:1px solid #e7ebf1}}