.brand h1 {margin:0;line-height:1;}
.brand .brand-wordmark {width:145px;height:auto;aspect-ratio:328 / 72;max-width:100%;padding:0;background:none;border-radius:0;box-shadow:none;}
.demo-tools {display:flex;align-items:center;gap:8px;flex-shrink:0}
.demo-badge {font-size:12px;font-weight:600;color:#076441;background:#e3f3e9;padding:5px 9px;border-radius:4px;border:1px solid #b6d6c4}
#demo-reset {font-size:20px;line-height:1;width:32px;height:32px;padding:4px}
header {gap:14px;flex-wrap:wrap}
header nav {margin-left:auto}
body {min-width:320px}
main {max-width:2200px;margin-inline:auto}
/* Three useful summary cards; retain the existing single-column mobile layout. */
@media (min-width:901px) {.summary {grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(320px,1.6fr)}}
button:focus-visible,a:focus-visible {outline:3px solid #288966;outline-offset:3px}
.demo-banner {font-size:13px;padding:10px 14px;background:#eaf4f0;color:#1c5140;border-left:3px solid #087f52;margin-bottom:12px}
.demo-local-note {font-size:12px;color:#61746e}
.demo-link {cursor:pointer}
.demo-jobs {margin-top:8px;font-size:12px}
.demo-jobs p {margin:4px 0}
.demo-disabled {opacity:.55}
.forwarding-stat[role=button] {cursor:pointer}
.forwarding-stat[aria-pressed=true] b {color:#087f52;text-decoration:underline}
.subscriber-search [data-demo-filter] {font-size:12px;color:#087f52;max-width:260px}
.demo-report-actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.demo-events table {min-width:650px}
input:disabled {cursor:not-allowed}
.detail-grid {grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
@media(max-width:800px){header .brand h1{font-size:16px}header nav{order:3;width:100%;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;margin:0}header .demo-tools{margin-left:auto}main{padding:12px}.forms{grid-template-columns:1fr!important}.panel{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.charts-grid{grid-template-columns:1fr}.portal-balance-grid{grid-template-columns:1fr!important}.subscriber-search{flex-wrap:wrap}.subscriber-search input{width:100%;max-width:none}.blocking-dialog{max-width:calc(100vw - 32px)}.action-feedback{max-width:calc(100vw - 24px);left:12px;right:12px}}