/* TTB Sales Tax Calculator – Modern UI */
.ttb-stc{--bg:#0b1220;--card:#0f172a;--muted:#94a3b8;--text:#e2e8f0;--line:#1e293b;--accent:#22d3ee;--accent-2:#38bdf8;--chip:#0ea5e9; color:var(--text);}
.ttb-stca-title{font-size:1.6rem;margin:0 0 12px;letter-spacing:.3px;color:#000;}
.ttb-stca-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(2,6,23,.35)}
.ttb-stca-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ttb-stca-field label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:6px}
.ttb-stca-field input, .ttb-stca-field select{width:100%;padding:10px 12px;background:#0b1326;border:1px solid #1f2a44;border-radius:10px;color:var(--text);outline:none}
.stca-discount-row{display:flex;gap:8px}
.ttb-stca-rates{margin-top:16px}
.ttb-stca-rates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ttb-stca-rates-list .rate-row{display:grid;grid-template-columns:1fr 140px 40px;gap:10px;margin-bottom:8px}
.ttb-stca-help{color:var(--muted);font-size:.85rem;margin-top:4px}

.ttb-stca-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.ttb-stca-btn{background:linear-gradient(180deg,var(--accent),var(--accent-2));border:none;color:#001018;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}
.ttb-stca-btn:hover{filter:brightness(1.05)}
.ttb-stca-btn-ghost{background:transparent;border:1px dashed #2a3b59;color:var(--text)}
.ttb-stca-btn-outline{background:transparent;border:1px solid var(--accent-2);color:var(--text)}

.ttb-stca-output{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.ttb-stca-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ttb-stca-chip{border:1px solid #0ea5e9;color:#7dd3fc;background:#0b1326;padding:4px 8px;border-radius:999px;font-size:.85rem}

.ttb-stca-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.stca-row{display:flex;justify-content:space-between;border-bottom:1px dashed #1f2a44;padding:6px 0}
.ttb-stca-breakdown{display:grid;grid-template-columns:1fr;gap:6px}
.ttb-stca-breakdown .stca-row{border-bottom:1px dotted #263552}

@media (max-width: 880px){
  .ttb-stca-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 580px){
  .ttb-stca-grid{grid-template-columns:1fr}
  .ttb-stca-summary-grid{grid-template-columns:1fr}
  .ttb-stca-rates-list .rate-row{grid-template-columns:1fr 120px 40px}
}