/*
 * Snake EA Pro — Android visual parity layer
 * Visual-only override. It deliberately leaves PHP, APIs, forms, data attributes,
 * field names, validation, and JavaScript behaviour untouched.
 * Design source: Android Compose Theme.kt + shared UI components.
 */
:root{
  --i18n-close:"Tutup";
  --i18n-form-open:"Form Terbuka";
  --i18n-open-form:"Buka Form";
  --snake-navy-950:#041225;
  --snake-navy-900:#071b36;
  --snake-navy-800:#0b274b;
  --snake-navy-700:#0d315f;
  --snake-navy-600:#164a7b;
  --snake-gold-500:#d7b257;
  --snake-gold-400:#e8c979;
  --snake-ice-50:#f8fafd;
  --snake-ice-100:#eaf0f7;
  --snake-slate-300:#afc0d1;
  --snake-slate-500:#6e849a;
  --snake-success:#22a678;
  --snake-danger:#d9475a;
  --snake-warning:#d78b27;
  --snake-bg:#fafbfd;
  --snake-on-bg:#102033;
  --snake-surface:#fff;
  --snake-surface-variant:#f3f6f9;
  --snake-on-variant:#52677b;
  --snake-primary:#0b315e;
  --snake-on-primary:#fff;
  --snake-primary-container:#e5eef8;
  --snake-outline:#8798aa;
  --snake-outline-variant:#dce4ec;
  --snake-card-radius:22px;
  --snake-control-radius:14px;
  --snake-button-radius:16px;
  --snake-shadow:0 10px 28px rgba(4,18,37,.075);
  --snake-shadow-raised:0 18px 44px rgba(4,18,37,.12);
  --navy:var(--snake-primary);
  --navy-2:var(--snake-navy-900);
  --gold:var(--snake-gold-500);
  --gold-2:#9a6d08;
  --ink:var(--snake-on-bg);
  --muted:var(--snake-on-variant);
  --line:var(--snake-outline-variant);
  --soft:var(--snake-surface-variant);
  --white:var(--snake-surface);
  --green:#08795c;
  --red:#b4233a;
  --yellow:#9a6d08;
  --blue:var(--snake-navy-600);
  --radius:var(--snake-card-radius);
  --radius-sm:var(--snake-control-radius);
}

html[data-snake-language="en"]{--i18n-close:"Close";--i18n-form-open:"Form Open";--i18n-open-form:"Open Form"}
html[data-snake-language="ms"]{--i18n-close:"Tutup";--i18n-form-open:"Borang Dibuka";--i18n-open-form:"Buka Borang"}
html[data-snake-language="ar"]{--i18n-close:"إغلاق";--i18n-form-open:"النموذج مفتوح";--i18n-open-form:"فتح النموذج"}
html[data-snake-language="th"]{--i18n-close:"ปิด";--i18n-form-open:"เปิดแบบฟอร์มแล้ว";--i18n-open-form:"เปิดแบบฟอร์ม"}
html[data-snake-language="vi"]{--i18n-close:"Đóng";--i18n-form-open:"Biểu mẫu đang mở";--i18n-open-form:"Mở biểu mẫu"}
html[data-snake-language="es"]{--i18n-close:"Cerrar";--i18n-form-open:"Formulario abierto";--i18n-open-form:"Abrir formulario"}
html[data-snake-language="pt"]{--i18n-close:"Fechar";--i18n-form-open:"Formulário aberto";--i18n-open-form:"Abrir formulário"}
html[data-snake-theme="dark"]{
  color-scheme:dark;
  --snake-bg:var(--snake-navy-950);
  --snake-on-bg:var(--snake-ice-50);
  --snake-surface:var(--snake-navy-900);
  --snake-surface-variant:var(--snake-navy-800);
  --snake-on-variant:var(--snake-slate-300);
  --snake-primary:var(--snake-gold-500);
  --snake-on-primary:var(--snake-navy-950);
  --snake-primary-container:#3d3217;
  --snake-outline:#3c5875;
  --snake-outline-variant:#1b3b5b;
  --navy:var(--snake-gold-500);
  --navy-2:var(--snake-gold-400);
  --gold:var(--snake-gold-500);
  --gold-2:var(--snake-gold-400);
  --ink:var(--snake-ice-50);
  --muted:var(--snake-slate-300);
  --line:var(--snake-outline-variant);
  --soft:var(--snake-navy-800);
  --white:var(--snake-navy-900);
  --green:var(--snake-success);
  --red:var(--snake-danger);
  --yellow:var(--snake-warning);
  --blue:#7fb2e6;
  --snake-shadow:0 12px 32px rgba(0,0,0,.22);
  --snake-shadow-raised:0 20px 52px rgba(0,0,0,.32);
}

/* Exact typography and base surfaces used by Material 3 in the Android app. */
html,body,button,input,select,textarea{
  font-family:Roboto,"Noto Sans",Arial,sans-serif!important;
}
body{
  color:var(--snake-on-bg)!important;
  background:linear-gradient(180deg,var(--snake-bg),var(--snake-surface),var(--snake-bg)) fixed!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,strong{letter-spacing:-.015em}
:focus-visible{outline:3px solid color-mix(in srgb,var(--snake-primary) 35%,transparent)!important;outline-offset:3px}

/* Material-like buttons and controls. */
.btn{
  min-height:48px!important;
  padding:11px 18px!important;
  gap:8px!important;
  border-radius:var(--snake-button-radius)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.02em;
  box-shadow:none;
}
.btn-sm{min-height:42px!important;padding:9px 13px!important;font-size:11px!important}
.btn-primary{
  color:var(--snake-on-primary)!important;
  background:var(--snake-primary)!important;
  border-color:var(--snake-primary)!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--snake-primary) 22%,transparent)!important;
}
.btn-primary:hover{background:color-mix(in srgb,var(--snake-primary) 88%,var(--snake-surface))!important}
.btn-gold{background:var(--snake-gold-500)!important;color:var(--snake-navy-950)!important;border-color:var(--snake-gold-500)!important}
.btn-ghost{
  color:var(--snake-primary)!important;
  background:var(--snake-surface)!important;
  border-color:var(--snake-outline-variant)!important;
}
.btn-danger{background:var(--snake-danger)!important;color:#fff!important;border-color:var(--snake-danger)!important}
.form-control,
body:not(.app-shell) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body:not(.app-shell) select,
body:not(.app-shell) textarea{
  min-height:52px;
  border:1px solid var(--snake-outline-variant)!important;
  border-radius:15px!important;
  padding:13px 14px!important;
  background:color-mix(in srgb,var(--snake-surface-variant) 30%,var(--snake-surface))!important;
  color:var(--snake-on-bg)!important;
  font-size:13px!important;
}
.form-control:focus,
body:not(.app-shell) input:focus,
body:not(.app-shell) select:focus,
body:not(.app-shell) textarea:focus{
  border-color:var(--snake-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--snake-primary) 12%,transparent)!important;
}
.form-group{margin-bottom:16px!important}
.form-group label{color:var(--snake-on-bg)!important;font-size:12px!important;font-weight:700!important;margin-bottom:7px!important}
.form-help,.field-help,.muted,.metric-note{color:var(--snake-on-variant)!important}
.checkbox-row{color:var(--snake-on-variant)!important}

/* Shared card language: 22dp radius, subtle gradient, one-pixel outline. */
.card,.metric-card,.feature-card,.price-card,.step-card,.faq-item,.dashboard-preview,
.settings-section,.license-card,.member-disclosure,.member-item-disclosure,
.home-help-card,.contact-card,.page-hero,.page-toolbar{
  color:var(--snake-on-bg)!important;
  background:linear-gradient(135deg,var(--snake-surface),color-mix(in srgb,var(--snake-surface-variant) 72%,var(--snake-surface)),var(--snake-surface))!important;
  border:1px solid var(--snake-outline-variant)!important;
  border-radius:var(--snake-card-radius)!important;
  box-shadow:var(--snake-shadow)!important;
}
.card-head,.settings-section-head{
  background:transparent!important;
  border-color:var(--snake-outline-variant)!important;
}
.status-badge,.status,.badge,.chip,.soft-badge{
  border-radius:999px!important;
  font-weight:800!important;
}
.status-success,.status-online,.soft-badge-success{background:color-mix(in srgb,var(--snake-success) 12%,transparent)!important;color:var(--snake-success)!important;border-color:color-mix(in srgb,var(--snake-success) 42%,transparent)!important}
.status-warning,.soft-badge-warning{background:color-mix(in srgb,var(--snake-warning) 13%,transparent)!important;color:var(--snake-warning)!important;border-color:color-mix(in srgb,var(--snake-warning) 42%,transparent)!important}
.status-danger,.status-offline,.soft-badge-danger{background:color-mix(in srgb,var(--snake-danger) 12%,transparent)!important;color:var(--snake-danger)!important;border-color:color-mix(in srgb,var(--snake-danger) 42%,transparent)!important}
.text-green{color:var(--snake-success)!important}.text-red{color:var(--snake-danger)!important}.text-yellow{color:var(--snake-warning)!important}

/* Theme / language controls match compact Android settings controls. */
.snake-experience-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.snake-control{
  height:42px!important;
  min-height:42px!important;
  border:1px solid var(--snake-outline-variant)!important;
  border-radius:13px!important;
  background:var(--snake-surface)!important;
  color:var(--snake-on-bg)!important;
  padding:0 10px!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:pointer;
}
.snake-theme-toggle{width:42px;padding:0!important;display:grid;place-items:center;font-size:17px!important}

/* =========================================================
   PUBLIC WEBSITE — mirrors PublicGuestShell / HeroMobileCard
   ========================================================= */
body:not(.app-shell):not(.auth-page){background:var(--snake-bg)!important}
.site-header{
  position:fixed!important;inset:0 0 auto!important;
  height:70px!important;
  background:color-mix(in srgb,var(--snake-bg) 92%,transparent)!important;
  border-bottom:1px solid var(--snake-outline-variant)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  box-shadow:0 5px 20px rgba(4,18,37,.04)!important;
}
.site-header-spacer{height:70px!important;min-height:70px!important;flex-basis:70px!important}
.nav-wrap{height:70px!important;gap:18px!important}
.brand{gap:9px!important}
.brand img,.sidebar-brand img,.auth-brand .brand img{
  content:url('../images/app-logo-mark.png');
  width:42px!important;height:42px!important;object-fit:contain!important;border-radius:0!important;
}
.brand strong{font-size:14px!important;font-weight:900!important;letter-spacing:1.2px!important;color:var(--snake-on-bg)!important}
.brand small{font-size:9px!important;font-weight:800!important;letter-spacing:1.5px!important;color:var(--snake-primary)!important;margin-top:4px!important}
.nav-links{gap:20px!important}
.nav-links a{font-size:12px!important;font-weight:700!important;color:var(--snake-on-variant)!important;padding:9px 3px!important}
.nav-links a.active,.nav-links a:hover{color:var(--snake-primary)!important}
.nav-links a.active:after{bottom:-17px!important;height:3px!important;border-radius:99px!important;background:var(--snake-primary)!important}

.hero{padding:18px 0 30px!important;background:transparent!important}
.hero-grid{
  position:relative;overflow:hidden;
  display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr)!important;
  gap:34px!important;align-items:center!important;
  min-height:520px;
  padding:52px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(215,178,87,.12) 0 155px,transparent 156px),
    radial-gradient(circle at 2% 98%,rgba(255,255,255,.05) 0 95px,transparent 96px),
    linear-gradient(135deg,var(--snake-navy-950),var(--snake-navy-800))!important;
  box-shadow:0 30px 70px rgba(4,18,37,.24)!important;
}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{
  display:inline-flex!important;align-items:center;gap:7px!important;
  margin:0!important;padding:7px 11px!important;border-radius:999px!important;
  background:rgba(34,166,120,.16)!important;color:var(--snake-success)!important;
  font-size:10px!important;font-weight:900!important;letter-spacing:1px!important;
}
.hero .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--snake-success)}
.hero h1{margin:18px 0 12px!important;font-size:clamp(32px,5vw,58px)!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.035em!important;color:#fff!important}
.hero h1 span{color:var(--snake-gold-400)!important}
.hero-copy>p{max-width:620px!important;margin:0!important;color:rgba(255,255,255,.74)!important;font-size:14px!important;line-height:1.55!important}
.hero-actions{margin:24px 0 24px!important;gap:10px!important}
.hero-actions .btn-primary{background:var(--snake-gold-500)!important;border-color:var(--snake-gold-500)!important;color:var(--snake-navy-950)!important}
.hero-actions .btn-ghost{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.13)!important;color:rgba(255,255,255,.88)!important}
.hero-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;color:rgba(255,255,255,.58)!important;font-size:10px!important;font-weight:700!important}
.hero-trust span:before{background:rgba(215,178,87,.18)!important;color:var(--snake-gold-400)!important}
.hero-visual{min-height:370px!important;display:grid!important;place-items:center!important}
.logo-orbit{
  width:min(360px,100%)!important;border-radius:32px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.20)!important;
}
.logo-orbit:before,.logo-orbit:after{border-color:rgba(215,178,87,.16)!important}
.logo-orbit img{content:normal!important;width:86%!important;height:86%!important;object-fit:contain!important}
.floating-stat{padding:13px 15px!important;border-radius:18px!important;background:rgba(7,27,54,.90)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 15px 40px rgba(0,0,0,.25)!important;backdrop-filter:blur(14px)}
.floating-stat small{color:rgba(255,255,255,.55)!important;font-size:10px!important}.floating-stat strong{font-size:13px!important}

.feature-strip{border:0!important;background:transparent!important;padding:14px 0 4px!important}
.feature-strip-grid{display:flex!important;gap:10px!important;overflow:auto!important;padding:0 18px 12px!important;scrollbar-width:none}
.feature-strip-grid::-webkit-scrollbar{display:none}
.mini-feature{
  flex:0 0 190px!important;min-height:76px!important;padding:13px 14px!important;gap:11px!important;
  border:1px solid var(--snake-outline-variant)!important;border-radius:18px!important;
  background:var(--snake-surface)!important;box-shadow:0 3px 12px rgba(4,18,37,.045)!important;
}
.mini-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border:0!important;border-radius:12px!important;background:var(--snake-primary-container)!important}
.mini-icon img{width:24px!important;height:24px!important;object-fit:contain!important}
.mini-feature strong{font-size:11px!important;font-weight:900!important}.mini-feature small{font-size:9px!important;color:var(--snake-on-variant)!important}

.section{padding:72px 0!important}.section-soft{background:color-mix(in srgb,var(--snake-surface-variant) 72%,var(--snake-bg))!important}
.section-head{margin-bottom:30px!important}.section-head.center{margin-bottom:34px!important}
.section-head .eyebrow{font-size:10px!important;letter-spacing:1.1px!important;color:var(--snake-primary)!important}
.section-head h2{font-size:clamp(26px,3.5vw,42px)!important;line-height:1.18!important;font-weight:900!important;color:var(--snake-on-bg)!important}
.section-head p{font-size:13px!important;line-height:1.6!important;color:var(--snake-on-variant)!important}
.features-grid,.steps,.pricing-grid,.home-help-grid{gap:14px!important}
.feature-card,.price-card,.step-card,.home-help-card{padding:20px!important}
.feature-card .feature-number{width:42px!important;height:42px!important;border-radius:13px!important;background:var(--snake-primary-container)!important;color:var(--snake-primary)!important}
.feature-card h3,.step-card h3,.home-help-card h3{font-size:16px!important;font-weight:800!important}
.feature-card p,.step-card p,.home-help-card p,.price-card p{font-size:12px!important;line-height:1.6!important;color:var(--snake-on-variant)!important}
.price-card.popular{border-color:var(--snake-gold-500)!important;box-shadow:0 18px 44px rgba(215,178,87,.16)!important}
.faq-item{overflow:hidden!important}.faq-q{padding:18px!important;font-size:13px!important}.faq-a{padding:0 18px 18px!important;color:var(--snake-on-variant)!important;font-size:12px!important}
.cta-panel{border-radius:28px!important;background:linear-gradient(135deg,var(--snake-navy-950),var(--snake-navy-800))!important}
.site-footer{background:var(--snake-navy-950)!important;border-color:var(--snake-navy-800)!important;color:var(--snake-ice-50)!important}
.site-footer .brand img{content:url('../images/app-logo-white-mark.png')}
.site-footer a,.site-footer p,.site-footer small{color:var(--snake-slate-300)!important}

.public-mobile-actions{display:none}

/* =========================================================
   AUTH — mirrors Android LoginScreen
   ========================================================= */
.auth-page{
  min-height:100vh!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  padding:34px 22px 48px!important;
  background:linear-gradient(180deg,var(--snake-surface),var(--snake-bg),var(--snake-bg))!important;
}
.auth-brand{
  width:min(480px,100%)!important;min-height:140px!important;
  padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;color:var(--snake-on-bg)!important;overflow:visible!important;
}
.auth-brand:after{display:none!important}
.auth-brand .brand{display:block!important}
.auth-brand .brand img{content:url('../images/app-logo-full.png');width:230px!important;height:118px!important;object-fit:contain!important}
.auth-brand .brand span,.auth-brand-copy,.auth-brand>small{display:none!important}
.auth-main{width:100%!important;display:block!important;padding:0!important}
.auth-card{
  width:min(480px,100%)!important;margin:0 auto!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.auth-card h2{margin:0 0 7px!important;font-size:25px!important;line-height:1.25!important;font-weight:900!important;color:var(--snake-on-bg)!important}
.auth-card>p{margin:0 0 24px!important;color:var(--snake-on-variant)!important;font-size:13px!important;line-height:1.5!important}
.auth-card .btn-primary{min-height:56px!important;width:100%!important}
.auth-meta{margin-top:20px!important;color:var(--snake-on-variant)!important;font-size:12px!important}
html[data-snake-theme="dark"] .auth-page{background:linear-gradient(180deg,var(--snake-navy-950),var(--snake-bg))!important}
html[data-snake-theme="dark"] .auth-brand .brand img{content:url('../images/app-logo-white-full.png')}

/* =========================================================
   MEMBER PANEL — mirrors MainShell, PremiumCard and components
   ========================================================= */
.member-shell{
  --sidebar:268px;
  min-height:100vh!important;
  background:
    radial-gradient(circle at 95% 0%,rgba(215,178,87,.09),transparent 28%),
    linear-gradient(180deg,var(--snake-bg),var(--snake-surface),var(--snake-bg))!important;
  color:var(--snake-on-bg)!important;
}
.member-shell .sidebar{
  width:var(--sidebar)!important;
  padding:18px 14px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(215,178,87,.12),transparent 31%),
    linear-gradient(180deg,var(--snake-navy-900),var(--snake-navy-950))!important;
  box-shadow:14px 0 38px rgba(4,18,37,.20)!important;
  border-right:1px solid rgba(255,255,255,.045)!important;
}
.member-shell .sidebar-brand{padding:5px 9px 18px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;gap:10px!important}
.member-shell .sidebar-brand img{content:url('../images/app-logo-white-mark.png');width:44px!important;height:44px!important}
.member-shell .sidebar-brand span{font-size:13px!important;font-weight:900!important;letter-spacing:1.1px!important;color:#fff!important}
.member-shell .sidebar-brand small{font-size:8px!important;letter-spacing:1.5px!important;color:var(--snake-slate-300)!important;margin-top:5px!important}
.member-shell .sidebar-nav{padding-top:14px!important;gap:2px!important}
.member-shell .sidebar-group{margin-bottom:14px!important}
.member-shell .sidebar-group-label{display:block!important;padding:7px 12px 5px!important;color:rgba(175,192,209,.68)!important;font-size:9px!important;font-weight:800!important;letter-spacing:1.1px!important;text-transform:uppercase}
.member-shell .sidebar-nav a{
  min-height:48px!important;margin:2px 0!important;padding:10px 12px!important;gap:11px!important;
  border-radius:15px!important;color:#cbd7e2!important;font-size:12px!important;font-weight:700!important;
}
.member-shell .sidebar-nav a:hover{background:rgba(215,178,87,.08)!important;color:#fff!important}
.member-shell .sidebar-nav a.active{
  background:linear-gradient(90deg,rgba(215,178,87,.19),rgba(22,74,123,.12))!important;
  color:#fff!important;box-shadow:inset 3px 0 0 var(--snake-gold-500)!important;
}
.member-shell .nav-dot{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;box-shadow:none!important;position:relative}
.member-shell .nav-dot:after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--snake-slate-300)}
.member-shell .sidebar-nav a.active .nav-dot{background:rgba(215,178,87,.14)!important;box-shadow:none!important}
.member-shell .sidebar-nav a.active .nav-dot:after{background:var(--snake-gold-500)!important}
.member-shell .sidebar-count{margin-left:auto!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:var(--snake-danger)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:9px!important}
.member-shell .sidebar-bottom{padding-top:12px!important;border-top:1px solid rgba(255,255,255,.09)!important}
.member-shell .member-profile-card{padding:9px!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important}
.member-shell .member-chip-avatar,.member-shell .avatar,.member-shell .mobile-avatar,.member-shell .android-profile-avatar{
  border-radius:50%!important;background:linear-gradient(135deg,var(--snake-gold-500),var(--snake-navy-600))!important;color:var(--snake-navy-950)!important;font-weight:900!important;
}
.member-shell .member-profile-copy strong{color:#fff!important;font-size:11px!important}.member-shell .member-profile-copy small,.member-shell .member-profile-hint{color:var(--snake-slate-300)!important;font-size:9px!important}
.member-shell .logout-link{color:#ff9eaa!important;font-size:11px!important}

.member-shell .app-main{margin-left:var(--sidebar)!important;min-height:100vh!important}
.member-shell .app-header{
  height:82px!important;padding:0 26px!important;
  background:color-mix(in srgb,var(--snake-bg) 91%,transparent)!important;
  border:0!important;border-bottom:1px solid var(--snake-outline-variant)!important;
  box-shadow:0 7px 22px rgba(4,18,37,.045)!important;
  backdrop-filter:blur(16px) saturate(1.1)!important;
}
.member-shell .app-header-copy h1{font-size:23px!important;line-height:1.2!important;font-weight:900!important;color:var(--snake-on-bg)!important;letter-spacing:-.025em!important}
.member-shell .app-header-copy p{margin:4px 0 0!important;color:var(--snake-on-variant)!important;font-size:11px!important;line-height:1.35!important}
.member-shell .app-header-actions{gap:9px!important}
.member-shell .notification-bell{
  width:42px!important;height:42px!important;border-radius:13px!important;
  background:var(--snake-surface-variant)!important;border:1px solid var(--snake-outline-variant)!important;
  color:var(--snake-primary)!important;box-shadow:none!important;
}
.member-shell .notification-bell b{border-color:var(--snake-surface)!important;background:var(--snake-danger)!important}
.member-shell .avatar-link .avatar{width:42px!important;height:42px!important}
.member-shell .app-content{
  width:100%!important;max-width:900px!important;margin:0 auto!important;
  padding:18px 30px 64px!important;
  font-size:13px!important;line-height:1.5!important;
}
.member-shell.page-overview .app-header{display:none!important}
.member-shell.page-overview .app-content{padding-top:18px!important}

/* App welcome row. */
.android-welcome{
  display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:0 1px;
}
.android-welcome .android-profile-avatar{width:54px!important;height:54px!important;flex:0 0 54px!important;font-size:22px!important;overflow:hidden!important}
.android-welcome-copy{min-width:0;flex:1}
.android-welcome-copy span{display:block;color:var(--snake-on-variant);font-size:11px;line-height:1.2}
.android-welcome-copy strong{display:block;margin-top:4px;color:var(--snake-on-bg);font-size:18px;line-height:1.15;font-weight:900;text-transform:uppercase;overflow-wrap:anywhere}
.android-status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.android-status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.android-status-pill.is-live{color:var(--snake-success);background:color-mix(in srgb,var(--snake-success) 12%,transparent)}
.android-status-pill.is-offline{color:var(--snake-danger);background:color-mix(in srgb,var(--snake-danger) 12%,transparent)}

/* AccountPicker parity. */
.member-shell .account-selector{
  width:100%!important;min-height:70px!important;margin:0 0 14px!important;padding:13px 14px 13px 66px!important;
  display:flex!important;align-items:center!important;position:relative!important;
  border:1px solid var(--snake-outline-variant)!important;border-radius:18px!important;
  background:color-mix(in srgb,var(--snake-surface-variant) 82%,var(--snake-surface))!important;
  box-shadow:none!important;
}
.member-shell .account-selector:before{
  content:"MT5";position:absolute;left:14px;top:14px;width:40px;height:40px;display:grid;place-items:center;
  border-radius:13px;background:var(--snake-primary-container);color:var(--snake-primary);font-size:11px;font-weight:900;
}
.member-shell .account-selector label{display:none!important}
.member-shell .account-selector select{
  width:100%!important;max-width:none!important;min-height:42px!important;padding:8px 38px 8px 0!important;
  border:0!important;background:transparent!important;color:var(--snake-on-bg)!important;font-size:13px!important;font-weight:800!important;
}

/* Remove compact desktop override and restore Android-readable sizing. */
.member-shell .grid,.member-shell .member-dashboard-grid,.member-shell .metric-grid,.member-shell .settings-grid{gap:14px!important}
.member-shell .card,.member-shell .metric-card,.member-shell .settings-section,.member-shell .license-card,
.member-shell .member-disclosure,.member-shell .member-item-disclosure,.member-shell .remote-setting-panel{
  min-height:0!important;height:auto!important;align-self:stretch!important;
  border-radius:var(--snake-card-radius)!important;border:1px solid var(--snake-outline-variant)!important;
  background:linear-gradient(135deg,var(--snake-surface),color-mix(in srgb,var(--snake-surface-variant) 70%,var(--snake-surface)),var(--snake-surface))!important;
  box-shadow:0 3px 12px rgba(4,18,37,.045)!important;
  overflow:hidden!important;
}
.member-shell .card:hover,.member-shell .metric-card:hover{transform:none!important;box-shadow:var(--snake-shadow)!important}
.member-shell .card-head,.member-shell .settings-section-head{padding:16px 18px!important;min-height:0!important;background:transparent!important}
.member-shell .card-head h2,.member-shell .card-head h3,.member-shell .settings-section-head h3{font-size:16px!important;line-height:1.3!important;font-weight:800!important}
.member-shell .card-head p,.member-shell .card-head small,.member-shell .settings-section-head p{font-size:11px!important;line-height:1.45!important;color:var(--snake-on-variant)!important}
.member-shell .card-body{padding:18px!important;font-size:13px!important;line-height:1.55!important}
.member-shell .metric-card{padding:18px!important}
.member-shell .metric-card span,.member-shell .metric-label{font-size:11px!important;line-height:1.3!important;color:var(--snake-on-variant)!important;letter-spacing:.05em!important}
.member-shell .metric-card strong,.member-shell .metric-value{font-size:20px!important;line-height:1.2!important;margin:8px 0 3px!important;font-weight:900!important;color:var(--snake-on-bg)!important}
.member-shell .metric-card small,.member-shell .metric-note{font-size:11px!important;line-height:1.4!important;color:var(--snake-on-variant)!important}
.member-shell .btn{min-height:48px!important;padding:11px 16px!important;border-radius:15px!important;font-size:12px!important;line-height:1.2!important}
.member-shell .btn-sm{min-height:42px!important;padding:9px 12px!important;font-size:11px!important}
.member-shell .form-group{margin-bottom:14px!important}
.member-shell .form-group label,.member-shell .app-content label{font-size:12px!important;line-height:1.3!important;margin-bottom:6px!important;color:var(--snake-on-bg)!important}
.member-shell .form-control,
.member-shell .app-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.member-shell .app-content select,
.member-shell .app-content textarea{
  min-height:52px!important;padding:12px 13px!important;border:1px solid var(--snake-outline-variant)!important;
  border-radius:14px!important;background:color-mix(in srgb,var(--snake-surface-variant) 30%,var(--snake-surface))!important;
  color:var(--snake-on-bg)!important;font-size:13px!important;line-height:1.35!important;
}
.member-shell .app-content textarea{min-height:110px!important}
.member-shell .form-help,.member-shell .field-help,.member-shell .muted-help{font-size:11px!important;line-height:1.45!important;color:var(--snake-on-variant)!important}
.member-shell .data-table th,.member-shell .data-table td,.member-shell .app-content table th,.member-shell .app-content table td{padding:12px 13px!important;font-size:12px!important;line-height:1.4!important;border-color:var(--snake-outline-variant)!important}
.member-shell .data-table th,.member-shell .app-content table th{font-size:10px!important;letter-spacing:.06em!important;color:var(--snake-on-variant)!important;background:var(--snake-surface-variant)!important}
.member-shell .status-badge{min-height:28px!important;padding:5px 9px!important;gap:6px!important;font-size:10px!important;line-height:1.15!important;border:1px solid currentColor!important}
.member-shell .status-badge:before{width:6px!important;height:6px!important}
.member-shell :is(.profit-list,.risk-list,.compact-list,.modern-risk-list) li{padding:12px 0!important;font-size:12px!important;line-height:1.4!important;border-color:var(--snake-outline-variant)!important}
.member-shell .empty-state{padding:22px!important}.member-shell .empty-state h3{font-size:16px!important}.member-shell .empty-state p{font-size:12px!important}
.member-shell .flash{padding:12px 14px!important;border-radius:14px!important;font-size:12px!important;line-height:1.45!important}

/* Dashboard premium balance card and metric cards. */
.live-telemetry-root{display:grid;gap:14px}
.live-telemetry-bar{height:0!important;overflow:visible!important;position:relative!important;z-index:3!important}
.live-telemetry-state{position:absolute!important;right:16px!important;top:16px!important;min-height:29px!important;padding:6px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important}
.overview-summary-card{
  margin:0!important;padding:18px!important;border:1px solid var(--snake-outline-variant)!important;border-radius:22px!important;
  background:linear-gradient(135deg,var(--snake-primary-container),var(--snake-surface),var(--snake-surface-variant))!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--snake-primary) 10%,transparent)!important;
}
.overview-summary-grid{display:grid!important;grid-template-columns:1.4fr 1fr!important;gap:0!important}
.overview-summary-item{
  min-width:0!important;padding:13px 14px!important;border:0!important;border-bottom:1px solid var(--snake-outline-variant)!important;
  background:transparent!important;
}
.overview-summary-item:nth-child(odd){border-right:1px solid var(--snake-outline-variant)!important}
.overview-summary-item:nth-last-child(-n+2){border-bottom:0!important}
.overview-summary-item:last-child{grid-column:1/-1!important;border-right:0!important;border-bottom:0!important}
.overview-summary-label{font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important;color:var(--snake-on-variant)!important;text-transform:uppercase}
.overview-summary-value{display:block!important;margin-top:7px!important;font-size:21px!important;line-height:1.2!important;font-weight:900!important;color:var(--snake-on-bg)!important;overflow-wrap:anywhere}
.overview-summary-item:first-child .overview-summary-value{font-size:28px!important}
.overview-summary-item small{display:block!important;margin-top:5px!important;font-size:10px!important;line-height:1.35!important;color:var(--snake-on-variant)!important}
.overview-status-line{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:7px!important}
.overview-status-line strong{font-size:13px!important;color:var(--snake-on-bg)!important}
.overview-period-form{margin-top:6px!important}.overview-period-form select{min-height:34px!important;padding:5px 30px 5px 7px!important;font-size:10px!important}

.calendar-period-summary{display:grid!important;grid-template-columns:1.1fr 2.2fr!important;gap:12px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.calendar-period-heading{
  padding:17px!important;border:1px solid var(--snake-outline-variant)!important;border-radius:20px!important;
  background:var(--snake-surface)!important;box-shadow:0 3px 12px rgba(4,18,37,.04)!important;
}
.calendar-period-heading span{font-size:10px!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--snake-on-variant)!important}
.calendar-period-heading strong{display:block!important;margin-top:7px!important;font-size:18px!important;color:var(--snake-on-bg)!important}
.calendar-period-heading small{display:block!important;margin-top:6px!important;font-size:10px!important;line-height:1.4!important;color:var(--snake-on-variant)!important}
.calendar-period-metrics{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
.calendar-period-metrics article{min-width:0!important;padding:14px 12px!important;border:1px solid var(--snake-outline-variant)!important;border-radius:18px!important;background:var(--snake-surface)!important;box-shadow:0 3px 12px rgba(4,18,37,.04)!important}
.calendar-period-metrics article span{font-size:9px!important;line-height:1.3!important;color:var(--snake-on-variant)!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.calendar-period-metrics article strong{display:block!important;margin-top:8px!important;font-size:14px!important;line-height:1.25!important;color:var(--snake-on-bg)!important;overflow-wrap:anywhere}

.android-quick-section{margin-top:2px}
.android-section-title{margin:2px 1px 10px}
.android-section-title strong{display:block;font-size:18px;font-weight:800;color:var(--snake-on-bg)}
.android-section-title span{display:block;margin-top:3px;font-size:11px;color:var(--snake-on-variant)}
.android-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.android-quick-action{min-height:124px;padding:16px;border:1px solid var(--snake-outline-variant);border-radius:20px;background:color-mix(in srgb,var(--snake-surface-variant) 72%,var(--snake-surface));display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.android-quick-action:before{content:"";position:absolute;left:16px;top:16px;width:42px;height:42px;border-radius:14px;background:var(--snake-primary-container)}
.android-quick-action:after{content:"";position:absolute;left:30px;top:30px;width:14px;height:14px;border:2px solid var(--snake-primary);border-radius:4px}
.android-quick-action strong{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--snake-on-bg)}
.android-quick-action span{margin-top:5px;font-size:11px;color:var(--snake-on-variant)}

.member-dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:0!important}
.member-dashboard-grid .member-disclosure-wide{grid-column:1/-1!important}
.member-disclosure>summary,.member-item-disclosure>summary{
  min-height:74px!important;padding:16px 18px!important;gap:12px!important;background:transparent!important;
  color:var(--snake-on-bg)!important;list-style:none!important;
}
.member-disclosure>summary::-webkit-details-marker,.member-item-disclosure>summary::-webkit-details-marker{display:none}
.member-disclosure>summary strong,.member-item-disclosure>summary strong{font-size:14px!important;line-height:1.3!important;font-weight:800!important;color:var(--snake-on-bg)!important}
.member-disclosure>summary small,.member-item-disclosure>summary small{display:block!important;margin-top:4px!important;font-size:10px!important;line-height:1.4!important;color:var(--snake-on-variant)!important}
.disclosure-action{padding:6px 9px!important;border-radius:12px!important;background:var(--snake-primary-container)!important;color:var(--snake-primary)!important;font-size:10px!important;font-weight:800!important}
.member-disclosure[open] .disclosure-action{font-size:0!important}.member-disclosure[open] .disclosure-action:after{content:var(--i18n-close);font-size:10px!important}
.member-disclosure-body{padding:17px 18px 18px!important;border-top:1px solid var(--snake-outline-variant)!important;font-size:12px!important;color:var(--snake-on-bg)!important}
.market-status{padding:14px!important;border-radius:18px!important;background:var(--snake-surface-variant)!important;border:1px solid var(--snake-outline-variant)!important}
.market-symbol{min-width:68px!important;min-height:48px!important;border-radius:14px!important;background:var(--snake-primary-container)!important;color:var(--snake-primary)!important;font-size:11px!important}
.market-copy h3{font-size:14px!important}.market-copy p{font-size:11px!important;color:var(--snake-on-variant)!important}

/* Monitoring charts and lists. */
.accurate-profit-chart{min-height:210px!important;padding:8px 2px!important;gap:8px!important}
.accurate-profit-value{font-size:9px!important}.accurate-profit-label{font-size:9px!important;color:var(--snake-on-variant)!important}
.accurate-profit-track{border-radius:12px!important;background:var(--snake-surface-variant)!important}
.accurate-profit-bar.is-positive{background:var(--snake-success)!important}.accurate-profit-bar.is-negative{background:var(--snake-danger)!important}

/* Remote EA mirrors stacked PremiumCard settings. */
.remote-ea-form{display:grid!important;gap:14px!important}
.remote-ea-form>.member-disclosure{margin:0!important}
.settings-tabs,.remote-section-nav{display:flex!important;gap:8px!important;margin:0 0 2px!important;padding:2px 0 8px!important;overflow:auto!important;scrollbar-width:none}
.settings-tabs::-webkit-scrollbar{display:none}
.settings-tab{min-height:42px!important;padding:9px 13px!important;border-radius:14px!important;background:var(--snake-surface)!important;border:1px solid var(--snake-outline-variant)!important;color:var(--snake-on-variant)!important;font-size:11px!important;font-weight:800!important}
.settings-tab.active{background:var(--snake-primary-container)!important;border-color:color-mix(in srgb,var(--snake-primary) 28%,var(--snake-outline-variant))!important;color:var(--snake-primary)!important}
.settings-fields{padding:18px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.switch{width:48px!important;height:28px!important}.slider:before{width:22px!important;height:22px!important;left:3px!important;top:3px!important}.switch input:checked+.slider{background:var(--snake-primary)!important}.switch input:checked+.slider:before{transform:translateX(20px)!important;background:var(--snake-bg)!important}
.save-bar{padding:14px!important;border:1px solid var(--snake-outline-variant)!important;border-radius:20px!important;background:color-mix(in srgb,var(--snake-surface) 92%,transparent)!important;box-shadow:0 -6px 24px rgba(4,18,37,.06)!important;backdrop-filter:blur(14px)}

/* Mobile bottom navigation from MainShell. */
.member-bottom-nav{display:none}
.member-bottom-nav a{position:relative;text-decoration:none}
.member-bottom-nav-icon{width:22px;height:22px;display:grid;place-items:center}
.member-bottom-nav-icon svg{width:22px;height:22px;display:block}
.member-bottom-nav-label{font-size:10px;line-height:1;font-weight:600}
.member-bottom-nav-badge{position:absolute;top:4px;left:calc(50% + 7px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--snake-danger);color:#fff;border:2px solid var(--snake-surface);display:grid;place-items:center;font-size:8px;font-weight:900}

/* Dark theme: exact Android dark palette. */
html[data-snake-theme="dark"] body{background:var(--snake-navy-950)!important;color:var(--snake-ice-50)!important}
html[data-snake-theme="dark"] .site-header{background:rgba(4,18,37,.93)!important}
html[data-snake-theme="dark"] .brand img{content:url('../images/app-logo-white-mark.png')}
html[data-snake-theme="dark"] .brand strong{color:var(--snake-ice-50)!important}
html[data-snake-theme="dark"] .brand small{color:var(--snake-gold-500)!important}
html[data-snake-theme="dark"] .card,
html[data-snake-theme="dark"] .metric-card,
html[data-snake-theme="dark"] .feature-card,
html[data-snake-theme="dark"] .price-card,
html[data-snake-theme="dark"] .step-card,
html[data-snake-theme="dark"] .faq-item,
html[data-snake-theme="dark"] .settings-section,
html[data-snake-theme="dark"] .license-card,
html[data-snake-theme="dark"] .member-disclosure,
html[data-snake-theme="dark"] .member-item-disclosure,
html[data-snake-theme="dark"] .home-help-card{
  background:linear-gradient(135deg,var(--snake-navy-900),var(--snake-navy-800),var(--snake-navy-900))!important;
  border-color:var(--snake-outline-variant)!important;color:var(--snake-ice-50)!important;
}
html[data-snake-theme="dark"] .member-shell .app-header{background:rgba(4,18,37,.92)!important}
html[data-snake-theme="dark"] .member-shell .account-selector,
html[data-snake-theme="dark"] .calendar-period-heading,
html[data-snake-theme="dark"] .calendar-period-metrics article,
html[data-snake-theme="dark"] .android-quick-action{background:var(--snake-navy-900)!important}
html[data-snake-theme="dark"] .overview-summary-card{background:linear-gradient(135deg,#3d3217,var(--snake-navy-900),var(--snake-navy-800))!important}
html[data-snake-theme="dark"] .form-control,
html[data-snake-theme="dark"] .member-shell .app-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-snake-theme="dark"] .member-shell .app-content select,
html[data-snake-theme="dark"] .member-shell .app-content textarea{background:color-mix(in srgb,var(--snake-navy-800) 75%,var(--snake-navy-900))!important;color:var(--snake-ice-50)!important;border-color:var(--snake-outline)!important}

@media(max-width:1180px){
  .nav-links{gap:13px!important}.nav-actions .snake-experience-controls{display:none!important}
  .hero-grid{padding:42px!important;gap:24px!important}
  .calendar-period-summary{grid-template-columns:1fr!important}.calendar-period-metrics{grid-template-columns:repeat(5,minmax(120px,1fr))!important;overflow:auto!important;padding-bottom:4px!important}
}
@media(max-width:900px){
  .container{width:min(100% - 28px,840px)!important}
  .site-header{height:66px!important}.site-header-spacer{height:66px!important;min-height:66px!important;flex-basis:66px!important}.nav-wrap{height:66px!important}
  .nav-actions{display:none!important}.nav-toggle{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:var(--snake-surface-variant)!important;color:var(--snake-primary)!important}
  .nav-links{top:66px!important;background:var(--snake-surface)!important;border-color:var(--snake-outline-variant)!important}
  .hero-grid{grid-template-columns:1fr!important;min-height:0!important;padding:30px!important}.hero-visual{min-height:300px!important}.logo-orbit{width:290px!important}.stat-a{left:0!important}.stat-b{right:0!important}
  .public-mobile-actions{
    position:fixed;left:0;right:0;bottom:0;z-index:10020;display:flex;gap:10px;padding:11px 18px max(11px,env(safe-area-inset-bottom));
    background:color-mix(in srgb,var(--snake-surface) 94%,transparent);border-top:1px solid var(--snake-outline-variant);box-shadow:0 -12px 28px rgba(4,18,37,.10);backdrop-filter:blur(16px)
  }
  .public-mobile-actions .btn{flex:1!important}.public-mobile-actions .btn-primary{flex:1.35!important}
  body:not(.app-shell):not(.auth-page){padding-bottom:78px!important}

  .member-shell .sidebar{transform:translateX(-104%);transition:transform .25s ease;z-index:10030!important;width:min(310px,86vw)!important}.member-shell .sidebar.open{transform:translateX(0)}
  .member-shell .app-main{margin-left:0!important}
  .member-shell .mobile-appbar{
    display:flex!important;position:sticky!important;top:0!important;z-index:10010!important;height:64px!important;padding:0 14px!important;
    align-items:center!important;gap:10px!important;background:color-mix(in srgb,var(--snake-bg) 92%,transparent)!important;border-bottom:1px solid var(--snake-outline-variant)!important;backdrop-filter:blur(16px)!important;
  }
  .member-shell .mobile-appbar>button{width:42px!important;height:42px!important;border:0!important;border-radius:13px!important;background:var(--snake-surface-variant)!important;color:var(--snake-primary)!important;font-size:19px!important}
  .member-shell .mobile-appbar-title{font-size:17px!important;font-weight:900!important;color:var(--snake-on-bg)!important}
  .member-shell .mobile-appbar-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important}
  .member-shell .mobile-avatar{width:40px!important;height:40px!important}
  .member-shell .app-header{display:none!important}
  .member-shell .app-content{max-width:840px!important;padding:16px 18px 108px!important}
  .member-shell.page-overview .mobile-appbar{display:none!important}
  .member-shell.page-overview .app-content{padding-top:18px!important}
  .member-bottom-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:10020;height:76px;padding:5px max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
    display:grid;grid-template-columns:repeat(5,1fr);background:var(--snake-surface);border-top:1px solid var(--snake-outline-variant);box-shadow:0 -10px 28px rgba(4,18,37,.10)
  }
  .member-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--snake-on-variant);border-radius:16px}
  .member-bottom-nav a.active{color:var(--snake-primary);font-weight:800}
  .member-bottom-nav a.active .member-bottom-nav-icon{width:48px;height:30px;border-radius:999px;background:var(--snake-primary-container)}
  .sidebar-overlay.active{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.38)!important;z-index:10025!important;backdrop-filter:blur(2px)}
  .member-dashboard-grid{grid-template-columns:1fr!important}.member-dashboard-grid .member-disclosure-wide{grid-column:auto!important}
}
@media(max-width:680px){
  .container{width:calc(100% - 28px)!important}
  .brand span{display:none!important}.site-header .brand img{width:42px!important;height:42px!important}
  .mobile-nav-context{display:flex!important}
  .hero{padding-top:8px!important}.hero-grid{padding:24px!important;border-radius:30px!important}.hero h1{font-size:31px!important;line-height:1.16!important}.hero-copy>p{font-size:13px!important}.hero-actions{display:grid!important;grid-template-columns:1.2fr .8fr!important}.hero-actions .btn{padding-inline:12px!important}
  .hero-trust{grid-template-columns:1fr!important;gap:8px!important}.hero-visual{min-height:255px!important}.logo-orbit{width:235px!important}.floating-stat{min-width:135px!important;padding:10px 12px!important}.stat-a{bottom:15px!important}.stat-b{top:12px!important}
  .section{padding:56px 0!important}.section-head h2{font-size:27px!important}
  .features-grid,.pricing-grid,.steps,.home-help-grid{grid-template-columns:1fr!important}
  .auth-page{padding:22px 22px 38px!important}.auth-brand{min-height:132px!important}.auth-brand .brand img{width:210px!important;height:106px!important}.auth-card h2{font-size:24px!important}.form-row{grid-template-columns:1fr!important;gap:0!important}
  .android-welcome{align-items:center!important}.android-welcome .android-profile-avatar{width:52px!important;height:52px!important;flex-basis:52px!important}.android-welcome-copy strong{font-size:17px!important}.android-status-pill{padding:6px 9px!important;font-size:10px!important}
  .overview-summary-grid{grid-template-columns:1fr 1fr!important}.overview-summary-item{padding:12px 10px!important}.overview-summary-item:first-child .overview-summary-value{font-size:24px!important}.overview-summary-value{font-size:17px!important}
  .calendar-period-metrics{grid-template-columns:repeat(5,132px)!important}
  .android-quick-grid{grid-template-columns:1fr 1fr!important}.android-quick-action{min-height:118px!important}
  .settings-fields{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .member-shell .app-content{padding-inline:14px!important}
  .android-welcome{gap:9px!important}.android-welcome .android-profile-avatar{width:48px!important;height:48px!important;flex-basis:48px!important}.android-welcome-copy strong{font-size:15px!important}.android-status-pill{max-width:96px!important;white-space:normal!important;line-height:1.2!important}
  .overview-summary-grid{grid-template-columns:1fr!important}.overview-summary-item,.overview-summary-item:nth-child(odd){border-right:0!important;border-bottom:1px solid var(--snake-outline-variant)!important}.overview-summary-item:last-child{border-bottom:0!important}
  .android-quick-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.android-quick-action{padding:14px!important}
  .member-bottom-nav-label{font-size:9px!important}
}
/* Avatar output generated by member_v425_avatar(). */
.member-shell .android-profile-avatar{display:inline-grid!important;place-items:center!important;overflow:hidden!important}
.member-shell .android-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

/* =========================================================
   V4.2.9.19 — Compact parity refinements, safe mobile launcher,
   and high-contrast dark theme corrections.
   Visual-only patch.
   ========================================================= */

:root{
  --snake-compact-font:12px;
  --snake-compact-font-sm:11px;
  --snake-compact-font-xs:10px;
  --snake-compact-control-height:44px;
  --snake-compact-button-height:42px;
}

html,body{
  font-size:var(--snake-compact-font)!important;
}
body{
  line-height:1.42!important;
}

/* Global compact rhythm so web feels closer to the app. */
body,
.card,
.metric-card,
.feature-card,
.price-card,
.step-card,
.settings-section,
.license-card,
.member-disclosure,
.member-item-disclosure,
.home-help-card,
.table-wrap,
table,
.page-toolbar,
.page-hero,
.auth-card,
.legal-wrap{
  font-size:var(--snake-compact-font)!important;
}

h1{font-size:clamp(1.35rem,2.3vw,1.85rem)!important;line-height:1.16!important}
h2{font-size:clamp(1.18rem,2vw,1.48rem)!important;line-height:1.18!important}
h3{font-size:clamp(1.04rem,1.6vw,1.2rem)!important;line-height:1.22!important}
h4{font-size:1rem!important;line-height:1.24!important}
p,li,td,th,small,span,label{line-height:1.4!important}
small{font-size:var(--snake-compact-font-xs)!important}

.btn{
  min-height:var(--snake-compact-button-height)!important;
  padding:9px 14px!important;
  border-radius:14px!important;
  font-size:var(--snake-compact-font-sm)!important;
  line-height:1.18!important;
}
.btn-sm{
  min-height:36px!important;
  padding:7px 12px!important;
  font-size:var(--snake-compact-font-xs)!important;
}

.form-control,
body:not(.app-shell) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body:not(.app-shell) select,
body:not(.app-shell) textarea,
.app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.app-shell select,
.app-shell textarea{
  min-height:var(--snake-compact-control-height)!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  font-size:var(--snake-compact-font)!important;
  line-height:1.25!important;
}
textarea.form-control,
body textarea,
.app-shell textarea{
  min-height:84px!important;
}
::placeholder{
  color:color-mix(in srgb,var(--snake-on-variant) 82%,transparent)!important;
  opacity:1!important;
}
.form-group,
.settings-field,
.field,
.input-group{margin-bottom:12px!important}
.form-group label,
label,
.member-shell .settings-fields label,
.member-shell .form-row label,
.auth-card label,
.legal-wrap label{
  font-size:var(--snake-compact-font-sm)!important;
  font-weight:700!important;
}

.card,
.metric-card,
.feature-card,
.price-card,
.step-card,
.faq-item,
.settings-section,
.license-card,
.member-disclosure,
.member-item-disclosure,
.home-help-card,
.contact-card,
.page-hero,
.page-toolbar,
.auth-card,
.legal-wrap{
  border-radius:20px!important;
}
.member-disclosure>summary,
.member-item-disclosure>summary{
  min-height:64px!important;
  padding:13px 15px!important;
  gap:10px!important;
}
.member-disclosure>summary strong,
.member-item-disclosure>summary strong{
  font-size:13px!important;
}
.member-disclosure>summary small,
.member-item-disclosure>summary small,
.disclosure-action{
  font-size:10px!important;
}
.member-disclosure-body{
  padding:14px 15px 15px!important;
  font-size:var(--snake-compact-font)!important;
}

.status-badge,
.status,
.badge,
.chip,
.soft-badge,
.android-status-pill,
.disclosure-action{
  font-size:var(--snake-compact-font-xs)!important;
  line-height:1.1!important;
  padding:6px 10px!important;
}

.account-selector,
.market-status,
.overview-summary-card,
.android-quick-action,
.member-profile-card{
  border-radius:18px!important;
}
.market-status{padding:12px!important}
.market-copy h3{font-size:13px!important}
.market-copy p{font-size:10px!important}
.market-symbol{min-width:62px!important;min-height:44px!important;font-size:10px!important}

.settings-tabs,
.remote-section-nav{gap:7px!important;padding-bottom:6px!important}
.settings-tab{
  min-height:38px!important;
  padding:8px 11px!important;
  border-radius:12px!important;
  font-size:10px!important;
}
.settings-fields{
  padding:15px!important;
  gap:11px!important;
}
.save-bar{padding:12px!important;border-radius:16px!important}

.member-shell .mobile-appbar-title,
.admin-shell .mobile-appbar-title{font-size:15px!important}
.member-shell .mobile-appbar,
.admin-shell .mobile-appbar{height:58px!important}
.member-shell .mobile-appbar>button,
.admin-shell .mobile-appbar>button{width:38px!important;height:38px!important;font-size:17px!important;border-radius:12px!important}
.mobile-appbar-actions{gap:6px!important}

.member-bottom-nav-label{font-size:9px!important;font-weight:700!important}
.member-bottom-nav-icon,
.member-bottom-nav-icon svg{width:20px!important;height:20px!important}
.member-bottom-nav a{gap:4px!important}
.member-bottom-nav a.active .member-bottom-nav-icon{width:44px!important;height:28px!important}

.member-profile-card{padding:8px!important;gap:8px!important}
.member-profile-card .member-chip-avatar{width:42px!important;height:42px!important;min-width:42px!important}
.member-profile-copy strong{font-size:11px!important;line-height:1.18!important}
.member-profile-copy small,
.member-profile-hint{font-size:9px!important;line-height:1.25!important}
.member-profile-chevron{font-size:14px!important}

/* Prevent the floating CS Snake launcher from covering the profile tab. */
@media(max-width:900px){
  .member-shell .app-content{padding-bottom:110px!important}
  .member-shell .si-snake-launcher,
  .member-shell .si-snake-widget{
    right:12px!important;
  }
  .member-shell .si-snake-launcher{
    bottom:calc(90px + env(safe-area-inset-bottom))!important;
    min-height:56px!important;
    padding:7px!important;
    border-radius:19px!important;
    gap:0!important;
  }
  .member-shell .si-snake-launcher>span:last-child{display:none!important}
  .member-shell .si-snake-launcher-icon{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  .member-shell .si-snake-launcher-icon img{width:28px!important;height:28px!important}
  .member-shell .si-snake-widget{
    bottom:calc(90px + env(safe-area-inset-bottom))!important;
    width:min(390px,calc(100vw - 20px))!important;
    max-height:calc(100dvh - 112px)!important;
  }
  .member-bottom-nav{
    height:74px!important;
    padding-top:4px!important;
    box-shadow:0 -10px 28px rgba(4,18,37,.10)!important;
  }
}
@media(max-width:560px){
  .member-shell .si-snake-launcher,
  .member-shell .si-snake-widget{
    right:10px!important;
  }
  .member-shell .si-snake-launcher{
    bottom:calc(86px + env(safe-area-inset-bottom))!important;
  }
  .member-shell .si-snake-widget{
    bottom:calc(86px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 20px)!important;
    height:calc(100dvh - 110px)!important;
    border-radius:18px!important;
  }
}

/* High-contrast dark theme fixes for text, icons, controls, and widgets. */
html[data-snake-theme="dark"] body,
html[data-snake-theme="dark"] .app-shell,
html[data-snake-theme="dark"] .member-shell,
html[data-snake-theme="dark"] .admin-shell{
  background:var(--snake-navy-950)!important;
  color:var(--snake-ice-50)!important;
}
html[data-snake-theme="dark"] .member-shell .app-content,
html[data-snake-theme="dark"] .admin-shell .app-content,
html[data-snake-theme="dark"] .mobile-appbar,
html[data-snake-theme="dark"] .member-bottom-nav,
html[data-snake-theme="dark"] .site-header,
html[data-snake-theme="dark"] .page-toolbar,
html[data-snake-theme="dark"] .page-hero,
html[data-snake-theme="dark"] .auth-card,
html[data-snake-theme="dark"] .legal-wrap{
  background:color-mix(in srgb,var(--snake-navy-900) 96%,transparent)!important;
  color:var(--snake-ice-50)!important;
  border-color:var(--snake-outline-variant)!important;
}
html[data-snake-theme="dark"] h1,
html[data-snake-theme="dark"] h2,
html[data-snake-theme="dark"] h3,
html[data-snake-theme="dark"] h4,
html[data-snake-theme="dark"] h5,
html[data-snake-theme="dark"] h6,
html[data-snake-theme="dark"] strong,
html[data-snake-theme="dark"] th,
html[data-snake-theme="dark"] td,
html[data-snake-theme="dark"] label,
html[data-snake-theme="dark"] .member-profile-copy strong,
html[data-snake-theme="dark"] .member-disclosure>summary strong,
html[data-snake-theme="dark"] .member-item-disclosure>summary strong,
html[data-snake-theme="dark"] .market-copy h3,
html[data-snake-theme="dark"] .android-section-title strong,
html[data-snake-theme="dark"] .section-head h2,
html[data-snake-theme="dark"] .metric-value,
html[data-snake-theme="dark"] .overview-summary-value,
html[data-snake-theme="dark"] .app-header h1,
html[data-snake-theme="dark"] .auth-card h2{
  color:var(--snake-ice-50)!important;
}
html[data-snake-theme="dark"] p,
html[data-snake-theme="dark"] span,
html[data-snake-theme="dark"] small,
html[data-snake-theme="dark"] li,
html[data-snake-theme="dark"] .muted,
html[data-snake-theme="dark"] .form-help,
html[data-snake-theme="dark"] .field-help,
html[data-snake-theme="dark"] .metric-note,
html[data-snake-theme="dark"] .member-bottom-nav a,
html[data-snake-theme="dark"] .member-bottom-nav-label,
html[data-snake-theme="dark"] .member-profile-copy small,
html[data-snake-theme="dark"] .member-profile-hint,
html[data-snake-theme="dark"] .market-copy p,
html[data-snake-theme="dark"] .android-section-title span,
html[data-snake-theme="dark"] .app-header p,
html[data-snake-theme="dark"] .nav-links a,
html[data-snake-theme="dark"] .support-contact-method p,
html[data-snake-theme="dark"] .support-contact-method small{
  color:var(--snake-slate-300)!important;
}
html[data-snake-theme="dark"] .member-bottom-nav a.active,
html[data-snake-theme="dark"] .nav-links a.active,
html[data-snake-theme="dark"] .nav-links a:hover,
html[data-snake-theme="dark"] .settings-tab.active,
html[data-snake-theme="dark"] .disclosure-action,
html[data-snake-theme="dark"] .snake-control,
html[data-snake-theme="dark"] .link,
html[data-snake-theme="dark"] .support-contact-method>b{
  color:var(--snake-gold-400)!important;
}
html[data-snake-theme="dark"] .member-bottom-nav a.active .member-bottom-nav-icon,
html[data-snake-theme="dark"] .android-quick-action:before,
html[data-snake-theme="dark"] .market-symbol,
html[data-snake-theme="dark"] .status-info,
html[data-snake-theme="dark"] .support-contact-icon{
  background:color-mix(in srgb,var(--snake-gold-500) 16%,var(--snake-navy-800))!important;
  color:var(--snake-gold-400)!important;
}
html[data-snake-theme="dark"] .btn-ghost,
html[data-snake-theme="dark"] .snake-control,
html[data-snake-theme="dark"] .settings-tab,
html[data-snake-theme="dark"] .notification-bell,
html[data-snake-theme="dark"] .mobile-appbar>button,
html[data-snake-theme="dark"] .support-contact-method,
html[data-snake-theme="dark"] .profile-photo-picker,
html[data-snake-theme="dark"] .profile-photo-filename,
html[data-snake-theme="dark"] .table-wrap,
html[data-snake-theme="dark"] table,
html[data-snake-theme="dark"] .account-selector,
html[data-snake-theme="dark"] .market-status{
  background:var(--snake-navy-900)!important;
  color:var(--snake-ice-50)!important;
  border-color:var(--snake-outline)!important;
}
html[data-snake-theme="dark"] .table-wrap thead,
html[data-snake-theme="dark"] table thead,
html[data-snake-theme="dark"] .card-head,
html[data-snake-theme="dark"] .settings-section-head,
html[data-snake-theme="dark"] .card-footer{
  background:var(--snake-navy-800)!important;
  color:var(--snake-ice-50)!important;
  border-color:var(--snake-outline-variant)!important;
}
html[data-snake-theme="dark"] .form-control,
html[data-snake-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-snake-theme="dark"] select,
html[data-snake-theme="dark"] textarea{
  background:color-mix(in srgb,var(--snake-navy-800) 82%,var(--snake-navy-900))!important;
  color:var(--snake-ice-50)!important;
  border-color:var(--snake-outline)!important;
}
html[data-snake-theme="dark"] input::placeholder,
html[data-snake-theme="dark"] textarea::placeholder{
  color:color-mix(in srgb,var(--snake-slate-300) 86%,transparent)!important;
}
html[data-snake-theme="dark"] .member-bottom-nav svg,
html[data-snake-theme="dark"] .notification-bell svg,
html[data-snake-theme="dark"] .snake-control svg,
html[data-snake-theme="dark"] .member-profile-chevron,
html[data-snake-theme="dark"] .status svg,
html[data-snake-theme="dark"] .market-status svg,
html[data-snake-theme="dark"] .support-contact-method svg{
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .si-snake-launcher{
  background:linear-gradient(135deg,#0b315e,#082447)!important;
  color:#fff!important;
  box-shadow:0 18px 45px rgba(0,0,0,.35)!important;
}
html[data-snake-theme="dark"] .si-snake-widget,
html[data-snake-theme="dark"] .si-snake-page,
html[data-snake-theme="dark"] .si-snake-admin-chat,
html[data-snake-theme="dark"] .si-snake-admin-list{
  background:linear-gradient(180deg,var(--snake-navy-900),var(--snake-navy-800))!important;
  color:var(--snake-ice-50)!important;
  border-color:var(--snake-outline)!important;
}
html[data-snake-theme="dark"] .si-snake-head,
html[data-snake-theme="dark"] .si-snake-form,
html[data-snake-theme="dark"] .si-snake-foot,
html[data-snake-theme="dark"] .si-snake-notice,
html[data-snake-theme="dark"] .si-snake-quick button,
html[data-snake-theme="dark"] .si-snake-bubble{
  background:color-mix(in srgb,var(--snake-navy-800) 84%,var(--snake-navy-900))!important;
  color:var(--snake-ice-50)!important;
  border-color:var(--snake-outline)!important;
}
html[data-snake-theme="dark"] .si-snake-bubble.is-user{
  background:color-mix(in srgb,var(--snake-gold-500) 16%,var(--snake-navy-800))!important;
  color:var(--snake-ice-50)!important;
}

@media(max-width:680px){
  .hero h1{font-size:28px!important}
  .hero-copy>p{font-size:12px!important}
  .android-welcome-copy strong{font-size:15px!important}
  .overview-summary-value{font-size:16px!important}
  .overview-summary-item:first-child .overview-summary-value{font-size:22px!important}
  .android-quick-action{min-height:110px!important;padding:13px!important}
  .android-quick-action strong{font-size:11px!important}
  .android-quick-action span{font-size:10px!important}
}
@media(max-width:420px){
  .member-shell .app-content{padding-inline:12px!important}
  .member-bottom-nav-label{font-size:8.5px!important}
  .member-shell .mobile-appbar-title,
  .admin-shell .mobile-appbar-title{font-size:14px!important}
}

/* =========================================================
   VISUAL HOTFIX 3.9.0.1 — compact scale, mobile nav clearance,
   and high-contrast dark theme. CSS only: no PHP/API/JS logic.
   ========================================================= */

/* One compact visual scale across the member area. */
.member-shell,
.member-shell button,
.member-shell input,
.member-shell select,
.member-shell textarea{
  font-size:12px!important;
}
.member-shell *{box-sizing:border-box}
.member-shell .app-content{
  font-size:12px!important;
  line-height:1.42!important;
}
.member-shell .app-content :is(p,li,dd,dt,td){font-size:11.5px!important;line-height:1.42!important}
.member-shell .app-content :is(h1,h2,h3,h4){line-height:1.25!important}
.member-shell .grid,
.member-shell .member-dashboard-grid,
.member-shell .metric-grid,
.member-shell .settings-grid,
.member-shell .settings-fields,
.member-shell .form-row{gap:10px!important}

/* Compact, equal-height form controls. */
.member-shell .form-group{margin-bottom:10px!important}
.member-shell .form-group label,
.member-shell .app-content label,
.member-shell legend{
  display:block;
  margin-bottom:4px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.member-shell .form-control,
.member-shell .app-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.member-shell .app-content select,
.member-shell .app-content textarea{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:auto;
  padding:8px 10px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  line-height:1.3!important;
}
.member-shell .app-content select{height:40px!important;padding-right:32px!important}
.member-shell .app-content textarea{min-height:82px!important;resize:vertical}
.member-shell .form-help,
.member-shell .field-help,
.member-shell .muted-help,
.member-shell .metric-note{font-size:9.5px!important;line-height:1.4!important}
.member-shell .password-field{align-items:stretch!important}
.member-shell .password-field .form-control,
.member-shell .password-field button{min-height:40px!important;height:40px!important}

/* Compact buttons, cards, tables, badges, and disclosures. */
.member-shell .btn{min-height:40px!important;padding:8px 12px!important;border-radius:10px!important;font-size:11px!important;line-height:1.2!important}
.member-shell .btn-sm{min-height:34px!important;padding:6px 9px!important;font-size:10px!important}
.member-shell .card,
.member-shell .metric-card,
.member-shell .settings-section,
.member-shell .license-card,
.member-shell .member-disclosure,
.member-shell .member-item-disclosure,
.member-shell .remote-setting-panel{border-radius:14px!important}
.member-shell .card-head,
.member-shell .settings-section-head{padding:11px 13px!important}
.member-shell .card-head h2,
.member-shell .card-head h3,
.member-shell .settings-section-head h3{font-size:13.5px!important}
.member-shell .card-head p,
.member-shell .card-head small,
.member-shell .settings-section-head p{font-size:9.5px!important}
.member-shell .card-body{padding:12px 13px!important;font-size:11.5px!important}
.member-shell .metric-card{padding:12px 13px!important}
.member-shell .metric-card span,
.member-shell .metric-label{font-size:9.5px!important}
.member-shell .metric-card strong,
.member-shell .metric-value{margin:5px 0 2px!important;font-size:17px!important}
.member-shell .metric-card small{font-size:9.5px!important}
.member-shell .data-table th,
.member-shell .data-table td,
.member-shell .app-content table th,
.member-shell .app-content table td{padding:8px 9px!important;font-size:10.5px!important}
.member-shell .data-table th,
.member-shell .app-content table th{font-size:9px!important}
.member-shell .status-badge{min-height:24px!important;padding:4px 7px!important;font-size:9px!important}
.member-shell :is(.profit-list,.risk-list,.compact-list,.modern-risk-list) li{padding:8px 0!important;font-size:10.5px!important}
.member-shell .member-disclosure>summary,
.member-shell .member-item-disclosure>summary{min-height:56px!important;padding:10px 12px!important;gap:8px!important}
.member-shell .member-disclosure>summary strong,
.member-shell .member-item-disclosure>summary strong{font-size:11.5px!important}
.member-shell .member-disclosure>summary small,
.member-shell .member-item-disclosure>summary small{margin-top:2px!important;font-size:9px!important}
.member-shell .disclosure-action{padding:4px 7px!important;border-radius:8px!important;font-size:9px!important}
.member-shell .member-disclosure[open] .disclosure-action:after{font-size:9px!important}
.member-shell .member-disclosure-body{padding:11px 12px 12px!important;font-size:10.5px!important}
.member-shell .settings-tab{min-height:34px!important;padding:6px 9px!important;border-radius:9px!important;font-size:9.5px!important}
.member-shell .settings-fields{padding:12px!important}
.member-shell .save-bar{padding:10px!important;border-radius:14px!important}

/* Dashboard scale aligned to the compact Android density. */
.member-shell .android-welcome{gap:9px!important;margin-bottom:10px!important}
.member-shell .android-welcome .android-profile-avatar{width:46px!important;height:46px!important;flex-basis:46px!important;font-size:18px!important}
.member-shell .android-welcome-copy span{font-size:9.5px!important}
.member-shell .android-welcome-copy strong{margin-top:2px!important;font-size:14.5px!important;line-height:1.12!important}
.member-shell .android-status-pill{gap:5px!important;padding:5px 8px!important;font-size:9px!important}
.member-shell .android-status-pill:before{width:6px!important;height:6px!important}
.member-shell .account-selector{
  min-height:56px!important;
  margin-bottom:10px!important;
  padding:8px 10px 8px 54px!important;
  border-radius:13px!important;
}
.member-shell .account-selector:before{left:10px!important;top:10px!important;width:34px!important;height:34px!important;border-radius:10px!important;font-size:9px!important}
.member-shell .account-selector select{min-height:36px!important;height:36px!important;padding:7px 30px 7px 0!important;font-size:11px!important}
.member-shell .live-telemetry-root{gap:10px!important}
.member-shell .live-telemetry-state{right:10px!important;top:10px!important;min-height:24px!important;padding:4px 8px!important;font-size:9px!important}
.member-shell .overview-summary-card{padding:12px!important;border-radius:15px!important}
.member-shell .overview-summary-item{padding:10px!important}
.member-shell .overview-summary-label{font-size:8.5px!important;letter-spacing:.06em!important}
.member-shell .overview-summary-value{margin-top:5px!important;font-size:17px!important}
.member-shell .overview-summary-item:first-child .overview-summary-value{font-size:22px!important}
.member-shell .overview-summary-item small{margin-top:3px!important;font-size:9px!important}
.member-shell .overview-status-line{gap:6px!important;margin-top:5px!important}
.member-shell .overview-status-line strong{font-size:10.5px!important}
.member-shell .overview-period-form{margin-top:5px!important}
.member-shell .overview-period-form select{min-height:34px!important;height:34px!important;padding:5px 27px 5px 7px!important;font-size:9.5px!important}
.member-shell .calendar-period-summary{gap:9px!important}
.member-shell .calendar-period-heading{padding:12px!important;border-radius:14px!important}
.member-shell .calendar-period-heading span{font-size:8.5px!important}
.member-shell .calendar-period-heading strong{margin-top:4px!important;font-size:14px!important}
.member-shell .calendar-period-heading small{margin-top:4px!important;font-size:8.5px!important}
.member-shell .calendar-period-metrics{gap:6px!important}
.member-shell .calendar-period-metrics article{padding:10px 8px!important;border-radius:12px!important}
.member-shell .calendar-period-metrics article span{font-size:8px!important}
.member-shell .calendar-period-metrics article strong{margin-top:5px!important;font-size:11.5px!important}
.member-shell .android-section-title{margin-bottom:7px!important}
.member-shell .android-section-title strong{font-size:14px!important}
.member-shell .android-section-title span{font-size:9.5px!important}
.member-shell .android-quick-grid{gap:9px!important}
.member-shell .android-quick-action{min-height:92px!important;padding:11px!important;border-radius:13px!important}
.member-shell .android-quick-action:before{left:11px!important;top:11px!important;width:34px!important;height:34px!important;border-radius:10px!important}
.member-shell .android-quick-action:after{left:22px!important;top:22px!important;width:11px!important;height:11px!important}
.member-shell .android-quick-action strong{font-size:10px!important}
.member-shell .android-quick-action span{margin-top:3px!important;font-size:9px!important}

/* Keep Call Center clear of the fifth/Profile navigation item. */
@media(max-width:900px){
  .member-shell .app-content{padding:12px 14px 94px!important}
  .member-shell.page-overview .app-content{padding-top:12px!important}
  .member-shell .mobile-appbar{height:56px!important;padding:0 10px!important}
  .member-shell .mobile-appbar>button{width:36px!important;height:36px!important;border-radius:10px!important;font-size:16px!important}
  .member-shell .mobile-appbar-title{font-size:14px!important}
  .member-shell .mobile-avatar,
  .member-shell .mobile-profile-link,
  .member-shell .mobile-profile-link .mobile-avatar,
  .member-shell .mobile-appbar .notification-bell{width:34px!important;height:34px!important;min-width:34px!important}
  .member-bottom-nav{
    height:68px!important;
    padding:4px max(5px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important;
  }
  .member-bottom-nav a{gap:3px!important;border-radius:11px!important}
  .member-bottom-nav-icon,
  .member-bottom-nav-icon svg{width:20px!important;height:20px!important}
  .member-bottom-nav-label{font-size:8.5px!important}
  .member-bottom-nav a.active .member-bottom-nav-icon{width:42px!important;height:26px!important}
  .member-bottom-nav-badge{top:2px!important;min-width:16px!important;height:16px!important;font-size:7px!important}
  .member-shell .si-snake-launcher{
    right:10px!important;
    bottom:calc(68px + env(safe-area-inset-bottom) + 10px)!important;
    min-width:48px!important;
    min-height:48px!important;
    width:48px!important;
    height:48px!important;
    padding:5px!important;
    border-radius:15px!important;
  }
  .member-shell .si-snake-launcher>span:last-child{display:none!important}
  .member-shell .si-snake-launcher-icon{width:38px!important;height:38px!important;border-radius:11px!important}
  .member-shell .si-snake-launcher-icon img{width:25px!important;height:25px!important}
  .member-shell .si-snake-widget{
    right:8px!important;
    bottom:calc(68px + env(safe-area-inset-bottom) + 8px)!important;
    height:calc(100dvh - 68px - env(safe-area-inset-bottom) - 74px)!important;
    max-height:680px!important;
  }
}
@media(max-width:680px){
  .member-shell .overview-summary-grid{grid-template-columns:1fr 1fr!important}
  .member-shell .overview-summary-item{padding:9px!important}
  .member-shell .overview-summary-item:first-child .overview-summary-value{font-size:20px!important}
  .member-shell .overview-summary-value{font-size:15px!important}
  .member-shell .calendar-period-metrics{grid-template-columns:repeat(5,112px)!important}
  .member-shell .android-quick-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:420px){
  .member-shell .app-content{padding-inline:10px!important}
  .member-shell .android-welcome .android-profile-avatar{width:42px!important;height:42px!important;flex-basis:42px!important}
  .member-shell .android-welcome-copy strong{font-size:13px!important}
  .member-shell .android-status-pill{max-width:84px!important;font-size:8px!important}
  .member-shell .overview-summary-grid{grid-template-columns:1fr!important}
  .member-shell .overview-summary-item,
  .member-shell .overview-summary-item:nth-child(odd){border-right:0!important;border-bottom:1px solid var(--snake-outline-variant)!important}
  .member-shell .overview-summary-item:last-child{border-bottom:0!important}
}

/* High-contrast dark theme: text, controls and icons remain readable. */
html[data-snake-theme="dark"]{
  --snake-on-bg:#f7fbff;
  --snake-on-variant:#c8d5e2;
  --snake-outline:#68819a;
  --snake-outline-variant:#294b6c;
  --snake-surface:#071b36;
  --snake-surface-variant:#0b2b50;
  --snake-primary:#f0cd72;
  --snake-primary-container:#3c321a;
}
html[data-snake-theme="dark"] body,
html[data-snake-theme="dark"] .app-main,
html[data-snake-theme="dark"] .app-content{color:var(--snake-on-bg)!important}
html[data-snake-theme="dark"] :is(h1,h2,h3,h4,h5,h6,legend){color:var(--snake-on-bg)!important}
html[data-snake-theme="dark"] :is(p,small,.muted,.form-help,.field-help,.muted-help,.metric-note,.card-head p,.card-head small){color:var(--snake-on-variant)!important}
html[data-snake-theme="dark"] a:not(.btn):not(.status-badge){color:var(--snake-primary)!important}
html[data-snake-theme="dark"] ::placeholder{color:#aebfd0!important;opacity:1!important}
html[data-snake-theme="dark"] .member-shell .app-content :is(label,th,td,summary,strong){color:var(--snake-on-bg)!important}
html[data-snake-theme="dark"] .member-shell .app-content :is(.text-green,.status-online,.status-success,.soft-badge-success){color:#49d6a8!important}
html[data-snake-theme="dark"] .member-shell .app-content :is(.text-red,.status-offline,.status-danger,.soft-badge-danger){color:#ff8290!important}
html[data-snake-theme="dark"] .member-shell .app-content :is(.text-yellow,.status-warning,.soft-badge-warning){color:#ffc66d!important}
html[data-snake-theme="dark"] .member-shell .app-content :is(input,select,textarea,.form-control){
  background:#0c2b4d!important;
  color:#f7fbff!important;
  border-color:#58718a!important;
  caret-color:#f0cd72!important;
}
html[data-snake-theme="dark"] .member-shell .app-content select option{background:#0c2b4d!important;color:#f7fbff!important}
html[data-snake-theme="dark"] .member-shell .app-content :is(input,select,textarea,.form-control):focus{
  border-color:#f0cd72!important;
  box-shadow:0 0 0 3px rgba(240,205,114,.18)!important;
}
html[data-snake-theme="dark"] .member-shell :is(.card,.metric-card,.settings-section,.license-card,.member-disclosure,.member-item-disclosure,.remote-setting-panel,.account-selector,.calendar-period-heading,.calendar-period-metrics article,.android-quick-action,.market-status,.save-bar){
  background:#091f3b!important;
  border-color:#294b6c!important;
  color:#f7fbff!important;
}
html[data-snake-theme="dark"] .member-shell .overview-summary-card{background:linear-gradient(135deg,#3c321a,#091f3b,#0b2b50)!important;border-color:#3b5873!important}
html[data-snake-theme="dark"] .member-shell :is(.overview-summary-label,.overview-summary-item small,.calendar-period-heading span,.calendar-period-heading small,.calendar-period-metrics article span,.android-welcome-copy span,.android-section-title span,.android-quick-action span,.member-disclosure>summary small,.member-item-disclosure>summary small,.metric-label,.metric-note){color:#c8d5e2!important}
html[data-snake-theme="dark"] .member-shell :is(.overview-summary-value,.overview-status-line strong,.calendar-period-heading strong,.calendar-period-metrics article strong,.android-welcome-copy strong,.android-section-title strong,.android-quick-action strong,.member-disclosure>summary strong,.member-item-disclosure>summary strong){color:#f7fbff!important}
html[data-snake-theme="dark"] .member-shell :is(.notification-bell,.mobile-appbar>button,.snake-control,.settings-tab,.btn-ghost){background:#0b2b50!important;border-color:#46637e!important;color:#f0cd72!important}
html[data-snake-theme="dark"] .member-shell .btn-primary{background:#f0cd72!important;border-color:#f0cd72!important;color:#041225!important}
html[data-snake-theme="dark"] .member-shell .btn-danger{color:#fff!important}
html[data-snake-theme="dark"] .member-shell .member-bottom-nav{background:#071b36!important;border-color:#294b6c!important}
html[data-snake-theme="dark"] .member-shell .member-bottom-nav a{color:#c8d5e2!important}
html[data-snake-theme="dark"] .member-shell .member-bottom-nav a.active{color:#f0cd72!important}
html[data-snake-theme="dark"] .member-shell .member-bottom-nav a.active .member-bottom-nav-icon{background:#3c321a!important}
html[data-snake-theme="dark"] .member-shell .member-bottom-nav svg,
html[data-snake-theme="dark"] .member-shell .notification-bell svg,
html[data-snake-theme="dark"] .member-shell .sidebar-nav svg{stroke:currentColor!important;opacity:1!important}
html[data-snake-theme="dark"] .member-shell .sidebar-nav a{color:#d5e0ea!important}
html[data-snake-theme="dark"] .member-shell .sidebar-nav a.active{color:#f0cd72!important}
html[data-snake-theme="dark"] .member-shell .table-wrap,
html[data-snake-theme="dark"] .member-shell table{background:#091f3b!important;color:#f7fbff!important}
html[data-snake-theme="dark"] .member-shell table thead,
html[data-snake-theme="dark"] .member-shell table th{background:#0b2b50!important;color:#dce7f1!important}
html[data-snake-theme="dark"] .member-shell hr{border-color:#294b6c!important}
html[data-snake-theme="dark"] .site-header,
html[data-snake-theme="dark"] .nav-links,
html[data-snake-theme="dark"] .public-mobile-actions{background:rgba(4,18,37,.96)!important;border-color:#294b6c!important}
html[data-snake-theme="dark"] .nav-links a{color:#c8d5e2!important}
html[data-snake-theme="dark"] .nav-links a:hover,
html[data-snake-theme="dark"] .nav-links a.active{color:#f0cd72!important}
html[data-snake-theme="dark"] .site-footer{background:#041225!important;color:#c8d5e2!important}
html[data-snake-theme="dark"] .site-footer :is(h3,h4,strong){color:#f7fbff!important}

/* =========================================================
   V3.9.0.2 — Public dark theme visual repair
   Keeps the light theme untouched. Corrects contrast, hard-coded light
   surfaces, FAQ readability, help/contact consistency, and full language
   selector width. Visual/UI text only; no application behavior changes.
   ========================================================= */

/* Full language names need enough room on desktop and mobile menus. */
.snake-control[data-snake-language]{
  min-width:148px!important;
  width:auto!important;
  text-align:left!important;
}
@media(max-width:900px){
  .mobile-nav-actions .snake-control[data-snake-language]{
    width:100%!important;
    min-width:0!important;
  }
}

/* A calmer, layered dark palette for all public pages. */
html[data-snake-theme="dark"]{
  --snake-public-bg:#061628;
  --snake-public-bg-deep:#041221;
  --snake-public-surface:#0a223d;
  --snake-public-surface-2:#0d2a4a;
  --snake-public-surface-3:#123354;
  --snake-public-line:#294d70;
  --snake-public-line-soft:#1c3e5d;
  --snake-public-text:#f5f9fd;
  --snake-public-muted:#c2d1df;
  --snake-public-muted-2:#9fb3c7;
  --snake-public-accent:#f0cd72;
  --snake-public-accent-soft:#493c1b;
}

html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page){
  background:var(--snake-public-bg)!important;
  color:var(--snake-public-text)!important;
}

/* Correct sections that were still hard-coded white in dark mode. */
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .section-soft,
  .home-help-section,
  .home-contact-section,
  .feature-strip,
  .help-center-page,
  .help-article-page
){
  background:var(--snake-public-bg)!important;
  color:var(--snake-public-text)!important;
  border-color:var(--snake-public-line-soft)!important;
}
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) .section:not(.section-soft):not(.home-help-section):not(.home-contact-section){
  color:var(--snake-public-text)!important;
}

/* Public section headings: restore hierarchy and contrast. */
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .section-head h1,.section-head h2,.section-head h3,
  .home-help-head h2,.help-results-head h2,
  .remote-copy h2
){
  color:var(--snake-public-text)!important;
  text-shadow:none!important;
}
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .section-head>p:not(.eyebrow),
  .home-help-head p:not(.eyebrow),
  .help-results-head p,
  .remote-copy>p
){
  color:var(--snake-public-muted)!important;
}
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .section-head .eyebrow,
  .home-help-head .eyebrow,
  .help-result-count,
  .help-card-meta b,
  .home-help-card-meta b
){
  color:var(--snake-public-accent)!important;
}

/* Shared public cards and previews — clear separation without harsh white blocks. */
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .card,.feature-card,.price-card,.step-card,.dashboard-preview,
  .help-card,.home-help-card,.help-categories,.help-article-toc,
  .help-article-section,.help-empty,.help-pagination a,.help-pagination span
){
  background:linear-gradient(145deg,var(--snake-public-surface-2),var(--snake-public-surface))!important;
  color:var(--snake-public-text)!important;
  border-color:var(--snake-public-line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .feature-card h3,.price-card h3,.step-card h3,
  .help-card h3,.help-card h3 a,
  .home-help-card h3,.home-help-card h3 a,
  .help-category-head h2,.help-article-section h2
){
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .feature-card p,.feature-card li,.price-card p,.price-card li,.step-card p,
  .help-card p,.home-help-card p,.help-card-meta,.home-help-card-meta,
  .help-card-footer,.home-help-card-foot,.help-article-section p,
  .help-article-section li,.help-category-head span,.help-pagination span
){
  color:var(--snake-public-muted)!important;
}
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .help-card-footer,.home-help-card-foot,.help-category-head,
  .help-article-toc strong,.help-article-section
){
  border-color:var(--snake-public-line-soft)!important;
}
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .help-card-footer a,.home-help-card-foot>a,.help-pagination a,
  .help-breadcrumb a,.help-article-toc a
){
  color:var(--snake-public-accent)!important;
}

/* FAQ: remove white accordion rows and make both question/answer readable. */
html[data-snake-theme="dark"] .faq-item{
  background:var(--snake-public-surface)!important;
  border-color:var(--snake-public-line)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}
html[data-snake-theme="dark"] .faq-item.open{
  border-color:#6f6338!important;
  box-shadow:0 0 0 1px rgba(240,205,114,.16),0 14px 32px rgba(0,0,0,.2)!important;
}
html[data-snake-theme="dark"] .faq-q{
  background:var(--snake-public-surface-2)!important;
  color:var(--snake-public-text)!important;
  border-color:var(--snake-public-line)!important;
}
html[data-snake-theme="dark"] .faq-q span:first-child{
  color:var(--snake-public-text)!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .faq-q span:last-child{
  color:var(--snake-public-accent)!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .faq-a{
  background:var(--snake-public-surface)!important;
  color:var(--snake-public-muted)!important;
  border-top:1px solid var(--snake-public-line-soft)!important;
}

/* Homepage help preview: cohesive dark search, chips, cards and footer. */
html[data-snake-theme="dark"] .home-help-search,
html[data-snake-theme="dark"] .help-search{
  background:var(--snake-public-surface-2)!important;
  border:1px solid var(--snake-public-line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.2)!important;
}
html[data-snake-theme="dark"] :is(.home-help-search,.help-search) input{
  background:transparent!important;
  color:var(--snake-public-text)!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] :is(.home-help-search,.help-search) input::placeholder{
  color:var(--snake-public-muted-2)!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .home-help-search>span{
  color:var(--snake-public-accent)!important;
}
html[data-snake-theme="dark"] .home-help-categories a,
html[data-snake-theme="dark"] .help-category-link{
  background:var(--snake-public-surface)!important;
  color:var(--snake-public-muted)!important;
  border-color:var(--snake-public-line)!important;
}
html[data-snake-theme="dark"] .home-help-categories a:hover,
html[data-snake-theme="dark"] .help-category-link:hover,
html[data-snake-theme="dark"] .help-category-link.active{
  background:var(--snake-public-surface-3)!important;
  color:var(--snake-public-text)!important;
  border-color:#54789c!important;
}
html[data-snake-theme="dark"] .home-help-categories b,
html[data-snake-theme="dark"] .help-category-link b{
  background:var(--snake-public-accent-soft)!important;
  color:var(--snake-public-accent)!important;
}
html[data-snake-theme="dark"] .help-category-link.active b{
  background:var(--snake-public-accent)!important;
  color:var(--snake-public-bg-deep)!important;
}
html[data-snake-theme="dark"] .home-help-footer,
html[data-snake-theme="dark"] .help-contact-strip,
html[data-snake-theme="dark"] .help-article-support{
  background:linear-gradient(135deg,#0c2b4c,#124f82)!important;
  border:1px solid #315d84!important;
  box-shadow:0 16px 40px rgba(0,0,0,.2)!important;
}
html[data-snake-theme="dark"] .home-help-footer :is(strong,h2),
html[data-snake-theme="dark"] .help-contact-strip h2,
html[data-snake-theme="dark"] .help-article-support h2{
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .home-help-footer span,
html[data-snake-theme="dark"] .help-contact-strip p,
html[data-snake-theme="dark"] .help-article-support p{
  color:#d5e2ee!important;
}

/* Contact page and homepage contact block. */
html[data-snake-theme="dark"] .support-contact-card,
html[data-snake-theme="dark"] .contact-grid>.card{
  background:linear-gradient(145deg,var(--snake-public-surface-2),var(--snake-public-surface))!important;
  border-color:var(--snake-public-line)!important;
}
html[data-snake-theme="dark"] .support-contact-method{
  background:#0a213b!important;
  border-color:#3b5f80!important;
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .support-contact-method:hover,
html[data-snake-theme="dark"] .support-contact-method:focus-visible{
  background:#103353!important;
  border-color:#6687a7!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
}
html[data-snake-theme="dark"] .support-contact-method h4,
html[data-snake-theme="dark"] .contact-method-whatsapp h4{
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .support-contact-method p,
html[data-snake-theme="dark"] .contact-method-whatsapp p{
  color:#d8e4ef!important;
}
html[data-snake-theme="dark"] .support-contact-method small{
  color:var(--snake-public-muted-2)!important;
}
html[data-snake-theme="dark"] .support-contact-icon{
  background:#eaf3fb!important;
  box-shadow:inset 0 0 0 1px #b6cadd!important;
}
html[data-snake-theme="dark"] .support-contact-method>b{
  color:var(--snake-public-accent)!important;
}
html[data-snake-theme="dark"] .legal-note{
  background:#302916!important;
  border-color:#6b5a2b!important;
  color:#f2d98f!important;
}
html[data-snake-theme="dark"] .contact-grid .card-head{
  background:#0d2a49!important;
  border-color:var(--snake-public-line)!important;
}
html[data-snake-theme="dark"] .contact-grid .card-head h3,
html[data-snake-theme="dark"] .contact-grid label{
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .contact-upload-zone{
  background:linear-gradient(145deg,#0b2745,#0a2039)!important;
  border-color:#52789a!important;
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .contact-upload-zone:hover,
html[data-snake-theme="dark"] .contact-upload-zone:focus-visible,
html[data-snake-theme="dark"] .contact-upload-zone.is-dragging{
  background:linear-gradient(145deg,#113657,#0d2948)!important;
  border-color:var(--snake-public-accent)!important;
  box-shadow:0 0 0 4px rgba(240,205,114,.1),0 16px 34px rgba(0,0,0,.18)!important;
}
html[data-snake-theme="dark"] .contact-upload-icon,
html[data-snake-theme="dark"] .contact-upload-button{
  background:#eaf3fb!important;
  color:#0b315e!important;
  border-color:#b9cddd!important;
}
html[data-snake-theme="dark"] .contact-upload-copy strong{
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .contact-upload-copy small,
html[data-snake-theme="dark"] .contact-upload-meta{
  color:var(--snake-public-muted)!important;
}
html[data-snake-theme="dark"] .contact-upload-meta b{
  background:var(--snake-public-accent-soft)!important;
  color:var(--snake-public-accent)!important;
}
html[data-snake-theme="dark"] .contact-selected-file{
  background:var(--snake-public-surface-2)!important;
  border-color:var(--snake-public-line)!important;
}
html[data-snake-theme="dark"] .contact-selected-file strong{
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .contact-selected-file small{
  color:var(--snake-public-muted)!important;
}

/* Remote/features preview: remove remaining white panels and muted low-contrast copy. */
html[data-snake-theme="dark"] .check-list li{
  color:var(--snake-public-muted)!important;
}
html[data-snake-theme="dark"] .check-list li:before{
  background:#eaf3fb!important;
  color:#0b5ca8!important;
}
html[data-snake-theme="dark"] .dashboard-preview,
html[data-snake-theme="dark"] .preview-top,
html[data-snake-theme="dark"] .preview-main,
html[data-snake-theme="dark"] .preview-card,
html[data-snake-theme="dark"] .fake-chart,
html[data-snake-theme="dark"] .preview-table{
  background:var(--snake-public-surface-2)!important;
  border-color:var(--snake-public-line)!important;
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .preview-side{
  background:#f4f7fa!important;
  border-color:#d1dbe5!important;
}
html[data-snake-theme="dark"] .preview-card small,
html[data-snake-theme="dark"] .preview-row,
html[data-snake-theme="dark"] .dashboard-preview>small{
  color:var(--snake-public-muted)!important;
  border-color:var(--snake-public-line-soft)!important;
}
html[data-snake-theme="dark"] .preview-card strong{
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .mini-feature{
  border-color:var(--snake-public-line-soft)!important;
}
html[data-snake-theme="dark"] .mini-icon{
  background:var(--snake-public-accent-soft)!important;
  color:var(--snake-public-accent)!important;
  border-color:#685a32!important;
}
html[data-snake-theme="dark"] .mini-feature strong{
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .mini-feature small{
  color:var(--snake-public-muted-2)!important;
}

/* Controls and navigation: readable labels, not washed out. */
html[data-snake-theme="dark"] .snake-control{
  background:#0a223d!important;
  color:var(--snake-public-text)!important;
  border-color:#527291!important;
}
html[data-snake-theme="dark"] .snake-control option{
  background:#0a223d!important;
  color:var(--snake-public-text)!important;
}
html[data-snake-theme="dark"] .nav-links a{
  color:#d2deea!important;
}
html[data-snake-theme="dark"] .nav-links a.active,
html[data-snake-theme="dark"] .nav-links a:hover{
  color:var(--snake-public-accent)!important;
}
html[data-snake-theme="dark"] .site-header{
  background:rgba(4,18,33,.97)!important;
  border-color:#244763!important;
}

/* Preserve intended white or dark button text against their own fills. */
html[data-snake-theme="dark"] :is(.btn-primary,.btn-gold,.popular-badge) span,
html[data-snake-theme="dark"] :is(.btn-primary,.btn-gold,.popular-badge){
  color:var(--snake-public-bg-deep)!important;
}
html[data-snake-theme="dark"] .btn-ghost,
html[data-snake-theme="dark"] .btn-ghost span{
  color:var(--snake-public-text)!important;
}

/* Small-screen dark menu remains visually consistent. */
@media(max-width:900px){
  html[data-snake-theme="dark"] .nav-links{
    background:#071b31!important;
    border-color:var(--snake-public-line)!important;
  }
  html[data-snake-theme="dark"] .mobile-nav-actions{
    border-color:var(--snake-public-line-soft)!important;
  }
}

/* =========================================================
   V3.9.0.3 — Dark header compact controls + icon visibility
   Visual-only refinement based on desktop dark-mode audit.
   - Removes the desktop navigation background block.
   - Groups theme and language into one compact control.
   - Restores strong contrast for feature-strip icons.
   ========================================================= */

/* Theme and language remain separate functional selects, but read visually
   as one compact settings control. The redundant cycle button is hidden in
   the public header because the theme select already exposes the same choice. */
@media(min-width:901px){
  body>.site-header[data-public-header] .nav-actions .snake-experience-controls{
    display:grid!important;
    grid-template-columns:86px 148px!important;
    align-items:stretch!important;
    gap:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(130,165,198,.58)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  body>.site-header[data-public-header] .nav-actions .snake-theme-toggle{
    display:none!important;
  }
  body>.site-header[data-public-header] .nav-actions .snake-control{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 28px 0 11px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:10.5px!important;
    font-weight:800!important;
  }
  body>.site-header[data-public-header] .nav-actions [data-snake-theme-select]{
    border-right:1px solid rgba(130,165,198,.38)!important;
  }

  /* The desktop nav itself must stay transparent. A dark background on this
     flex container was producing the large rectangle below all menu labels. */
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-links{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-links>a{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-links>a.active{
    background:transparent!important;
  }
}

/* Keep the combined settings control clean in the light theme as well. */
@media(min-width:901px){
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .nav-actions .snake-experience-controls{
    border-color:rgba(11,49,94,.18)!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(11,49,94,.055)!important;
  }
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .nav-actions [data-snake-theme-select]{
    border-right-color:rgba(11,49,94,.13)!important;
  }
}

/* Mobile menu: show both selectors in one single bordered row. */
@media(max-width:900px){
  body>.site-header[data-public-header] .mobile-nav-actions .snake-experience-controls{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:0!important;
    width:100%!important;
    min-height:42px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(11,49,94,.14)!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .snake-theme-toggle{
    display:none!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .snake-control{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 27px 0 10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:10.5px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions [data-snake-theme-select]{
    border-right:1px solid rgba(11,49,94,.13)!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions .snake-experience-controls{
    border-color:#456987!important;
    background:#0a223d!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions [data-snake-theme-select]{
    border-right-color:#365c7d!important;
  }
}

/* The five homepage feature icons use black PNG artwork. In dark mode the
   previous brown-gold tile made that artwork disappear. Use a bright gold
   tile and keep the source artwork fully opaque and black. */
html[data-snake-theme="dark"] .feature-strip .mini-icon{
  background:#f0cd72!important;
  border:1px solid #ffe29a!important;
  color:#041225!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
html[data-snake-theme="dark"] .feature-strip .mini-icon img{
  filter:brightness(0) saturate(100%)!important;
  opacity:1!important;
}

/* Generic image-icon safeguard for other public dark cards. This excludes
   logos and photos and only targets dedicated icon wrappers. */
html[data-snake-theme="dark"] body:not(.app-shell) :is(.support-contact-icon,.contact-upload-icon) img{
  opacity:1!important;
  filter:none!important;
}

/* =========================================================
   V3.9.0.4 — Header active line + icon-only theme control
   Visual-only correction requested from desktop light-mode audit.
   ========================================================= */

/* Keep the active menu line fully inside the header/navigation box. */
@media(min-width:901px){
  body>.site-header[data-public-header] .nav-links{
    position:relative!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }
  body>.site-header[data-public-header] .nav-active-indicator{
    bottom:7px!important;
    height:3px!important;
    border-radius:999px!important;
  }

  /* Restore theme switching as one icon button. The hidden select stays in
     the DOM so existing theme state and JavaScript behaviour remain intact. */
  body>.site-header[data-public-header] .nav-actions .snake-experience-controls{
    display:grid!important;
    grid-template-columns:42px 154px!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body>.site-header[data-public-header] .nav-actions .snake-theme-toggle{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid var(--snake-outline-variant)!important;
    border-radius:12px!important;
    background:var(--snake-surface)!important;
    color:var(--snake-primary)!important;
    font-size:18px!important;
    line-height:1!important;
    box-shadow:0 5px 16px rgba(11,49,94,.055)!important;
  }
  body>.site-header[data-public-header] .nav-actions [data-snake-theme-select]{
    display:none!important;
  }
  body>.site-header[data-public-header] .nav-actions [data-snake-language]{
    display:block!important;
    width:154px!important;
    min-width:154px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 30px 0 12px!important;
    border:1px solid var(--snake-outline-variant)!important;
    border-radius:12px!important;
    background:var(--snake-surface)!important;
    color:var(--snake-on-bg)!important;
    box-shadow:0 5px 16px rgba(11,49,94,.055)!important;
  }

  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-actions .snake-theme-toggle,
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-actions [data-snake-language]{
    background:#0a223d!important;
    color:#f7fbff!important;
    border-color:#527291!important;
    box-shadow:none!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-actions .snake-theme-toggle{
    color:#f0cd72!important;
  }
}

/* Mobile menu keeps the same icon-only theme interaction beside the full
   language name, without merging the two controls into one field. */
@media(max-width:900px){
  body>.site-header[data-public-header] .mobile-nav-actions .snake-experience-controls{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:42px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .snake-theme-toggle{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid var(--snake-outline-variant)!important;
    border-radius:12px!important;
    background:var(--snake-surface)!important;
    color:var(--snake-primary)!important;
    font-size:18px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions [data-snake-theme-select]{
    display:none!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions [data-snake-language]{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 30px 0 12px!important;
    border:1px solid var(--snake-outline-variant)!important;
    border-radius:12px!important;
    background:var(--snake-surface)!important;
    color:var(--snake-on-bg)!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions .snake-theme-toggle,
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions [data-snake-language]{
    background:#0a223d!important;
    color:#f7fbff!important;
    border-color:#527291!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions .snake-theme-toggle{
    color:#f0cd72!important;
  }
}

/* =========================================================
   V3.9.0.5 — Active menu underline + final dark contrast audit
   Visual-only patch. No markup, JavaScript, PHP, API, or data changes.
   ========================================================= */

/* Desktop navigation: attach the active marker to the text link itself.
   The animated container indicator is disabled because its absolute bottom
   position made the line appear on the header edge instead of under the word. */
@media(min-width:901px){
  body>.site-header[data-public-header] .nav-links{
    align-self:center!important;
    align-items:center!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body>.site-header[data-public-header] .nav-active-indicator{
    display:none!important;
  }
  body>.site-header[data-public-header] .nav-links>a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:9px 0 12px!important;
    overflow:visible!important;
  }
  body>.site-header[data-public-header] .nav-links>a:before,
  body>.site-header[data-public-header] .nav-links>a:after{
    display:none!important;
  }
  body>.site-header[data-public-header] .nav-links>a.active:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:5px!important;
    width:auto!important;
    height:3px!important;
    border-radius:999px!important;
    background:var(--snake-primary)!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-links>a.active:after{
    background:var(--snake-public-accent)!important;
  }
}

/* Dark public pages: strengthen every low-contrast text group visible in the
   homepage audit while preserving the clean light theme unchanged. */
html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .hero-copy>p:not(.eyebrow),
  .hero-trust span,
  .floating-stat small,
  .simulation-note,
  .section-head>p:not(.eyebrow),
  .remote-copy>p,
  .feature-card p,
  .feature-card li,
  .step-card p,
  .price-card p,
  .price-card li,
  .price-card .price small,
  .home-help-card p,
  .home-help-card-foot,
  .muted,
  .metric-note
){
  color:#c9d7e4!important;
  opacity:1!important;
}

html[data-snake-theme="dark"] body:not(.app-shell):not(.auth-page) :is(
  .hero-copy h1,
  .hero-copy h1 span,
  .section-head h1,
  .section-head h2,
  .section-head h3,
  .remote-copy h2,
  .feature-card h3,
  .step-card h3,
  .price-card h3,
  .price-card .price
){
  color:#f8fbff!important;
  opacity:1!important;
}

html[data-snake-theme="dark"] .price-original{
  color:#ff8793!important;
  opacity:1!important;
  text-decoration-color:#ff8793!important;
}
html[data-snake-theme="dark"] .price-card li:before,
html[data-snake-theme="dark"] .feature-card li:before{
  color:#53d7aa!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .feature-number{
  color:var(--snake-public-accent)!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] :is(.preview-card small,.preview-row,.dashboard-preview>small,.simulation-note){
  color:#c4d3e1!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] :is(.preview-card strong,.preview-row strong){
  color:#f8fbff!important;
  opacity:1!important;
}

/* The statistics band uses a gold surface, therefore dark navy text gives
   substantially better contrast than pale blue/white captions. */
html[data-snake-theme="dark"] .stats-band{
  background:#dfba58!important;
  color:#061a31!important;
}
html[data-snake-theme="dark"] .stats-band .stat-item{
  border-color:rgba(6,26,49,.20)!important;
}
html[data-snake-theme="dark"] .stats-band .stat-item strong{
  color:#061a31!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .stats-band .stat-item span{
  color:#173a5b!important;
  opacity:1!important;
  font-weight:600!important;
}

/* Keep status/floating copy legible without muting semantic colors. */
html[data-snake-theme="dark"] .floating-stat{
  background:#08213d!important;
  border-color:#365d7f!important;
}
html[data-snake-theme="dark"] .floating-stat strong:not(.text-green):not(.text-red):not(.text-yellow){
  color:#f8fbff!important;
}

/* =========================================================
   V3.9.0.6 — Dark preview/sidebar colour parity
   Visual-only patch. Removes light-theme surfaces that remained inside the
   dashboard preview and feature checklist when dark mode is active.
   ========================================================= */
html[data-snake-theme="dark"] .dashboard-preview .preview-side{
  background:#0a223d!important;
  border-right-color:#315676!important;
}
html[data-snake-theme="dark"] .dashboard-preview .preview-side div{
  background:#102f4f!important;
  border:1px solid #244a6a!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .dashboard-preview .preview-side div:first-child{
  background:#3d3319!important;
  border-color:#8e7130!important;
}
html[data-snake-theme="dark"] .remote-copy .check-list li:before{
  background:#123453!important;
  color:#f1cc6e!important;
  border:1px solid #315b7d!important;
  box-shadow:none!important;
}

/* =========================================================
   V3.9.0.8 — Uploaded hero logo + brand text alignment
   Visual-only patch. Uses the uploaded hero artwork and restores readable
   brand copy in the light-theme footer without altering site behaviour.
   ========================================================= */
.logo-orbit img{
  content:normal!important;
  width:86%!important;
  height:86%!important;
  max-width:86%!important;
  max-height:86%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

body>.site-header[data-public-header] .brand,
.site-footer .footer-brand{
  align-items:center!important;
  gap:11px!important;
}
body>.site-header[data-public-header] .brand>span,
.site-footer .footer-brand>span{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  line-height:1!important;
}
body>.site-header[data-public-header] .brand strong,
.site-footer .footer-brand strong{
  display:block!important;
  margin:0!important;
  line-height:1.08!important;
  white-space:nowrap!important;
}
body>.site-header[data-public-header] .brand small,
.site-footer .footer-brand small{
  display:block!important;
  margin:5px 0 0!important;
  line-height:1.08!important;
  white-space:nowrap!important;
}

/* The footer remains navy in both themes, so its brand copy must not inherit
   the light page's dark foreground colour. */
.site-footer .footer-brand strong{
  color:#f8fbff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:1.15px!important;
  opacity:1!important;
}
.site-footer .footer-brand small{
  color:#aebfd1!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:1.45px!important;
  opacity:1!important;
}
.site-footer .footer-grid>div:first-child>p{
  color:#aebfd1!important;
  opacity:1!important;
}
.site-footer .footer-grid h4{
  color:#f8fbff!important;
  opacity:1!important;
}
.site-footer .footer-grid>div>a:not(.brand),
.site-footer .footer-bottom,
.site-footer .footer-bottom a{
  color:#aebfd1!important;
  opacity:1!important;
}

@media(max-width:680px){
  .logo-orbit img{
    width:90%!important;
    height:90%!important;
    max-width:90%!important;
    max-height:90%!important;
  }
  .site-footer .footer-brand strong{font-size:13px!important}
  .site-footer .footer-brand small{font-size:7.5px!important}
}

/* =========================================================
   V3.9.0.9 — Mobile public header/menu consistency audit
   Visual-only patch. Improves mobile brand readability, removes redundant
   boxes, and gives light/dark navigation equal contrast and spacing.
   ========================================================= */
@media(max-width:900px){
  /* Header: readable brand copy without making the bar bulky. */
  body>.site-header[data-public-header]{
    height:74px!important;
    min-height:74px!important;
  }
  body>.site-header[data-public-header] .nav-wrap{
    height:74px!important;
    min-height:74px!important;
    grid-template-columns:minmax(168px,1fr) auto 42px!important;
    column-gap:8px!important;
    padding-inline:12px!important;
  }
  body>.site-header[data-public-header] .brand{
    max-width:194px!important;
    gap:9px!important;
    overflow:visible!important;
  }
  body>.site-header[data-public-header] .brand img{
    width:43px!important;
    height:43px!important;
    flex:0 0 43px!important;
    border-radius:10px!important;
  }
  body>.site-header[data-public-header] .brand>span{
    display:flex!important;
    overflow:visible!important;
  }
  body>.site-header[data-public-header] .brand strong{
    font-size:11.5px!important;
    line-height:1.08!important;
    letter-spacing:.085em!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body>.site-header[data-public-header] .brand small{
    margin-top:4px!important;
    font-size:6.3px!important;
    line-height:1!important;
    letter-spacing:.14em!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context{
    width:auto!important;
    max-width:86px!important;
    padding:0 3px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    font-size:12px!important;
    line-height:1.15!important;
  }
  body>.site-header[data-public-header] .nav-toggle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:9px!important;
    border-radius:12px!important;
  }
  body>.site-header[data-public-header] .nav-toggle-icon{
    width:22px!important;
  }
  body>.site-header[data-public-header] .nav-links{
    top:84px!important;
    right:12px!important;
    width:min(304px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 98px - env(safe-area-inset-bottom,0px))!important;
    padding:14px!important;
    gap:2px!important;
    border-radius:20px!important;
  }
  body>.site-header[data-public-header] .nav-links>a{
    min-height:43px!important;
    padding:10px 13px!important;
    border:0!important;
    border-radius:9px!important;
    font-size:14px!important;
    line-height:1.2!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body>.site-header[data-public-header] .nav-links>a:hover,
  body>.site-header[data-public-header] .nav-links>a:focus-visible{
    transform:none!important;
  }
  body>.site-header[data-public-header] .nav-links>a.active{
    background:transparent!important;
    border:0!important;
    box-shadow:inset 3px 0 0 var(--snake-gold-500)!important;
  }

  /* Controls: no dark joined rectangle or nested double boxes. */
  body>.site-header[data-public-header] .mobile-nav-actions{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    margin-top:9px!important;
    padding-top:12px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .snake-experience-controls{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:9px!important;
    min-height:44px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .snake-theme-toggle,
  body>.site-header[data-public-header] .mobile-nav-actions [data-snake-language]{
    height:44px!important;
    min-height:44px!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .snake-theme-toggle{
    width:44px!important;
    min-width:44px!important;
    padding:0!important;
    font-size:18px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions [data-snake-language]{
    width:100%!important;
    min-width:0!important;
    padding:0 34px 0 13px!important;
    font-size:13px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions>.btn{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:42px!important;
    border-radius:12px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions:has(>.btn:nth-of-type(2))>.btn{
    grid-column:auto!important;
  }

  /* Do not show two dashboard/action bars while the menu is open. */
  body.public-nav-open .public-mobile-actions{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(110%)!important;
  }
  .public-mobile-actions{
    transition:opacity .18s ease,transform .2s ease!important;
  }

  /* Keep Call Center above the bottom action bar and out of the menu. */
  .si-snake-launcher{
    right:14px!important;
    bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    padding:6px!important;
    gap:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:18px!important;
  }
  .si-snake-launcher>span:last-child{display:none!important}
  .si-snake-launcher-icon{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }
  .si-snake-launcher-icon img{
    width:29px!important;
    height:29px!important;
  }
  body.public-nav-open .si-snake-launcher{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(8px)!important;
  }

  .site-header-spacer{
    height:74px!important;
    min-height:74px!important;
    flex-basis:74px!important;
  }
}

/* Light mobile menu: clean navy copy on one white surface. */
@media(max-width:900px){
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .nav-links{
    background:#ffffff!important;
    border-color:#d9e3ec!important;
    box-shadow:0 24px 56px rgba(11,46,89,.16)!important;
  }
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .nav-links>a{
    color:#0b315e!important;
  }
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .nav-links>a:hover,
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .nav-links>a:focus-visible{
    color:#0b315e!important;
    background:#f3f7fb!important;
  }
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .nav-links>a.active{
    color:#b47d16!important;
  }
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .mobile-nav-actions{
    border-top-color:#e2e9f0!important;
  }
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .mobile-nav-actions .snake-theme-toggle,
  html:not([data-snake-theme="dark"]) body>.site-header[data-public-header] .mobile-nav-actions [data-snake-language]{
    background:#ffffff!important;
    color:#0b315e!important;
    border:1px solid #d3dee8!important;
  }
}

/* Dark mobile menu: dark panel, high-contrast copy, and separate controls. */
@media(max-width:900px){
  html[data-snake-theme="dark"] body>.site-header[data-public-header]{
    background:#06172d!important;
    border-bottom-color:#294b6c!important;
    box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .brand strong{
    color:#f8fbff!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .brand small{
    color:#b7c7d7!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-context>strong{
    color:#f0cd72!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-toggle{
    background:#0b2949!important;
    color:#f0cd72!important;
    border-color:#365b7c!important;
    box-shadow:none!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-toggle:hover,
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-toggle:focus-visible,
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-toggle[aria-expanded="true"]{
    background:#103557!important;
    color:#ffe28f!important;
    border-color:#5f7e9c!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-links{
    background:#071b36!important;
    border-color:#315574!important;
    box-shadow:0 28px 68px rgba(0,0,0,.46)!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-links>a{
    color:#edf4fb!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-links>a:hover,
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-links>a:focus-visible{
    color:#ffffff!important;
    background:#0d2d4f!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .nav-links>a.active{
    color:#f0cd72!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions{
    border-top-color:#294b6c!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions .snake-theme-toggle,
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions [data-snake-language]{
    background:#0b2949!important;
    color:#f8fbff!important;
    border:1px solid #466984!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions .snake-theme-toggle{
    color:#f0cd72!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions .btn-primary{
    background:#e0b958!important;
    color:#071b36!important;
    border-color:#e0b958!important;
  }
  html[data-snake-theme="dark"] body>.site-header[data-public-header] .mobile-nav-actions .btn-ghost{
    background:transparent!important;
    color:#f8fbff!important;
    border-color:#466984!important;
  }
}

@media(max-width:390px){
  body>.site-header[data-public-header] .nav-wrap{
    grid-template-columns:minmax(155px,1fr) auto 40px!important;
    padding-inline:9px!important;
    column-gap:6px!important;
  }
  body>.site-header[data-public-header] .brand{
    max-width:174px!important;
    gap:7px!important;
  }
  body>.site-header[data-public-header] .brand img{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
  body>.site-header[data-public-header] .brand strong{font-size:10.5px!important}
  body>.site-header[data-public-header] .brand small{font-size:5.8px!important}
  body>.site-header[data-public-header] .mobile-nav-context{max-width:72px!important}
  body>.site-header[data-public-header] .mobile-nav-context>strong{font-size:11px!important}
  body>.site-header[data-public-header] .nav-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
}

/* =========================================================
   V3.9.2.0 — Member Home: exact Android HomeScreen parity
   Scope is restricted to the member Overview page. Existing
   theme and language systems remain untouched.
   ========================================================= */
.member-shell.page-overview{
  background:linear-gradient(180deg,var(--snake-bg),var(--snake-surface),var(--snake-bg))!important;
}
.member-shell.page-overview .app-main,
.member-shell.page-overview .app-content{
  background:transparent!important;
}
.member-shell.page-overview .app-content{
  width:100%!important;
  max-width:780px!important;
  padding:18px 18px 112px!important;
}
.member-shell.page-overview .app-home-screen{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
}
.member-shell.page-overview .app-home-welcome{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:0 1px!important;
}
.member-shell.page-overview .app-home-welcome .android-profile-avatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  flex:0 0 54px!important;
  border-radius:50%!important;
}
.member-shell.page-overview .app-home-welcome-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}
.member-shell.page-overview .app-home-welcome-copy>span{
  display:block!important;
  color:var(--snake-on-variant)!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.member-shell.page-overview .app-home-welcome-copy>strong{
  display:block!important;
  margin-top:3px!important;
  color:var(--snake-on-bg)!important;
  font-size:18px!important;
  line-height:1.16!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  overflow-wrap:anywhere!important;
}
.member-shell.page-overview .android-status-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:7px 11px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.member-shell.page-overview .android-status-pill:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:currentColor!important;
}
.member-shell.page-overview .android-status-pill.is-live{
  color:var(--snake-success)!important;
  background:color-mix(in srgb,var(--snake-success) 11%,transparent)!important;
}
.member-shell.page-overview .android-status-pill.is-offline{
  color:var(--snake-danger)!important;
  background:color-mix(in srgb,var(--snake-danger) 11%,transparent)!important;
}
.member-shell.page-overview .android-status-pill b,
.member-shell.page-overview .android-status-pill span{
  color:inherit!important;
  font:inherit!important;
}

.member-shell.page-overview .app-account-picker{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:78px!important;
  margin:0!important;
  padding:13px 14px!important;
  border:1px solid var(--snake-outline-variant)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--snake-surface-variant) 82%,var(--snake-surface))!important;
  box-shadow:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.member-shell.page-overview .app-account-picker-mark{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:var(--snake-primary-container)!important;
  color:var(--snake-primary)!important;
  font-size:12px!important;
  font-weight:900!important;
}
.member-shell.page-overview .app-account-picker-copy{
  min-width:0!important;
  display:block!important;
}
.member-shell.page-overview .app-account-picker-copy strong{
  display:block!important;
  color:var(--snake-on-bg)!important;
  font-size:15px!important;
  line-height:1.22!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.member-shell.page-overview .app-account-picker-copy small{
  display:block!important;
  margin-top:5px!important;
  color:var(--snake-on-variant)!important;
  font-size:12px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.member-shell.page-overview .app-account-picker select{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  opacity:.001!important;
  cursor:pointer!important;
}
.member-shell.page-overview .app-account-picker-chevron{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:var(--snake-primary)!important;
  stroke-width:2.3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}

.member-shell.page-overview .app-balance-card,
.member-shell.page-overview .app-home-metric-card,
.member-shell.page-overview .app-performance-card,
.member-shell.page-overview .app-license-card{
  color:var(--snake-on-bg)!important;
  text-decoration:none!important;
  border:1px solid var(--snake-outline-variant)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 3px 12px rgba(4,18,37,.045)!important;
}
.member-shell.page-overview .app-balance-card{
  padding:18px!important;
  background:linear-gradient(135deg,var(--snake-secondary-container,#fff0c2),var(--snake-surface) 48%,var(--snake-surface-variant))!important;
  border-color:color-mix(in srgb,var(--snake-primary) 56%,var(--snake-outline-variant))!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--snake-primary) 10%,transparent)!important;
}
.member-shell.page-overview .app-balance-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(108px,.58fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.member-shell.page-overview .app-balance-primary,
.member-shell.page-overview .app-balance-floating,
.member-shell.page-overview .app-balance-metric{
  min-width:0!important;
}
.member-shell.page-overview .app-balance-floating,
.member-shell.page-overview .app-balance-status{
  text-align:right!important;
}
.member-shell.page-overview .app-card-label{
  display:block!important;
  color:var(--snake-on-variant)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}
.member-shell.page-overview .app-balance-value{
  display:block!important;
  margin-top:8px!important;
  color:var(--snake-on-bg)!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}
.member-shell.page-overview .app-balance-primary>small{
  display:block!important;
  margin-top:7px!important;
  color:var(--snake-on-variant)!important;
  font-size:11px!important;
}
.member-shell.page-overview .app-balance-primary>small b{
  color:inherit!important;
  font:inherit!important;
}
.member-shell.page-overview .app-balance-floating>strong{
  display:block!important;
  margin-top:8px!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.member-shell.page-overview .app-balance-floating>small{
  display:block!important;
  margin-top:7px!important;
  color:var(--snake-primary)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.member-shell.page-overview .app-balance-bottom{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin-top:22px!important;
}
.member-shell.page-overview .app-balance-metric>strong{
  display:block!important;
  margin-top:6px!important;
  color:var(--snake-success)!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.member-shell.page-overview .app-balance-updated{
  margin:15px 0 0!important;
  color:var(--snake-success)!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.member-shell.page-overview .app-balance-updated.is-stale{
  color:var(--snake-warning)!important;
}
.member-shell.page-overview .app-balance-updated span,
.member-shell.page-overview .app-balance-updated b,
.member-shell.page-overview .app-balance-updated time{
  color:inherit!important;
  font:inherit!important;
}

.member-shell.page-overview .app-home-metric-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.member-shell.page-overview .app-home-metric-card{
  min-height:154px!important;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(135deg,var(--snake-surface),color-mix(in srgb,var(--snake-surface-variant) 72%,var(--snake-surface)),var(--snake-surface))!important;
}
.member-shell.page-overview .app-home-metric-card>strong{
  display:block!important;
  margin-top:11px!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
.member-shell.page-overview .app-home-metric-card>small{
  display:block!important;
  margin-top:7px!important;
  color:var(--snake-on-variant)!important;
  font-size:12px!important;
}
.member-shell.page-overview .text-warning{
  color:var(--snake-warning)!important;
}
.member-shell.page-overview .app-progress-track{
  width:100%!important;
  height:8px!important;
  display:block!important;
  margin-top:auto!important;
  border-radius:999px!important;
  background:var(--snake-outline-variant)!important;
  overflow:hidden!important;
}
.member-shell.page-overview .app-progress-track>i{
  display:block!important;
  width:var(--progress,0%)!important;
  height:100%!important;
  border-radius:inherit!important;
}
.member-shell.page-overview .app-progress-track>i.is-positive{
  background:linear-gradient(90deg,var(--snake-primary),var(--snake-success))!important;
}
.member-shell.page-overview .app-progress-track>i.is-negative{
  background:linear-gradient(90deg,var(--snake-primary),var(--snake-danger))!important;
}

.member-shell.page-overview .app-performance-card,
.member-shell.page-overview .app-license-card{
  display:block!important;
  padding:18px!important;
  background:linear-gradient(135deg,var(--snake-surface),color-mix(in srgb,var(--snake-surface-variant) 72%,var(--snake-surface)),var(--snake-surface))!important;
}
.member-shell.page-overview .app-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.member-shell.page-overview .app-section-head>div{
  min-width:0!important;
}
.member-shell.page-overview .app-section-head strong{
  display:block!important;
  color:var(--snake-on-bg)!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.member-shell.page-overview .app-section-head small{
  display:block!important;
  margin-top:4px!important;
  color:var(--snake-on-variant)!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.member-shell.page-overview .app-section-head>span{
  flex:0 0 auto!important;
  padding:7px 5px!important;
  color:var(--snake-primary)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
}
.member-shell.page-overview .app-performance-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 138px!important;
  gap:14px!important;
  align-items:end!important;
  margin-top:15px!important;
}
.member-shell.page-overview .app-performance-copy>span{
  display:block!important;
  color:var(--snake-on-variant)!important;
  font-size:11px!important;
}
.member-shell.page-overview .app-performance-copy>strong{
  display:block!important;
  margin-top:7px!important;
  font-size:22px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
.member-shell.page-overview .app-performance-copy>small{
  display:block!important;
  margin-top:9px!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.member-shell.page-overview .app-mini-bars{
  height:64px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  gap:6px!important;
}
.member-shell.page-overview .app-mini-bars>i{
  width:10px!important;
  height:var(--bar-height,12px)!important;
  min-height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--snake-primary),color-mix(in srgb,var(--snake-primary) 24%,transparent))!important;
}
.member-shell.page-overview .app-license-body{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-top:14px!important;
}
.member-shell.page-overview .app-license-body>div{
  min-width:0!important;
}
.member-shell.page-overview .app-license-body>div>strong{
  display:block!important;
  color:var(--snake-on-bg)!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.member-shell.page-overview .app-license-body>div>small{
  display:block!important;
  margin-top:5px!important;
  color:var(--snake-on-variant)!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.member-shell.page-overview .app-license-body>div>small span{
  color:inherit!important;
}

.member-shell.page-overview .app-quick-section{
  display:grid!important;
  gap:12px!important;
  margin-top:0!important;
}
.member-shell.page-overview .app-quick-section .android-section-title{
  margin:0!important;
}
.member-shell.page-overview .app-quick-section .android-section-title strong{
  display:block!important;
  color:var(--snake-on-bg)!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.member-shell.page-overview .app-quick-section .android-section-title span{
  display:block!important;
  margin-top:5px!important;
  color:var(--snake-on-variant)!important;
  font-size:11px!important;
}
.member-shell.page-overview .app-quick-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.member-shell.page-overview .app-quick-action{
  min-height:154px!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  color:var(--snake-on-bg)!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--snake-surface-variant) 72%,var(--snake-surface))!important;
  box-shadow:none!important;
}
.member-shell.page-overview .app-quick-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--snake-primary) 12%,transparent)!important;
  color:var(--snake-primary)!important;
}
.member-shell.page-overview .app-quick-icon svg{
  width:24px!important;
  height:24px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.member-shell.page-overview .app-quick-action>strong{
  display:block!important;
  margin-top:20px!important;
  color:var(--snake-on-bg)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
.member-shell.page-overview .app-quick-action>small{
  display:block!important;
  margin-top:7px!important;
  color:var(--snake-on-variant)!important;
  font-size:12px!important;
  line-height:1.3!important;
}
.member-shell.page-overview .dashboard-web-details{
  display:grid!important;
  gap:14px!important;
  margin-top:4px!important;
}

html[data-snake-theme="dark"] .member-shell.page-overview .app-account-picker,
html[data-snake-theme="dark"] .member-shell.page-overview .app-home-metric-card,
html[data-snake-theme="dark"] .member-shell.page-overview .app-performance-card,
html[data-snake-theme="dark"] .member-shell.page-overview .app-license-card,
html[data-snake-theme="dark"] .member-shell.page-overview .app-quick-action{
  background:linear-gradient(135deg,var(--snake-navy-900),var(--snake-navy-800),var(--snake-navy-900))!important;
  border-color:var(--snake-outline-variant)!important;
}
html[data-snake-theme="dark"] .member-shell.page-overview .app-balance-card{
  background:linear-gradient(135deg,#3d3217,var(--snake-navy-900) 48%,var(--snake-navy-800))!important;
  border-color:color-mix(in srgb,var(--snake-gold-500) 55%,var(--snake-outline-variant))!important;
}
html[data-snake-theme="dark"] .member-shell.page-overview .app-progress-track{
  background:var(--snake-navy-700)!important;
}
html[data-snake-theme="dark"] .member-shell.page-overview .app-mini-bars>i{
  background:linear-gradient(180deg,var(--snake-gold-500),color-mix(in srgb,var(--snake-gold-500) 20%,transparent))!important;
}

@media(max-width:900px){
  .member-shell.page-overview .app-content{
    max-width:none!important;
    padding:18px 18px 104px!important;
  }
  .member-shell.page-overview .dashboard-web-details{
    display:none!important;
  }
  .member-shell.page-overview .si-snake-launcher,
  .member-shell.page-overview .si-snake-widget{
    display:none!important;
  }
  .member-shell.page-overview .member-bottom-nav{
    height:76px!important;
    padding:5px max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
    background:color-mix(in srgb,var(--snake-surface) 95%,var(--snake-surface-variant))!important;
  }
}
@media(max-width:560px){
  .member-shell.page-overview .app-content{
    padding:18px 14px 102px!important;
  }
  .member-shell.page-overview .app-home-welcome-copy>strong{
    font-size:16px!important;
  }
  .member-shell.page-overview .app-balance-card,
  .member-shell.page-overview .app-home-metric-card,
  .member-shell.page-overview .app-performance-card,
  .member-shell.page-overview .app-license-card{
    border-radius:21px!important;
  }
  .member-shell.page-overview .app-balance-value{
    font-size:25px!important;
  }
  .member-shell.page-overview .app-balance-floating>strong{
    font-size:18px!important;
  }
  .member-shell.page-overview .app-performance-body{
    grid-template-columns:minmax(0,1fr) 118px!important;
  }
  .member-shell.page-overview .app-mini-bars{
    gap:5px!important;
  }
  .member-shell.page-overview .app-mini-bars>i{
    width:9px!important;
  }
}
@media(max-width:390px){
  .member-shell.page-overview .app-home-welcome{
    gap:9px!important;
  }
  .member-shell.page-overview .app-home-welcome .android-profile-avatar{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    flex-basis:50px!important;
  }
  .member-shell.page-overview .app-home-welcome-copy>strong{
    font-size:15px!important;
  }
  .member-shell.page-overview .android-status-pill{
    padding:6px 9px!important;
    font-size:10px!important;
  }
  .member-shell.page-overview .app-account-picker{
    grid-template-columns:44px minmax(0,1fr) 22px!important;
    min-height:72px!important;
    padding:12px!important;
    gap:10px!important;
  }
  .member-shell.page-overview .app-account-picker-mark{
    width:44px!important;
    height:44px!important;
  }
  .member-shell.page-overview .app-account-picker-copy strong{
    font-size:14px!important;
  }
  .member-shell.page-overview .app-balance-card,
  .member-shell.page-overview .app-home-metric-card,
  .member-shell.page-overview .app-performance-card,
  .member-shell.page-overview .app-license-card{
    padding:16px!important;
  }
  .member-shell.page-overview .app-balance-top{
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:10px!important;
  }
  .member-shell.page-overview .app-balance-value{
    font-size:23px!important;
  }
  .member-shell.page-overview .app-home-metric-card{
    min-height:148px!important;
    padding:15px!important;
  }
  .member-shell.page-overview .app-home-metric-card>strong{
    font-size:17px!important;
  }
  .member-shell.page-overview .app-performance-body{
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:8px!important;
  }
  .member-shell.page-overview .app-performance-copy>strong{
    font-size:19px!important;
  }
  .member-shell.page-overview .app-quick-action{
    min-height:146px!important;
    padding:15px!important;
  }
}