/* ACCA Exemption Calculator - Styles */
:root{
  --brand:#F43676;
  --bg:#ffffff;
  --card:#ffffff;
  --text:#1a1a1a;
  --muted:#666;
  --radius:14px;
  --accent:#F43676;
  --btn-padding:10px 18px;
  --btn-radius:12px;
}

body .acca-card { font-family: "Inter", "Segoe UI", Roboto, sans-serif; max-width:840px; margin:18px auto;
  padding:20px; background:var(--card); border-radius:var(--radius); box-shadow:0 8px 30px rgba(0,0,0,0.06);
  color:var(--text); }
.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.header-row h2{font-size:20px;margin:0;color:var(--brand)}
.header-row .toggle-wrap{display:flex;align-items:center}

/* Form */
form#exemptionForm{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:end}
.field{grid-column:span 12}
.field.small{grid-column:span 4}
.field label{display:block;font-weight:600;margin-bottom:6px;font-size:13px}
.field input[type="text"], .field input[type="number"], .field select {
  width:100%; padding:10px 12px;border-radius:10px;border:1px solid #e6e6e6;font-size:14px;
  box-shadow:none;outline:none;
}
.field input::placeholder{color:#bbb}
.hint{margin-left:6px;font-size:13px;color:var(--muted);cursor:help}

/* Buttons horizontal, mobile-friendly */
.actions{grid-column:span 12;display:flex;gap:10px;flex-wrap:wrap}
.btn{padding:var(--btn-padding);border-radius:var(--btn-radius);border:none;cursor:pointer;font-weight:600}
.btn.small{padding:6px 10px;font-size:13px}
.btn.primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px rgba(244,54,118,0.12)}
.btn.outline{background:transparent;border:1px solid #ddd;color:var(--text)}
.btn:active{transform:translateY(1px);}

/* Results */
.results{margin-top:18px;padding:14px;border-radius:12px;border:1px solid #f0f0f0;background:linear-gradient(180deg, rgba(244,54,118,0.02), rgba(0,0,0,0.01))}
.results h2{margin-top:0;color:var(--brand);font-size:16px}
.result-block{margin-bottom:12px}
.paper-list{margin:8px 0 0 18px;padding:0}
.cost-table{width:100%;border-collapse:collapse;margin-top:6px}
.cost-table td{padding:6px 8px;border-top:1px dashed #eee;font-size:14px}
.small{font-size:13px}
.muted{color:var(--muted)}

/* mobile layout adjustments */
@media (max-width:700px){
  form#exemptionForm{grid-template-columns:repeat(6,1fr)}
  .field.small{grid-column:span 6}
  .actions{flex-direction:row;justify-content:space-between}
  .btn{flex:1}
  .header-row h1{font-size:16px}
}

/* Dark mode */
body.dark-theme .acca-card{background:#0f1113;color:#eaeaea}
body.dark-theme .acca-card .field input, body.dark-theme .acca-card select{background:#111214;border:1px solid #222;color:#eee}
body.dark-theme .btn.outline{border:1px solid #333;color:#ddd}
body.dark-theme .results{background:linear-gradient(180deg, rgba(244,54,118,0.03), rgba(255,255,255,0.01)); border-color:#202225}

/* small accessibility */
[hidden]{display:none !important}