/* Etche — Space Standard Audit tool styles */

.audit-header{
  background:var(--white); border-bottom:1px solid var(--line);
  padding:12px 24px;
}
.audit-header .row{
  max-width:720px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;
}
.audit-header .brand{ text-decoration:none; display:flex; align-items:center; gap:8px; }
.audit-header .brand-icon{ width:26px; height:26px; border-radius:6px; }
.audit-header .brand-mark{ font-family:"Manrope", sans-serif; font-weight:600; font-size:1.15rem; color:var(--navy-deep); }
.audit-header .brand-tag{ font-size:.62rem; text-transform:uppercase; letter-spacing:1.5px; color:var(--gold-deep); }
.audit-header .exit-link{ font-size:.85rem; color:var(--slate); text-decoration:none; }
.audit-header .exit-link:hover{ color:var(--navy-deep); }

.audit-shell{
  background:var(--paper); min-height:calc(100vh - 68px); padding:36px 20px 80px;
}
.audit-wrap{ max-width:640px; margin:0 auto; }

.progress-track{
  height:6px; background:var(--line); border-radius:10px; overflow:hidden; margin-bottom:32px;
}
.progress-fill{
  height:100%; background:var(--gold); width:0%; transition:width .25s ease;
}
.progress-label{
  font-size:.75rem; text-transform:uppercase; letter-spacing:1.5px; color:var(--slate-light);
  margin-bottom:8px;
}

.audit-card{
  background:var(--white); border:1px solid var(--line); border-radius:8px;
  padding:36px 32px;
}
@media (max-width:600px){
  .audit-card{ padding:26px 20px; }
}

.audit-eyebrow{
  text-transform:uppercase; letter-spacing:2.5px; font-size:.72rem; color:var(--gold-deep); margin-bottom:12px; display:block;
}
.audit-card h1{ font-size:2rem; margin-bottom:14px; }
.audit-card h2{ font-size:1.5rem; margin-bottom:10px; }
.audit-card p.audit-lead{ color:var(--slate); font-size:1.05rem; }
.audit-meta{
  display:flex; gap:20px; margin:22px 0 28px; flex-wrap:wrap;
}
.audit-meta .item{ font-size:.85rem; color:var(--slate); }
.audit-meta .item strong{ color:var(--navy-deep); display:block; font-size:1.1rem; font-family:"Manrope", sans-serif; font-weight:600; }

.standard-box{
  background:var(--paper); border:1px solid var(--line); border-radius:6px;
  padding:16px 18px; margin:18px 0 24px; font-size:.92rem; color:var(--slate);
}
.standard-box strong{ color:var(--navy-deep); display:block; margin-bottom:4px; font-size:.8rem; text-transform:uppercase; letter-spacing:1px; }

.check-group{ display:grid; gap:10px; }
.check-item{
  display:flex; align-items:flex-start; gap:14px; padding:14px 16px; border:1.5px solid var(--line);
  border-radius:6px; cursor:pointer; transition:all .15s ease; background:var(--white);
}
.check-item:hover{ border-color:var(--gold); }
.check-item.checked{ background:#EAF3EE; border-color:#3F8F5F; }
.check-box{
  flex-shrink:0; width:22px; height:22px; border:1.5px solid var(--slate-light); border-radius:4px;
  display:flex; align-items:center; justify-content:center; font-size:.85rem; color:#2C6B45;
  background:var(--white); margin-top:1px;
}
.check-item.checked .check-box{ border-color:#3F8F5F; background:#fff; }
.check-text{ font-size:.94rem; color:var(--ink); line-height:1.4; display:block; }
.check-why{
  display:block; font-size:.82rem; color:var(--slate); margin-top:5px; line-height:1.45; font-style:italic;
}

.audit-field label{
  display:block; font-size:.78rem; text-transform:uppercase; letter-spacing:1px; color:var(--slate); margin-bottom:6px;
}
.audit-field textarea, .audit-field input{
  width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:6px;
  font-family:inherit; font-size:.95rem; color:var(--ink); margin-bottom:20px;
}
.audit-field textarea{ min-height:70px; resize:vertical; }
.audit-field textarea:focus, .audit-field input:focus{ outline:none; border-color:var(--gold-deep); }

.audit-nav{ display:flex; justify-content:space-between; align-items:center; margin-top:8px; gap:12px; }
.audit-nav .spacer{ flex:1; }

.btn-audit{
  display:inline-block; padding:13px 28px; border-radius:6px; font-size:.92rem; font-weight:600;
  border:none; cursor:pointer; text-align:center; text-decoration:none;
}
.btn-audit-primary{ background:var(--navy-deep); color:var(--white); }
.btn-audit-primary:hover{ background:var(--gold-deep); }
.btn-audit-back{ background:transparent; color:var(--slate); }
.btn-audit-back:hover{ color:var(--navy-deep); }
.btn-audit-gold{ background:var(--gold); color:var(--navy-deep); font-weight:700; }
.btn-audit-gold:hover{ background:var(--gold-deep); color:var(--white); }

.result-summary{
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:24px 0 28px;
}
.result-tile{
  border:1px solid var(--line); border-radius:6px; padding:16px; text-align:center;
}
.result-tile .n{ font-family:"Manrope", sans-serif; font-weight:600; font-size:1.8rem; color:var(--navy-deep); }
.result-tile .l{ font-size:.72rem; text-transform:uppercase; letter-spacing:1px; color:var(--slate); margin-top:4px; }

.result-readout{
  background:var(--paper); border-left:3px solid var(--gold); border-radius:0 6px 6px 0;
  padding:18px 20px; margin-bottom:32px; color:var(--slate); font-size:.98rem;
}

.exit-options{ display:grid; gap:14px; margin-top:8px; }
.exit-option{
  border:1px solid var(--line); border-radius:6px; padding:20px; cursor:pointer; transition:border-color .15s ease;
}
.exit-option:hover{ border-color:var(--gold); }
.exit-option h3{ font-size:1.05rem; margin-bottom:6px; }
.exit-option p{ font-size:.88rem; color:var(--slate); margin:0; }
.exit-option .exit-form{ display:none; margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.exit-option.open .exit-form{ display:block; }

.confirm-box{
  background:#EAF3EE; border:1px solid #3F8F5F; border-radius:6px; padding:16px 18px; color:#2C6B45; font-size:.92rem;
}

.scope-preview{
  background:var(--paper); border:1px solid var(--line); border-radius:6px; padding:18px 20px; margin-bottom:24px;
}
.scope-preview h4{ font-size:.8rem; text-transform:uppercase; letter-spacing:1px; color:var(--gold-deep); margin:0 0 10px; }
.scope-preview .row{ display:flex; justify-content:space-between; gap:14px; padding:8px 0; border-bottom:1px solid var(--line); font-size:.88rem; }
.scope-preview .row:last-child{ border-bottom:none; }
.scope-preview .row .cat{ color:var(--navy-deep); font-weight:600; }
.scope-preview .row .tag{ font-size:.72rem; text-transform:uppercase; letter-spacing:.5px; padding:3px 8px; border-radius:10px; white-space:nowrap; height:fit-content; }
.tag-good{ background:#EAF3EE; color:#2C6B45; }
.tag-attention{ background:#FBF1E4; color:var(--gold-deep); }
.tag-unsure{ background:#F0F1F4; color:var(--slate); }
.risk-note{
  display:inline-block; margin-left:8px; font-size:.66rem; text-transform:uppercase; letter-spacing:.5px;
  color:#B23B3B; background:#FBEAEA; padding:2px 7px; border-radius:10px; vertical-align:middle; font-weight:700;
}

.reflect-q{ padding:18px 0; border-bottom:1px solid var(--line); }
.reflect-q:last-child{ border-bottom:none; }
.reflect-text{ font-size:1rem; color:var(--ink); margin:0 0 12px; line-height:1.45; }
.reflect-opts{ display:flex; gap:10px; flex-wrap:wrap; }
.reflect-opt{
  padding:9px 18px; border:1.5px solid var(--line); border-radius:20px; background:var(--white);
  font-size:.85rem; font-weight:600; color:var(--slate); cursor:pointer; transition:all .15s ease;
}
.reflect-opt:hover{ border-color:var(--gold); }
.reflect-opt.active{ background:var(--navy-deep); border-color:var(--navy-deep); color:var(--white); }

.pain-box{
  background:#FBEAEA; border:1px solid #E3B4B4; border-radius:6px;
  padding:16px 18px; margin:0 0 20px; font-size:.92rem; color:#7A2B2B; line-height:1.5;
}
.pain-box strong{ color:#B23B3B; display:block; margin-bottom:6px; font-size:.78rem; text-transform:uppercase; letter-spacing:1px; }

.cta-primary{
  background:#FFFCF4; border:2px solid var(--gold); border-radius:8px;
  padding:28px; margin:8px 0 20px;
}
.cta-primary h3{ font-size:1.25rem; margin-bottom:8px; }
.cta-primary > p{ color:var(--slate); font-size:.94rem; margin-bottom:20px; }
.cta-primary select{
  width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:6px;
  font-family:inherit; font-size:.95rem; color:var(--ink); margin-bottom:20px; background:var(--white);
}

.exit-secondary{ display:flex; gap:14px; flex-wrap:wrap; margin-top:4px; }
.exit-secondary .sec-btn{
  flex:1; min-width:220px; border:1px solid var(--line); border-radius:6px; padding:16px 18px;
  cursor:pointer; transition:border-color .15s ease; background:var(--white);
}
.exit-secondary .sec-btn:hover{ border-color:var(--gold); }
.exit-secondary .sec-btn h4{ font-size:.92rem; margin:0 0 4px; color:var(--navy-deep); }
.exit-secondary .sec-btn p{ font-size:.82rem; color:var(--slate); margin:0; }