/* AU Tax Calculator Styles v1.0.2 */
:root{
  --au-bg:#ffffff;
  --au-border:#e8e8ef;
  --au-muted:#6b7280;
  --au-text:#0f172a;
  --au-accent:#0b5fff;
  --au-shadow:0 10px 30px rgba(2,6,23,.08);
  --au-radius:1.25rem;
}

#au-tax-calculator, .au-tax-card{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--au-text);
}

.au-tax-card{
  background:var(--au-bg);
  border:1px solid var(--au-border);
  border-radius:var(--au-radius);
  box-shadow:var(--au-shadow);
  padding:1.75rem; /* more open sides */
  max-width:1060px; /* slightly wider */
  margin:1rem auto;
}

.au-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap:1.1rem;
  align-items:end;
}

.au-field{
  grid-column: span 6 / span 6;
  display:flex;
  flex-direction:column;
}

.au-field label{
  font-size:.95rem;
  font-weight:600;
  margin-bottom:.25rem;
}

.au-field input, .au-field select{
  border:1px solid var(--au-border);
  border-radius:.9rem;
  padding:.75rem 1rem;
  outline:none;
  font-size:1rem;
  width:100%;
  background:#fff;
}

.au-field input:focus, .au-field select:focus{
  border-color: var(--au-accent);
  box-shadow: 0 0 0 4px rgba(11,95,255,.12);
}

.muted{ color:var(--au-muted); }
.small{ font-size:.85rem; }

.au-switch{ display:flex; align-items:center; gap:.5rem; }
.au-switch input{ display:none; }
.au-switch .switch{
  width:48px; height:28px; border-radius:999px; background:#d1d5db; cursor:pointer; position:relative;
}
.au-switch .switch::after{
  content:''; position:absolute; top:3px; left:3px; width:22px; height:22px; background:#fff; border-radius:50%; transition:all .2s ease; box-shadow: var(--au-shadow);
}
.au-switch input:checked + .switch{ background: var(--au-accent); }
.au-switch input:checked + .switch::after{ transform: translateX(20px); }

.au-actions{ grid-column: span 12 / span 12; display:flex; gap:.75rem; }
.au-btn{
  background: var(--au-accent);
  color:#fff;
  border:none;
  border-radius: .9rem;
  padding:.8rem 1.1rem;
  font-weight:600;
  cursor:pointer;
  transition: transform .03s ease-in-out, box-shadow .2s ease;
  box-shadow:0 6px 18px rgba(11,95,255,.2);
}
.au-btn:hover{ transform: translateY(-1px); }
.au-btn.ghost{ background:#f4f6ff; color:#1f2937; box-shadow:none; border:1px solid var(--au-border); }

.au-results{
  margin-top:1.1rem;
  display:grid;
  gap: .9rem;
}

.result-card{
  border:1px solid var(--au-border);
  border-radius:1rem;
  padding:1rem 1.1rem;
  background:#fafbff;
}

.result-row{ display:flex; justify-content:space-between; margin:.25rem 0; }
.result-row .label{ color:var(--au-muted); }
.result-row .value{ font-weight:600; }

/* Notes-only block */
.notes-only h4{
  margin:0 0 .4rem 0;
  font-size:1rem;
  font-weight:700;
}
.notes-only ul{ margin:.25rem 0 .25rem 1rem; }
.notes-only li{ margin:.25rem 0; }

@media (max-width: 720px){
  .au-field{ grid-column: span 12 / span 12; }
}