.peppol-monitor{color:var(--ds-ink);padding:7.5rem 0 5rem}.pm-wrap{width:min(100% - 4rem,76rem);margin-inline:auto}.pm-breadcrumb{color:var(--ds-muted);align-items:center;gap:.65rem;font-size:.78rem;display:flex}.pm-breadcrumb a:hover{color:var(--brand-text)}.pm-hero{justify-content:space-between;align-items:center;gap:2rem;margin:1.6rem 0 1.65rem;display:flex}.peppol-monitor h1{letter-spacing:-.045em;text-wrap:balance;max-width:46rem;font-size:clamp(2.15rem,3.6vw,3.3rem);font-weight:700;line-height:1.1}.pm-hero p{max-width:44rem;color:var(--ds-muted);margin-top:1rem;font-size:.94rem;line-height:1.75}.pm-check{border:1px solid var(--ds-border);background:var(--ds-white);border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;gap:.65rem;min-height:2.75rem;padding:.65rem .95rem;font-size:.8rem;font-weight:600;display:inline-flex}.pm-freshness{color:var(--ds-muted);flex-wrap:wrap;align-items:center;gap:.7rem 1.25rem;margin-bottom:1.2rem;font-size:.7rem;display:flex}.pm-freshness>span{align-items:center;gap:.45rem;display:inline-flex}.pm-cadence{background:var(--brand-soft);color:var(--brand-text);border-radius:.4rem;padding:.35rem .6rem;font-weight:600}.pm-panel,.pm-overview{background:var(--ds-white);border:1px solid var(--ds-border);border-radius:1rem}.pm-overview{grid-template-columns:1.35fr repeat(3,1fr);margin-bottom:1.5rem;display:grid;overflow:hidden}.pm-overview>div{min-width:0;padding:1.6rem 1.8rem}.pm-overview>div+div{border-left:1px solid var(--ds-border)}.pm-overview dt{color:var(--ds-muted);align-items:center;gap:.5rem;font-size:.78rem;font-weight:500;display:flex}.pm-overview dd{letter-spacing:-.045em;font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;margin-top:.9rem;font-size:clamp(1.7rem,2.8vw,2.45rem);font-weight:600;line-height:1.1;display:flex}.pm-overview .pm-total dd{margin-top:.6rem;font-size:clamp(2.4rem,3.8vw,3.45rem);font-weight:700}.pm-total{background:color-mix(in srgb,var(--brand)4%,var(--ds-white))}.pm-overview p{color:var(--ds-muted);margin-top:.65rem;font-size:.68rem;line-height:1.5}.pm-stat{align-content:center}.pm-stat dd[data-direction=positive]{color:var(--app-green-fg,#0f6e56)}.pm-stat dd[data-direction=unknown]{color:var(--ds-muted)}.pm-dashboard{grid-template-columns:minmax(0,1fr) 19rem;align-items:stretch;gap:1.5rem;display:grid}.pm-history,.pm-vat{min-width:0;padding:1.5rem}.pm-panel-heading{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.peppol-monitor h2{letter-spacing:-.02em;font-size:1rem;font-weight:650;line-height:1.35}.pm-panel-heading p{color:var(--ds-muted);margin-top:.4rem;font-size:.73rem;line-height:1.6}.pm-download{border:1px solid var(--ds-border);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;min-height:2.35rem;padding:.4rem .7rem;font-size:.7rem;font-weight:600;display:inline-flex}.pm-download:disabled{opacity:.4;cursor:default}.pm-chart-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin:1.4rem 0 1.1rem;display:flex}.pm-segment,.pm-ranges{gap:.15rem;display:inline-flex}.pm-segment{background:var(--ds-paper);border:1px solid var(--ds-border);border-radius:.5rem;padding:.2rem}.pm-segment button,.pm-ranges button{min-height:2rem;color:var(--ds-muted);white-space:nowrap;cursor:pointer;border-radius:.35rem;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.67rem;font-weight:500;display:inline-flex}.pm-segment button[aria-pressed=true]{color:var(--ds-ink);background:var(--ds-white);box-shadow:0 1px 3px #00000014}.pm-ranges button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-text);font-weight:600}.pm-chart-readout{min-height:2rem;color:var(--ds-muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.69rem;display:flex}.pm-chart-readout>span{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.pm-chart-readout>span:last-child{justify-content:flex-end}.pm-chart-readout strong{color:var(--ds-ink);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:650}.pm-chart-readout time{font-variant-numeric:tabular-nums}.pm-chart-interactive{border-radius:.4rem}.pm-chart-interactive svg{cursor:crosshair;overflow:visible}.pm-period-stats{border-top:1px solid var(--ds-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.1rem;padding-top:1.1rem;display:grid}.pm-period-stats dt{color:var(--ds-muted);font-size:.66rem}.pm-period-stats dd{font-variant-numeric:tabular-nums;margin-top:.45rem;font-size:1.05rem;font-weight:600}.pm-period-stats dd span{color:var(--ds-muted);margin-top:.2rem;font-size:.63rem;font-weight:400;display:block}.pm-chart-footnote{color:var(--ds-muted);margin-top:1.3rem;font-size:.63rem;line-height:1.6}.pm-vat{flex-direction:column;display:flex}.pm-donut{width:11rem;max-width:100%;margin:1.4rem auto 1.2rem;position:relative}.pm-donut svg{width:100%;height:auto}.pm-donut>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pm-donut strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:650}.pm-donut>div span{color:var(--ds-muted);margin-top:.25rem;font-size:.68rem}.pm-vat-legend{gap:.85rem;display:grid}.pm-vat-legend>div{justify-content:space-between;align-items:center;gap:.7rem;font-size:.73rem;display:flex}.pm-vat-legend dt{color:var(--ds-muted);align-items:center;gap:.55rem;display:flex}.pm-vat-legend dd{font-variant-numeric:tabular-nums;font-weight:600}.pm-legend-dot{background:var(--brand);border-radius:50%;flex:none;width:.45rem;height:.45rem;display:inline-block}.pm-legend-muted{background:var(--ds-border)}.pm-vat-base{border-top:1px solid var(--ds-border);color:var(--ds-muted);margin-top:.9rem;padding-top:.9rem;font-size:.67rem}.pm-vat-note{color:var(--ds-muted);align-items:flex-start;gap:.55rem;margin-top:auto;padding-top:1.4rem;display:flex}.pm-vat-note svg{flex-shrink:0;margin-top:.1rem}.pm-vat-note p{font-size:.68rem;line-height:1.65}.pm-method{margin-top:1.5rem}.pm-method summary{cursor:pointer;align-items:center;gap:.9rem;padding:1.2rem 1.5rem;list-style:none;display:flex}.pm-method summary::-webkit-details-marker{display:none}.pm-method summary p{color:var(--ds-muted);margin-top:.25rem;font-size:.72rem;line-height:1.6}.pm-method-icon{background:var(--ds-paper);width:2.5rem;height:2.5rem;color:var(--ds-muted);border-radius:.6rem;flex-shrink:0;place-items:center;display:grid}.pm-method-chevron{color:var(--ds-muted);flex-shrink:0;margin-left:auto}.pm-method[open] .pm-method-chevron{transform:rotate(180deg)}.pm-method-content{padding:0 1.5rem 1.5rem}.pm-method-grid{border-top:1px solid var(--ds-border);grid-template-columns:1fr 1fr;gap:1.75rem 2.5rem;padding-top:1.5rem;display:grid}.pm-method-grid>div{gap:.8rem;display:flex}.pm-method-grid>div>svg{color:var(--brand-text);flex-shrink:0;margin-top:.1rem}.pm-method-grid h3{font-size:.8rem;font-weight:600}.pm-method-grid p{color:var(--ds-muted);margin-top:.5rem;font-size:.73rem;line-height:1.8}.pm-method-footer{border-top:1px solid var(--ds-border);color:var(--ds-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.2rem;font-size:.7rem;display:flex}.pm-method-footer a{color:var(--brand-text);align-items:center;gap:.3rem;font-weight:500;display:inline-flex}.pm-cta{background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand)20%,var(--ds-border));border-radius:1rem;align-items:center;gap:1.25rem;margin-top:2rem;padding:1.8rem 2rem;display:flex}.pm-cta-icon{background:var(--ds-white);width:3.25rem;height:3.25rem;color:var(--brand-text);border-radius:.8rem;flex-shrink:0;place-items:center;display:grid}.pm-cta p{max-width:38rem;color:var(--ds-muted);margin-top:.45rem;font-size:.8rem;line-height:1.65}.pm-cta .btn-accent{flex-shrink:0;margin-left:auto;font-size:.8rem}.pm-empty,.pm-unavailable{text-align:center;min-height:17rem;color:var(--ds-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;font-size:.8rem;line-height:1.7;display:flex}.pm-check,.pm-download,.pm-segment button,.pm-ranges button{transition:background-color .15s,color .15s,transform .15s cubic-bezier(.23,1,.32,1)}:is(.pm-check,.pm-download,.pm-segment button,.pm-ranges button):active:not(:disabled){transform:scale(.97)}@media (hover:hover) and (pointer:fine){.pm-check:hover,.pm-download:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-text)}.pm-ranges button:hover{color:var(--brand-text);background:var(--brand-soft)}}@media (max-width:1100px){.pm-dashboard{grid-template-columns:minmax(0,1fr) 16rem;gap:1rem}.pm-overview>div{padding:1.5rem 1.2rem}.pm-chart-controls{flex-direction:column;align-items:flex-start;gap:.65rem}.pm-hero{align-items:flex-start}.pm-check{margin-top:.2rem}}@media (max-width:850px){.pm-hero{flex-direction:column;gap:1.25rem}.pm-dashboard{grid-template-columns:minmax(0,1fr)}.pm-chart-controls{flex-direction:row;align-items:center}.pm-vat{grid-template-columns:1fr 1fr;align-items:center;gap:.4rem 1.5rem;display:grid}.pm-vat .pm-panel-heading{grid-column:1/-1}.pm-donut{grid-row:span 3;margin-block:1rem}.pm-vat-note{grid-column:1/-1;padding-top:.5rem}.pm-cta{flex-wrap:wrap}.pm-cta>div{flex:1}}@media (max-width:639px){.peppol-monitor{padding-block:6rem 3rem}.pm-wrap{width:calc(100% - 2.5rem)}.pm-breadcrumb{font-size:.7rem}.pm-hero{margin-top:1.3rem}.pm-hero p{font-size:.85rem;line-height:1.75}.pm-freshness{gap:.65rem 1rem;font-size:.65rem}.pm-freshness>span:last-child{flex-basis:100%}.pm-overview{grid-template-columns:1fr 1fr}.pm-overview>div{padding:1.2rem}.pm-overview>div:nth-child(3){border-left:0}.pm-overview>div:nth-child(n+3){border-top:1px solid var(--ds-border)}.pm-overview dt{font-size:.68rem}.pm-overview p{font-size:.62rem}.pm-overview .pm-total dd{font-size:2.5rem}.pm-overview dd{font-size:1.9rem}.pm-history,.pm-vat{padding:1.1rem}.pm-panel-heading p{font-size:.69rem}.peppol-monitor h2{font-size:.95rem}.pm-download{padding-inline:.5rem}.pm-download span{display:none}.pm-chart-controls{flex-direction:column;align-items:stretch;gap:.75rem}.pm-segment,.pm-ranges{width:100%}.pm-segment button,.pm-ranges button{flex:1;min-height:2.5rem;font-size:.71rem}.pm-chart-readout{font-size:.63rem}.pm-period-stats{gap:.65rem}.pm-period-stats dt{font-size:.61rem;line-height:1.5}.pm-period-stats dd{font-size:1rem}.pm-period-stats dd span{font-size:.58rem}.pm-vat{gap:.4rem 1rem}.pm-donut{width:9rem}.pm-donut strong{font-size:1.4rem}.pm-vat-legend>div{font-size:.66rem}.pm-vat-legend dt{gap:.4rem}.pm-vat-base{font-size:.62rem;line-height:1.6}.pm-method summary{gap:.7rem;padding:1.1rem}.pm-method summary p{font-size:.65rem}.pm-method-icon{width:2rem;height:2rem}.pm-method-content{padding:0 1.1rem 1.1rem}.pm-method-grid{grid-template-columns:1fr;gap:1.4rem}.pm-cta{gap:.85rem;padding:1.4rem}.pm-cta-icon{width:2.6rem;height:2.6rem}.pm-cta p{font-size:.73rem}.pm-cta .btn-accent{width:100%;margin:.5rem 0 0}}@media (max-width:359px){.pm-wrap{width:calc(100% - 1.5rem)}.pm-overview>div{padding:1rem .8rem}.pm-vat{display:flex}.pm-vat-legend,.pm-vat-base{width:100%}}@media (prefers-reduced-motion:reduce){.peppol-monitor :is(a,button){transition:none}.peppol-monitor :is(a,button):active{transform:none}}