.qa-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:24px}.qa-panel{background:var(--bg-card,#111);border:1px solid #292929;border-radius:16px;padding:24px;margin:20px 0;min-width:0}.qa-panel h2{font-size:20px;margin:0 0 16px}.qa-panel p,.qa-panel small{color:#b5b5b5;line-height:1.6}.qa-panel label{display:block;margin:16px 0 8px}.qa-panel textarea{width:100%;resize:vertical}.qa-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.qa-item{padding:14px 0;border-bottom:1px solid #292929}.qa-item small{display:block;margin-top:8px}.qa-item pre{white-space:pre-wrap;overflow-wrap:anywhere}.qa-checks input{margin-right:10px}.qa-panel button{white-space:normal;text-align:left}#qa-status{min-height:28px;line-height:1.6;color:#bbb}@media(max-width:800px){.qa-grid{grid-template-columns:1fr}.qa-panel{padding:18px}.qa-panel .form-input{max-width:100%}}
#norm-workspace [hidden]{display:none!important}#norm-workspace .qa-panel>button{display:block;margin:12px 0}#norm-workspace input[type=checkbox]{margin-right:8px}#norm-status{min-height:28px;line-height:1.6;color:#bbb}#norm-workspace .qa-item p{white-space:pre-wrap;overflow-wrap:anywhere}
#qt-workspace .qa-panel,#release-workspace .qa-panel{margin:16px 0}
#qt-workspace label,#release-workspace label{display:block;margin:12px 0;line-height:1.5}
#qt-workspace input,#qt-workspace textarea,#qt-workspace select,#release-workspace input,#release-workspace textarea,#release-workspace select{max-width:100%}
#qt-workspace .qa-confirm,#release-workspace .qa-confirm{display:flex;gap:10px;align-items:flex-start}
.qa-confirm input[type=checkbox]{width:auto;flex-shrink:0;margin-top:5px}

/* Shared Quality workspace spacing, using the portal design tokens. */
:is(#page-admin-quality,#page-admin-tests,#page-admin-investigations,#page-admin-releases)>h1{margin:0 0 8px}
:is(#page-admin-quality,#page-admin-tests,#page-admin-investigations,#page-admin-releases)>p{color:var(--text-secondary);line-height:1.6;overflow-wrap:anywhere}
:is(#qa-status,#qt-status,#norm-status,#release-status){min-height:0;margin:16px 0 24px;padding:12px 16px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary)!important;font-size:.875rem;line-height:1.6}
:is(#qa-status,#qt-status,#norm-status,#release-status):empty{display:none}
:is(#qa-workspace,#qt-workspace,#norm-workspace,#release-workspace){display:grid;gap:24px}
:is(#qa-workspace,#qt-workspace,#norm-workspace,#release-workspace) .qa-panel{margin:0;background:var(--bg-card);border-color:var(--border-medium);border-radius:var(--radius-lg,16px);padding:24px;overflow-wrap:anywhere}
.qa-grid{align-items:start;gap:24px}
.qa-panel h2{font-size:1.125rem;font-weight:500;line-height:1.4;margin:0 0 16px}
.qa-panel h3{font-size:1rem;line-height:1.5;margin:20px 0 12px}
.qa-panel p{margin:0 0 16px}
.qa-panel p:last-child{margin-bottom:0}
:is(#qa-workspace,#qt-workspace,#norm-workspace,#release-workspace) .qa-actions{margin:0}
:is(#qa-workspace,#qt-workspace,#norm-workspace,#release-workspace) label{font-size:.875rem;line-height:1.5;margin:16px 0 8px;color:var(--text-secondary)}
.qa-panel label>.form-input{display:block;margin-top:8px}
.qa-panel .btn{min-height:38px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.qa-panel .qa-item>.btn{width:100%;justify-content:flex-start;border-radius:var(--radius-sm);padding:10px 12px}
.qa-item{border-color:var(--border-medium)}
.qa-item:last-child{border-bottom:0;padding-bottom:0}
.qa-panel .form-input:disabled{opacity:.7;cursor:not-allowed}
.qa-panel .btn:disabled{opacity:.55;cursor:wait}
.qa-panel .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.qa-panel input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;vertical-align:middle;flex-shrink:0}
.qa-panel blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid var(--accent);background:var(--bg-input);line-height:1.6;white-space:pre-wrap}
#qt-history>.btn{display:flex;width:100%;justify-content:flex-start;margin-top:12px}
@media(max-width:800px){
 :is(#qa-workspace,#qt-workspace,#norm-workspace,#release-workspace),.qa-grid{gap:16px}
 :is(#qa-workspace,#qt-workspace,#norm-workspace,#release-workspace) .qa-panel{padding:18px}
 .qa-panel .btn,.qa-actions .btn{min-height:44px}
 .qa-panel select.form-input{padding-right:32px;text-overflow:ellipsis}
 :is(#qa-status,#qt-status,#norm-status,#release-status){margin:16px 0;padding:12px}
}
