/* Final customer-facing polish; loaded after the existing theme layers. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
:root{font-family:"Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif}
body{color:#f3f5f1;background:radial-gradient(circle at 84% 0%,#29483d27,transparent 37%),#090e10}
.top{max-width:1560px;border-color:#866a394f}
.logo{letter-spacing:.13em}
.logo .mark{border-radius:11px;box-shadow:0 5px 22px #d8a74445}
.intro h1,.card h2,.feature-panel h3{font-family:"Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif;font-weight:740;letter-spacing:-.045em;line-height:1.12}
.intro h1{font-size:clamp(40px,5vw,64px)}
.intro p,.intro-foot,.sub,.help{line-height:1.65}
.card{border-radius:20px;border-color:#94744476}
input,.primary,.tabs button{border-radius:11px}
.tabs button{font-weight:700}
.layout.is-authenticated [hidden]{display:none!important}
.layout.is-authenticated .account{border-radius:24px;background:#10191c;border-color:#41615c}
.account-sidebar{padding:28px 20px}
.account-sidebar{background:linear-gradient(160deg,#121d1f,#10171a 70%);border-color:#314b48}
.account-sidebar .account-head{padding-bottom:16px;border-bottom:1px solid #81612d70}
.account-sidebar h2{font-size:23px;letter-spacing:-.035em}
.account-nav{gap:9px}
.account-nav button{min-height:58px;line-height:1.25;letter-spacing:.005em;gap:13px;background:#182326;border-color:#375451;color:#e1e9e5}
.account-nav button[aria-current=page]{background:linear-gradient(110deg,#ddaf57,#eac476);border-color:#f3d18b;color:#1d1910}
.account-nav button .nav-icon{display:block;width:40px;height:40px;flex:0 0 40px;padding:9px;border:1px solid #9d7940;border-radius:11px;background:#42321d;color:#f7d288;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-nav button[aria-current=page] .nav-icon{background:#33230f;color:#ffe4a0;border-color:#ae8244}
.account-nav button:hover .nav-icon{border-color:#ffe29a}
.account-nav button:focus-visible,.quick-actions>button:focus-visible,.account-workspace button:focus-visible{outline:3px solid #ffe29a;outline-offset:3px}
.account-workspace{padding:clamp(18px,3vw,42px);background:#0c1417}
.customer-hero{min-height:260px;background:linear-gradient(120deg,#1d2d2b,#172220 68%,#20251f);border-color:#ad854c}
.customer-hero h3{letter-spacing:-.055em}
.hero-copy p{max-width:46ch}
.hero-amount{padding:23px 24px;background:#101c1bce}
.hero-amount strong{font-size:clamp(31px,4vw,48px)}
.hero-amount strong,.hero-stats strong,.statement-cards strong{font-variant-numeric:tabular-nums}
.hero-stats>div{background:#142120e0;border-color:#5c795b6e}
.hero-stats>div{padding:18px}
.hero-stats span{line-height:1.45}
.quick-actions>button{min-height:94px}
.action-icon svg,.feature-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.feature-symbol svg{width:30px;height:30px}
.tab-panel>.payments{padding:clamp(19px,2.5vw,28px)}
.tab-panel>.payments,.feature-panel,.statement-cards>div{background:#152124;border-color:#375550}
.panel-heading{border-color:#3a5752}
.panel-heading h3{font-size:clamp(29px,3vw,38px)}
.panel-heading p:last-child,.feature-panel p:not(.kicker){font-size:14px;line-height:1.65}
.account-workspace #pix-form input{min-height:48px}
.account-workspace .payment-row,.statement-entry{line-height:1.5}
.overview-activity{padding:clamp(18px,2.5vw,28px);border:1px solid #37534d;border-radius:17px;background:#131f22}
.overview-activity-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.overview-activity-heading .kicker{margin:0 0 5px;color:#dfba73;font-size:10px;letter-spacing:.14em}
.overview-activity-heading h3{margin:0;font-size:20px;letter-spacing:-.03em}
.overview-activity-heading .quiet{width:auto;padding:9px 13px;flex-shrink:0}
.overview-activity-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #3e575355}
.overview-activity-row strong,.overview-activity-row small{display:block}
.overview-activity-row strong{font-size:13px}
.overview-activity-row small{margin-top:5px;color:#9fb5ae;font-size:11px}
.overview-activity-row>span{font-size:11px;color:#f1d390;text-align:right}
.overview-activity .muted{margin:8px 0 4px;font-size:13px}
.matrix-streams{opacity:.12}
.mobile-dock{display:none}
@media(max-width:760px){
  .layout.is-authenticated{padding-bottom:100px}
  .layout.is-authenticated .account{border-radius:16px;overflow:visible}
  .account-sidebar{padding:16px 14px 10px}
  .account-sidebar .account-head{padding-bottom:9px}
  .account-nav{margin:12px -14px 0;padding:0 14px 12px;scroll-snap-type:x proximity;scroll-padding-inline:14px;overscroll-behavior-x:contain;scrollbar-width:thin}
  .account-nav button{min-height:46px;scroll-snap-align:start;padding:8px 12px;font-size:13px}
  .account-nav button .nav-icon{width:30px;height:30px;flex-basis:30px;padding:6px}
  .account-workspace{padding:14px;gap:14px}
  .customer-hero{min-height:0;padding:22px}
  .hero-stats>div{padding:13px}
  .quick-actions>button{min-height:80px;flex-direction:row;align-items:center;padding:12px}
  .quick-actions>button .action-icon{width:36px;height:36px;flex-basis:36px}
  .mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:30;bottom:0;left:0;right:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #43605b;background:#101a20f5;backdrop-filter:blur(16px);box-shadow:0 -10px 32px #03070790}
  .mobile-dock button{display:grid;justify-items:center;gap:4px;min-height:55px;border:0;border-radius:10px;background:transparent;color:#9db6b2;font:700 11px "Segoe UI Variable","Segoe UI",sans-serif;cursor:pointer}
  .mobile-dock button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-dock button[aria-current=page]{color:#ffda8f;background:#72562e33}
  .mobile-dock button:focus-visible{outline:2px solid #ffda8f;outline-offset:2px}
}
@media(max-width:480px){
  .account-nav button .nav-icon{display:block}
  .customer-hero{padding:18px}
  .hero-amount strong{font-size:32px}
  .hero-stats{grid-template-columns:1fr 1fr}
  .hero-stats strong{font-size:17px}
  .quick-actions.two-actions{grid-template-columns:1fr 1fr}
  .quick-actions>button{gap:9px;font-size:12px}
  .quick-actions>button .action-icon{width:30px;height:30px;flex-basis:30px;font-size:17px}
  .quick-actions>button small{font-size:10px}
  .statement-entry{flex-wrap:wrap}
  .statement-entry-value{margin-left:auto}
}