.pm-vat { display: flex; flex-direction: column; gap: .5rem; font-variant-numeric: tabular-nums; letter-spacing: 0; }
.pm-vat__merchant, .pm-vat__summary, .pm-vat__section { padding: 1.25rem 1rem; background: var(--pm-card); }
.pm-vat h2 { font-size: .9375rem; font-weight: 700; line-height: 1.5; }
.pm-vat__merchant h2 { margin: .375rem 0; font-size: 1.125rem; word-break: keep-all; overflow-wrap: anywhere; }
.pm-vat__merchant > p { font-size: .75rem; color: var(--pm-sub); }
.pm-vat__bar-wrap { padding: .875rem 1.25rem 0; }
.pm-vat__bar-wrap .pm-hbar { margin-bottom: .375rem; }
.pm-vat__filter { padding: .375rem 1.25rem 1rem; background: var(--pm-card); gap: .75rem; }
.pm-vat__filter .pm-vat__presets { margin: 0; }
.pm-vat__filter .pm-vat__filter-foot { flex-direction: column; align-items: stretch; }
.pm-vat__filter .pm-vat__search { min-height: 3.25rem; font-size: 1rem; }
.pm-vat__filter-head, .pm-vat__filter-foot, .pm-vat__heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.pm-vat__filter-head h2 { display: flex; align-items: center; gap: .375rem; color: var(--pm-green-d); }
.pm-vat select, .pm-vat input { font-family: inherit; color: var(--pm-text); background: #fff; border: 1px solid #d6e5df; border-radius: .375rem; font-size: .875rem; min-height: 2.625rem; min-width: 0; max-width: 100%; }
.pm-vat select { padding: .5rem; }
.pm-vat__presets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .375rem; margin: .875rem 0 1rem; }
.pm-vat__presets button { min-height: 2.25rem; padding: .375rem; border: 1px solid #d6e5df; border-radius: .375rem; background: #fff; color: var(--pm-sub); font-size: .8125rem; }
.pm-vat__presets button[aria-pressed="true"] { border-color: var(--pm-green); background: var(--pm-green); color: #fff; font-weight: 600; }
.pm-vat__dates { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: .5rem; align-items: end; }
.pm-vat__dates label { min-width: 0; display: flex; flex-direction: column; gap: .375rem; font-size: .6875rem; color: var(--pm-sub); }
.pm-vat__dates input { width: 100%; padding: .5rem; height: 2.75rem; }
.pm-vat__dates input::-webkit-date-and-time-value { text-align: left; }
.pm-vat__dates > span { align-self: end; padding-bottom: .75rem; color: var(--pm-sub); }
.pm-vat__filter-foot { margin-top: .875rem; }
.pm-vat__filter-foot > span { font-size: .6875rem; color: var(--pm-sub); word-break: keep-all; }
.pm-vat__search { display: inline-flex; align-items: center; justify-content: center; gap: .375rem; background: var(--pm-green); color: #fff; padding: .625rem 1rem; font-size: .8125rem; border-radius: .375rem; flex: none; min-height: 2.5rem; }
.pm-vat__error { margin-top: .75rem; font-size: .75rem; color: #bb3542; }
.pm-vat__error:empty { display: none; }
.pm-vat__heading > span { font-size: .6875rem; color: var(--pm-sub); }
.pm-vat__range { margin-top: .375rem; font-size: .75rem; color: var(--pm-sub); }
.pm-vat__amount { margin: .75rem 0 1.25rem; font-size: 2rem; font-weight: 800; color: #2563eb; }
.pm-vat__amount span { font-size: 1rem; margin-left: .25rem; font-weight: 500; }
.pm-vat__summary dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 1rem; border-top: 1px solid var(--pm-line); }
.pm-vat__summary dl > div + div { border-left: 1px solid var(--pm-line); padding-left: 1rem; }
.pm-vat__summary dt { color: var(--pm-sub); font-size: .75rem; margin-bottom: .375rem; }
.pm-vat__summary dd { font-size: 1rem; font-weight: 700; }
.pm-vat small { display: block; color: var(--pm-sub); font-size: .6875rem; font-weight: 400; margin-top: .25rem; }
.pm-vat__section h2 { color: var(--pm-green-d); }
.pm-vat__table { width: 100%; table-layout: fixed; border-collapse: collapse; margin-top: 1rem; font-size: .8125rem; }
.pm-vat__table th, .pm-vat__table td { padding: .75rem .375rem; border-bottom: 1px solid var(--pm-line); vertical-align: middle; }
.pm-vat__table thead { background: var(--pm-bg); color: var(--pm-sub); }
.pm-vat__table thead th { font-size: .75rem; font-weight: 500; }
.pm-vat__table th:first-child { width: 31%; text-align: left; }
.pm-vat__table tbody th { font-size: .75rem; font-weight: 500; word-break: keep-all; overflow-wrap: anywhere; }
.pm-vat__table td { text-align: right; overflow-wrap: anywhere; }
.pm-vat__table thead th:not(:first-child) { text-align: right; }
.pm-vat__table tfoot { background: var(--pm-soft); font-weight: 700; }
.pm-vat__blue { color: #2563eb; }
.pm-vat__red { color: #bb3542; }
.pm-vat__sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pm-vat :is(button, select, input, summary):focus-visible { outline: 2px solid var(--pm-green-d); outline-offset: 2px; }
.pm-vat__notice-body { padding: .75rem 1.25rem 1rem; display: flex; flex-direction: column; gap: 1rem; }
.pm-vat__notice-body h2 { font-size: 1.25rem; line-height: 1.5; word-break: keep-all; overflow-wrap: anywhere; }
.pm-vat__notice-body p { font-size: .875rem; line-height: 1.75; color: var(--pm-sub); word-break: keep-all; overflow-wrap: anywhere; }
.pm-vat__notice-body .pm-vat__search { margin-top: .5rem; min-height: 3.25rem; font-size: 1rem; }
.pm-vat__export { display: inline-flex; align-items: center; justify-content: center; gap: .3125rem; min-height: 2.5rem; padding: .25rem 0 .25rem .5rem; font-size: .75rem; font-weight: 600; color: var(--pm-green-d); white-space: nowrap; }
.pm-vat__export > i { font-size: 1.125rem; }
.pm-vat__export-form { display: flex; flex-direction: column; gap: 1.25rem; padding: .75rem 1.25rem 1rem; }
.pm-vat__export-intro { font-size: 1.125rem; line-height: 1.6; word-break: keep-all; }
.pm-vat__export-intro strong { font-weight: 700; }
.pm-vat__export-file { display: flex; align-items: center; gap: .875rem; padding: 1rem; border-radius: .5rem; background: var(--pm-soft); }
.pm-vat__export-file > i { color: var(--pm-green-d); font-size: 2rem; flex: none; }
.pm-vat__export-file > div { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.pm-vat__export-file b { font-size: .875rem; overflow-wrap: anywhere; word-break: keep-all; }
.pm-vat__export-form > .pm-vat__search:disabled { opacity: .65; cursor: wait; }
.pm-vat__export-file span, .pm-vat__export-file time { color: var(--pm-sub); font-size: .75rem; overflow-wrap: anywhere; }
.pm-vat__export-field { display: flex; flex-direction: column; gap: .5rem; }
.pm-vat__export-field label { font-size: .8125rem; font-weight: 600; }
.pm-vat__export-field input { width: 100%; min-height: 3rem; padding: .75rem; font-size: 1rem; }
.pm-vat__export-field input[aria-invalid="true"] { border-color: #bb3542; }
.pm-vat__export-field p { font-size: .75rem; line-height: 1.6; color: var(--pm-sub); word-break: keep-all; overflow-wrap: anywhere; }
.pm-vat__export-field .pm-vat__export-message { color: #bb3542; white-space: pre-line; }
.pm-vat__export-message:empty { display: none; }
.pm-vat__export-form > .pm-vat__search { min-height: 3.25rem; font-size: 1rem; }
.pm-vat__basis { padding: .75rem 1rem; font-size: .75rem; line-height: 1.7; word-break: keep-all; overflow-wrap: anywhere; color: var(--pm-sub); }
