/* submit-review.css — ARMORA: Submit a Review page (scoped via sr-*) */
:root{
  --sr-bg:#0c0f12;
  --sr-card:#14181d;
  --sr-ink:#e9eef3;
  --sr-muted:#9aa5b1;
  --sr-accent:#d4af37;
  --sr-line:#222931;
  --sr-ok:#2cb67d;
  --sr-bad:#ef4444;
  --sr-radius:16px;
  --sr-pad:18px;
  --sr-shadow:0 6px 24px rgba(0,0,0,.35);
}
body.submit-review-page{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(95,122,53,.12), transparent 60%),
    radial-gradient(900px 500px at 110% 0%, rgba(212,175,55,.06), transparent 60%),
    var(--sr-bg);
  color:var(--sr-ink);
  font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.sr-wrap{max-width:900px;margin:0 auto;padding:0 16px;}
.sr-hero{
  border-top:1px solid var(--sr-line);
  border-bottom:1px solid var(--sr-line);
  background:linear-gradient(180deg, rgba(20,24,29,.65), rgba(20,24,29,.1));
  padding:28px 0 18px;
}
.sr-hero h1{
  margin:8px 0 6px;
  font-family:"Kanit", sans-serif; font-weight:800; letter-spacing:.02em;
  font-size:32px; text-transform:uppercase; color:var(--sr-ink);
}
.sr-hero p{color:var(--sr-muted); margin:0 0 6px;}

.sr-form{
  background:var(--sr-card);
  border:1px solid var(--sr-line);
  border-radius:var(--sr-radius);
  box-shadow:var(--sr-shadow);
  padding:24px; margin:18px 0 40px;
}
.sr-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:720px){ .sr-grid{grid-template-columns:1fr;} }

.sr-field{display:flex; flex-direction:column; gap:8px;}
.sr-field label{font-weight:700; color:var(--sr-ink);}
.sr-field input[type="text"],
.sr-field input[type="email"],
.sr-field input[type="file"],
.sr-field select,
.sr-field textarea{
  background:#0e1116; color:var(--sr-ink);
  border:1px solid #2a3139; border-radius:12px; padding:12px;
  outline:none;
}
.sr-field textarea{resize:vertical; min-height:140px;}
.sr-field input:focus, .sr-field select:focus, .sr-field textarea:focus{
  border-color:#3b4b2b; box-shadow:0 0 0 3px rgba(212,175,55,.15);
}

.sr-hint{color:var(--sr-muted); font-size:13px;}
.sr-hp{position:absolute !important; left:-9999px !important; opacity:0 !important;}

.sr-consent{margin-top:6px;}
.sr-check{display:flex; gap:10px; align-items:center; color:var(--sr-ink);}
.sr-check input{width:18px; height:18px;}

.sr-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:10px;}
.sr-btn{
  display:inline-block; background:var(--sr-accent); color:#000;
  border-radius:12px; padding:12px 18px; font-weight:900; letter-spacing:.04em;
  text-transform:uppercase; border:0; cursor:pointer;
  box-shadow:0 6px 18px rgba(212,175,55,.25); transition:transform .15s ease;
  text-decoration:none;
}
.sr-btn:hover{transform:translateY(-1px);}
.sr-btn-ghost{
  background:transparent; color:var(--sr-ink); border:1px solid #2a3139;
}

.sr-status{margin-top:14px; font-weight:700;}
.sr-status.ok{color:var(--sr-ok);}
.sr-status.err{color:var(--sr-bad);}