/* 2.4.1: shared readable type hierarchy and proportional component geometry. */
:root{--ui-text:clamp(19px,1vw,25px);--ui-small:clamp(16px,.85vw,21px);--ui-title:clamp(40px,2.5vw,64px);--ui-heading:clamp(27px,1.5vw,38px);--ui-gap:clamp(24px,1.5vw,38px);--ui-radius:20px;--ui-content-max:1680px}
html body{font-size:var(--ui-text)!important;line-height:1.65}
html body:not(.admin-reference) .container{width:calc(100% - 64px)!important;max-width:var(--ui-content-max)!important;margin-inline:auto}
html body:not(.admin-reference) .container .container{width:100%!important;max-width:100%!important}
html body .header{height:auto!important;min-height:100px;font-size:var(--ui-text)!important}
html body .header-inner{min-height:100px;gap:var(--ui-gap)!important}
html body .main-nav a,html body .footer nav a{font-size:clamp(20px,1.1vw,28px)!important}
html body .main-nav{gap:clamp(18px,1.5vw,36px)!important}
html body .header .brand strong,html body .footer .brand strong{font-size:clamp(30px,1.6vw,40px)!important}
html body .header .brand img{width:52px!important;height:56px!important}
html body .footer small{font-size:var(--ui-small)!important}
html body p,html body label,html body summary,html body input,html body textarea,html body select,html body .button,html body .chip{font-size:var(--ui-text)!important}
html body small,html body .muted,html body .eyebrow,html body dt,html body th{font-size:var(--ui-small)!important;color:#557096}
html body h1,html body .account-hero h1,html body .section-hero h1,html body .ad-hero h1{font-size:var(--ui-title)!important}
html body h2{font-size:var(--ui-heading)!important}
html body h3,html body .section-trust b,html body .member-perk-grid strong{font-size:var(--ui-text)!important}
html body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),html body select,html body .button{min-height:54px;padding:12px 18px!important}
html body input::placeholder,html body textarea::placeholder{color:#7185a4;opacity:1}
html body .button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important}
html body .panel{padding:var(--ui-gap);border-radius:var(--ui-radius)}
html body .discovery{min-height:0!important;padding:clamp(32px,2.5vw,64px) var(--ui-gap)!important;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2vw}
html body .discovery h1{font-size:clamp(52px,3.4vw,86px)!important}
html body .hero-assurances b,html body .service-hub p,html body .member-perk-grid small{font-size:var(--ui-text)!important}
html body .hero-assurances{gap:clamp(18px,1.7vw,42px);margin-top:clamp(28px,2.2vw,56px);flex-wrap:wrap}
html body .hero-assurances i{width:clamp(44px,2.9vw,72px);height:clamp(44px,2.9vw,72px);font-size:clamp(28px,1.8vw,44px);flex-shrink:0}
html body .discovery-actions>a{font-size:var(--ui-text)!important;min-height:clamp(52px,3.3vw,78px);padding:12px 26px!important}
html body .service-hub>a{min-height:clamp(160px,9vw,225px)!important;padding:var(--ui-gap)!important;grid-template-columns:clamp(80px,5.4vw,132px) minmax(0,1fr) 24px;grid-template-rows:auto auto;align-content:center;column-gap:clamp(20px,1.6vw,40px)}
html body .service-hub p{max-width:none!important;width:auto;min-width:0;line-height:1.65;margin:0;align-self:start}
html body .service-hub h2{align-self:end;line-height:1.4}
html body .service-hub .hub-visual{width:100%;height:auto;aspect-ratio:1;display:grid;place-items:center}
html body .service-hub .hub-visual svg{width:92%;height:92%}
html body .service-hub{margin-top:0;gap:var(--ui-gap)}
html body .catalog-head .filters{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:16px}
html body .filter-row{display:flex!important;flex-wrap:wrap!important;gap:14px;align-items:center}
html body .filter-row>strong{min-width:5em}
html body .hero-controls{display:flex!important;z-index:5;bottom:12px;background:#ffffffdf;color:#244370}
html body .hero-controls button{font-size:20px;min-height:38px}
html body .discovery-board{min-height:0;height:clamp(380px,26vw,660px)}
html body .discovery-board .hero-art{height:100%!important;margin:0!important}
html body .discovery-board .hero-slide{width:100%;height:100%;object-fit:contain!important}
html body .section-hero-art{height:clamp(340px,24vw,560px)!important;width:100%!important;margin:0!important}
html body .section-hero-art img{width:100%;height:100%;object-fit:contain;opacity:1;mask-image:radial-gradient(ellipse,#000 50%,transparent 78%)}
html body .account-v3.workspace{grid-template-columns:clamp(260px,15vw,350px) minmax(0,1fr);gap:var(--ui-gap)}
html body .account-v3 .sidebar nav a{font-size:var(--ui-text)!important;min-height:64px}
html body .account-hero{min-height:clamp(250px,17vw,400px)}
html body .ac-tabs a,html body .application-steps li,html body .account-v3 .profile strong{font-size:var(--ui-text)!important}
html body.admin-reference .admin-nav{width:clamp(260px,15vw,350px);padding:24px 16px}
html body.admin-reference .admin-body{margin-left:clamp(260px,15vw,350px)}
html body.admin-reference:not(.ad-login) main{width:calc(100% - 64px);max-width:var(--ui-content-max);margin:0 auto;padding:0 0 36px;min-width:0}
html body.admin-reference .ad-content .container,html body.admin-reference .ad-content .page{width:100%;max-width:none;padding-inline:0}
html body.admin-reference .admin-top{min-height:96px}
html body.admin-reference .console-groups a,html body.admin-reference .console-groups summary{font-size:var(--ui-text)!important;padding:15px 12px;min-height:56px}
html body.admin-reference .ad-breadcrumb,html body.admin-reference table,html body.admin-reference td,html body.admin-reference .ad-status,html body.admin-reference .ad-quick-grid a,html body.admin-reference .ad-activity{font-size:var(--ui-text)!important}
html body.admin-reference .ad-tag,html body.admin-reference .ad-legend,html body.admin-reference .ad-top-user small{font-size:var(--ui-small)!important}
html body.admin-reference .ad-hero{min-height:clamp(190px,13vw,300px)!important;padding:26px 6px}
html body.admin-reference .ad-stat{padding:26px!important;min-height:155px!important}
html body.admin-reference .ad-stat strong{font-size:clamp(36px,2.3vw,56px)}
html body.admin-reference .ad-chart{height:290px!important}
html body.admin-reference .ad-chart text{font-size:13px}
html body.admin-reference.ad-collapsed .admin-body{margin-left:0}
html body .ad-login-grid{max-width:1680px;width:calc(100% - 96px);padding:30px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:5vw;min-height:calc(100vh - 170px);align-items:center}
html body .ad-login-story{min-height:clamp(560px,32vw,790px)}
html body .ad-login-story>img{width:62%;height:auto;top:30%;right:-2%;opacity:1}
html body .ad-login-benefits{width:48%;gap:20px;position:relative;z-index:1}
html body .ad-login-card{padding:clamp(35px,3vw,72px)}
html body .ad-login-card input{min-height:68px!important}
.category-edit form,.action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.category-edit{margin-top:12px}.category-edit input{max-width:240px}
.ui-dialog{border:0;border-radius:20px;padding:30px;width:min(760px,calc(100% - 32px));max-height:90vh;overflow:auto;color:#193453}.ui-dialog::backdrop{background:#11284966}.ui-dialog form{display:grid;gap:15px}
.level-image{width:42px;height:42px;object-fit:contain;vertical-align:middle}.gallery-images{display:flex;flex-wrap:wrap;gap:20px}.gallery-images img{max-width:100%;height:auto}.import-panel{margin-bottom:24px}.import-panel input{width:100%}
.checkout-hero{display:grid;grid-template-columns:1.2fr 1fr .7fr;align-items:center;gap:30px}.checkout-hero img{width:100%;height:280px;object-fit:contain}.checkout-top{display:flex;justify-content:space-between;gap:20px}.checkout-step{display:grid;grid-template-columns:54px 1fr;gap:20px;margin:26px 0}.checkout-step>b{display:grid;place-items:center;border-radius:50%;width:50px;height:50px;background:#2865ff;color:white}.checkout-value{display:flex;gap:20px;align-items:center;padding:22px;border:1px solid #d5e3fa;border-radius:14px;color:#183463}.checkout-value strong{color:#194bfa;font-size:clamp(38px,2.8vw,66px)}.checkout-value button{margin-left:auto}.checkout-address{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:24px}.checkout-address code{color:#122a4a!important;background:transparent!important;font-size:var(--ui-text);overflow-wrap:anywhere}.checkout-qr{padding:16px;background:white;text-align:center}.checkout-qr canvas{max-width:100%;height:auto}.checkout-expiry{padding:22px;background:#ecf3ff;border-radius:12px;color:#124cab}.network-choice{padding:22px;background:#eef3ff;border:2px solid #3a65ff;border-radius:12px;color:#1844be;font-weight:700}
@media(max-width:1600px){html body .header-search{display:none}html body .main-nav{overflow:auto!important}html body.admin-reference .ad-dashboard-grid{grid-template-columns:1fr 1fr}html body.admin-reference .ad-dashboard-grid>.panel:first-child{grid-column:1/-1}html body .ad-login-benefits{width:52%}}
@media(max-width:1000px){html body .header-inner{flex-wrap:wrap!important}html body .main-nav{width:100%!important;order:3}html body .account-v3.workspace{grid-template-columns:1fr}html body .account-v3 .sidebar nav{display:flex;overflow:auto}.checkout-hero{grid-template-columns:1fr 1fr}.checkout-hero aside{display:none}html body .ad-login-grid{grid-template-columns:1fr;max-width:900px}html body .ad-login-story{min-height:260px}html body .ad-login-story>img,html body .ad-login-benefits{display:none}}
@media(max-width:760px){:root{--ui-text:18px;--ui-small:16px;--ui-title:34px;--ui-heading:26px;--ui-gap:20px}html body:not(.admin-reference) .container{width:calc(100% - 32px)!important}html body.admin-reference .admin-body{margin-left:0}html body.admin-reference .admin-nav{width:280px}html body.admin-reference:not(.ad-login) main{width:calc(100% - 28px)}html body.admin-reference .ad-dashboard-grid,html body .checkout-hero{grid-template-columns:1fr}html body .discovery h1{font-size:42px!important}html body .discovery{min-height:0!important;padding:20px 0!important}html body .ad-login-grid{width:calc(100% - 32px);padding:0}html body .ad-login-card{padding:24px}html body .checkout-hero img{height:200px}.checkout-address{grid-template-columns:1fr}.checkout-step{grid-template-columns:1fr}.checkout-value{flex-wrap:wrap}.checkout-top{flex-wrap:wrap}html body .service-hub>a{padding:20px!important}html body .ad-stat-grid{grid-template-columns:1fr}html body .account-v3 .stat-grid{grid-template-columns:1fr}html body .ad-hero em{display:none}}
html body .discovery-board .hero-art{left:0!important;right:0!important;width:100%!important;max-width:100%!important} html body .discovery-board{min-width:0}
html body .product-title{font-size:var(--ui-text)!important;line-height:1.5} html body .price-line strong{font-size:var(--ui-heading)!important} html body .tags span,html body .tag,html body .ad-tag,html body .badge,html body .header .login-button{font-size:var(--ui-small)!important} html body button{font-size:var(--ui-text)}

/* Component widths follow their text instead of legacy fixed 160/210px columns. */
html body .member-perk-grid>*,html body .form-grid>*,html body .ad-filter-row>*,html body .account-v3 .ac-info{min-width:0}
html body .member-perk-grid{gap:clamp(24px,2vw,50px)}
html body .section-hero{align-items:center}
html body .section-hero p{max-width:42em;line-height:1.7}
html body .ad-hero>img{width:clamp(340px,25vw,620px);height:100%;object-fit:contain;top:0;right:15%}
html body .ad-top-user,html body .action-row{flex-shrink:0}
html body table th,html body table td{padding:18px 16px;line-height:1.5}
html body .form-grid{column-gap:var(--ui-gap);row-gap:20px}
html body label{line-height:1.5}
html body .checkout-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(200px,.65fr)}
html body .checkout-hero img{height:clamp(260px,18vw,430px)}
html body .ad-hero>div{max-width:56%;position:relative;z-index:1}
@media(max-width:1000px){html body .discovery{grid-template-columns:1fr!important}html body .discovery-board{height:380px}html body .checkout-hero{grid-template-columns:1fr 1fr}html body .ad-hero>img{right:0;opacity:.35}html body .ad-hero>div{max-width:75%}}
@media(max-width:760px){html body .service-hub>a{grid-template-columns:70px minmax(0,1fr) 16px;min-height:140px!important;column-gap:16px}html body .service-hub h2{font-size:24px!important}html body .service-hub p{font-size:18px!important}html body .discovery-board{height:300px}html body .hero-assurances{gap:16px}html body .hero-assurances>div{flex:1 1 140px}html body .checkout-hero{grid-template-columns:1fr}html body .ad-login-grid{width:calc(100% - 32px);padding:0}html body .ad-hero>div{max-width:100%}html body .ad-hero>img{display:none}}

/* Settings values must match labels; legacy attribute selectors have higher specificity. */
html body.admin-reference input:not([type=hidden]):not([type=checkbox]):not([type=radio]),html body.admin-reference select,html body.admin-reference textarea,html body.admin-reference button,html body.admin-reference .button{font-size:var(--ui-text)!important;line-height:1.5!important}
html body.admin-reference input::placeholder,html body.admin-reference textarea::placeholder{font-size:inherit!important}
html body.admin-reference .ad-login-help,html body.admin-reference .ad-login-help a,html body.admin-reference .ad-login-help small,html body.admin-reference .ad-login-card>small{font-size:var(--ui-small)!important;line-height:1.7}
html body.admin-reference .ad-login-card .button{min-height:60px!important}
html body .search-form input,html body .search-form input::placeholder{font-size:var(--ui-text)!important}
html body.admin-reference{--ui-small:var(--ui-text)} html body.admin-reference .ad-login-help,html body.admin-reference .ad-login-help a,html body.admin-reference .ad-login-footnote{font-size:var(--ui-text)!important;color:#526b8e} html body.admin-reference .ad-login-help a{color:#245dff}
html body.is-home #catalog .search-form input,html body.is-home #catalog .search-form input::placeholder{font-size:var(--ui-text)!important} html body .language-tags span,html body .image-label,html body .member-badge{font-size:var(--ui-small)!important;line-height:1.5}

/* 2.4.2: bounded, centered content on every surface; typography unchanged. */
html body .header-search{display:none}
html body .header-inner{gap:20px!important}
html body .main-nav{gap:18px!important}
html body .footer-inner{flex-wrap:wrap;gap:24px}
html body .account-v3.workspace,html body .checkout-page,html body .ai-page{max-width:var(--ui-content-max)!important;margin-inline:auto}
html body .ad-login-header{max-width:var(--ui-content-max);margin-inline:auto;width:calc(100% - 64px);padding-inline:0;box-sizing:border-box}
@media(min-width:1001px){html body .discovery{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}html body .discovery-board{height:clamp(380px,24vw,540px)}html body .main-nav a{font-size:clamp(20px,1.1vw,26px)!important}}
@media(min-width:1200px){html body .hero-assurances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}html body .hero-assurances>div{min-width:0;gap:8px}html body .hero-assurances i{width:52px;height:52px;font-size:32px}html body .hero-assurances small{white-space:normal}} html body .promo{flex-wrap:wrap;gap:20px;min-width:0} html body .promo>div{min-width:0;flex:1 1 260px} html body .promo>.button{flex-shrink:0;max-width:100%}

/* 2.4.3: four reviewed fixes; public container width deliberately unchanged. */
html body .promo{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto;align-content:center;justify-items:start;gap:16px!important;padding:28px!important;height:auto!important;overflow:visible}
html body .promo>.promo-icon{display:none!important}
html body .promo>div{width:100%;min-width:0;max-width:100%}
html body .promo h2,html body .promo p{white-space:normal!important;overflow-wrap:anywhere;max-width:100%;margin:0}
html body .promo>.button{position:static!important;inset:auto!important;transform:none!important;margin:0!important;grid-row:2;justify-self:start;display:inline-flex!important}
html body .support-widget{width:360px;max-width:calc(100vw - 32px);right:24px;bottom:24px}
html body .support-panel{width:100%;max-width:100%;padding:18px!important;max-height:calc(100dvh - 130px)}
html body .support-heading{font-size:22px!important;padding:0 0 14px}
html body .support-heading button{width:44px;height:44px;font-size:30px!important}
html body .support-channel{min-height:120px;gap:18px;padding:20px}
html body .support-channel strong{font-size:25px!important}
html body .support-channel small{font-size:20px!important;line-height:1.5}
html body .support-icon{width:58px;height:58px;padding:12px}
html body .support-toggle{width:66px;height:66px;padding:16px}
html body.admin-reference:not(.ad-login) main{max-width:1440px!important}
html body.admin-reference .ad-hero{position:relative;overflow:visible;min-height:240px!important}
html body.admin-reference .ad-hero>img{position:absolute!important;width:clamp(250px,20vw,380px)!important;height:210px!important;max-height:100%;top:15px!important;right:180px!important;object-fit:contain;display:block;opacity:1}
html body.admin-reference .ad-dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}
html body.admin-reference .ad-dashboard-grid>*,html body.admin-reference .ad-status>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:1600px){html body.admin-reference .ad-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body.admin-reference .ad-dashboard-grid>.panel:first-child{grid-column:1/-1}}
@media(max-width:760px){html body .support-widget{right:16px;bottom:16px;width:340px}html body .support-panel{padding:14px!important}html body .support-channel{padding:14px;gap:12px}html body.admin-reference .ad-hero>img{display:none!important}html body.admin-reference .ad-hero{min-height:180px!important}html body.admin-reference .ad-dashboard-grid{grid-template-columns:1fr}}

/* Whole admin workspace: navigation and content share one centered frame. */
html body.admin-reference .admin-frame{width:100%;max-width:1840px;margin-inline:auto;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100dvh;align-items:start}
html body.admin-reference .admin-frame>.admin-nav{position:sticky;inset:auto;top:0;width:280px;height:100dvh;min-height:0;overflow-y:auto;transform:none}
html body.admin-reference .admin-frame>.admin-body{margin-left:0;width:100%;min-width:0}
html body.admin-reference .admin-frame main{width:calc(100% - 48px);max-width:none!important;margin-inline:auto}
html body.admin-reference.ad-collapsed .admin-frame{grid-template-columns:minmax(0,1fr)}
html body.admin-reference.ad-collapsed .admin-frame>.admin-nav{display:none}
@media(max-width:1100px) and (min-width:761px){
 html body.admin-reference .admin-frame{grid-template-columns:240px minmax(0,1fr)}
 html body.admin-reference .admin-frame>.admin-nav{width:240px}
 html body.admin-reference .admin-frame .ad-hero>img{display:none!important}
 html body.admin-reference .admin-frame .ad-dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 html body.admin-reference .admin-frame{display:block}
 html body.admin-reference .admin-frame>.admin-nav{display:flex;position:fixed;inset:0 auto 0 0;width:280px;transform:translateX(-100%)}
 html body.admin-reference.ad-mobile-open .admin-frame>.admin-nav{transform:translateX(0)}
 html body.admin-reference .admin-frame main{width:calc(100% - 28px)}
}
@media(max-width:760px){html body.admin-reference.ad-mobile-open .ad-menu-toggle{position:fixed;left:290px;top:14px;z-index:70;background:#fff!important;border-radius:8px;min-width:44px;min-height:44px}}

/* 2.4.4: deliberate type hierarchy; do not enlarge every element indiscriminately. */
html body.admin-reference{--ui-text:20px;--ui-small:18px;--ui-heading:30px;--ui-title:44px}
html body table td strong{font-size:inherit!important;line-height:1.5}
html body pre,html body code,html body .code-block{font-size:18px!important;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
html body input,html body textarea,html body select{font-family:inherit!important;font-size:20px!important}
html body input:-webkit-autofill::first-line{font-family:inherit!important;font-size:20px!important}
html body .server-view-switch button,html body .sms-region-heading .segment a,html body .service-tile strong,html body .sms-categories b,html body .price-line em,html body .purchase-price,html body .member-pay-steps b,html body .password-toggle,html body .file-picker strong,html body .file-picker span{font-size:18px!important;line-height:1.5}
html body .main-nav a{color:#172e54!important}
html body .main-nav a:hover,html body .main-nav a.active,html body .main-nav a[aria-current=page]{color:#245dff!important}
html body.admin-reference table{font-size:19px!important}
html body.admin-reference table th{font-size:18px!important}
html body.admin-reference table td{padding:16px 14px;vertical-align:middle}
html body.admin-reference table td small{font-size:18px!important;line-height:1.5;color:#557096;overflow-wrap:anywhere}
html body.admin-reference .ad-tag{white-space:nowrap;display:inline-block;font-size:18px!important}
html body.admin-reference table .button,html body.admin-reference table button,html body.admin-reference table summary{font-size:19px!important;min-height:42px;padding:7px 12px;white-space:nowrap;line-height:1.4!important}
html body.admin-reference .users-table{min-width:1140px;table-layout:fixed}
html body.admin-reference .users-table th:nth-child(1){width:24%}
html body.admin-reference .users-table th:nth-child(2){width:15%}
html body.admin-reference .users-table th:nth-child(3){width:15%}
html body.admin-reference .users-table th:nth-child(4){width:13%}
html body.admin-reference .users-table th:nth-child(5){width:10%}
html body.admin-reference .users-table th:nth-child(6){width:7%}
html body.admin-reference .users-table th:nth-child(7){width:16%}
html body.admin-reference .users-table td:first-child{overflow-wrap:anywhere}
html body.admin-reference .user-actions{display:grid;grid-template-columns:repeat(2,max-content);gap:8px;align-items:center}
html body.admin-reference .user-actions form{margin:0;display:contents}
html body.admin-reference .user-actions .button{width:100%}
html body.admin-reference .categories-table{min-width:1020px}
html body.admin-reference .category-row{display:flex;gap:8px;align-items:center;margin:0!important}
html body.admin-reference .category-edit{margin-top:10px;border:0;padding:0;background:none}
html body.admin-reference .category-edit summary{display:inline-flex;border:1px solid #d7e3fa;border-radius:8px;color:#245dff;cursor:pointer}
html body.admin-reference .category-edit form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
html body.admin-reference .category-edit input{width:220px;min-width:0;flex:1 1 180px}
html body .hero-controls{border-color:#bfd1f4;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}
html body .hero-controls button{color:#245dff!important;min-width:40px;min-height:44px;font-size:20px!important}
html body .hero-dots{flex-wrap:wrap;justify-content:center}
html body .hero-controls button[aria-pressed=true]:after{background:#245dff}
html body .hero-controls button:hover{background:#dce9ff}
@media(max-width:760px){html body.admin-reference{--ui-text:19px;--ui-small:18px;--ui-title:32px;--ui-heading:26px}html body.admin-reference .admin-top{flex-wrap:wrap;height:auto;min-height:76px;padding-block:12px}html body .hero-controls{gap:2px}html body .hero-controls button{min-width:32px}}

html body .checkout-assurances b,html body .sms-category-tabs b,html body .auth-card button[type=button]{font-size:18px!important}

html body .sms-type-grid b,html body .role-badge,html body .ac-panel-head>a,html body .account-v3 button[type=button],html body .account-v3 .notice{font-size:18px!important;line-height:1.5}
html body.admin-reference .ad-chart text{font-size:18px!important}
html body.admin-reference .users-table{min-width:1300px}
html body.admin-reference .users-table th:nth-child(1){width:22%}
html body.admin-reference .users-table th:nth-child(2){width:14%}
html body.admin-reference .users-table th:nth-child(3){width:14%}
html body.admin-reference .users-table th:nth-child(4){width:12%}
html body.admin-reference .users-table th:nth-child(6){width:8%}
html body.admin-reference .users-table th:nth-child(7){width:20%}

html body .account-v3 .ac-info a{font-size:18px!important}
html body .account-v3 details>a{font-size:18px!important}
/* 2.4.5: independent SMS selector and purchase workflow */
.sms-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.sms-picker{border:1px solid #cddaf0;border-radius:14px;min-width:0;background:#fff;overflow:hidden}
.sms-picker summary{padding:16px 18px;cursor:pointer;list-style:none;display:grid;gap:8px;font-size:16px;color:#61779c}
.sms-picker summary::-webkit-details-marker{display:none}.sms-picker summary strong{font-size:18px;color:#172b4d;font-weight:600}
.sms-picker[open]{border-color:#3265ff;box-shadow:0 6px 24px #2552bc0c}
.sms-picker-body{padding:0 12px 12px}.sms-picker-body input{width:100%;font-size:16px;min-width:0}
.sms-options{max-height:360px;overflow-y:auto;overscroll-behavior:contain;margin-top:8px}
.sms-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-radius:8px;background:white;padding:13px 10px;color:#172b4d;font:inherit;font-size:16px;cursor:pointer;min-height:60px}
.sms-option:hover,.sms-option.active{background:#edf3ff}.sms-option img,.sms-selected-country img{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.sms-option-name{flex:1;min-width:0}.sms-option-name small{display:block;font-size:16px;color:#6d7e98;margin-top:4px}
.sms-option-price{font-size:16px;font-weight:600;color:#2460d7;white-space:nowrap}
.sms-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;color:#667c9e;margin:10px 0}
.sms-workspace [hidden]{display:none!important}
.sms-selector-panel .service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 26px}
.sms-selector-panel .service-tile{font:inherit;font-size:16px;padding:16px 8px;background:#fff;min-width:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:flex-start}
.sms-selector-panel .service-tile.active{border-color:#3265ff;background:#f0f5ff}.sms-selector-panel .service-tile strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere;font-weight:500}
.sms-selector-panel .service-tile img{width:36px;height:36px;object-fit:contain}.sms-selector-panel h4{font-size:18px;margin:24px 0 8px}
.sms-selected-country{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f2f5fa;border-radius:12px;margin-bottom:16px;font-size:18px;font-weight:600}
.sms-selected-country>span{display:flex;align-items:center;gap:12px}.sms-selected-country button{border:0;background:transparent;color:#657797;font-size:26px;cursor:pointer;width:40px;height:40px}
.sms-purchase-card{padding:24px;border:1px solid #dce6fa;border-radius:18px;background:linear-gradient(115deg,#f6faff,#edf3ff)}
.sms-verification{display:flex;gap:20px;align-items:center;font-size:16px;color:#687c9e}.sms-verification strong{font-size:17px;color:#244978}
.sms-quote-display{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:22px 0 12px}.sms-quote-display>div>span{display:block;color:#637b9f;font-size:16px;margin-bottom:6px}
.sms-quote-display [data-price]{font-size:30px;line-height:1.4;color:#245eff;font-weight:750}
.sms-stock{text-align:center;background:#fff;border:1px solid #d8e5fb;border-radius:14px;padding:12px 22px;min-width:145px}.sms-stock strong{font-size:24px;color:#137f73}.sms-stock small{font-size:16px;color:#6a829c;margin-left:6px}
.sms-quote-status{font-size:16px;color:#667d9e;min-height:24px;overflow-wrap:anywhere}
.sms-purchase-actions{display:flex;gap:12px;align-items:stretch}.sms-purchase-actions form:first-child{flex:1}.sms-purchase-actions form{margin:0}.sms-purchase-actions .button{min-height:52px;font-size:18px;border-radius:12px}
.sms-purchase-actions .sms-favorite{width:56px;padding:0;font-size:30px;background:white;color:#567499}
.sms-purchase-note{font-size:16px!important;line-height:1.7!important;color:#687e9e;margin:16px 0 0}.sms-workspace button:disabled{opacity:.6;cursor:not-allowed}.sms-manage .button{font-size:17px}
@media(max-width:1100px){.sms-picker-grid{grid-template-columns:1fr}.sms-selector-panel .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.sms-purchase-card{padding:16px}.sms-quote-display{gap:12px}.sms-stock{min-width:100px;padding:10px}.sms-quote-display [data-price]{font-size:24px}.sms-stock strong{font-size:22px}.sms-country-option{gap:8px}.sms-option-price{font-size:16px}.sms-list-toolbar{flex-wrap:wrap}}
/* Common navigation labels: readable at normal browser zoom. */
.breadcrumb{font-size:16px!important;line-height:1.6!important;color:#526b92!important}
.sms-workspace .hero-handwriting{font-size:16px!important}
@media(max-width:600px){.sms-selector-panel .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sms-selector-panel .service-tile strong{overflow-wrap:normal;word-break:normal}.sms-selector-panel .service-tile{padding:14px 10px}}
/* 2.4.6: product overview + constrained gallery + real recommendations */
.product-page .breadcrumb,.product-page .breadcrumb a,.product-page .breadcrumb span{font-size:18px!important;line-height:1.7!important;color:#4e668c!important}
.product-page .breadcrumb{margin:0 0 22px;display:flex;gap:10px;flex-wrap:wrap}
.product-page-grid{display:grid;grid-template-columns:minmax(0,1fr)300px;grid-template-areas:"overview store" "description recommendations";gap:24px;align-items:start}
.product-page-grid>.panel{margin:0;min-width:0;padding:24px;border-radius:16px}
.product-overview{grid-area:overview;display:grid;grid-template-columns:minmax(220px,34%) minmax(0,1fr);gap:24px;border-top:4px solid #3077ff}
.product-cover{min-width:0}.product-image-button{display:block;width:100%;padding:10px;border:1px solid #e0e8f5;border-radius:12px;background:#f6f9ff;cursor:zoom-in;color:#567398;font:inherit;text-align:center;overflow:hidden}
.product-cover .product-image-button img,.product-cover>.product-image{display:block;width:100%;height:240px;max-height:240px;object-fit:contain;object-position:center;border-radius:8px}
.product-image-button>span{display:block;font-size:16px;line-height:1.5;padding:8px 0 0}
.product-overview-info{min-width:0}.product-category{display:inline-block;padding:5px 10px;border:1px solid #dae6ff;border-radius:6px;background:#f3f7ff;color:#2c65ba;font-size:16px}
.product-overview-info h1{font-size:28px!important;line-height:1.45!important;margin:14px 0;overflow-wrap:anywhere;color:#172945;letter-spacing:0!important}
.product-meta{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:16px;line-height:1.6;color:#627999}
.product-summary{font-size:17px;line-height:1.7;color:#5c7192;margin:14px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-page .language-tags{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}.product-page .language-tags span{font-size:16px!important}
.product-cost{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;color:#58708f;font-size:17px;margin:18px 0 12px}.product-cost strong{color:#2462ee;font-size:30px;line-height:1.2}
.product-membership{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px;color:#745b2f;margin-bottom:16px}.product-membership .member-badge{font-size:16px!important}
.product-buy-area form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.product-buy-area label{display:block;flex:1;min-width:180px;font-size:16px}.product-buy-area select{font-size:17px;min-height:46px;margin-top:6px;width:100%}.product-buy-area .button{font-size:18px;min-height:46px}
.product-purchase-note{font-size:16px!important;line-height:1.7!important;color:#627999;margin:16px 0 0}.product-download-code{font-size:16px;margin-top:12px;overflow-wrap:anywhere}
.product-store{grid-area:store;text-align:center;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.product-store-logo{object-fit:contain}.product-store h2{font-size:22px!important;margin:0}.product-store p{font-size:16px;line-height:1.6;margin:0 0 12px;color:#6b7e9c}.product-store .button{font-size:16px!important;width:100%;padding:12px 8px}
.product-description{grid-area:description}.product-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e1e8f4;padding-bottom:18px;margin-bottom:24px}.product-section-heading h2,.product-recommendations h2{font-size:22px!important;line-height:1.5!important;margin:0}.product-section-heading>a{font-size:16px;white-space:nowrap}.product-description h3{font-size:22px;line-height:1.6;overflow-wrap:anywhere}.product-description-text{font-size:18px;line-height:1.9;color:#4f6484;overflow-wrap:anywhere}
.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.product-gallery img{display:block;width:100%;height:320px;max-height:320px;object-fit:contain;object-position:top center;border-radius:8px}
.product-benefits{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #e3eaf6;padding-top:20px;margin-top:24px;font-size:16px;color:#526b91}
.product-recommendations{grid-area:recommendations}.product-recommendations h2{border-left:4px solid #2872ff;padding-left:12px;margin-bottom:10px}
.product-recommendation{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid #e5ebf5;color:#263d5b;text-decoration:none}.product-recommendation:last-child{border-bottom:0;padding-bottom:0}.recommendation-image img,.recommendation-image .image-placeholder{display:block;width:76px;height:64px;object-fit:contain;background:#f3f6fb;border-radius:8px}.product-recommendation h3{font-size:16px!important;font-weight:600;line-height:1.5;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.product-recommendation small,.product-recommendation time{display:block;font-size:16px!important;line-height:1.5;color:#667a96}.product-recommendations>.muted{font-size:16px}
.product-lightbox{border:0;border-radius:16px;background:#111c30;color:white;max-width:94vw;width:min(1200px,94vw);max-height:94dvh;padding:16px;box-shadow:0 24px 80px #0008}.product-lightbox::backdrop{background:#081226d9}.product-lightbox[open]{display:flex;flex-direction:column;gap:12px}.product-lightbox-bar,.product-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-lightbox img{display:block;min-height:0;width:100%;height:72dvh;object-fit:contain}.product-lightbox button{border:1px solid #647797;background:#22334f;color:#fff;font:inherit;font-size:18px;padding:10px 16px;border-radius:8px;cursor:pointer}.product-lightbox [data-image-counter]{font-size:16px}.product-lightbox-controls{justify-content:center}.product-lightbox button:disabled{opacity:.4;cursor:default}
.product-delete-form{display:inline-block;margin:4px 0 4px 8px}.product-delete-form .danger{color:#b5373a;border-color:#efc9ca}.product-page button:focus-visible,.product-page a:focus-visible,.product-lightbox button:focus-visible{outline:3px solid #356bfa;outline-offset:3px}
@media(max-width:1150px){.product-page-grid{grid-template-columns:minmax(0,1fr)260px;gap:18px}.product-overview{grid-template-columns:1fr}.product-cover .product-image-button img{height:220px}.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.product-overview-info h1{font-size:26px!important}}
@media(max-width:800px){.product-page-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"overview" "description" "store" "recommendations"}.product-overview{grid-template-columns:minmax(0,1fr)}.product-page-grid>.panel{padding:18px}.product-gallery img{height:240px;max-height:240px}.product-store{align-self:start}.product-recommendation{grid-template-columns:92px minmax(0,1fr)}.recommendation-image img,.recommendation-image .image-placeholder{width:92px;height:72px}.product-page .breadcrumb,.product-page .breadcrumb a,.product-page .breadcrumb span{font-size:16px!important}.product-overview-info h1{font-size:24px!important}.product-description-text{font-size:17px}.product-buy-area form .button{width:100%}}
@media(max-width:480px){.product-gallery{gap:10px}.product-gallery img{height:210px;max-height:210px}.product-image-button{padding:6px}.product-lightbox{padding:12px}.product-lightbox button{font-size:16px;padding:10px}.product-section-heading{gap:8px}}
.product-page,.product-lightbox{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.product-cover .product-image{background:#f3f7ff!important}
/* 2.4.8: membership conversion for member-free products only */
.product-buy-area{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}
.product-buy-area>form{flex:1 1 280px;min-width:0}
.product-buy-area .product-member-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border:1px solid #d6a246;border-radius:10px;background:linear-gradient(120deg,#fff8e7,#ffe5aa);color:#754609;box-shadow:0 4px 12px #ac79221a;font-size:17px;font-weight:700;white-space:normal;text-align:center;line-height:1.5}
.product-member-cta svg{flex-shrink:0}.product-buy-area .product-member-cta:hover{background:linear-gradient(120deg,#fff0cc,#ffdc8d);border-color:#b77c21;box-shadow:0 6px 16px #ac79222b}
.product-buy-area .product-download-code,.product-buy-area>.notice{flex-basis:100%}
@media(max-width:600px){.product-buy-area .product-member-cta{width:100%;min-height:48px;font-size:17px}}

/* 2.4.8: closed SMS pickers expose only their summary. */
.sms-picker:not([open])>.sms-picker-body{display:none!important}

/* 2.4.9 verification mode buttons */
.sms-verification{flex-wrap:wrap}.sms-type-options{display:flex;gap:12px;flex-wrap:wrap}
.sms-type-options .sms-type{display:flex;align-items:center;gap:10px;padding:12px 18px;min-height:52px;border:1px solid #c9d8f5;border-radius:12px;background:#fff;color:#355880;font-size:17px;font-weight:600;cursor:pointer}
.sms-type svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.sms-type-options .sms-type.active{border-color:#2864ff;background:#e8f0ff;color:#1858dc;box-shadow:0 3px 12px #2864ff18}
.sms-type:focus-visible{outline:3px solid #85adff;outline-offset:3px}
@media(max-width:600px){.sms-type-options{width:100%}.sms-type-options .sms-type{flex:1 1 180px;justify-content:center}}

.communication-tabs{display:inline-flex;background:#f0f2f7;border-radius:32px;padding:5px;gap:6px;margin:0 0 24px}
.communication-tabs a{display:flex;align-items:center;gap:10px;color:#203956;padding:12px 22px;border-radius:28px;font-size:18px;text-decoration:none}
.communication-tabs a.active{background:white;box-shadow:0 2px 8px #1836560b}
.communication-info{color:#7055ef;background:#e8eaff;border-radius:50%;width:26px;height:26px;text-align:center}
.email-page>section{margin-bottom:24px}.email-page label{display:block;max-width:600px;margin:16px 0}.email-order{padding:20px 0;border-bottom:1px solid #e5ebf5}.email-order h3,.email-message{overflow-wrap:anywhere}.email-message{white-space:pre-wrap;font-family:inherit;font-size:16px}

.checkout-methods{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.checkout-methods section{border:1px solid #dce5f5;border-radius:16px;padding:24px}
.chain-pay-dialog{border:0;border-radius:20px;padding:28px;width:min(520px,calc(100vw - 32px));max-height:90dvh;overflow:auto;text-align:center;color:#183151}
.chain-pay-dialog::backdrop{background:#15233d80}.chain-pay-dialog code{display:block;overflow-wrap:anywhere;font-size:16px;margin:16px 0}.chain-pay-dialog .checkout-qr{margin:auto}.chain-pay-dialog [data-chain-close]{float:right}
@media(max-width:600px){.checkout-methods{grid-template-columns:1fr}}

/* Payment visual reference: scoped to chain orders, all amounts remain server data. */
.checkout-reference{max-width:1180px;margin:0 auto;padding:24px 28px 38px;color:#102745}
.pay-ref-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr) minmax(150px,.65fr);align-items:center;position:relative;min-height:265px}
.pay-ref-intro{z-index:1}.pay-ref-intro>p{font-size:16px;color:#58759b;margin:12px 0}.pay-ref-intro>p b{color:#1e65ff}.pay-ref-intro h1{font-size:44px;line-height:1.25;margin:14px 0;color:#071f44}
.pay-ref-hero>img{width:100%;height:270px;object-fit:contain;mix-blend-mode:multiply}.pay-ref-hero aside h2{font-size:28px;line-height:1.4;margin:0}.pay-ref-hero aside p{font-size:16px}.pay-ref-hero aside>span{display:block;border-radius:22px;background:#ffffff65;font-size:16px;padding:6px 12px;margin:6px 0;color:#4b6d97}
.pay-ref-stats{display:flex;gap:18px;margin-top:32px}.pay-ref-stats>div{display:flex;gap:10px;align-items:center;font-size:16px;min-width:0}.pay-ref-stats i{font-style:normal;border-radius:50%;background:#ffffff90;display:grid;place-items:center;width:44px;height:44px;font-size:26px;flex-shrink:0}.pay-ref-stats strong{display:block;margin-top:6px;font-size:16px;color:#112441}.pay-ref-stats span{color:#617a9c}
.pay-ref-panel{border-radius:20px;background:#ffffffed;padding:28px 32px;box-shadow:0 14px 48px #1957a80a}
.pay-ref-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;margin-bottom:28px}.pay-step-number{display:grid;place-items:center;border-radius:50%;width:48px;height:48px;background:linear-gradient(130deg,#09b8ff,#8b35ff);color:white;font-size:25px;box-shadow:0 5px 10px #2d75ee15}
.pay-ref-step h2{font-size:24px;margin:2px 0 8px}.pay-ref-step p{font-size:16px;color:#587394;margin:8px 0}
.pay-ref-network{display:flex;gap:18px;align-items:center;border:1px solid #289aff;background:linear-gradient(100deg,#f7fcff,#eaf4ff);border-radius:12px;padding:18px 20px;margin-top:12px}.pay-ref-network>i{display:grid;place-items:center;width:46px;height:46px;background:#17a485;border-radius:50%;font-style:normal;color:white;font-size:30px}.pay-ref-network strong{font-size:21px}.pay-ref-network p{margin:4px 0}.pay-ref-network>b{margin-left:auto;border-radius:50%;background:#2162ff;color:white;padding:4px 10px;font-size:24px}
.pay-ref-value,.pay-ref-address{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #dfe7f6;border-radius:12px;background:#f9fbff}
.pay-ref-value strong{font-size:46px;color:#2460ff;margin-right:12px}.pay-ref-value .button,.pay-ref-address .button{background:#e9f0ff;color:#2460ff;border:0;white-space:nowrap}
.pay-ref-tip{background:#eff4ff;border-radius:10px;padding:10px 14px}.pay-ref-address-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:26px;align-items:center}.pay-ref-address code{font-size:16px;overflow-wrap:anywhere;font-weight:600;min-width:0}
.pay-ref-qr{padding:16px 12px;border-radius:16px;background:white;text-align:center;box-shadow:0 4px 16px #1957a810}.pay-ref-qr canvas{width:140px!important;height:140px!important;max-width:100%;object-fit:contain}.pay-ref-qr small{font-size:16px;color:#5a7da8;line-height:1.6;display:block}
.pay-ref-info,.pay-ref-expiry{padding:12px 16px;border-radius:12px;font-size:16px}.pay-ref-info{background:#eaf6ff;color:#3e6f9e}.pay-ref-expiry{background:#e0f5ee;color:#10854f;font-weight:600}.pay-ref-panel>p{font-size:16px;color:#5a7391}.pay-ref-panel footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;color:#6383ad;font-size:16px}.pay-ref-panel footer .button{border-radius:26px}
@media(max-width:900px){.pay-ref-hero{grid-template-columns:1fr 240px}.pay-ref-hero aside{display:none}.pay-ref-intro h1{font-size:34px}.pay-ref-stats{flex-wrap:wrap}.pay-ref-address-layout{grid-template-columns:1fr}.pay-ref-qr{width:190px;margin:auto}}
@media(max-width:600px){.checkout-reference{padding:18px 16px}.pay-ref-hero{display:block;min-height:0;margin-bottom:24px}.pay-ref-hero>img{display:none}.pay-ref-panel{padding:22px 16px}.pay-ref-step{grid-template-columns:34px minmax(0,1fr);gap:10px}.pay-step-number{width:34px;height:34px;font-size:20px}.pay-ref-step h2{font-size:21px}.pay-ref-value,.pay-ref-address{flex-wrap:wrap;padding:14px}.pay-ref-value strong{font-size:32px}.pay-ref-network{padding:12px;gap:10px}.pay-ref-network strong{font-size:17px}.pay-ref-network>i{width:32px;height:32px;font-size:24px;flex-shrink:0}.pay-ref-panel footer{flex-direction:column;align-items:flex-start}}

.sms-duration-label{display:block;max-width:540px;margin:18px 0}.sms-duration-label select{display:block;width:100%;margin:8px 0}.sms-duration-label small{font-size:16px;display:block;color:#6682a7}
.sms-order-list{margin-top:20px}.sms-order-row{display:grid;grid-template-columns:minmax(240px,1.6fr) 110px 150px 140px minmax(220px,1fr);gap:14px;align-items:center;padding:24px 12px;border-bottom:1px solid #e1e7f2;font-size:16px}.sms-order-number{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.sms-order-number img{object-fit:contain}.sms-order-number strong{font-size:18px}.sms-order-number small{flex-basis:100%;font-size:16px;color:#7890af}.sms-order-status{border:1px solid #a2abc0;border-radius:9px;padding:6px 10px;text-align:center}.sms-order-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sms-order-actions form{display:flex;gap:6px;align-items:center}.sms-round{width:42px;height:42px;border:0;border-radius:50%;background:#efedff;color:#7459f6;font-size:26px;cursor:pointer;display:inline-grid;place-items:center}.sms-round:disabled{opacity:.4;cursor:default}.sms-feedback-open{border:0;border-radius:24px;background:#edf0f7;color:#63799e;padding:10px 14px;font-size:16px;cursor:pointer}.sms-refresh-small{border:0;background:none;color:#3c6fb7;font-size:16px;cursor:pointer}.sms-order-code,.sms-order-detail{grid-column:1/-1;margin:0;color:#536f94}.sms-order-code strong{color:#1254dc;font-size:22px;margin:0 14px}.sms-feedback-dialog{max-width:720px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;border:0;border-radius:22px;padding:32px;color:#17314e}.sms-feedback-dialog::backdrop{background:#1119}.sms-feedback-dialog label{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eee;font-size:17px}.sms-feedback-dialog input[type=radio]{width:22px;height:22px}.sms-feedback-dialog>button{float:right}.sms-feedback-dialog form>button{margin-top:20px}
@media(max-width:1200px){.sms-order-row{grid-template-columns:minmax(220px,1fr) 110px 150px}.sms-order-actions{grid-column:2/-1}}
@media(max-width:600px){.sms-order-row{grid-template-columns:1fr 1fr;padding:20px 0}.sms-order-number{grid-column:1/-1}.sms-order-actions{grid-column:1/-1}.sms-order-status{grid-column:1/-1}.sms-feedback-dialog{padding:22px}}

body:has(.checkout-reference){background:radial-gradient(ellipse at 80% 12%,#d3e6ff 0,transparent 38%),linear-gradient(145deg,#e7f2ff 0,#f9fcff 50%,#eaf4ff 100%)}
.pay-ref-hero>img{object-fit:cover;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%);transform:scale(1.15)}
.pay-ref-panel{background:#ffffffeb}.pay-ref-address-layout{align-items:start}.pay-ref-qr small{font-size:14px!important}.pay-ref-address{margin-top:12px}

/* 2.4.10: keep the order action cluster aligned to its actual container. */
.sms-order-list{container-type:inline-size;container-name:sms-orders}
.sms-order-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}
.sms-order-number,.sms-order-status,.sms-order-actions{grid-column:1/-1}
.sms-order-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.sms-order-actions form{display:flex;flex:none;align-items:center;gap:6px;margin:0;padding:0;width:auto}
.sms-order-actions .sms-round{box-sizing:border-box;flex:0 0 36px;width:36px;height:36px;min-height:36px;margin:0;padding:0;line-height:1;font-size:24px}
.sms-order-actions .sms-feedback-open{box-sizing:border-box;flex:none;height:36px;min-height:36px;margin:0;padding:0 12px;white-space:nowrap;line-height:1;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.sms-order-actions button:focus:not(:focus-visible){outline:none}
.sms-order-actions button:focus-visible{outline:2px solid #7459f6;outline-offset:3px}
@container sms-orders (min-width:560px){.sms-order-row{grid-template-columns:minmax(0,1fr) 100px 140px}.sms-order-number{grid-column:auto}.sms-order-status{grid-column:1}.sms-order-actions{grid-column:2/-1}}
@container sms-orders (min-width:1050px){.sms-order-row{grid-template-columns:minmax(240px,1fr) 100px 140px 130px max-content}.sms-order-number,.sms-order-status,.sms-order-actions{grid-column:auto}}
@container sms-orders (max-width:290px){.sms-order-actions{gap:5px;justify-content:flex-start}.sms-order-actions form{gap:4px}.sms-order-actions .sms-round{flex-basis:32px;width:32px;height:36px}.sms-order-actions .sms-feedback-open{padding:0 8px;font-size:13px}}

/* 2.4.11 temporary mailbox reference page */
.email-reference{max-width:1280px}.email-breadcrumb{display:flex;justify-content:space-between;align-items:center;margin:18px 0;color:#446793;font-size:16px}.email-breadcrumb>a{border-radius:24px;background:#e8eeff;padding:10px 18px}.email-purchase{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);padding:32px 28px;gap:10px;overflow:hidden;background:linear-gradient(135deg,#fff 5%,#f4f9ff 52%,#dceaff 100%);border:1px solid #fff;border-radius:18px;box-shadow:0 12px 40px #315b9d0a}.email-purchase-content{position:relative;z-index:1;min-width:0}.email-badge{display:inline-block;background:linear-gradient(110deg,#654cff,#4e9dff);border-radius:24px;padding:7px 18px;color:white;font-size:16px}.email-purchase h1{font-size:44px;line-height:1.25;color:#090f50;margin:18px 0 12px}.email-purchase p{color:#7990b0;font-size:17px;line-height:1.7}.email-purchase [data-email-search]{display:flex;align-items:flex-end;gap:24px;margin:24px 0 20px}.email-purchase label{color:#16314f;font-size:18px}.email-purchase [data-email-search]>label{flex:1;min-width:0}.email-purchase [data-email-search]>.button{height:48px;white-space:nowrap;padding:10px 20px}.email-input-icon{position:relative;display:block;margin-top:8px}.email-input-icon>span{position:absolute;left:16px;top:11px;color:#859dc3}.email-purchase .email-input-icon input{width:100%;height:48px;padding-left:43px;margin:0}.email-domain-label{display:block;max-width:480px}.email-purchase select{display:block;width:100%;height:48px;margin-top:8px}.email-purchase [data-email-status]{font-size:16px;min-height:28px;margin:10px 0 26px}.email-purchase [data-email-price]{font-size:30px;color:#080e49;margin:0 0 14px}.email-purchase-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.email-purchase-actions form{margin:0}.email-purchase-actions .button{min-width:270px;min-height:56px}.email-purchase-actions>span{font-size:16px;color:#54859b}.email-art{margin:0;align-self:center;min-width:0}.email-art img{width:100%;height:auto;display:block;object-fit:contain}.email-art figcaption{font-size:20px;font-weight:600;color:#4962ff;text-align:center;transform:rotate(-5deg);margin:12px 0;border-bottom:2px solid #6580ff;padding-bottom:12px}.email-account-link{text-align:right;margin-top:20px}.email-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.email-empty{display:flex;align-items:center;flex-direction:column;gap:16px;padding:55px 16px}.email-empty>span{font-size:68px;color:#b8caff;line-height:1}.email-empty>a{font-size:16px;color:#839abd}.email-order{overflow-wrap:anywhere}.email-message{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1000px){.email-purchase{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.email-purchase [data-email-search]{flex-wrap:wrap;gap:12px}.email-purchase [data-email-search]>label{flex-basis:100%}.email-purchase h1{font-size:36px}.email-art figcaption{font-size:17px}}
@media(max-width:650px){.email-purchase{grid-template-columns:1fr;padding:24px 18px}.email-purchase h1{font-size:30px}.email-art{max-width:300px;justify-self:center;order:2}.email-purchase-actions .button{min-width:0;width:100%}.email-purchase-actions form{width:100%}.email-orders-heading{flex-wrap:wrap}.email-breadcrumb{font-size:14px;gap:8px}.email-breadcrumb>a{padding:8px}.email-orders-panel{padding:20px 16px}}

/* User-requested shared 80% visual scale; browser zoom remains available. */
html{zoom:1}body{zoom:.8;min-height:125vh}

html body .email-purchase{background:linear-gradient(135deg,#fff 5%,#f4f9ff 52%,#dceaff 100%)!important}
html body .email-purchase [data-email-search]>label{margin:0!important}
html body .email-purchase .email-input-icon input{padding-left:43px!important;margin:0!important}
html body .email-purchase [data-email-search]>.button{margin:0!important;height:54px}
html body .email-purchase .button.primary{background:linear-gradient(135deg,#3ba3ff,#4e45ff)!important}
html body .email-purchase h1{font-size:44px!important}
@media(max-width:650px){html body .email-purchase h1{font-size:32px!important}}

html body .featured-price .price-from{display:inline-block;margin-left:6px;font-size:14px!important;font-weight:400;color:#8096b6}

html body .email-page.email-reference .email-purchase .email-input-icon input[name=site]{padding-left:43px!important}

.ai-model-field{min-width:0}.ai-model-field label{display:block}.ai-model-field [data-model-status]{font-size:16px;overflow-wrap:anywhere}.ai-model-field select{width:100%;margin-top:12px}.ai-model-field [hidden]{display:none!important}
