/* ZePay's own identity: editorial clarity, institutional structure, product-led detail. */
:root{--ink:#122b28;--forest:#008253;--lime:#ffffff;--ivory:#f6f6f0;--app-blue:#008253;--app-ink:#18312d;--app-muted:#526960;--app-line:#dce5df}
body{color:#172d29}body .brand img{filter:none;box-shadow:none}body .brand-dot{color:#008253}.audience-bar{background:#f1f3ee;border-bottom:1px solid #e0e6de}.audience-bar>div{max-width:1368px;display:flex;align-items:center;gap:28px;margin:auto;padding:9px 32px;font-size:13px;color:#42544b}.audience-bar a{padding:2px 0;font-weight:600}.audience-bar a:hover{color:#008253;text-decoration:underline;text-underline-offset:4px}.audience-bar span{margin-left:auto;font-size:12px;color:#66776d}
body .topbar{height:auto;min-height:82px;padding:16px max(32px,calc((100vw - 1304px)/2));background:#fff;border-bottom:1px solid #e1e7e1;position:relative;gap:24px}body .topbar nav{gap:26px;font-size:14px}body .topbar .brand{color:#008253;font-size:29px}body .topbar .button.dark{background:#008253;color:#fff;border-radius:30px;font-size:14px;padding:13px 22px;gap:14px}body .sandbox-strip{background:#006b45;color:#eff8e6;font-size:11px;letter-spacing:1.2px}.sandbox-strip .strip-detail{color:#d6e6da}.sandbox-strip .pulse{background:#ffffff}
body:has(#workspace:not([hidden])) .audience-bar{display:none}
#landing{background:#fff;color:#16312b}#landing h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;letter-spacing:-1.7px;font-weight:620}#landing .bank-overline{font-size:11px;letter-spacing:1.7px;font-weight:700;line-height:1.5;margin:0 0 18px;color:#4e6c58}#landing .button{font-size:15px;min-height:50px;padding:15px 23px;gap:25px;border-radius:30px;font-weight:650;transition:background .2s,transform .2s}
#landing .bank-primary{background:#ffffff;color:#142c24;border:1px solid #ffffff}#landing .bank-primary:hover{background:#e5f5ee;transform:translateY(-2px)}#landing .bank-secondary{background:transparent;color:#fff;border:1px solid #6d887d}#landing .bank-secondary:hover{background:#ffffff0d}#landing .bank-dark{background:#008253;color:#fff}
#landing .bank-hero{overflow:hidden;background:#008253;color:#fff;position:relative}#landing .bank-hero::after{content:'';position:absolute;width:650px;height:650px;border:1px solid #ffffff0b;border-radius:50%;right:-180px;top:-330px;pointer-events:none}#landing .bank-hero-inner{position:relative;max-width:1368px;margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:50px;padding:52px 32px 48px;min-height:550px}#landing .bank-kicker{font-size:11px;letter-spacing:1.7px;color:#d2e3d5;display:flex;align-items:center;gap:10px;margin:0 0 24px;font-weight:650}#landing .bank-kicker span{width:22px;height:2px;background:#ffffff}#landing .bank-hero h1{font-size:clamp(48px,5.15vw,74px);line-height:1.02;letter-spacing:-3.7px;margin:0 0 24px;font-weight:570;color:#fff}#landing .bank-hero h1 em{font-style:normal;color:#ffffff}#landing .bank-hero-description{font-size:18px;line-height:1.65;color:#d9e3dc;max-width:520px;margin:0 0 28px}#landing .bank-hero-actions{display:flex;flex-wrap:wrap;gap:12px}#landing .bank-hero-note{font-size:12px;line-height:1.6;color:#b9ccc0;margin:18px 0 0}
.finance-scene{height:450px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.scene-disc{position:absolute;width:365px;height:365px;background:linear-gradient(145deg,#d7f7a2,#94b4a2);border-radius:50%;right:-4px;top:24px;z-index:-2;box-shadow:0 0 90px #bde79714}.scene-grid{position:absolute;inset:30px -120px -45px 10px;background:linear-gradient(90deg,#ffffff07 1px,transparent 1px),linear-gradient(#ffffff07 1px,transparent 1px);background-size:48px 48px;transform:perspective(500px) rotateX(54deg) rotateZ(-22deg);z-index:-1;opacity:.5}.finance-console{width:370px;background:#fff;color:#19382f;border-radius:19px;padding:23px 25px 12px;box-shadow:0 24px 70px #0005;transform:rotate(-4deg);border:1px solid #e4ebe4}.console-top{display:flex;align-items:center;justify-content:space-between}.console-brand{display:inline-flex;align-items:center;gap:7px;font-size:22px;font-weight:720;letter-spacing:-1px}.console-label{font-size:8px;letter-spacing:1px;padding:6px 8px;border-radius:20px;background:#edf3e9;color:#526746;font-weight:700}.console-account{margin-top:27px}.console-account>span:first-child{font-size:13px;color:#698074}.console-account strong{display:block;font-size:42px;line-height:1.2;font-weight:600;letter-spacing:-1.9px;margin:10px 0}.console-account strong small{font-size:16px;letter-spacing:0;font-weight:500}.console-currency{display:flex;gap:6px;align-items:center;font-size:11px;color:#718477}.console-currency i{width:5px;height:5px;border-radius:50%;background:#538e65}.console-actions{display:flex;gap:12px;margin:24px 0 18px}.console-actions>span{flex:1;padding:8px;background:#f0f4ed;border:1px solid #e7ede3;border-radius:10px;text-align:center;font-size:23px;line-height:1.1}.console-actions small{display:block;font-size:11px;line-height:1.4;margin-top:5px}.console-history>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #edf0ea;font-size:12px}.transaction-icon{display:grid;place-items:center;width:32px;height:32px;background:#eaf2dc;border-radius:50%;font-size:20px}.transaction-icon.neutral{background:#f0f2ef}.console-history>div>span:nth-child(2){flex:1;font-weight:550}.console-history small{display:block;font-size:10px;font-weight:400;color:#77867c;margin-top:3px}.console-history strong{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.scene-receipt{position:absolute;right:-8px;bottom:22px;display:flex;align-items:center;gap:12px;padding:15px 20px;background:#e8efde;border:1px solid #fff9;border-radius:13px;color:#264231;box-shadow:0 14px 35px #0003;transform:rotate(3deg)}.scene-receipt>span{width:31px;height:31px;border-radius:50%;background:#183d30;color:#ffffff;display:grid;place-items:center}.scene-receipt div{font-size:13px;font-weight:650}.scene-receipt small{font-size:11px;display:block;margin-top:4px;font-weight:400;color:#61735b}.scene-caption{position:absolute;bottom:-10px;left:40px;font-size:8px;letter-spacing:1.2px;color:#adc0b3}
#landing .bank-principles{max-width:1368px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:27px 32px 30px;gap:28px;border-bottom:1px solid #e5e9e0}#landing .bank-principles>div{position:relative;padding-left:38px}#landing .bank-principles>div>span{position:absolute;left:0;top:1px;font-size:11px;color:#72846d;font-weight:650}#landing .bank-principles strong{font-size:16px;font-weight:650}#landing .bank-principles p{font-size:13px;line-height:1.5;color:#66786b;margin:6px 0 0}
#landing .bank-solutions{max-width:1368px;margin:auto;padding:68px 32px}#landing .bank-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:30px}#landing .bank-section-heading h2{margin:0}#landing .bank-section-heading>p{font-size:16px;line-height:1.6;color:#647466;max-width:330px;margin:0 0 2px}.audience-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.audience-cards article{background:#f3f5ed;border:1px solid #e2e8dc;border-radius:14px;padding:26px 26px 20px;display:flex;flex-direction:column;scroll-margin-top:24px}.audience-cards article:nth-child(2){background:#e4eddf;border-color:#d6e2d0}.audience-cards article:nth-child(3){background:#173a31;color:#f6f9ee;border-color:#173a31}.audience-icon{font-size:29px;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;border:1px solid #bbccb3;background:#ffffff44;margin-bottom:24px}.audience-cards article:nth-child(3) .audience-icon{border-color:#647e67;color:#ffffff;background:#ffffff05}#landing .audience-cards .bank-overline{font-size:10px;margin-bottom:12px}.audience-cards article:nth-child(3) .bank-overline{color:#c6dbb4!important}#landing .audience-cards h3{font-size:30px;font-weight:580;letter-spacing:-1px;line-height:1.12;margin:0 0 18px}#landing .audience-cards p:not(.bank-overline){font-size:15px;line-height:1.65;color:#58705c;margin:0 0 22px}.audience-cards article:nth-child(3) p:not(.bank-overline){color:#c8d8c8!important}.audience-cards ul{list-style:none;padding:0;margin:0 0 24px;font-size:13px;line-height:1.65}.audience-cards li{padding:8px 0;border-top:1px solid #b2c1a955}.audience-cards li::before{content:'✓';margin-right:9px;color:#467241}.audience-cards article:nth-child(3) li::before{color:#ffffff}.audience-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:0;border-top:1px solid #a9bda2;padding:17px 0 3px;color:inherit;font-size:14px;font-weight:650;text-align:left;margin-top:auto;min-height:44px}.audience-cta span{font-size:22px}.audience-cta:hover{color:#207244}.audience-cards article:nth-child(3) .audience-cta:hover{color:#ffffff}
#landing .bank-control{background:#f3f3eb;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding:64px max(32px,calc((100vw - 1304px)/2));align-items:center}.control-product{border:1px solid #d9e0d0;background:white;border-radius:14px;padding:28px;box-shadow:0 14px 35px #24432b09}.control-product-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:28px}.control-product-top>span{font-size:10px;letter-spacing:1px;color:#70816b}.control-product-top>b{font-size:23px;letter-spacing:-1px}.control-step{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:16px;border:1px solid #e2e8de;border-radius:9px}.control-step>i{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;background:#edf1e8;font-size:12px;font-style:normal;color:#5e7550}.control-step strong{display:block;font-size:14px;font-weight:600}.control-step span{display:block;font-size:12px;color:#788774;margin-top:5px}.control-step.active{background:#eaf2dd;border-color:#d4e3c5}.control-step.active>i{background:#174532;color:#e3ffb3}.control-foot{font-size:9px;letter-spacing:1px;color:#829079;text-align:center;margin:20px 0 0}.bank-control-copy>p:not(.bank-overline){font-size:17px;line-height:1.7;color:#607260;max-width:460px;margin-bottom:25px}.bank-text-link{font-size:14px;font-weight:550;display:block;margin-top:20px;color:#416345;text-underline-offset:4px}.bank-text-link:hover{text-decoration:underline}
#landing .bank-ecosystem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;max-width:1368px;margin:auto;padding:68px 32px}#landing .bank-ecosystem h2{font-size:40px}.bank-ecosystem>div>p:not(.bank-overline){font-size:16px;line-height:1.65;color:#6b7a68;max-width:460px}.integration-label{display:inline-block;font-size:11px;line-height:1.6;color:#7b866f;margin-top:13px}.ecosystem-list>div{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #e3e8dd}.ecosystem-list b{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eef2e8;color:#527047;font-size:19px;font-weight:550}.ecosystem-list>div>span{flex:1;font-size:18px;font-weight:600}.ecosystem-list small{display:block;font-size:13px;font-weight:400;color:#819078;margin-top:3px}.ecosystem-list i{font-style:normal;font-size:21px;color:#6c8561}
#landing .bank-closing{background:#008253;text-align:center;padding:58px 24px 52px;color:#fff}#landing .bank-closing .bank-overline{color:#b9d19f}#landing .bank-closing h2{font-size:50px;margin:0 0 28px}#landing .bank-closing>p:last-child{font-size:12px;color:#bdd0bc;margin:17px 0 0}body footer{background:#f2f4ed;border-top:1px solid #e0e5d9;color:#476043;font-size:14px}
/* Connected areas retain the compact information layout and larger reading text. */
body.app-shell{background:#f5f6f1;color:#18342d}body.app-shell :is(.merchant-header,.account-header,.wallet-header,.orders-header){border-color:#dde5dc}body.app-shell .app-navigation [aria-current=page],body.app-shell .app-navigation summary:hover,.app-services[open] summary{background:#eaf1e2;color:#008253}.app-service-menu strong{color:#63765b}.app-service-menu a:hover,body.app-shell .app-navigation>a:hover{background:#edf3e6;color:#008253}body.app-shell .blue-bg{background:#008253;color:#fff;box-shadow:none}body.app-shell .blue-bg:hover{background:#006b45}body.app-shell :is(input,select,textarea):focus{border-color:#377451;outline-color:#37745120}body.app-shell .account-identity{background:linear-gradient(115deg,#edf2e5,#fff)}body.app-shell .balance-card{background:linear-gradient(115deg,#008253,#00965e);box-shadow:0 12px 28px #173d2110}body.app-shell main .balance-card .badge{background:#e5f1d7;color:#355b2c}.app-shell .merchant-metrics>div:last-child{background:#008253}.app-shell .account-shortcut{background:#f0f4ea}.app-shell .account-shortcut:hover{background:#e3edda;color:#214d31}
body #workspace .workspace-shell{background:#f5f6f1}body #workspace .sidebar{background:#006b45}body #workspace .side-link{color:#c1d2c4}body #workspace .side-link.active{background:#2b4e3a;color:#efffda;box-shadow:inset 3px 0 #ffffff}body #workspace .side-link:hover{background:#254b38;color:#fff}body #workspace .consumer-banner{background:linear-gradient(110deg,#008253,#00965e)}body #workspace .consumer-banner p{color:#cfdfce}body #workspace .consumer-mark{background:linear-gradient(130deg,#ffffff26,#ffffff08);border-color:#a8cf8f44}body #workspace .quick-actions span{color:#315d3a;background:#edf3e7;border-color:#e2ebd8}body #workspace .quick-actions button:hover{border-color:#9fbb8d}.app-shell .button,.app-shell input,.app-shell select{transition:background .15s,border-color .15s}
@media(max-width:1050px){#landing .bank-hero-inner{gap:25px;padding:42px 26px;min-height:530px}#landing .bank-hero h1{font-size:54px;letter-spacing:-2.6px}.finance-console{width:320px;padding:22px}.finance-scene{height:420px}.scene-disc{width:310px;height:310px}.scene-receipt{right:0;padding:12px}.audience-cards article{padding:22px 20px}#landing .audience-cards h3{font-size:26px}#landing .bank-control{gap:34px}#landing .bank-ecosystem{gap:40px}}
@media(max-width:760px){.audience-bar>div{padding:9px 18px;gap:22px;font-size:12px}.audience-bar span{display:none}body .topbar{min-height:72px;padding:13px 18px;gap:12px}body .topbar .button.dark{font-size:12px;padding:11px 14px;gap:8px}body .topbar .brand{font-size:26px}.audience-bar{overflow-x:auto}#landing .bank-hero-inner{grid-template-columns:1fr;gap:24px;padding:34px 22px 30px;min-height:0}#landing .bank-kicker{font-size:9px;letter-spacing:1.1px;margin-bottom:22px}#landing .bank-hero h1{font-size:46px;letter-spacing:-2px;margin-bottom:20px}#landing .bank-hero-description{font-size:16px;line-height:1.65;margin-bottom:24px}#landing .bank-hero-description br{display:none}#landing .bank-hero-note{font-size:11px}#landing .button{font-size:14px;padding:13px 19px;gap:16px;min-height:47px}.finance-scene{height:390px;margin:6px 0 16px}.finance-console{width:min(310px,94%);transform:rotate(-3deg);padding:22px 22px 10px}.console-account{margin-top:22px}.console-account strong{font-size:36px}.scene-disc{width:285px;height:285px;right:0;top:35px}.scene-receipt{right:0;bottom:0}.scene-caption{left:5px;bottom:-24px;font-size:7px}#landing .bank-principles{grid-template-columns:1fr;padding:26px 22px;gap:22px}#landing .bank-principles p{font-size:14px}#landing .bank-solutions{padding:42px 20px}#landing .bank-section-heading{display:block;margin-bottom:24px}#landing .bank-section-heading>p{font-size:15px;margin:20px 0 0;max-width:none}#landing h2{font-size:34px;letter-spacing:-1px}.audience-cards{grid-template-columns:1fr;gap:16px}.audience-cards article{padding:26px 24px 20px}.audience-icon{margin-bottom:20px}#landing .audience-cards h3{font-size:30px}.audience-cards ul{font-size:14px}.audience-cta{font-size:15px}#landing .bank-control{grid-template-columns:1fr;gap:30px;padding:40px 20px}.control-product{padding:22px 18px}.control-step{padding:13px 10px;gap:10px}.control-product-top{margin-bottom:22px}.control-product-top>span{font-size:8px}.control-step strong{font-size:13px}.control-step span{font-size:12px}.bank-control-copy>p:not(.bank-overline){font-size:16px}#landing .bank-ecosystem{grid-template-columns:1fr;padding:44px 22px;gap:28px}#landing .bank-ecosystem h2{font-size:34px}#landing .bank-closing{padding:44px 22px}#landing .bank-closing h2{font-size:40px}body #workspace .sidebar{background:#fff}body #workspace .side-link{color:#5c705c}body #workspace .side-link.active{background:#edf4e5;color:#285038;box-shadow:inset 0 -2px #4e7d43}body #workspace .side-link:hover{background:#edf3e6;color:#285038}}
@media(prefers-reduced-motion:reduce){#landing .button,.audience-cta{transition:none;transform:none!important}}
@media(min-width:1051px){#landing .bank-hero-inner{padding-top:40px;padding-bottom:40px;min-height:500px}#landing .bank-hero-copy{align-self:start;padding-top:18px}.finance-scene{height:410px}}
.signup-shell .button.blue-bg,.checkout-layout .button.blue-bg,dialog .button.blue-bg{background:#008253;color:#fff}.signup-shell input,.signup-shell select,.checkout-layout input{font-size:16px}.signup-shell label{font-size:14px}.signup-shell .brand{color:#008253}.signup-shell input:focus{border-color:#4a7456;outline-color:#4a745620}
@media(min-width:1051px){#landing .bank-hero-inner{padding-top:32px}#landing .bank-kicker{margin-bottom:18px}#landing .bank-hero h1{margin-bottom:20px}#landing .bank-hero-description{margin-bottom:22px}}
.landing-mobile-nav{display:none}body:has(#workspace[hidden]) .mobile-menu{display:none!important}body:has(#workspace:not([hidden])) .landing-mobile-nav{display:none!important}
@media(max-width:760px){.landing-mobile-nav{display:block;margin-left:auto}.landing-mobile-nav>summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #dce5db;border-radius:50%;cursor:pointer;color:#254e39}.landing-mobile-nav>summary::-webkit-details-marker{display:none}body .topbar:has(.landing-mobile-nav) .header-tools{margin-left:0;gap:8px}body .topbar .landing-mobile-nav nav{position:absolute;display:flex;flex-direction:column;gap:0;left:16px;right:16px;top:calc(100% + 6px);z-index:80;background:#fff;padding:14px;border-radius:13px;border:1px solid #dce5db;box-shadow:0 18px 45px #153b3226}.landing-mobile-nav:not([open]) nav{display:none!important}body .topbar .landing-mobile-nav nav a{font-size:15px;padding:13px 12px;min-height:46px;border-radius:8px}body .topbar .landing-mobile-nav nav a:hover{background:#edf4e5;color:#153b32}}
body #workspace .button.blue-bg{background:#008253;color:#fff;box-shadow:none}body #workspace .button.blue-bg:hover{background:#006b45}body #workspace .blue{color:#008253}body.app-shell .status,body #workspace .status{font-size:12px;line-height:1.5;padding:5px 9px}body.app-shell main .badge{font-size:11px;line-height:1.5}

/* Complete public footer, coordinated with the ZePay brand direction. */
body footer.site-footer{display:block;padding:0;background:#eef1e8;border-top:1px solid #dce3d5;color:#294c3c;text-align:left}
.site-footer .footer-main{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.45fr 1fr 1.15fr 1fr;gap:44px;padding:52px 32px 44px}
.site-footer .footer-intro .brand{font-size:30px;color:#008253;letter-spacing:-1.4px}
.site-footer .footer-intro>p{font-size:27px;font-weight:650;line-height:1.2;letter-spacing:-.8px;margin:22px 0 16px;color:#008253}
.site-footer .footer-intro>span{display:block;max-width:265px;font-size:14px;line-height:1.7;color:#526850}
.site-footer .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding-top:6px}
.site-footer .footer-column h2{font-size:15px;line-height:1.5;letter-spacing:0;margin:0 0 10px;font-weight:750;color:#008253}
.site-footer .footer-column a{font-size:14px;line-height:1.6;text-decoration:none;text-underline-offset:5px}
.site-footer a:hover{text-decoration:underline}.site-footer a:focus-visible{outline:3px solid #497345;outline-offset:5px}
.site-footer .footer-bottom{max-width:1376px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #d1dbca;font-size:12px;line-height:1.6}
.site-footer .footer-bottom p{margin:0}.site-footer .footer-bottom p>span{margin-left:14px;color:#61745d}.site-footer .footer-bottom>a{white-space:nowrap}.site-footer .footer-bottom>a span{margin-left:12px}
.site-footer .footer-simulation{display:flex;align-items:center;gap:9px;color:#53674e}.site-footer .footer-simulation i{width:6px;height:6px;background:#557d3e;border-radius:50%;flex:none}
@media(max-width:1440px){.site-footer .footer-bottom{margin:0 32px}}
@media(max-width:900px){.site-footer .footer-main{grid-template-columns:1fr 1fr;gap:32px;padding:36px 24px}.site-footer .footer-bottom{margin:0 24px;flex-wrap:wrap}.site-footer .footer-simulation{order:3;flex-basis:100%}}
@media(max-width:480px){.site-footer .footer-main{gap:28px 20px;padding:32px 22px}.site-footer .footer-intro{grid-column:1/-1}.site-footer .footer-intro>p{font-size:26px;margin:18px 0 12px}.site-footer .footer-intro>span{max-width:320px}.site-footer .footer-column{gap:12px}.site-footer .footer-column a{font-size:14px;padding:3px 0}.site-footer .footer-column h2{margin-bottom:4px}.site-footer .footer-bottom{margin:0 22px;padding:20px 0;gap:15px}.site-footer .footer-simulation{font-size:12px}}

/* Banking green: emerald surfaces, white lettering and soft mint details. */
#landing .bank-hero-description,#landing .bank-hero-note,#landing .bank-kicker{color:#fff}
#landing .bank-closing .bank-overline,#landing .bank-closing>p:last-child{color:#fff}
.scene-disc{background:linear-gradient(145deg,#b9ecd5,#48b48a);box-shadow:0 0 90px #ffffff14}
body.app-shell .balance-card{background:linear-gradient(115deg,#008253,#00965e)}
body #workspace .consumer-banner p{color:#fff}
body .topbar .brand,.site-footer .footer-intro .brand{color:#008253}

/* Shared visual language across account, merchant and service pages. */
:root{--brand-green:#008253;--brand-green-hover:#006b45;--brand-mint:#e8f5ee;--brand-border:#d6e5dc;--app-blue:var(--brand-green)}
body.app-shell{background:#f4f7f5;color:#18312d}
body.app-shell :is(.account-header,.wallet-header,.merchant-header){border-color:var(--brand-border)}
body.app-shell .brand{color:var(--brand-green)}
body.app-shell .app-navigation [aria-current=page],body.app-shell .app-services[open] summary{background:var(--brand-mint);color:var(--brand-green)}
body.app-shell .app-service-menu a:hover,body.app-shell .app-navigation summary:hover{background:var(--brand-mint);color:var(--brand-green)}
body.app-shell :is(.account-card,.wallet-card,.merchant-card){border-color:var(--brand-border)}
body.app-shell .button.blue-bg,body #workspace .button.blue-bg{background:var(--brand-green);color:#fff}
body.app-shell .button.blue-bg:hover,body #workspace .button.blue-bg:hover{background:var(--brand-green-hover)}
body.app-shell :is(input,select,textarea):focus,.signup-shell :is(input,select,textarea):focus{border-color:var(--brand-green);outline-color:#00825333}
body :is(input[type=checkbox],input[type=radio],progress,meter){accent-color:var(--brand-green)}
body :focus-visible{outline-color:var(--brand-green)}
body #workspace .quick-actions span{background:var(--brand-mint);color:var(--brand-green);border-color:var(--brand-border)}
body #workspace .side-link.active{background:#155e45;color:#fff;box-shadow:inset 3px 0 #7edcb2}
body #workspace .side-link:hover{background:#17674b;color:#fff}
body.app-shell .analytics-cards article{background:var(--brand-mint)}
@media(max-width:760px){body #workspace .side-link.active{background:var(--brand-mint);color:var(--brand-green);box-shadow:inset 0 -2px var(--brand-green)}body #workspace .side-link:hover{background:var(--brand-mint);color:var(--brand-green)}}

/* Finish secondary surfaces: menus, dialogs and tabular details. */
body.app-shell .app-service-menu{border-color:var(--brand-border);box-shadow:0 18px 48px #123c2c22;overscroll-behavior:contain}
body.app-shell .app-service-menu strong{color:#4e6a5b;font-size:12px;letter-spacing:.06em}
body.app-shell .app-service-menu a{min-height:44px;display:flex;align-items:center;border-radius:9px}
body.app-shell .app-service-menu [aria-current=page]{background:var(--brand-mint);color:var(--brand-green);font-weight:700}
body :is(dialog){border:1px solid #d6e5dc;border-radius:18px;background:#fff;color:#18312d;box-shadow:0 24px 80px #103c2c33;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
body dialog::backdrop{background:#102e2570;backdrop-filter:blur(3px)}
body dialog :is(p,label,legend){font-size:15px;line-height:1.6}
body dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:46px;border:1px solid #bbdace;border-radius:10px;color:#18312d}
body dialog .button{min-height:44px;font-size:14px;border-radius:10px}
body dialog .close{min-width:44px;min-height:44px;border-radius:50%;color:#38614d;background:#eef5f0}
body.app-shell :is(.analytics-scroll,.merchant-table-wrap){border:1px solid var(--brand-border);border-radius:12px;overscroll-behavior-x:contain}
body.app-shell table{font-variant-numeric:tabular-nums}
body.app-shell th{background:#edf5f0;color:#315442}
body.app-shell td{border-bottom-color:#e1eae4}
body.app-shell tbody tr:hover{background:#f5faf7}
body.app-shell :is(pre,.partner-secrets){border-radius:12px;background:#f3f7f4;border:1px solid var(--brand-border);padding:16px;color:#234a37;line-height:1.6}
body.app-shell :is(.account-card,.merchant-card,.wallet-card) a:not(.button):hover{text-decoration:underline;text-underline-offset:4px}
body .toast{background:#006b45;color:#fff;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 10px 30px #103c2c26;font-size:14px;line-height:1.5;max-width:calc(100vw - 32px)}
@media(max-width:760px){body.app-shell .app-service-menu{max-height:65dvh;padding:16px;gap:20px 12px}body.app-shell .app-service-menu a{padding:10px 8px;font-size:14px}body dialog{padding:22px 20px}body dialog h2{font-size:24px;letter-spacing:-.6px}body.app-shell :is(th,td){padding:12px;font-size:14px}}
@media(max-width:400px){body.app-shell .app-service-menu{grid-template-columns:1fr;max-height:65dvh}}

/* Keyboard access and comfortably sized controls across service pages. */
body .skip{z-index:10000;border:2px solid #008253;border-radius:8px;color:#006b45;background:#fff;font-size:16px;font-weight:650;padding:12px 18px;box-shadow:0 5px 20px #103c2c22}
body .skip:focus{top:10px;left:10px}
body.app-shell main .eyebrow{color:#486556}
body.app-shell .field-help{color:#526960}
body.app-shell :is(button,a.button,summary){touch-action:manipulation}
body.app-shell :is(input,select,textarea):disabled{background:#eef2ef;color:#5b6d61;opacity:1}
body.app-shell button:disabled{cursor:not-allowed}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body *,body *::before,body *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(forced-colors:active){body :focus-visible{outline:2px solid Highlight}body.app-shell .app-navigation [aria-current=page]{border:1px solid Highlight}body .button{border:1px solid ButtonText}}