.tax-toolbar { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 14px; padding: 18px 20px; }
.tax-toolbar > div:first-child { flex: 1 1 320px; min-width: 0; }
.tax-toolbar > div:not(:first-child) { flex: 0 1 150px; }
.tax-toolbar .btn { min-height: 38px; }
.tax-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.tax-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
.tax-form-grid > .form-group:last-child { margin-bottom: 16px; }
#view-tax input[type="date"] { width: 100%; padding: 9px 12px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); color: var(--text); font: inherit; }
#view-tax textarea { resize: vertical; }
#view-tax select { max-width: 100%; }
.tax-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 16px; }
.tax-summary-grid strong, .tax-summary-grid span { display: block; }
.tax-summary-grid strong { font-size: 15px; margin-top: 6px; }
.tax-timeline > div { display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.tax-timeline > div:last-child { border: 0; }
.tax-vat-rates { display: flex; flex-wrap: wrap; gap: 20px; padding: 12px 16px; margin: 12px 0; border: 1px solid var(--border); border-radius: 8px; }
.tax-vat-rates[hidden] { display: none; }
.tax-vat-rates legend { font-size: 13px; padding: 0 6px; }
.tax-vat-rates label { display: flex; align-items: center; gap: 6px; margin: 0; }
.tax-form-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.tax-history details { padding: 14px 0; border-bottom: 1px solid var(--border); }
.tax-history details:last-child { border: 0; }
.tax-history summary { cursor: pointer; line-height: 1.8; }
.tax-history summary .badge { margin-left: 8px; }
.tax-history-details { padding: 12px 20px 0; }
.tax-sources { margin: 20px 0; line-height: 1.7; }
.tax-notes { white-space: pre-wrap; }
#taxFormError[hidden] { display: none; }
@media (max-width: 900px) { .tax-summary-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .tax-form-grid { grid-template-columns: 1fr; }
  .tax-toolbar > div:first-child { flex-basis: 100%; }
  .tax-form-actions .btn { width: 100%; justify-content: center; }
}