/* Matrix Pay v72: shared typography, surfaces and accessible controls. */
:root{--mx-bg:#090c13;--mx-panel:#121722;--mx-panel-raised:#181e2b;--mx-line:#303849;--mx-text:#f3f5fa;--mx-muted:#abb5c7;--mx-gold:#f6c85d;--mx-font:Inter,"Segoe UI Variable","Segoe UI",ui-sans-serif,system-ui,sans-serif;font-family:var(--mx-font);color-scheme:dark}
body{font-family:var(--mx-font);background:var(--mx-bg);color:var(--mx-text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}h1,h2,h3,h4{font-family:var(--mx-font);font-weight:750;line-height:1.2;letter-spacing:-.035em}p{line-height:1.65}small{line-height:1.5}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mx-gold);outline-offset:3px}button{min-height:44px;cursor:pointer}button:disabled{cursor:default;opacity:.6}input:not([type=checkbox]),select,textarea{min-height:48px;font-size:16px;border-radius:10px;background:#0d121c;color:var(--mx-text);border-color:#424c61}label{font-size:14px;font-weight:550}.muted,.soft,.sub{color:var(--mx-muted)}.kicker,.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--mx-gold)}.primary,.gold{background:linear-gradient(115deg,#ffdc83,#efbc46);border:1px solid #ffdc83;color:#21190a;border-radius:12px;font-weight:700;box-shadow:0 6px 20px #dca73116}.quiet,.outline,.mini{background:#1b2230;color:#f7d889;border:1px solid #5b4e32;border-radius:10px}.primary:hover,.gold:hover{background:#ffdf88}.quiet:hover,.outline:hover,.mini:hover{border-color:var(--mx-gold);background:#252d3c}
/* Customer */
.account-sidebar{background:#10151e;border-color:var(--mx-line)}.account-workspace{background:var(--mx-bg);padding:clamp(20px,3vw,40px)}.account-head h2{font-size:23px}.account-email{font-size:13px;overflow-wrap:anywhere}.account-nav button{font-size:14px;background:#18202d;border-color:var(--mx-line);color:var(--mx-text);min-height:54px}.account-nav button[aria-current=page]{background:linear-gradient(110deg,#ffda80,#ebba4d);color:#21190a;border-color:#ffdf8d}.customer-hero{background:radial-gradient(ellipse at 85% 0,#b987251c,transparent 60%),linear-gradient(125deg,#182130,#101722);border-color:#8e7138;border-radius:22px}.hero-copy h3{font-size:clamp(30px,3.3vw,44px);letter-spacing:-.04em}.hero-copy p{font-size:15px;color:#c0cada}.hero-amount{background:#0f1622;border:1px solid #605339;border-radius:16px;padding:24px}.hero-amount strong{font-size:clamp(34px,4vw,48px);font-weight:750;color:#fff0c5}.hero-amount small{font-size:12px;color:var(--mx-muted)}.hero-stats>div{background:#121b29;border-color:var(--mx-line);border-radius:12px}.hero-stats span{font-size:11px;letter-spacing:.04em;color:#bfc9d9}.hero-stats strong{font-size:22px;color:#ffe09a}.hero-amount strong,.hero-stats strong,.metric strong,.statement-cards strong{font-variant-numeric:tabular-nums}.quick-actions>button{min-height:88px;border-radius:15px;font-size:15px}.quick-actions small{font-size:12px}.overview-activity,.tab-panel>.payments,.feature-panel,.statement-cards>div{background:var(--mx-panel);border-color:var(--mx-line);border-radius:16px}.overview-activity-heading h3{font-size:22px}.overview-activity-row strong{font-size:14px}.overview-activity-row small{font-size:12px;color:var(--mx-muted)}.overview-activity-row>span{font-size:12px}.panel-heading h3{font-size:clamp(28px,3vw,36px)}.panel-heading p:last-child,.feature-panel p:not(.kicker){font-size:15px}.payment-row,.statement-entry{font-size:14px}.mobile-dock{background:#111722f5;border-color:var(--mx-line)}.mobile-dock button{color:#c2cbd9}.mobile-dock button[aria-current=page]{color:#ffe09b;background:#f6c85d12}
/* Administration */
.sidebar{background:#10151e;border-color:var(--mx-line)}.topbar{background:#10151ef5;border-color:var(--mx-line)}.sidebar .admin-nav a,.sidebar .admin-nav a:first-child{background:#18202d;border-color:var(--mx-line);color:var(--mx-text);font-size:14px;min-height:54px}.sidebar .admin-nav a[aria-current=page],.sidebar .admin-nav a:first-child[aria-current=page]{background:linear-gradient(110deg,#ffda80,#ebba4d);color:#21190a;border-color:#ffdf8d}.hero{background:radial-gradient(ellipse at 80% 0,#b9872520,transparent 60%),#141c29;border-color:#8e7138}.hero h1{font-size:clamp(30px,3.3vw,44px)}.metric,.panel,.provider-balance,.reconciliation-steps{background:var(--mx-panel);border-color:var(--mx-line);border-radius:16px}.metric strong{font-size:30px;color:#ffe09b}.metric>span{font-size:13px;color:#c1cada}.panel h2,.section-head h2{font-size:22px}.view-heading h2{font-size:clamp(28px,3vw,36px)}.view-heading p:last-child{font-size:15px;color:var(--mx-muted)}.position-row,.account-item,.payment-item,.item,.queue-payment,.statement-entry{background:#171f2c;border-color:var(--mx-line)}.access-card{background:var(--mx-panel);border-color:#8e7138}.crumb,.email{font-size:12px;color:var(--mx-muted)}
@media(max-width:780px){body{font-size:15px}.account-workspace{padding:18px 16px}.hero-amount{padding:20px}.hero-stats strong{font-size:20px}.sidebar .admin-nav a,.sidebar .admin-nav a:first-child{font-size:13px;min-height:46px}.metric strong{font-size:27px}.account-head h2{font-size:22px}.quick-actions>button{min-height:80px}.account-nav button{font-size:14px}.overview-activity-heading{gap:10px}.overview-activity-heading h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}