.VatCalculator { background: #f5f7f6; }
.VatCalculator .vat-heading { padding-top: 2rem; padding-bottom: 1rem; }
.VatCalculator h1 { font-size: 2rem; margin: .6rem 0; letter-spacing: 0; }
.VatCalculator .vat-back { color: #126b39; }
.VatCalculator .bc-results { background: #edf5f6; border-color: #d8e3e4; }
.VatCalculator .vat-equation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.VatCalculator legend { font-size: 1rem; font-weight: 600; margin-bottom: .7rem; }
.VatCalculator .vat-source { cursor: pointer; }
.VatCalculator input[type=radio] { accent-color: #087e39; }
.VatCalculator .bc-input input { font-size: 1.05rem; padding: .8rem .5rem; }
.VatCalculator .bc-input span { padding: 0 .4rem; }
.VatCalculator .bc-field:has(input[type=radio]:checked) .bc-input { border-color: #087e39; box-shadow: 0 0 0 1px #087e39; }
.VatCalculator .vat-error { color: #ac2531; min-height: 1.5rem; margin: .2rem 0 .75rem; }
.VatCalculator .vat-result { padding: .7rem 0; border-bottom: 1px solid #ccdfe0; }
.VatCalculator .vat-result > span { display: block; color: #334b4b; }
.VatCalculator .vat-result > div { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.VatCalculator .vat-result strong { font-size: 1.5rem; overflow-wrap: anywhere; min-width: 0; }
.VatCalculator .vat-total strong { color: #086832; }
.VatCalculator .vat-copy { width: 40px; height: 40px; padding: 0; flex: 0 0 40px; }
.VatCalculator .vat-status { min-height: 1.5rem; margin-top: 1rem; font-size: .9rem; }
.VatCalculator .vat-history { padding-top: 1.8rem; }
.VatCalculator .vat-history h2 { font-size: 1.3rem; margin: 0; }
.VatCalculator .vat-history ul { list-style: none; padding: 0; margin-top: .8rem; }
.VatCalculator .vat-history-entry { display: block; width: 100%; border: 0; border-bottom: 1px solid #d8e3df; background: transparent; padding: .85rem 0; text-align: left; color: #25413a; cursor: pointer; overflow-wrap: anywhere; }
.VatCalculator .vat-history-entry:hover { background: #e6efe9; }
.VatCalculator [hidden] { display: none !important; }
.VatCalculator :focus-visible { outline: 2px solid #087e39; outline-offset: 3px; }
.VatCalculator .bc-section h2 { font-size: 1.5rem; }
.VatCalculator .bc-section h3 { font-size: 1.15rem; margin-top: 1.5rem; }
@media (max-width: 575px) {
    .VatCalculator .vat-equation { grid-template-columns: 1fr; gap: 0; }
    .VatCalculator .bc-panel { padding: 1.1rem; }
    .VatCalculator h1 { font-size: 1.75rem; overflow-wrap: anywhere; }
    .VatCalculator .vat-heading { padding-top: 1rem; }
}