/* HARBOR v1.4 — storefront-led design system.
   Consolidated final layer that replaces previous experimental gradients/artwork.
   No remote runtime assets and no pseudo-content icons. */
:root{
  --hb-ink:#14263a;--hb-muted:#66778a;--hb-teal:#127f77;--hb-teal-2:#d9f3eb;
  --hb-border:#dfe6e9;--hb-background:#f6f8f9;--hb-card:#fff;
  --hb-dark:#102737;--hb-elev:0 14px 36px rgba(27,51,65,.055);
}
html{scroll-padding-top:88px}
body{background:var(--hb-background);color:var(--hb-ink);font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.55;letter-spacing:0}
.site-shell{overflow:clip;background:var(--hb-background)}
.site-shell::before,.site-shell::after,.hero.hero-v13::before{display:none!important}
h1,h2,h3,h4{font-family:'Manrope','DM Sans',sans-serif;letter-spacing:-.037em;line-height:1.22}
p{line-height:1.64}
.container{width:min(100% - 64px,1240px)}
.header{height:76px;background:rgba(255,255,255,.97);border-bottom:1px solid #e6ecef;box-shadow:none;backdrop-filter:blur(14px)}
.header.is-scrolled{box-shadow:0 5px 22px rgba(16,37,51,.06)}
.nav-inner{gap:36px}.desktop-nav{gap:28px}.desktop-nav a{font-size:13px;font-weight:650;color:#56697a}.desktop-nav a:hover{color:var(--hb-teal)}
.brand-lockup{gap:0}.brand-wordmark{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.065em;font-weight:800}
.brand-word-main{color:#102d39}.brand-word-accent{color:var(--hb-teal)}.brand-word-accent::after{display:none}.brand-sub{font-size:8px;letter-spacing:.245em;text-transform:uppercase;color:#778b93;margin-top:4px}
.nav-actions{gap:12px}.link-login{font-size:13px;color:#324d5c;font-weight:700}
.nav-wallet,.nav-notify{font-size:13px;color:#445c69}
.btn,.btn-sm{border-radius:10px;font-size:13px;min-height:44px;font-weight:750;letter-spacing:-.008em}
.btn-sm{min-height:38px;padding:9px 14px}.btn-dark{border:1px solid var(--hb-dark);background:var(--hb-dark);box-shadow:none;color:#fff}
.btn-dark:hover{background:#174a51;border-color:#174a51;box-shadow:0 8px 20px rgba(16,80,75,.14);color:#fff}
.btn-outline{background:#fff;border:1px solid #cfdadc;color:#213f4d}
.btn-outline:hover{background:#f0f9f6;border-color:#91c8b7;color:#154f49}
.btn-white{border-radius:10px;color:#123b43;background:#fff;box-shadow:none}
.btn:hover{transform:translateY(-1px)}
.btn .ui-icon,.hero-search button .ui-icon{width:16px;height:16px}
.demo-chip{border-radius:999px}
.sandbox-strip{background:#f7faf7;color:#426b55;border-color:#e1ebe0;font-size:12px}
/* Hero — editorial, compact and content-first */
.hb-hero{background:#102c3b;color:#fff;padding:76px 0 72px;position:relative;overflow:hidden}
.hb-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 20%,rgba(30,172,143,.15),transparent 33%);opacity:.65}
.hb-hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.82fr);align-items:center;gap:clamp(34px,5vw,80px)}
.hb-hero-main{min-width:0}.hb-hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#c4ded8;letter-spacing:.10em;font-weight:750;margin-bottom:25px}
.hb-pulse{width:8px;height:8px;border-radius:100%;background:#55d0ac;box-shadow:0 0 0 4px rgba(85,208,172,.13)}
.hb-hero h1{margin:0 0 21px;font-size:clamp(40px,4.55vw,68px);line-height:1.09;letter-spacing:-.057em;color:#fff;max-width:750px}
.hb-hero h1 span{color:#7cdbc4}
.hb-hero-description{max-width:620px;font-size:16px;line-height:1.77;color:#bed0d4;margin:0 0 33px}
.hb-search{display:flex;align-items:center;gap:12px;border:1px solid #f9fbfa;background:#fff;border-radius:12px;padding:6px;max-width:640px;box-shadow:0 12px 32px rgba(3,18,24,.10)}
.hb-search>.ui-icon{width:20px;height:20px;color:#728792;margin-left:14px;flex:none}
.hb-search input{border:none;background:transparent;color:#1b3a48;min-width:0;flex:1;font-size:14px;outline:0;padding:10px 2px;font-family:inherit}
.hb-search input::placeholder{color:#87979f}
.hb-search button{border:0;border-radius:8px;background:#168976;color:#fff;padding:11px 19px;min-height:43px;display:inline-flex;align-items:center;gap:9px;font-weight:750;font-size:13px;cursor:pointer;transition:background .2s}
.hb-search button:hover{background:#106a5e}.hb-search button .ui-icon{height:16px;width:16px}
.hb-hero-quick{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.hb-hero-quick span{display:inline-flex;align-items:center;gap:8px;color:#b5ccc9;font-size:12px}
.hb-hero-quick .ui-icon{width:17px;height:17px;color:#73d5b9}
.hb-hero-aside{background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(0,12,20,.14);overflow:hidden;color:#153041}
.hb-aside-header{padding:29px 30px 19px;border-bottom:1px solid #eaf0f2}
.hb-aside-kicker{font-size:10px;font-weight:800;color:#15917a;letter-spacing:.13em}
.hb-aside-header h2{font-size:24px;margin:10px 0 6px;color:#142e3b}
.hb-aside-header p{font-size:13px;color:#758795;margin:0}
.hb-aside-links{padding:9px 13px}.hb-aside-links a{display:flex;align-items:center;gap:14px;padding:11px 13px;text-decoration:none;border-radius:10px;color:#233d4b;font-size:14px;font-weight:700;transition:background .2s}
.hb-aside-links a:hover{background:#f1f8f5;color:#116c62}
.hb-aside-icon{display:grid;place-items:center;width:36px;height:36px;background:#eff4f4;border-radius:9px;flex:none;color:#3b7d74}
.hb-aside-icon .ui-icon{width:19px;height:19px}.hb-aside-arrow{width:16px;height:16px;margin-left:auto;color:#91a0a5}
.hb-aside-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:16px 25px;background:#f5faf7;border-top:1px solid #e8f0ed}
.hb-aside-footer span{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#3c6c5e;font-weight:700}.hb-aside-footer span .ui-icon{width:16px;height:16px}
.hb-aside-footer a{font-size:11px;font-weight:750;color:#13796b;text-decoration:none}
/* Benefits / cards */
.hb-benefits{background:#fff;border-bottom:1px solid #e5ecee}.hb-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.hb-benefits-grid>div{display:flex;align-items:center;gap:14px;padding:22px 26px;border-right:1px solid #e8eff0}
.hb-benefits-grid>div:first-child{padding-left:0}.hb-benefits-grid>div:last-child{border-right:0}
.hb-benefits-grid>div>.ui-icon{width:22px;height:22px;color:#218a79;flex:none}.hb-benefits-grid b{display:block;font-size:13px;color:#183542;margin-bottom:3px}
.hb-benefits-grid small{display:block;font-size:12px;color:#768894}
.hb-section{padding-top:74px;padding-bottom:78px}
.hb-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:27px}
.hb-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:#168471}
.hb-section-heading h2{font-size:clamp(26px,2.8vw,35px);margin:9px 0 7px;color:#15303f}
.hb-section-heading p{font-size:14px;margin:0;color:#738390}
.hb-section-link{display:inline-flex;align-items:center;gap:8px;color:#187a6c;text-decoration:none;font-weight:750;font-size:12px;white-space:nowrap;margin-bottom:5px}
.hb-section-link .ui-icon{height:16px;width:16px}
.hb-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.hb-category-card{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-height:174px;padding:20px 18px;background:#fff;border:1px solid var(--hb-border);border-radius:13px;text-decoration:none;box-shadow:none;min-width:0;transition:transform .23s,border-color .23s,box-shadow .23s}
.hb-category-card:hover{transform:translateY(-3px);border-color:#a9cec3;box-shadow:var(--hb-elev)}
.hb-category-icon{width:45px;height:45px;border-radius:12px;background:#e7f5f0;color:#1b8b77;display:grid;place-items:center}
.hb-category-icon .ui-icon{width:22px;height:22px}.hb-category-card:nth-child(3n+2) .hb-category-icon{background:#edf3f8;color:#4e7796}.hb-category-card:nth-child(3n) .hb-category-icon{background:#f5f0e7;color:#967444}
.hb-category-card strong{font-size:14px;color:#173240;line-height:1.3;word-break:break-word}
.hb-category-bottom{margin-top:auto;display:inline-flex;gap:5px;align-items:center;color:#5d7e78;font-size:11px;font-weight:700}
.hb-category-bottom .ui-icon{width:14px;height:14px}
.hb-products-section{background:#f0f4f5;border-block:1px solid #e5ecee}
.hb-products-grid,.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-card.hb-product{display:flex;flex-direction:column;padding:0;min-width:0;text-decoration:none;border:1px solid #dfe8e9;background:#fff;border-radius:14px;box-shadow:none;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.product-card.hb-product:hover{transform:translateY(-3px);border-color:#b7d5cb;box-shadow:0 16px 30px rgba(26,57,64,.08)}
.hb-product-visual{height:145px;position:relative;display:flex;align-items:center;justify-content:center;background:#e6f0ed;border-bottom:1px solid #e2ece9}
.hb-product:nth-child(4n+2) .hb-product-visual{background:#e9f0f7}.hb-product:nth-child(4n+3) .hb-product-visual{background:#f3efe7}.hb-product:nth-child(4n) .hb-product-visual{background:#edf2e8}
.hb-product-glyph{width:66px;height:66px;background:rgba(255,255,255,.72);border:1px solid rgba(74,119,118,.13);display:grid;place-items:center;border-radius:20px;color:#4b9586}
.hb-product:nth-child(4n+2) .hb-product-glyph{color:#6487a9}.hb-product:nth-child(4n+3) .hb-product-glyph{color:#a48659}.hb-product:nth-child(4n) .hb-product-glyph{color:#78945b}
.hb-product-glyph .ui-icon{width:32px;height:32px;stroke-width:1.5}
.hb-product-kind{position:absolute;left:16px;bottom:12px;font-size:10px;color:#6b8486;font-weight:650}
.hb-product-content{padding:19px 18px 17px;display:flex;flex-direction:column;flex:1;min-width:0}
.hb-product-category{color:#258a79;font-size:11px;font-weight:750;margin-bottom:9px;line-height:1.35}
.hb-product h3{font-family:'DM Sans',sans-serif;font-size:15px;letter-spacing:-.02em;color:#173343;line-height:1.45;min-height:65px;margin:0 0 13px;overflow-wrap:anywhere}
.hb-product-seller{display:flex;align-items:center;gap:8px;font-size:12px;color:#788894;margin-bottom:16px}
.hb-product-seller .avatar-small{width:24px;height:24px;font-size:10px;background:#dbece7;color:#267b6f}
.hb-product-seller>.ui-icon{width:15px;height:15px;color:#128d76}
.hb-product-foot{border-top:1px solid #e9eff0;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}
.hb-product-foot small{display:block;color:#8b9ba3;font-size:10px;margin-bottom:4px}
.hb-product-foot strong{font-size:18px;color:#152d39;line-height:1.1;font-weight:800}
.hb-product-go{width:32px;height:32px;border-radius:9px;background:#e5f4ef;color:#137f70;display:grid;place-items:center}
.hb-product-go .ui-icon{width:18px;height:18px}
/* How + seller CTA */
.hb-how{background:#fff}.hb-how .hb-section{padding-bottom:82px}.hb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hb-steps article{position:relative;background:#f8faf9;border:1px solid #e4ecec;padding:26px;border-radius:14px}
.hb-step-index{position:absolute;top:26px;right:26px;font-weight:800;color:#99aaa9;font-size:12px}
.hb-step-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#dff1ea;color:#1b816e;margin-bottom:27px}
.hb-step-icon .ui-icon{height:23px;width:23px}.hb-steps h3{font-size:17px;color:#173240;margin:0 0 8px}.hb-steps p{color:#718492;font-size:13px;margin:0;max-width:280px}
.hb-cta{background:#123443;padding:54px 0}.hb-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.hb-cta-inner>div{max-width:680px}.hb-cta span{font-size:11px;color:#7ddbb9;font-weight:800;letter-spacing:.11em}.hb-cta h2{color:white;font-size:clamp(26px,3vw,38px);margin:9px 0 12px}.hb-cta p{color:#b8d1d2;font-size:14px;margin:0}
/* General UI */
.page-hero.compact{background:#eef4f3;border-bottom:1px solid #e1eae9}.page-hero.compact h1{color:#183747;font-size:clamp(29px,3.4vw,43px)}.page-hero p{color:#637c86}.header-deco{background:#e3f2ed;color:#1d8e7c}
.section-header h2,.detail-section h2,.mini-heading{color:#173341}.overline{color:#167f70}
.section-header,.section-header.thin{gap:16px}
.content-block,.detail-layout{padding-top:37px}
.subcategory-pills a{background:#fff;border:1px solid #d9e7e4;border-radius:999px;color:#256c62}
.empty-state{background:#fff;border:1px solid var(--hb-border);border-radius:14px;box-shadow:none}
.panel,.action-panel,.detail-section,.detail-sidebar>div,.auth-card,.step-card,.wallet-stat,.control-panel,.integration-card{border-radius:14px;border:1px solid #dfe8e9;box-shadow:none;background:#fff}
.input,input[type='text'],input[type='password'],input[type='email'],input[type='number'],select,textarea{border-radius:9px}
.input:focus,input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:#159781;outline:3px solid #ccefe5;outline-offset:1px}
.auth-wrap{background:#f0f5f4}.auth-card{padding:39px}.auth-card h1{font-size:clamp(29px,3vw,42px)}.auth-card h1 em{color:#168774;font-style:normal}
.auth-aside{background:#123a49;border:1px solid #123a49;box-shadow:none}.auth-aside h2{color:#fff}.auth-aside p{color:#bad1d7}.auth-trust-icon{background:#245a60;color:#89dfc5}
.auth-wrap .btn-wide{min-height:48px}
.wallet-primary,.wallet-primary-live{background:#123443;border:1px solid #194d57;box-shadow:none}.wallet-primary::after{display:none!important}.wallet-stat .stat-icon{background:#e2f3ed;color:#198370}
.payment-address{background:#f3f7f7;border:1px solid #e1eaea}.payment-address code{background:transparent;border:none;color:#274855}
/* Admin: readable dense workspace, consistent spacing */
.control-shell{background:#f5f7f8;grid-template-columns:252px minmax(0,1fr)}
.control-sidebar{background:#102838;border-color:#1a3e48;padding:24px 13px 20px}
.control-wordmark{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.05em}.control-wordmark b{color:#7bd8be}
.control-brand{padding:0 12px 22px}.control-brand small,.control-brand-lockup small{font-size:10px;color:#8eacb5}
.control-sidebar .side-group{color:#7897a2}.control-sidebar .side-link{font-size:12px;padding:11px 12px;border-radius:9px;color:#bad0d7;font-weight:650}
.control-sidebar .side-link:hover{background:#1b4450;transform:none}.control-sidebar .side-link.active,.control-sidebar .side-link[aria-current='location']{background:#1b5260;border-color:#2b6770}
.control-sidebar .side-link .ui-icon{color:#91c0bf}
.control-main{padding:30px clamp(20px,3vw,48px) 88px;max-width:1650px}
.control-top{background:#fff;border:1px solid #dfe8e9;border-radius:16px;color:#15323d;padding:28px 30px;box-shadow:none}
.control-top::before{display:none}.control-top-meta .overline,.control-top .overline{color:#147e6a}
.control-top h1{color:#15323f;font-size:clamp(28px,3vw,39px);margin:11px 0 8px}.control-top h1 span{color:#0f896f}
.control-top>p,.control-top p{color:#6d808a;max-width:780px;font-size:13px}
.control-live,.control-live.is-ready{background:#f1f7f5;border:1px solid #d7e8e2;color:#386e63;padding:8px 12px}
.control-stats{margin-top:23px;gap:12px}
.control-stat{border:1px solid #e3ebe9;background:#f7faf9;border-radius:12px;padding:17px}
.control-stat small{color:#77908e;font-size:10px}.control-stat strong{color:#173743;font-size:29px}.control-stat span{color:#819198;font-size:11px}
.control-quick-grid{margin-top:14px;gap:12px}
.control-quick-card{background:#f2f7f6;border:1px solid #e0ebe9;color:#17433e;border-radius:12px;padding:17px 14px}
.control-quick-card:hover{background:#e7f2ef;border-color:#b7d8ce;transform:translateY(-1px)}
.control-quick-card b{color:#173f40;font-size:13px}.control-quick-card span{color:#6b8286;font-size:11px}.control-quick-card .ui-icon{color:#168a77}
.control-top>.control-panel{background:#f8faf9;color:#173b42;border:1px solid #e0eae8;box-shadow:none}
.control-section{margin-top:38px}.control-section-title h2{color:#18343d;font-size:25px}.control-section-title .overline{color:#138a73}
.control-notice{background:#f0f8f4;border:1px solid #d5ebe0;border-radius:12px;color:#366356}
.control-panel,.integration-card{background:#fff;border-color:#dce7e7;border-radius:14px;box-shadow:none}
.control-panel h3,.integration-card h3{color:#1d3946;font-size:16px}
.integration-state.configured{background:#e7f6ef;border-color:#c4e4d2;color:#13775a}
.integration-state{background:#f5f7f7;border-color:#e1e9e9;color:#72878a}
.control-small{color:#7d9299}.control-shell .data-table thead{background:#f5f9f8}.data-table th{color:#607a7e}
.control-shell .side-link i:not(.ui-icon){background:#2d5a62}
.control-panel .table-scroll{border:1px solid #e5ecec;border-radius:11px}
.control-sidebar-footer a{color:#95deca}
.footer{background:#102b3a}.footer a,.footer p,.footer span{color:#c2d5d7}.footer .brand-word-main{color:#fff}.footer .brand-word-accent{color:#8fe0c4}.footer .brand-sub{color:#85a6ad}
/* Motion is limited to hover/entrance and never hides content without JS */
@keyframes hb-appear{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.hb-hero-main,.hb-hero-aside{animation:hb-appear .48s ease-out both}.hb-hero-aside{animation-delay:.08s}
.motion-ready.is-visible{animation:hb-appear .38s ease-out both}
/* keep financial actions clickable and focus indicators high contrast */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #48baa5;outline-offset:3px}
@media(max-width:1260px){.hb-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:34px}}
@media(max-width:1050px){.hb-products-grid,.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-benefits-grid>div{padding-inline:17px}.control-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.container{width:min(100% - 40px,760px)}.hb-hero{padding:48px 0}.hb-hero-layout{grid-template-columns:1fr}.hb-hero h1{font-size:clamp(39px,6vw,56px)}.hb-hero-aside{max-width:100%;margin:0}.hb-benefits-grid{grid-template-columns:1fr}.hb-benefits-grid>div{padding:16px 0;border:0;border-bottom:1px solid #e9efef}.hb-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-products-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-section{padding-top:54px;padding-bottom:60px}.hb-steps{grid-template-columns:1fr}.hb-cta-inner{flex-direction:column;align-items:flex-start}.control-shell{display:block}.control-sidebar{position:relative;height:auto;display:flex;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;gap:5px;padding:14px;scrollbar-width:thin}.control-sidebar .side-link{flex:none;white-space:nowrap}.control-sidebar .side-group,.control-sidebar-footer,.control-brand{display:none}.control-main{padding:20px 16px 70px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.header{height:65px}.brand-wordmark{font-size:25px}.brand-sub{font-size:8px}.hb-hero{padding:39px 0 43px}.hb-hero-eyebrow{font-size:10px;letter-spacing:.055em;margin-bottom:17px}.hb-hero h1{font-size:clamp(34px,8.8vw,44px);letter-spacing:-.045em}.hb-hero-description{font-size:14px;line-height:1.67;margin-bottom:23px}.hb-search{gap:4px;padding:5px}.hb-search>.ui-icon{margin-left:8px;width:17px;height:17px}.hb-search input{font-size:12px}.hb-search button{padding:9px 13px;min-height:40px}.hb-hero-quick{gap:9px 15px;margin-top:18px}.hb-hero-quick span{font-size:11px}.hb-aside-header{padding:21px 19px 13px}.hb-aside-header h2{font-size:21px}.hb-aside-links{padding:7px}.hb-aside-links a{padding:10px}.hb-aside-footer{padding:15px}.hb-section-heading{align-items:flex-start;flex-direction:column;gap:9px}.hb-section-heading h2{font-size:25px}.hb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hb-category-card{padding:16px;min-height:154px;gap:12px}.hb-category-card strong{font-size:13px}.hb-category-icon{width:39px;height:39px}.hb-category-bottom{font-size:10px}.hb-products-grid,.products-grid{gap:10px}.hb-product-visual{height:112px}.hb-product-glyph{width:50px;height:50px;border-radius:14px}.hb-product-glyph .ui-icon{width:26px;height:26px}.hb-product-kind{font-size:9px;left:10px;bottom:8px}.hb-product-content{padding:13px 11px}.hb-product h3{font-size:12px;min-height:70px;margin-bottom:10px}.hb-product-category{font-size:10px}.hb-product-seller{font-size:10px;margin-bottom:12px}.hb-product-foot strong{font-size:15px}.hb-product-go{width:28px;height:28px}.hb-steps article{padding:21px}.hb-cta{padding:43px 0}.control-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.control-top{padding:22px 18px}.control-top h1{font-size:28px}.control-quick-grid{grid-template-columns:1fr}.integration-grid,.control-split{grid-template-columns:1fr}.control-section-title{align-items:flex-start;flex-direction:column}.control-reconfirm{grid-template-columns:1fr}.control-panel,.integration-card{padding:17px}.auth-card{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important;transform:none!important}}

/* Admin workspace: only one visible panel when client scripting works. */
.admin-tabs-ready .control-main > section[id]{display:none!important}
.admin-tabs-ready .control-main > section[id].admin-tab-active{display:block!important;animation:hb-appear .18s ease-out}
.admin-tabs-ready .control-sidebar .side-link.active{background:#1b5260;border-color:#2b6770;color:#fff}
/* Keep the administration workspace distraction-free. The sidebar includes a return link. */
body:has(.control-shell) .header,
body:has(.control-shell) .sandbox-strip,
body:has(.control-shell) .footer{display:none}
body:has(.control-shell) .site-shell{background:#f5f7f8}
/* Shared detail, auth and finance polishing */
.mini-brand,.auth-bottom a,.form-subline a,.detail-section .overline,.breadcrumb a,.feedback a{color:#16816f}
.auth-card .auth-intro{color:#647c87;font-size:14px}
.auth-card label{font-size:12px;color:#2c4754;font-weight:750}
.auth-card .input{height:47px;border:1px solid #d5e1e3;padding:12px 13px;font-size:13px;color:#153444;background:#fff}
.auth-card .input::placeholder{color:#96a6b4}
.auth-aside .aside-line{border-top-color:#35606c;color:#bdd9d5}
.detail-product-visual{background:#e5f1ed;border:1px solid #d9e6e4;border-radius:15px}
.detail-monogram{background:#f6faf9;color:#168872;box-shadow:none;border:1px solid #d6e8e2}
.detail-visual-caption{color:#72968b}
.purchase-card{background:#fff;border:1px solid #dce7e7;border-radius:15px;box-shadow:0 10px 30px rgba(24,56,61,.05)}
.purchase-card .tag{color:#0f846d;background:#e2f4ed;border-radius:6px}
.purchase-pricing .total-row{border-top:1px solid #e5eeee}
.detail-sidebar .btn-dark{width:100%}
.listing-status,.status-pill,.green-check{color:#0d8569}
.wallet-card-top{color:#c4dfd9}.wallet-card-bottom{color:#accdc9}
.wallet-stat .stat-icon{background:#e2f3ed;color:#198370}
.wallet-live-options .panel{padding:24px}
.payment-method-grid .action-panel{background:#fff;border:1px solid #dce7e7;border-radius:13px;padding:24px}
.panel .panel-head h3{font-size:22px;color:#193543}
.panel .panel-head p,.side-description,.muted-copy{color:#73868e}
.notice{background:#eef9f3;border:1px solid #cfebdf;color:#245b4b}
.notice.error,.notice-danger{background:#fff1ed;border-color:#ffdbd2;color:#a54637}

/* v1.4.1 – inline account validation */
.auth-alert{padding:13px 16px;margin:16px 0;background:#fff1ed;border:1px solid #f3bba9;color:#81321c;border-radius:13px;font-weight:650;font-size:13px;line-height:1.55}
.auth-alert + h1{margin-top:12px}

/* v1.5.0: compact localization controls and consistent spacing; no redesign. */
.hb-preferences{display:flex;align-items:center;gap:5px;border:1px solid #dce8e5;padding:4px;border-radius:10px;background:#f7faf9;flex-shrink:0}
.hb-preferences select{appearance:none;border:0;background:transparent;padding:6px 9px;font-family:inherit;font-size:11px;font-weight:800;color:#274955;max-width:74px;cursor:pointer}
.hb-preferences select:focus-visible,.hb-preferences-submit:focus-visible{outline:2px solid #168875;outline-offset:1px;border-radius:7px}
.hb-preferences-submit{border:0;background:#d9eee6;color:#165c52;font-family:inherit;font-size:11px;font-weight:750;padding:7px 10px;border-radius:7px;cursor:pointer}
.fx-banner{padding:11px 14px;margin-top:12px;border-radius:9px;background:#f2f8f5;border:1px solid #d1e7dc;color:#315c50;font-size:12px}
.nav-inner{gap:12px}.nav-actions{gap:10px}.hb-preferences select:hover{background:#eaf2ef;border-radius:6px}
.data-table th,.data-table td{vertical-align:middle}.panel,.control-panel,.integration-card{overflow-wrap:anywhere}
input,select,textarea{min-width:0}.control-reconfirm{min-width:0}.control-reconfirm>*{min-width:0}
@media(max-width:1080px){.desktop-nav{gap:14px}.nav-label{display:none}}
@media(max-width:700px){.hb-preferences{padding:2px;gap:0}.hb-preferences select{padding:6px 4px;font-size:10px}.hb-preferences-submit{padding:6px;font-size:10px}.nav-inner{gap:5px}.nav-actions{gap:5px}}
@media(max-width:410px){.hb-preferences{max-width:154px}.hb-preferences select{max-width:43px}.hb-preferences-submit{padding:5px 3px}.nav-actions>.btn{padding:7px 8px}}