/* AU CGT Calculator styles (accent #06ABC0) */
:root{
  --bg:#fff; --border:#e8e8ef; --muted:#6b7280; --text:#0f172a;
  --accent:#06ABC0; --shadow:0 10px 30px rgba(2,6,23,.08); --radius:1.25rem;
}

#au-cgt,.au-cgt-card{ font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--text); }
.au-cgt-card{ background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); padding:1.6rem; max-width:1120px; margin:1rem auto; }

.grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:1rem; align-items:end; }
.field{ grid-column:span 6 / span 6; display:flex; flex-direction:column; }
.field label{ font-weight:600; margin-bottom:.25rem; }
.field input,.field select{ border:1px solid var(--border); border-radius:.9rem; padding:.75rem 1rem; outline:none; background:#fff; font-size:1rem; }
.field input:focus,.field select:focus{ border-color:var(--accent); box-shadow:0 0 0 4px rgba(6,171,192,.15); }
.muted{ color:var(--muted); } .small{ font-size:.85rem; }

.switch-wrap{ display:flex; align-items:center; gap:.5rem; }
.switch-wrap input{ display:none; }
.switch-wrap .switch{ width:48px; height:28px; border-radius:999px; background:#d1d5db; cursor:pointer; position:relative; }
.switch-wrap .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(--shadow); }
.switch-wrap input:checked + .switch{ background:var(--accent); }
.switch-wrap input:checked + .switch::after{ transform:translateX(20px); }

.asset{ border:1px solid var(--border); border-radius:1rem; padding:1rem; margin-top:1rem; background:#f2fbfd; }
.asset .asset-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:.5rem; }
.asset .asset-title{ font-weight:700; }
.badge{ background:#e7fbff; color:#065f6a; border-radius:999px; padding:.25rem .6rem; font-weight:600; font-size:.82rem; }
.inline{ display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }

.actions{ margin-top:1rem; display:flex; gap:.75rem; flex-wrap:wrap; }
.btn{ background:var(--accent); color:#fff; border:none; border-radius:.9rem; padding:.8rem 1.1rem; font-weight:600; cursor:pointer; box-shadow:0 6px 18px rgba(6,171,192,.25); }
.btn:hover{ transform:translateY(-1px); }
.btn.ghost{ background:#f4f6ff; color:#1f2937; box-shadow:none; border:1px solid var(--border); }

.results{ margin-top:1rem; display:grid; gap:1rem; }
.card{ border:1px solid var(--border); background:#fff; border-radius:1rem; padding:1rem 1.1rem; }
.row{ display:flex; justify-content:space-between; margin:.25rem 0; }
.row .label{ color:var(--muted); } .row .value{ font-weight:600; }

.charts{ margin-top:1rem; display:grid; gap:1rem; grid-template-columns:repeat(12,1fr); }
.chart-card{ grid-column:span 6 / span 6; border:1px solid var(--border); border-radius:1rem; padding:1rem; background:#fff; }
.chart-card h4{ margin:0 0 .5rem 0; }

.asset-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:1rem; }
.asset-grid .field{ grid-column:span 6 / span 6; }

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