/* Contact QA Studio — Atelier V4 visual alignment.
   Evidence, review receipt, and contact gates remain frozen. */
:root {
  --bg:#171b1a;--panel:#202622;--panel2:#293029;
  --line:rgba(241,233,215,.14);--ink:#f3eee4;--muted:#aab5a9;
  --soft:#88978a;--gold:#d8b78c;--green:#99ceb1;
  --warn:#deb78a;--red:#e9aaa0;--frost:#abcfc6
}
body,.shell {background:var(--bg)!important;color:var(--ink)}
.topbar {
  background:#1b201c!important;border-bottom-color:var(--line)!important;
  height:76px!important;padding-inline:clamp(16px,2vw,32px)!important
}
.brand-mark {
  background:#f2ecdf!important;color:#26302a!important;
  width:42px!important;height:42px!important;border-radius:13px!important;
  font-size:15px!important;box-shadow:0 3px 12px #0003!important
}
.identity strong{font-size:14px!important}
.identity small{font-size:10px!important;color:#a0afa0!important}
.header-context {font-size:10px!important;color:#87978a!important}
.audit-status{color:#debb91!important;font-size:10px!important}
.primary {
  background:#f2ecdf!important;color:#252b26!important;border-color:#f2ecdf!important;
  border-radius:11px!important;min-height:39px!important;font-size:11px!important
}
.sidebar,.inspector {background:#202722!important}
.sidebar-head,.inspector-head{padding:27px 22px 20px!important}
.sidebar h2,.inspector h2{font:normal 29px/1.15 Georgia,serif!important;letter-spacing:-.8px!important}
.sidebar-head p,.inspector-head p{font-size:12px!important;color:#aab6aa!important}
.eyebrow{color:#d8b78c!important;font-size:10px!important}
.scene-list{gap:8px!important;padding:10px 14px!important}
.scenario{min-height:62px!important;border-radius:12px!important;padding:11px!important}
.scenario.active{background:#383e32!important;border-color:#a89069!important}
.scenario .count{background:#384139!important;color:#d9d2be!important}
.scenario.active .count{background:#a89069!important;color:#212821!important}
.scenario b{font-size:12px!important}.scenario small{font-size:10px!important;color:#9aab9b!important}
.review-canvas{padding:26px 27px 18px!important}
.section-top h1{font-size:35px!important;letter-spacing:-1px!important}
.section-top p{font-size:12px!important;color:#a7b1a8!important}
.view-actions{background:#252c27!important;border-color:var(--line)!important;padding:5px!important}
.view-btn{font-size:11px!important;min-height:34px!important;padding-inline:13px!important}
.view-btn.active{background:#e8dfcf!important;color:#28302a!important;font-weight:760!important}
.image-stage{border-radius:18px!important;border-color:#4b574d!important;background:#171c18!important}
.render-panel {background:#1d251f!important}
.render-panel figcaption{font-size:11px!important;color:#c9cabb!important;height:42px!important;padding:12px 14px!important}
.render-panel img {height:calc(100% - 42px)!important;background:#171c18!important}
.evidence-note{background:#313024!important;border-color:#6a5a3a!important;border-radius:13px!important;padding:15px!important}
.evidence-note strong{font-size:12px!important}
.evidence-note p{font-size:11px!important;color:#c3ba9d!important}
.bottom-bar{font-size:11px!important}
.bottom-bar button{font-size:11px!important;min-height:34px!important;border-radius:9px!important}
.edge-row{border-radius:12px!important;min-height:65px!important;padding:13px!important;background:#2b332c!important}
.edge-row.active{background:#3b4135!important;border-color:#c3a87c!important}
.edge-row b{font-size:12px!important}.edge-row small{font-size:10px!important;color:#aab5a9!important}.edge-row em{font-size:10px!important}
.metrics,.review-form{padding:19px 19px!important}
.metric{border-radius:12px!important;background:#2b332c!important;padding:12px!important;min-height:87px!important}
.metric span{font-size:9px!important;color:#acbaa9!important}
.metric strong{font-size:20px!important;color:#ecebdf!important}
.metric small{font-size:10px!important;color:#9cae9e!important}
.metric.positive strong{color:#a8daba!important}
.metric.critical strong{color:#e6b78c!important}
.review-form label{font-size:11px!important;margin-top:14px!important}
.review-form input,.review-form select,.review-form textarea{
  background:#161e18!important;border-color:#536053!important;
  color:#eeeade!important;font-size:12px!important;border-radius:11px!important;
  min-height:40px!important
}
.review-form .save-button{min-height:41px!important;background:#d8b78c!important;color:#2a3029!important;font-size:12px!important}
.footer{height:40px!important;background:#191e1a!important}
[hidden]{display:none!important}
@media(max-width:900px){
  .topbar{height:auto!important;min-height:64px!important}
  .review-canvas{padding:18px 13px!important}
  .image-stage{height:490px!important}
}
@media(max-width:600px){
  .section-top h1{font-size:27px!important}
  .image-stage{height:370px!important}
  .sidebar-head,.inspector-head{padding:17px!important}
  .metric-grid{grid-template-columns:1fr 1fr!important}
}