/* Skill Seller Digital Hub — shared screen design, 23 October 2026. */
:root{
 --ss-brand-blue:#1747D1;--ss-brand-navy:#001470;--ss-brand-deep:#00104F;--ss-brand-gold:#FAAE00;
 --ss-brand-ink:#0D1738;--ss-brand-muted:#667085;--ss-brand-soft:#F7F9FC;--ss-brand-line:#E3E9F2;
 --ss-font-display:"Bricolage Grotesque","Noto Sans Devanagari",Arial,sans-serif;--ss-font-ui:Manrope,"Noto Sans Devanagari",Arial,sans-serif;--ss-font-body:Inter,"Noto Sans Devanagari",Arial,sans-serif;
}
body.ss-ui-2026{
 --display:var(--ss-font-display);--ui:var(--ss-font-ui);--body-font:var(--ss-font-body);--font:var(--ss-font-body);
 --blue:#1747D1;--navy:#001470;--gold:#FAAE00;--ink:#0D1738;--line:#E3E9F2;--soft:#F7F9FC;
 --theme-accent:#1747D1!important;--theme-accent2:#001470!important;--theme-soft:#EEF3FF!important;--theme-soft2:#F7F9FC!important;--theme-border:#E3E9F2!important;--theme-glow:rgba(23,71,209,.08)!important;--theme-text:#0D1738!important;
 --shop-accent:#1747D1!important;--shop-accent-light:#315FE0!important;--shop-accent-deep:#001470!important;--shop-text:#0D1738!important;
 --header-bg-1:#fff!important;--header-bg-2:#fff!important;--header-fg:#0D1738!important;--header-muted:#667085!important;--header-control:#F7F9FC!important;--header-control-border:#E3E9F2!important;
 margin:0;background:#fff;font-family:var(--ss-font-body)!important;color:#0D1738;line-height:1.65;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;
}
body.ss-ui-2026,body.ss-ui-2026 *{box-sizing:border-box}
body.ss-ui-2026 :is(h1,h2){font-family:var(--ss-font-display)!important;letter-spacing:-.025em;line-height:1.2}
body.ss-ui-2026 :is(h3,h4,h5,h6,label,th){font-family:var(--ss-font-ui)!important;line-height:1.45}
body.ss-ui-2026 :is(p,li,address,td){font-family:var(--ss-font-body);line-height:1.7}
body.ss-ui-2026 :is(button,input,select,textarea){font-family:var(--ss-font-body)!important}
body.ss-ui-2026 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]),select,textarea){font-size:16px!important;line-height:1.5!important;max-width:100%}
body.ss-ui-2026 :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #FAAE00!important;outline-offset:4px!important}
body.ss-ui-2026 :is(button,.btn,[class$="-btn"],[class$="-action"]){font-family:var(--ss-font-ui)!important;line-height:1.45}
body.ss-ui-2026 img{max-width:100%}
body.ss-ui-2026 :is(.hero,.panel,.card,.stat,.info-card,.summary-card,.education-panel,.partner-panel,.seller-panel){border-radius:18px}
body.ss-ui-2026 :is(.hero,.panel,.card,.summary-card){min-width:0}
body.ss-ui-2026 :is(.table-wrap,.table-scroll,.partner-table-wrap,.table-responsive){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body.ss-ui-2026 :is(th,td){font-size:13px;line-height:1.6}
body.ss-ui-2026 :is(.header-btn,.icon-btn,.mobile-btn,.mobile-mini,.menu-btn,.ss-menu-btn,.drawer-close,.ss-drawer-close){min-width:44px;min-height:44px}
body.ss-ui-2026 :is(.primary-btn,.submit-btn,.pay-btn,.checkout-btn,.hero-action,.cart-review){min-height:48px;font-size:14px}
body.ss-ui-2026 :is(.field label,.ss-support-field label){font-size:13px;line-height:1.6}
body.ss-ui-2026 :is(.field,.form-field){min-width:0}
/* Public website */
body.ss-ui-public #mainContent{font-family:var(--ss-font-body);font-size:16px;line-height:1.7}
body.ss-ui-public #mainContent :is(p,address,li){font-size:15px!important;line-height:1.75!important;overflow-wrap:anywhere}
body.ss-ui-public #mainContent small{font-size:13px!important;line-height:1.6!important}
body.ss-ui-public #mainContent h1{font-size:clamp(34px,4vw,56px)!important;line-height:1.12!important}
body.ss-ui-public #mainContent h2{font-size:clamp(26px,2.7vw,38px)!important;line-height:1.2!important}
body.ss-ui-public #mainContent h3{font-size:19px!important;line-height:1.4!important}
body.ss-ui-public #mainContent :is(button,[class$="-primary"],[class$="-secondary"]){font-size:14px!important;min-height:44px!important;white-space:normal}
body.ss-ui-public #mainContent :is(.container,[class$="-shell"]){width:calc(100% - 64px)!important;max-width:1280px!important;margin-inline:auto}
body.ss-ui-public #mainContent :is(.ss-about-hero-grid,.ss-support-hero-grid,.ss-edu-hero-grid,.ss-events-hero-grid,.ss-partner-hero-grid){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:40px!important}
body.ss-ui-public #mainContent :is(.ss-about-story,.ss-about-vision-copy,.ss-support-lower){grid-template-columns:minmax(0,1fr)!important}
body.ss-ui-public #mainContent :is(.ss-about-story-flow,.ss-about-ecosystem,.ss-partner-tool-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
body.ss-ui-public #mainContent :is(.ss-about-problem-grid,.ss-about-mission-grid,.ss-support-benefits){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body.ss-ui-public #mainContent :is(.ss-about-split,.ss-about-lower,.ss-support-workspace){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
body.ss-ui-public #mainContent :is(.ss-about-story-copy,.ss-about-panel,.ss-about-vision,.ss-about-philosophy,.ss-support-panel){padding:24px!important;border-radius:18px!important}
body.ss-ui-public #mainContent :is(.ss-about-problem,.ss-about-mission-item,.ss-about-philosophy-item,.ss-support-benefit){padding:18px!important;min-height:0!important}
body.ss-ui-public #mainContent :is(.ss-about-hero,.ss-support-hero,.ss-edu-hero,.ss-events-hero,.ss-partner-hero){padding:44px 0!important}
body.ss-ui-public #mainContent :is(.ss-about-visual,.ss-support-hero-visual,.ss-edu-hero-visual,.ss-events-hero-visual,.ss-partner-visual){min-height:330px!important}
body.ss-ui-public #mainContent :is(.ss-support-contact strong,.ss-about-problem strong,.ss-about-story-step strong,.ss-about-ecosystem-item strong,.ss-about-value strong){font-size:14px!important;line-height:1.5!important}
body.ss-ui-public .ss-header-logo img{max-width:210px!important;width:auto!important;height:auto!important;max-height:54px!important;object-fit:contain}
body.ss-ui-public .ss-header-shell{gap:18px!important}
body.ss-ui-public .ss-nav-link{font-size:13px!important;line-height:1.5!important}
body.ss-ui-public .ss-drawer-link{min-height:48px!important;font-size:15px!important}
/* Shared account workspace. Modules retain their identities through labels/icons rather than different brand colours. */
body.ss-ui-dashboard .app,body.ss-ui-dashboard .main{background:#fff!important;min-width:0}
body.ss-ui-dashboard :is(.topbar,.mobile-header){background:#fff!important;border-color:#E3E9F2!important;color:#0D1738!important;box-shadow:0 3px 18px rgba(13,23,56,.04)!important}
body.ss-ui-dashboard :is(.topbar,.mobile-header) :is(.header-btn,.mobile-btn,.profile-btn){color:#0D1738!important;background:#F7F9FC!important;border-color:#E3E9F2!important}
body.ss-ui-dashboard :is(.topbar,.mobile-header) :is(.profile-btn strong,.profile-btn i,.header-btn i,.mobile-btn i,.search-wrap>i){color:#0D1738!important}
body.ss-ui-dashboard .search-input{background:#F7F9FC!important;color:#0D1738!important;border-color:#E3E9F2!important}
body.ss-ui-dashboard .search-input::placeholder{color:#667085!important}
body.ss-ui-dashboard :is(.hero,.education-intro,.partner-intro,.seller-hero,.wallet-hero){background:#F7F9FC!important;border:1px solid #E3E9F2!important;box-shadow:none!important}
body.ss-ui-dashboard :is(.hero,.education-intro,.partner-intro,.seller-hero,.wallet-hero) h1{font-size:clamp(28px,3vw,42px)!important;line-height:1.2!important;color:#001470!important}
body.ss-ui-dashboard :is(.hero,.education-intro,.partner-intro,.seller-hero,.wallet-hero) p{font-size:15px!important;line-height:1.75!important;color:#667085!important}
body.ss-ui-dashboard :is(.side-module-icon,.hero-action,.cart-review,.service-tab.active,.service-tab.partner.active,.service-tab.shopping.active,.service-tab.seller.active){background:#1747D1!important;color:#fff!important;border-color:#1747D1!important}
body.ss-ui-dashboard :is(.service-tab,.nav-link,.drawer-link){font-family:var(--ss-font-ui)!important;font-size:14px!important;min-height:48px!important;line-height:1.5!important}
body.ss-ui-dashboard :is(.education-kpis,.partner-kpis,.seller-kpis){grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
body.ss-ui-dashboard :is(.info-grid,.stats){gap:18px!important}
body.ss-ui-dashboard :is(.education-continue-grid,.seller-course-grid){gap:20px!important}
body.ss-ui-dashboard :is(.shopping-kpi,.shopping-stat){background:#F7F9FC!important;border-color:#E3E9F2!important}
body.ss-ui-dashboard :is(.shopping-kpi-icon,.shopping-stat-icon){background:#1747D1!important;color:#fff!important}
body.ss-ui-dashboard :is(.hero::before,.hero::after){display:none!important}
body.ss-ui-dashboard .shopping-products-panel .shopping-product-grid{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:20px!important}
body.ss-ui-dashboard .shopping-products-panel .shopping-product-grid>*{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
/* Auth: readable forms, original illustrations and logo retained. */
body.ss-ui-auth{background:#fff!important}
body.ss-ui-auth :is(.auth-input,.input-wrap input){font-size:16px!important;min-height:48px!important}
body.ss-ui-auth :is(.auth-panel,.brand-panel){min-width:0}
body.ss-ui-auth :is(.field label,.check-row,.auth-footer,.form-message){font-size:13px!important;line-height:1.65!important}
body.ss-ui-auth :is(.form-subtitle,.auth-subtitle){font-size:15px!important;line-height:1.7!important}
body.ss-ui-auth :is(.primary-btn,.social-btn){min-height:48px!important;font-size:14px!important}
body.ss-ui-auth :is(.form-grid,.register-fields){gap:18px!important}
body.ss-ui-auth :is(.brand-title,.form-title){font-family:var(--ss-font-display)!important}
/* Commerce and events */
body.ss-ui-commerce :is(.container,.wrap),body.ss-ui-events .wrap{max-width:1280px}
body.ss-ui-commerce :is(.product-short,.hero-desc,.checkout-item-info p),body.ss-ui-events :is(.intro p,.hero-description){font-size:15px!important;line-height:1.75!important}
body.ss-ui-commerce :is(.checkout-summary,.checkout-panel,.product-summary),body.ss-ui-events :is(.summary,.summary-card,.panel){min-width:0}
body.ss-ui-commerce :is(.pay-btn,.checkout-pay,.checkout-btn,.buy-now,.add-cart),body.ss-ui-events :is(.pay-btn,.checkout-btn,.ticket-btn){min-height:48px!important;font-size:14px!important}
body.ss-ui-commerce .product-gallery img{object-fit:contain}
body.ss-ui-admin :is(.content,.main,.hero-grid){min-width:0}
body.ss-ui-admin :is(.nav-link,.am-nav-link){font-size:14px!important;line-height:1.5!important;min-height:46px!important}
body.ss-ui-admin :is(th,td){font-size:13px!important;line-height:1.6!important}
/* Public footer + a little breathing room for policy navigation. */
body.ss-ui-2026 .ss-final-footer{font-family:var(--ss-font-body)}
body.ss-ui-2026 .ss-footer-policy-links a{font-size:13px!important;line-height:1.7!important;padding-block:5px}
body.ss-ui-2026 .ss-final-footer-brand p{font-size:14px!important;line-height:1.75!important}
body.ss-ui-2026 .ss-final-footer-col h4{font-family:var(--ss-font-ui)!important;font-size:15px!important}
/***** Device-specific layouts *****/
@media(min-width:768px){
 body.ss-ui-dashboard .sidebar{width:248px!important}
 body.ss-ui-dashboard>.app,body.ss-ui-dashboard>.main{margin-left:248px!important;width:calc(100% - 248px)!important}
 body.ss-ui-dashboard :is(.sidebar .brand img,.sidebar-brand img){max-width:195px!important;width:100%!important;height:auto!important;object-fit:contain}
}
@media(min-width:1121px) and (max-width:1359px){
 body.ss-ui-public .ss-header-shell{flex-wrap:wrap!important;gap:8px 18px!important;padding:10px 0!important}
 body.ss-ui-public .ss-desktop-nav{order:3!important;flex-basis:100%!important;justify-content:center!important;gap:20px!important}
 body.ss-ui-public .ss-header-actions{margin-left:auto!important}
}
@media(max-width:1120px){
 body.ss-ui-public .ss-desktop-nav{display:none!important}
 body.ss-ui-public .ss-menu-btn{display:flex!important}
}
@media(max-width:1023px){
 body.ss-ui-public #mainContent :is(.ss-about-hero-grid,.ss-support-hero-grid,.ss-edu-hero-grid,.ss-events-hero-grid,.ss-partner-hero-grid){grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 body.ss-ui-public #mainContent :is(.ss-about-split,.ss-about-lower,.ss-support-workspace){grid-template-columns:minmax(0,1fr)!important}
 body.ss-ui-public #mainContent :is(.ss-edu-grid,.ss-support-categories){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.ss-ui-commerce :is(.checkout-grid,.tracked-order-layout,.product-hero),body.ss-ui-events .checkout-grid{grid-template-columns:minmax(0,1fr)!important}
 body.ss-ui-dashboard :is(.education-main-grid,.partner-intro,.partner-onboarding){grid-template-columns:minmax(0,1fr)!important}
 body.ss-ui-dashboard .shopping-products-panel .shopping-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.ss-ui-auth :is(.login-shell,.register-shell){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}
@media(max-width:767px){
 body.ss-ui-2026 :is(input,select,textarea){font-size:16px!important}
 body.ss-ui-2026 :is(.header-btn,.icon-btn,.mobile-btn,.mobile-mini,.menu-btn,.drawer-close){min-width:44px!important;min-height:44px!important}
 body.ss-ui-public #mainContent :is(.container,[class$="-shell"]){width:calc(100% - 32px)!important}
 body.ss-ui-public #mainContent h1{font-size:clamp(32px,8.5vw,42px)!important}
 body.ss-ui-public #mainContent h2{font-size:28px!important}
 body.ss-ui-public #mainContent h3{font-size:18px!important}
 body.ss-ui-public #mainContent :is(.ss-about-hero,.ss-support-hero,.ss-edu-hero,.ss-events-hero,.ss-partner-hero){padding:30px 0!important}
 body.ss-ui-public #mainContent :is(.ss-about-story-flow,.ss-about-ecosystem,.ss-partner-tool-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:12px!important}
 body.ss-ui-public #mainContent :is(.ss-about-story-copy,.ss-about-panel,.ss-about-vision,.ss-about-philosophy,.ss-support-panel){padding:18px!important}
 body.ss-ui-public #mainContent :is(.ss-about-problem-grid,.ss-about-mission-grid,.ss-about-philosophy-grid){grid-template-columns:minmax(0,1fr)!important}
 body.ss-ui-public #mainContent :is(.ss-support-float,.ss-edu-float,.ss-events-float,.ss-partner-float){position:static!important;min-width:0!important;margin:8px 0!important}
 body.ss-ui-public #mainContent :is(.ss-support-hero-img,.ss-edu-hero-img,.ss-events-hero-img,.ss-partner-visual-img){position:relative!important;min-height:220px!important}
 body.ss-ui-public #mainContent :is(.ss-support-hero-img,.ss-edu-hero-img,.ss-events-hero-img,.ss-partner-visual-img) img{height:220px!important;object-fit:cover}
 body.ss-ui-public .ss-header-logo img{width:160px!important;max-height:44px!important}
 body.ss-ui-public .ss-header-shell{width:calc(100% - 28px)!important;gap:10px!important}
 body.ss-ui-public .ss-header-actions{gap:6px!important}
 body.ss-ui-public .ss-start-btn{font-size:12px!important;padding-inline:12px!important}
 body.ss-ui-dashboard .sidebar{display:none!important}
 body.ss-ui-dashboard>.app,body.ss-ui-dashboard>.main{margin-left:0!important;width:100%!important;min-width:0!important}
 body.ss-ui-dashboard .topbar{display:none!important}
 body.ss-ui-dashboard .mobile-header{display:flex!important;min-height:72px!important}
 body.ss-ui-dashboard :is(.content,.workspace){padding:20px 16px calc(100px + env(safe-area-inset-bottom))!important;min-width:0!important;overflow-x:visible!important}
 body.ss-ui-dashboard :is(.service-switcher){margin:12px 16px 0!important;padding:7px!important;gap:7px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;position:relative!important;top:auto!important}
 body.ss-ui-dashboard .service-tab{font-size:13px!important;padding:10px!important;min-height:48px!important;white-space:normal!important}
 body.ss-ui-dashboard :is(.hero,.education-intro,.partner-intro,.seller-hero,.wallet-hero){padding:22px 18px!important;display:block!important;min-height:0!important}
 body.ss-ui-dashboard :is(.hero,.education-intro,.partner-intro,.seller-hero,.wallet-hero) h1{font-size:30px!important}
 body.ss-ui-dashboard :is(.hero-side){margin-top:18px!important}
 body.ss-ui-dashboard :is(.education-kpis,.partner-kpis,.seller-kpis,.info-grid,.stats,.wallet-stats){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 body.ss-ui-dashboard :is(.education-continue-grid,.education-lower-grid,.seller-course-grid,.lower-grid,.onboarding-grid){grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 body.ss-ui-dashboard .shopping-products-panel .shopping-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 body.ss-ui-dashboard :is(.mobile-bottom-nav,.mobile-bottom,.bottom-nav){padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;min-height:72px!important;background:#fff!important;border-top:1px solid #E3E9F2!important;box-shadow:0 -5px 20px rgba(13,23,56,.05)!important}
 body.ss-ui-dashboard :is(.bottom-link,.mobile-bottom a,.mobile-bottom button){min-height:48px!important;font-family:var(--ss-font-ui)!important}
 body.ss-ui-dashboard :is(.bottom-link span,.mobile-bottom .mobile-nav-label){font-size:11px!important;line-height:1.4!important}
 body.ss-ui-public.has-member-mobile-nav{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
 body.ss-ui-public.has-member-mobile-nav .ss-global-contact{bottom:calc(98px + env(safe-area-inset-bottom))!important}
 body.ss-ui-auth :is(.login-shell,.register-shell){display:block!important}
 body.ss-ui-auth .brand-panel{display:none!important}
 body.ss-ui-auth .auth-panel{width:100%!important;max-width:560px!important;margin-inline:auto!important;padding:24px 20px 40px!important}
 body.ss-ui-auth :is(.form-grid,.register-fields){grid-template-columns:minmax(0,1fr)!important}
 body.ss-ui-auth :is(.brand-title,.form-title){font-size:32px!important;line-height:1.2!important}
 body.ss-ui-auth .check-row{align-items:flex-start!important;gap:12px!important}
 body.ss-ui-commerce :is(.container,.wrap),body.ss-ui-events .wrap{width:calc(100% - 32px)!important}
 body.ss-ui-commerce :is(.checkout-grid,.tracked-order-layout,.product-hero,.details-layout),body.ss-ui-events :is(.checkout-grid,.hero-grid,.venue-card){grid-template-columns:minmax(0,1fr)!important}
 body.ss-ui-commerce :is(.checkout-summary,.checkout-sidebar),body.ss-ui-events .summary{position:static!important;top:auto!important}
 body.ss-ui-commerce :is(.product-title,.course-hero h1),body.ss-ui-events .hero h1{font-size:clamp(29px,8vw,38px)!important;line-height:1.2!important}
 body.ss-ui-admin :is(.content){padding-inline:16px!important}
}
@media(max-width:420px){
 body.ss-ui-public #mainContent :is(.ss-edu-grid,.ss-support-categories,.ss-support-benefits,.ss-about-story-flow,.ss-about-ecosystem,.ss-partner-tool-grid){grid-template-columns:minmax(0,1fr)!important}
 body.ss-ui-dashboard :is(.wallet-stats,.partner-kpis,.seller-kpis){grid-template-columns:minmax(0,1fr)!important}
 body.ss-ui-auth .auth-panel{padding-inline:16px!important}
}
@media(prefers-reduced-motion:reduce){body.ss-ui-2026 *,body.ss-ui-2026 *::before,body.ss-ui-2026 *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body.ss-ui-2026{background:#fff!important}body.ss-ui-2026 :is(.sidebar,.mobile-header,.mobile-bottom-nav,.mobile-bottom,.bottom-nav,.ss-global-contact){display:none!important}body.ss-ui-dashboard>.app,body.ss-ui-dashboard>.main{margin:0!important;width:100%!important}}
/* Common reading scale; status colours remain owned by their semantic components. */
body.ss-ui-2026{font-size:15px!important}
body.ss-ui-2026 :is(p,address){font-size:15px!important;line-height:1.75!important}
body.ss-ui-2026 small{font-size:13px;line-height:1.6}
body.ss-ui-dashboard :is(.stat-label,.stat-note,.kpi-label,.wallet-stat-label,.info-card span){white-space:normal!important;overflow-wrap:break-word;line-height:1.55!important}
body.ss-ui-dashboard :is(.service-tab,.hero-action,.quick-btn,.partner-quick-btn,.seller-primary-action){white-space:normal!important;height:auto!important;min-height:48px!important;font-size:14px!important}
body.ss-ui-dashboard :is(.account-avatar,.profile-avatar,.mobile-profile-avatar){font-family:var(--ss-font-ui)!important}
@media(max-width:767px){body.ss-ui-dashboard :is(.education-course-card,.education-recommend){grid-template-columns:minmax(0,1fr)!important}body.ss-ui-dashboard :is(.education-course-card,.education-recommend) img{width:100%!important;max-height:220px;object-fit:cover}}

body.ss-ui-2026 .ss-purchase-policy-note{margin:18px 0;padding:18px;border:1px solid #E3E9F2;border-radius:14px;background:#F7F9FC;color:#0D1738}body.ss-ui-2026 .ss-purchase-policy-note strong{font:700 14px/1.5 var(--ss-font-ui)}body.ss-ui-2026 .ss-purchase-policy-note p{margin:8px 0 0;font-size:13px!important;line-height:1.7!important}body.ss-ui-2026 .ss-purchase-policy-note a{color:#1747D1;text-underline-offset:3px}
/* Late legacy shell tokens, consolidated without changing module permissions. */
body.ss-ui-2026{--shell-primary:#1747D1!important;--shell-deep:#001470!important;--shell-soft:#EEF3FF!important;--shell-soft-2:#F7F9FC!important;--shell-border:#E3E9F2!important;--shell-text:#0D1738!important;--shell-muted:#667085!important;--shell-shadow:rgba(23,71,209,.06)!important;--shell-header-1:#fff!important;--shell-header-2:#fff!important}
body.ss-ui-dashboard .sidebar{background:#fff!important;border-color:#E3E9F2!important;box-shadow:none!important}
.ss-app-dock{display:none}
@media(max-width:767px){
 body.ss-ui-dashboard .ss-app-dock{position:fixed;inset:auto 0 0;z-index:70;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #E3E9F2;background:#fff;box-shadow:0 -5px 20px rgba(13,23,56,.05)}
 body.ss-ui-dashboard .ss-app-dock :is(a,button){min-height:48px;min-width:0;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:12px;background:transparent;color:#667085;font:700 11px/1.4 var(--ss-font-ui);text-decoration:none}
 body.ss-ui-dashboard .ss-app-dock .is-current{color:#1747D1;background:#EEF3FF}
 body.ss-ui-dashboard .ss-app-dock svg{width:23px;height:23px;display:block;flex:0 0 23px}
 body.ss-ui-dashboard .ss-global-contact{bottom:calc(98px + env(safe-area-inset-bottom))!important}
}
/* Stable numeric alignment for cards, amounts and order summaries. */
body.ss-ui-2026 :is(.stat-value,.stat strong,.wallet-stat strong,.education-kpi strong,.partner-kpi strong,.seller-kpi strong,.price-main,.amount,.total-value,.summary-total strong,.order-total){font-family:var(--ss-font-ui)!important;font-variant-numeric:tabular-nums}