/* Quality-only review surfaces. No shared palette or Production CSS change. */
.ops-app[data-department="quality"] .qs-intro { margin-top:24px; padding-top:18px; border-top:1px solid #dde3e8; }
.ops-app[data-department="quality"] .qs-intro h3 { margin:0 0 8px; font-size:18px; color:#20394c; }
.ops-app[data-department="quality"] .qs-intro p,
.ops-app[data-department="quality"] .qs-help { color:#526575; font-size:13px; line-height:1.55; }
.ops-app[data-department="quality"] .qs-form { margin-top:12px; }
.ops-app[data-department="quality"] .qs-state { background:#fff; border:1px solid #d7e0e8; border-left:4px solid #eb7216; border-radius:12px; padding:18px; margin-bottom:18px; overflow-wrap:anywhere; }
.ops-app[data-department="quality"] .qs-state h3 { margin:0 0 8px; color:#20394c; }
.ops-app[data-department="quality"] .qs-state p { line-height:1.55; }
.ops-app[data-department="quality"] .qs-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.ops-app[data-department="quality"] .qs-actions button { white-space:normal; }
.ops-app[data-department="quality"] .qs-retained { margin-top:16px; padding:12px; background:#f6f8fa; border-radius:8px; }
.ops-app[data-department="quality"] .qs-retained summary { cursor:pointer; font-weight:600; }
.ops-app[data-department="quality"] .qs-checked { margin-top:16px; border-top:1px solid #d7e0e8; padding-top:16px; }
.ops-app[data-department="quality"] .qs-checked ul { padding-left:20px; }
.ops-app[data-department="quality"] .qs-checked li { margin:10px 0; }
.ops-app[data-department="quality"] .qs-checked li span { display:block; margin-top:4px; color:#526575; }
.ops-app[data-department="quality"] .qs-error { color:#9e271f; }
.ops-app[data-department="quality"] .qs-review { box-sizing:border-box; width:min(720px,calc(100vw - 32px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #ccd7df; border-radius:14px; padding:26px; color:#20394c; background:#fff; box-shadow:0 20px 70px #122a4440; }
.ops-app[data-department="quality"] .qs-review::backdrop { background:#17304777; }
.ops-app[data-department="quality"] .qs-review h2 { margin:0 0 10px; font-size:23px; line-height:1.25; }
.ops-app[data-department="quality"] .qs-review p { line-height:1.55; }
.ops-app[data-department="quality"] .qs-review dl,
.ops-app[data-department="quality"] .qs-retained dl { display:grid; gap:0; margin:18px 0; }
.ops-app[data-department="quality"] .qs-review dl div,
.ops-app[data-department="quality"] .qs-retained dl div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:14px; padding:10px 0; border-bottom:1px solid #e4e9ee; }
.ops-app[data-department="quality"] .qs-review dt,
.ops-app[data-department="quality"] .qs-retained dt { color:#526575; font-weight:600; }
.ops-app[data-department="quality"] .qs-review dd,
.ops-app[data-department="quality"] .qs-retained dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
@media(max-width:520px) {
 .ops-app[data-department="quality"] .qs-review { padding:18px; }
 .ops-app[data-department="quality"] .qs-review dl div,
 .ops-app[data-department="quality"] .qs-retained dl div { grid-template-columns:minmax(0,1fr); gap:4px; }
 .ops-app[data-department="quality"] .qs-actions button { flex:1 1 140px; }
}

.ops-app[data-department="quality"] .qs-review [data-qs-action="back"] { background:#fff !important; color:#24516f !important; border:1px solid #afbdc8 !important; }
.ops-app[data-department="quality"] .qs-review [data-qs-action="back"]:hover { background:#f0f5f8 !important; }

.ops-app[data-department="quality"] .qs-card { overflow-wrap:anywhere; }
.ops-app[data-department="quality"] .qs-card small { display:block; margin:6px 0; }
.ops-app[data-department="quality"] .qs-review textarea { min-height:120px; }