/* Matrix Pay gold: dark neutral surfaces, bright actions, readable labels. */
:root{--matrix-gold:#f8cd67;--matrix-gold-bright:#ffdd83;--matrix-gold-deep:#b78535;--matrix-ink:#12120f;--matrix-edge:#71572e}
body{background:radial-gradient(circle at 14% 88%,#3e2d14 0,transparent 35%),#11110f}
.top{border-color:#70542c66}.top .mark{background:var(--matrix-gold)}
.layout.is-authenticated .account{background:#151511;border-color:#826431;box-shadow:0 28px 90px #050403ad}
.account-sidebar{background:linear-gradient(155deg,#252017,#171713 73%);border-color:#81612d}
.account-workspace{background:radial-gradient(ellipse at 94% 2%,#a8792120,transparent 35%),#121411}
.account-sidebar .kicker,.panel-heading .kicker,.feature-panel .kicker{color:#fbd781}
.account-sidebar .info-grid>div,.account-workspace .payment-row{background:#201d16;border-color:#765c34}
.account-sidebar .status.approved{color:#d8ffd8;background:#203a28;border-color:#679a70}
.account-sidebar .notice{border-color:#81612d;color:#d4c4a4}
.account-sidebar #account-guidance,.account-sidebar #account-email{color:#e2d5bd}
.account-sidebar #master-link,.account-sidebar #logout,.account-workspace .quiet{border-color:#a27c3a;color:#f5d78c;background:#221e16}
.account-sidebar #master-link:hover,.account-sidebar #logout:hover,.account-workspace .quiet:hover{background:#3e311b;border-color:#ffd67a}
.account-nav button{min-height:54px;gap:13px;border:1px solid #6a522f;background:#252016;color:#f6e8ca;border-radius:12px;padding:8px 11px;font-size:14px;box-shadow:inset 0 1px #ffe6a50c}
.account-nav button span{width:40px;height:40px;flex-basis:40px;background:#4c3619;color:#ffdb83;border:1px solid #ad813e;font-size:23px}
.account-nav button[aria-current=page]{color:#241a08;border-color:#ffde89;background:linear-gradient(110deg,#ffe08b,#e1ab4f);box-shadow:0 8px 21px #a973292b,inset 0 1px #fff7d1}
.account-nav button[aria-current=page] span{background:#20190e;color:#ffdd89;border-color:#8c652f}
.account-nav button:hover,.account-nav button:focus-visible{border-color:#ffdd89;background:#46331b;outline:2px solid transparent;outline-offset:3px}
.account-nav button[aria-current=page]:hover{background:#ffe496}
.customer-hero{border-color:#b98b42;background:linear-gradient(115deg,#382913,#251e17 63%,#1e1b17);box-shadow:inset 0 1px #fff5ca24,0 14px 36px #05040355}
.customer-hero:before{background-image:linear-gradient(#f9d17726 1px,transparent 1px),linear-gradient(90deg,#f9d17726 1px,transparent 1px)}
.customer-hero:after{border-color:#ffc76770;box-shadow:0 0 0 44px #ffcd5f0c,0 0 0 88px #ffcd5f08}
.hero-label,.hero-period{color:#ffda83}.pulse{background:#ffe089;box-shadow:0 0 13px #ffdf87}
.hero-copy p,.panel-heading p:last-child{color:#e2d6c1}
.hero-amount{background:#171511c9;border-color:#e1ad566e;box-shadow:inset 0 1px #fff0bd28}
.hero-amount>span,.hero-stats span{color:#edc983}.hero-amount strong{color:#fff1ca}.hero-amount small{color:#ded0b4}
.hero-stats>div{background:#16140fbd;border-color:#b6874266}.hero-stats strong{color:#ffdf90}
.quick-actions>button{min-height:83px;background:linear-gradient(145deg,#2b2419,#211e18);border:1px solid #977541;color:#fff2d4;border-radius:15px;padding:15px;box-shadow:inset 0 1px #ffe7a51c,0 8px 22px #0907033b}
.quick-actions>button:first-child{background:linear-gradient(125deg,#ffe08c,#d6a447);border-color:#ffe39b;color:#201707;box-shadow:0 9px 26px #b17d3240,inset 0 1px #fff6d4}
.quick-actions>button:first-child small{color:#554118}.quick-actions>button:first-child .action-icon{color:#ffdc87;background:#2c210e;border-color:#87602c}
.quick-actions>button:first-child .action-arrow{color:#4f360f}
.quick-actions>button:hover,.quick-actions>button:focus-visible{background:#44331c;border-color:#ffe08b;outline:2px solid transparent;outline-offset:3px;transform:translateY(-2px)}
.quick-actions>button:first-child:hover{background:linear-gradient(125deg,#ffe9a5,#e4b356)}
.quick-actions>button small{color:#dbc89f}.quick-actions>button .action-arrow{color:#ffe093}
.quick-actions .action-icon{background:#4c371e;color:#ffdb7f;border:1px solid #a77d3a}
.quick-actions>.action-unavailable{background:#201e1a;border-color:#65573b;color:#b7aa92;opacity:1}
.quick-actions>.action-unavailable .action-icon{background:#343028;border-color:#665b40;color:#a99a79}
.panel-heading{border-color:#836532}.tab-panel>.payments,.feature-panel{background:#211f19;border-color:#836532;box-shadow:inset 0 1px #ffedc51c}
.account-workspace #pix-form input,.account-workspace #pix-code{background:#171612;border-color:#89704c;color:#fff8e9}
.account-workspace #pix-form input:focus,.account-workspace input:focus{border-color:#ffdc80;box-shadow:0 0 0 3px #ffda7d30}
.account-workspace #pix-form .primary{min-height:48px;background:linear-gradient(110deg,#ffdf85,#e8b450);border:1px solid #ffeaab;color:#231a0b;box-shadow:0 9px 22px #aa762d35;font-weight:800}
.account-workspace #pix-form .primary:hover{background:linear-gradient(110deg,#ffedaa,#f1c46f)}
.account-workspace .payment-row,.statement-entry{background:#1a1a15;border-color:#745b37}
.account-workspace .statement-share{color:#ffe0a0!important}.statement-cards>div,.statement-cards>div:last-child{background:#2a2419;border-color:#a87b3e}
.statement-cards small,.statement-cards strong,.statement-cards>div:last-child strong{color:#ffdf98}
.feature-symbol{color:#ffe09b;background:#4d371c;border-color:#d4a352}.feature-state{background:#3b301d;border-color:#aa833e;color:#f8dd9f}
.overview-hint,.tab-panel>.payments>.muted{color:#cbbda3}
@media(max-width:760px){.account-nav button{min-height:42px;padding:6px 10px;font-size:12px}.account-nav button span{width:29px;height:29px;flex-basis:29px;font-size:17px}.quick-actions>button{min-height:90px;padding:10px}}
@media(max-width:480px){.account-nav button{min-height:38px;font-size:11px}.account-nav button span{display:none}.quick-actions>button{min-height:82px}}
@media(prefers-reduced-motion:reduce){.quick-actions>button:hover{transform:none}}
