/*
 * GSMUNLOCKERFIX — Global template pack
 * "default" has intentionally no visual overrides.
 * All themes are selected server-side through html[data-template].
 */
html.gsm-theme-switching body{transition:background-color .32s ease,color .32s ease}
html.gsm-theme-switching .card,
html.gsm-theme-switching .service-card,
html.gsm-theme-switching .stat-card,
html.gsm-theme-switching .topbar,
html.gsm-theme-switching .gsm-footer{transition:background .32s ease,border-color .32s ease,color .32s ease,box-shadow .32s ease}

/* Account chip: the text/icon follows the trigger color of each theme.
   This prevents white text from disappearing on light headers. */
html[data-template] .gsm-account-trigger .gsm-account-copy strong,
html[data-template] .gsm-account-trigger .gsm-account-copy small,
html[data-template] .gsm-account-trigger .gsm-account-balance,
html[data-template] .gsm-account-trigger .gsm-account-avatar,
html[data-template] .gsm-account-trigger .gsm-account-chevron{color:inherit!important}
html[data-template] .gsm-account-trigger .gsm-account-copy small{opacity:.78}
html[data-template="aurora-auto"] .gsm-account-avatar,
html[data-template="crimson-frame"] .gsm-account-avatar,
html[data-template="mint-app"] .gsm-account-avatar{border-color:var(--line)!important;background:rgba(15,23,42,.035)!important}

/* Shared theme override coverage */
html[data-template]:not([data-template="default"]) body,
html[data-template]:not([data-template="default"]) .page,
html[data-template]:not([data-template="default"]) .card,
html[data-template]:not([data-template="default"]) .service-card,
html[data-template]:not([data-template="default"]) .stat-card,
html[data-template]:not([data-template="default"]) input,
html[data-template]:not([data-template="default"]) select,
html[data-template]:not([data-template="default"]) textarea,
html[data-template]:not([data-template="default"]) table,
html[data-template]:not([data-template="default"]) th,
html[data-template]:not([data-template="default"]) td,
html[data-template]:not([data-template="default"]) .gsm-account-dropdown,
html[data-template]:not([data-template="default"]) .gsm-mobile-drawer,
html[data-template]:not([data-template="default"]) .policy-nav,
html[data-template]:not([data-template="default"]) .public-info-card,
html[data-template]:not([data-template="default"]) .public-info-sidecard,
html[data-template]:not([data-template="default"]) .payment-method-card,
html[data-template]:not([data-template="default"]) .price-box,
html[data-template]:not([data-template="default"]) .payment-methods div{transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}

html[data-template] .wallet-box,
html[data-template] .wallet-box-right,
html[data-template] .wallet-balance-highlight,
html[data-template] .wallet-mga-pay,
html[data-template] .wallet-linked-order,
html[data-template] .wallet-reference-modal-dialog,
html[data-template] .wallet-reference-example,
html[data-template] .wallet-reference-method,
html[data-template] .wallet-method-option,
html[data-template] .wallet-pay-button,
html[data-template] .wallet-balance-pill,
html[data-template] .wallet-auto-note,
html[data-template] .wallet-mvola-own-number-warning{transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,filter .2s ease}
html[data-template] .wallet-box{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:var(--shadow)!important}
html[data-template] .wallet-box-right{background:var(--surface)!important;border-left-color:var(--line)!important}
html[data-template] .wallet-box-title,
html[data-template] .wallet-summary-label,
html[data-template] .wallet-summary-table td:first-child,
html[data-template] .wallet-pay-security,
html[data-template] .wallet-linked-order small,
html[data-template] .wallet-minimum-note,
html[data-template] .wallet-reference-modal-head p,
html[data-template] .wallet-reference-method small,
html[data-template] .wallet-reference-step p,
html[data-template] .wallet-reference-example span,
html[data-template] .wallet-method-option .method-copy small,
html[data-template] .wallet-mga-pay span{color:var(--muted)!important}
html[data-template] .wallet-summary-value,
html[data-template] .wallet-summary-table td:last-child,
html[data-template] .wallet-summary-table .total-row td,
html[data-template] .wallet-balance-highlight strong,
html[data-template] .wallet-reference-modal-head h2,
html[data-template] .wallet-reference-example strong,
html[data-template] .wallet-mga-pay strong{color:var(--text)!important}
html[data-template] .wallet-balance-highlight,
html[data-template] .wallet-mga-pay,
html[data-template] .wallet-linked-order,
html[data-template] .wallet-reference-modal-dialog,
html[data-template] .wallet-reference-example{background:var(--surface)!important;border-color:var(--line)!important}
html[data-template] .wallet-summary-row,
html[data-template] .wallet-summary-table td,
html[data-template] .wallet-reference-modal-head{border-color:var(--line)!important}
html[data-template] .wallet-method-option{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-template] .wallet-method-check,
html[data-template] .wallet-method-option img,
html[data-template] .wallet-reference-method img,
html[data-template] .wallet-reference-modal-close{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-template] .wallet-method-option.is-selected{border-color:var(--accent)!important;background:rgba(20,184,166,.08)!important;box-shadow:0 0 0 3px rgba(20,184,166,.10)!important}
html[data-template] .wallet-method-option.is-selected .wallet-method-check{border-color:var(--primary)!important;background:var(--primary)!important;color:#fff!important}
html[data-template] .wallet-pay-button{background:var(--primary)!important;color:#fff!important}
html[data-template] .wallet-pay-button:hover{background:var(--primary-dark)!important}
html[data-template] .wallet-balance-pill{background:rgba(20,184,166,.08)!important;border-color:rgba(20,184,166,.28)!important;color:var(--text)!important}
html[data-template] .wallet-reference-help-button,
html[data-template] .wallet-method-speed,
html[data-template] .wallet-reference-method strong{color:var(--primary)!important}
html[data-template] .wallet-reference-highlight{background:#fef3c7!important;color:#92400e!important}
html[data-template] .wallet-reference-step-number{background:var(--primary)!important;color:#fff!important}
html[data-template="neon-night"] .wallet-box,
html[data-template="neon-night"] .wallet-balance-highlight,
html[data-template="neon-night"] .wallet-mga-pay,
html[data-template="neon-night"] .wallet-linked-order,
html[data-template="neon-night"] .wallet-reference-modal-dialog,
html[data-template="neon-night"] .wallet-reference-example,
html[data-template="neon-night"] .wallet-reference-method,
html[data-template="neon-night"] .wallet-method-option,
html[data-template="carbon-3d"] .wallet-box,
html[data-template="carbon-3d"] .wallet-balance-highlight,
html[data-template="carbon-3d"] .wallet-mga-pay,
html[data-template="carbon-3d"] .wallet-linked-order,
html[data-template="carbon-3d"] .wallet-reference-modal-dialog,
html[data-template="carbon-3d"] .wallet-reference-example,
html[data-template="carbon-3d"] .wallet-reference-method,
html[data-template="carbon-3d"] .wallet-method-option,
html[data-template="obsidian-console"] .wallet-box,
html[data-template="obsidian-console"] .wallet-balance-highlight,
html[data-template="obsidian-console"] .wallet-mga-pay,
html[data-template="obsidian-console"] .wallet-linked-order,
html[data-template="obsidian-console"] .wallet-reference-modal-dialog,
html[data-template="obsidian-console"] .wallet-reference-example,
html[data-template="obsidian-console"] .wallet-reference-method,
html[data-template="obsidian-console"] .wallet-method-option{box-shadow:none!important}


/* =========================================================
   OCEAN LIGHT — crisp blue, spacious, clean
   ========================================================= */
html[data-template="ocean-light"]{
 --bg:#eef8ff;--surface:#ffffff;--text:#082f49;--muted:#52758a;--line:#cfe8f7;
 --primary:#0369a1;--primary-dark:#075985;--accent:#38bdf8;--danger:#dc2626;
 --warning:#d97706;--success:#059669;--radius:20px;--shadow:0 18px 45px rgba(3,105,161,.11)
}
html[data-template="ocean-light"] body{background:radial-gradient(circle at 15% -10%,#dff5ff 0,transparent 34%),linear-gradient(180deg,#f8fcff,#eef8ff 55%,#f5fbff);color:#082f49}
html[data-template="ocean-light"] .topbar{background:linear-gradient(105deg,#075985,#0284c7 58%,#0ea5e9)!important;border-bottom:1px solid rgba(255,255,255,.24)!important;box-shadow:0 8px 26px rgba(3,105,161,.22)!important}
html[data-template="ocean-light"] .gsm-promo-zone{background:#f8fcff;border-bottom-color:#bae6fd}
html[data-template="ocean-light"] .gsm-news{background:linear-gradient(100deg,#0369a1,#0ea5e9,#22d3ee)!important}
html[data-template="ocean-light"] .card,
html[data-template="ocean-light"] .service-card,
html[data-template="ocean-light"] .stat-card,
html[data-template="ocean-light"] .public-info-card,
html[data-template="ocean-light"] .public-info-sidecard{background:rgba(255,255,255,.96)!important;border-color:#cfe8f7!important;box-shadow:0 16px 42px rgba(3,105,161,.10)!important}
html[data-template="ocean-light"] .card:hover,
html[data-template="ocean-light"] .service-card:hover{border-color:#7dd3fc!important;box-shadow:0 20px 54px rgba(3,105,161,.16)!important}
html[data-template="ocean-light"] .btn{background:linear-gradient(135deg,#0369a1,#0ea5e9)!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(2,132,199,.22)}
html[data-template="ocean-light"] .btn:hover{background:linear-gradient(135deg,#075985,#0284c7)!important;box-shadow:0 11px 24px rgba(2,132,199,.28)}
html[data-template="ocean-light"] .btn-ghost{background:#fff!important;color:#0369a1!important;border-color:#7dd3fc!important}
html[data-template="ocean-light"] input,
html[data-template="ocean-light"] select,
html[data-template="ocean-light"] textarea{background:#fbfdff!important;color:#082f49!important;border-color:#b9dff3!important}
html[data-template="ocean-light"] input:focus,
html[data-template="ocean-light"] select:focus,
html[data-template="ocean-light"] textarea:focus{border-color:#38bdf8!important;box-shadow:0 0 0 4px rgba(56,189,248,.17)!important}
html[data-template="ocean-light"] th{background:#eaf7ff!important;color:#075985!important}
html[data-template="ocean-light"] td{border-bottom-color:#d8edf8!important}
html[data-template="ocean-light"] .gsm-account-dropdown,
html[data-template="ocean-light"] .gsm-mobile-drawer{background:#f8fcff!important;border-color:#bae6fd!important;box-shadow:0 24px 60px rgba(3,105,161,.2)!important}
html[data-template="ocean-light"] .gsm-dropdown-link,
html[data-template="ocean-light"] .gsm-drawer-link{color:#0c4a6e!important}
html[data-template="ocean-light"] .gsm-dropdown-link:hover,
html[data-template="ocean-light"] .gsm-drawer-link:hover{background:#e0f2fe!important;color:#0369a1!important}
html[data-template="ocean-light"] .hero-public,
html[data-template="ocean-light"] .public-info-hero{background:linear-gradient(135deg,#075985,#0284c7 58%,#22d3ee)!important;box-shadow:0 24px 60px rgba(2,132,199,.24)!important}
html[data-template="ocean-light"] .stat-card.accent,
html[data-template="ocean-light"] .phone-balance{background:linear-gradient(135deg,#0369a1,#38bdf8)!important}
html[data-template="ocean-light"] .gsm-footer{background:linear-gradient(135deg,#082f49,#0c4a6e)!important}
html[data-template="ocean-light"] .badge-info{background:#e0f2fe!important;color:#075985!important}
html[data-template="ocean-light"] .price-preview,
html[data-template="ocean-light"] .payment-method-card.is-selected,
html[data-template="ocean-light"] .payment-method-card:has(.payment-method-radio:checked){background:#eaf8ff!important;border-color:#38bdf8!important}

/* =========================================================
   NEON NIGHT — dark cyber neon
   ========================================================= */
html[data-template="neon-night"]{
 --bg:#050816;--surface:#0b1022;--text:#e6fbff;--muted:#8ba6b7;--line:#20304a;
 --primary:#00e5ff;--primary-dark:#00b8d4;--accent:#d946ef;--danger:#fb7185;
 --warning:#fbbf24;--success:#22c55e;--radius:16px;--shadow:0 0 0 1px rgba(0,229,255,.13),0 20px 55px rgba(0,0,0,.38)
}
html[data-template="neon-night"] body{background:radial-gradient(circle at 15% 0,rgba(0,245,255,.11),transparent 28%),radial-gradient(circle at 90% 14%,rgba(217,70,239,.12),transparent 30%),#050816;color:#e6fbff}
html[data-template="neon-night"] body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(0,229,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.025) 1px,transparent 1px);background-size:28px 28px}
html[data-template="neon-night"] .topbar{background:rgba(4,8,24,.94)!important;border-bottom:1px solid rgba(0,245,255,.44)!important;box-shadow:0 0 24px rgba(0,245,255,.18)!important;backdrop-filter:blur(18px)}
html[data-template="neon-night"] .brand-logo-image{filter:drop-shadow(0 0 8px rgba(0,245,255,.5))}
html[data-template="neon-night"] .gsm-desktop-nav>a:hover{background:rgba(0,245,255,.09)!important;box-shadow:inset 0 0 0 1px rgba(0,245,255,.25),0 0 14px rgba(0,245,255,.14)}
html[data-template="neon-night"] .gsm-promo-zone{background:#070b18;border-bottom-color:#1d3550}
html[data-template="neon-night"] .gsm-slider{background:#070b18!important}
html[data-template="neon-night"] .gsm-news{background:linear-gradient(90deg,#081226,#6d28d9,#0891b2,#081226)!important;border-top-color:#22d3ee!important}
html[data-template="neon-night"] .gsm-news-track span{color:#e6fbff!important;text-shadow:0 0 10px #00e5ff,0 0 20px rgba(217,70,239,.55)}
html[data-template="neon-night"] .card,
html[data-template="neon-night"] .service-card,
html[data-template="neon-night"] .stat-card,
html[data-template="neon-night"] .public-info-card,
html[data-template="neon-night"] .public-info-sidecard,
html[data-template="neon-night"] .price-box,
html[data-template="neon-night"] .policy-nav{background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(7,12,29,.98))!important;color:#e6fbff!important;border:1px solid rgba(34,211,238,.23)!important;box-shadow:0 0 0 1px rgba(217,70,239,.05),0 18px 55px rgba(0,0,0,.34),0 0 22px rgba(0,229,255,.05)!important}
html[data-template="neon-night"] .card:hover,
html[data-template="neon-night"] .service-card:hover{transform:translateY(-2px);border-color:rgba(0,245,255,.56)!important;box-shadow:0 0 25px rgba(0,245,255,.12),0 22px 58px rgba(0,0,0,.38)!important}
html[data-template="neon-night"] .card h1,
html[data-template="neon-night"] .card h2,
html[data-template="neon-night"] .card h3,
html[data-template="neon-night"] .page-head h1,
html[data-template="neon-night"] .service-card h2,
html[data-template="neon-night"] .public-info-card h2{color:#effcff!important}
html[data-template="neon-night"] .muted,
html[data-template="neon-night"] .page-head p,
html[data-template="neon-night"] .service-card p,
html[data-template="neon-night"] td small,
html[data-template="neon-night"] .public-info-card p{color:#91a8ba!important}
html[data-template="neon-night"] .btn{background:linear-gradient(135deg,#06b6d4,#7c3aed)!important;color:#fff!important;border:1px solid rgba(103,232,249,.5)!important;box-shadow:0 0 16px rgba(6,182,212,.28),0 0 28px rgba(124,58,237,.16)}
html[data-template="neon-night"] .btn:hover{transform:translateY(-2px);filter:brightness(1.14);box-shadow:0 0 24px rgba(0,245,255,.38),0 0 36px rgba(217,70,239,.22)}
html[data-template="neon-night"] .btn-ghost{background:#0a1228!important;color:#67e8f9!important;border-color:#22d3ee!important}
html[data-template="neon-night"] input,
html[data-template="neon-night"] select,
html[data-template="neon-night"] textarea{background:#070c1b!important;color:#e6fbff!important;border-color:#29405e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
html[data-template="neon-night"] input:focus,
html[data-template="neon-night"] select:focus,
html[data-template="neon-night"] textarea:focus{border-color:#00e5ff!important;box-shadow:0 0 0 3px rgba(0,229,255,.12),0 0 18px rgba(0,229,255,.16)!important}
html[data-template="neon-night"] th{background:#0d1830!important;color:#67e8f9!important;border-bottom-color:#23405f!important}
html[data-template="neon-night"] td{color:#d8f5fa!important;border-bottom-color:#1c2a42!important}
html[data-template="neon-night"] .gsm-account-dropdown,
html[data-template="neon-night"] .gsm-mobile-drawer{background:#070c1b!important;border:1px solid rgba(0,229,255,.34)!important;box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 28px rgba(0,229,255,.12)!important}
html[data-template="neon-night"] .gsm-dropdown-user,
html[data-template="neon-night"] .gsm-drawer-head{border-color:#20304a!important;color:#effcff!important}
html[data-template="neon-night"] .gsm-dropdown-link,
html[data-template="neon-night"] .gsm-drawer-link{color:#d8f5fa!important}
html[data-template="neon-night"] .gsm-dropdown-link:hover,
html[data-template="neon-night"] .gsm-drawer-link:hover{background:linear-gradient(90deg,rgba(0,229,255,.09),rgba(217,70,239,.08))!important;color:#67e8f9!important}
html[data-template="neon-night"] .hero-public,
html[data-template="neon-night"] .public-info-hero{background:radial-gradient(circle at 80% 20%,rgba(217,70,239,.34),transparent 36%),linear-gradient(135deg,#070b19,#0c2440)!important;border:1px solid rgba(0,229,255,.35);box-shadow:0 0 35px rgba(0,229,255,.12),0 30px 70px rgba(0,0,0,.45)!important}
html[data-template="neon-night"] .stat-card.accent,
html[data-template="neon-night"] .phone-balance{background:linear-gradient(135deg,#0891b2,#7e22ce)!important;box-shadow:0 0 24px rgba(34,211,238,.2)!important}
html[data-template="neon-night"] .payment-method-card,
html[data-template="neon-night"] .payment-method-icon-box,
html[data-template="neon-night"] .payment-method-check,
html[data-template="neon-night"] .payment-methods div{background:#080e1f!important;color:#e6fbff!important;border-color:#263b57!important}
html[data-template="neon-night"] .payment-method-card.is-selected,
html[data-template="neon-night"] .payment-method-card:has(.payment-method-radio:checked){background:rgba(6,182,212,.1)!important;border-color:#22d3ee!important;box-shadow:0 0 22px rgba(34,211,238,.15)!important}
html[data-template="neon-night"] .gsm-footer{background:#030611!important;border-top:1px solid rgba(0,229,255,.22)}
html[data-template="neon-night"] .gsm-footer-column h2{color:#67e8f9!important}

/* =========================================================
   AURORA GLASS — system light/dark + glassmorphism
   ========================================================= */
html[data-template="aurora-auto"]{
 --bg:#f4f6ff;--surface:rgba(255,255,255,.68);--text:#172554;--muted:#64748b;--line:rgba(148,163,184,.28);
 --primary:#6366f1;--primary-dark:#4f46e5;--accent:#ec4899;--radius:24px;--shadow:0 20px 60px rgba(99,102,241,.13)
}
html[data-template="aurora-auto"] body{background:radial-gradient(circle at 0% 10%,rgba(14,165,233,.20),transparent 34%),radial-gradient(circle at 100% 18%,rgba(236,72,153,.18),transparent 34%),radial-gradient(circle at 50% 100%,rgba(139,92,246,.17),transparent 40%),#f8faff;background-attachment:fixed;color:#172554}
html[data-template="aurora-auto"] .topbar{background:rgba(255,255,255,.68)!important;border-bottom:1px solid rgba(255,255,255,.62)!important;box-shadow:0 12px 36px rgba(30,41,59,.09)!important;backdrop-filter:blur(22px) saturate(155%)!important}
html[data-template="aurora-auto"] .gsm-desktop-nav>a,
html[data-template="aurora-auto"] .gsm-account-trigger{color:#1e1b4b!important}
html[data-template="aurora-auto"] .gsm-account-trigger{background:rgba(255,255,255,.34)!important;border-color:rgba(99,102,241,.22)!important}
html[data-template="aurora-auto"] .brand-logo-image{filter:drop-shadow(0 6px 12px rgba(99,102,241,.18))}
html[data-template="aurora-auto"] .gsm-promo-zone{background:rgba(255,255,255,.62);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.75)}
html[data-template="aurora-auto"] .gsm-news{background:linear-gradient(100deg,#0ea5e9,#8b5cf6,#ec4899)!important}
html[data-template="aurora-auto"] .card,
html[data-template="aurora-auto"] .service-card,
html[data-template="aurora-auto"] .stat-card,
html[data-template="aurora-auto"] .public-info-card,
html[data-template="aurora-auto"] .public-info-sidecard,
html[data-template="aurora-auto"] .policy-nav,
html[data-template="aurora-auto"] .price-box{background:rgba(255,255,255,.62)!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 20px 55px rgba(76,29,149,.09),inset 0 1px 0 rgba(255,255,255,.72)!important;backdrop-filter:blur(20px) saturate(145%)}
html[data-template="aurora-auto"] .service-card:hover,
html[data-template="aurora-auto"] .card:hover{transform:translateY(-3px);box-shadow:0 28px 68px rgba(76,29,149,.14),inset 0 1px 0 rgba(255,255,255,.8)!important}
html[data-template="aurora-auto"] .btn{background:linear-gradient(135deg,#0ea5e9,#8b5cf6 55%,#ec4899)!important;border:0!important;box-shadow:0 10px 24px rgba(99,102,241,.24)}
html[data-template="aurora-auto"] .btn:hover{filter:saturate(1.15) brightness(1.04);box-shadow:0 14px 30px rgba(99,102,241,.3)}
html[data-template="aurora-auto"] .btn-ghost{background:rgba(255,255,255,.56)!important;color:#5b21b6!important;border:1px solid rgba(139,92,246,.25)!important}
html[data-template="aurora-auto"] input,
html[data-template="aurora-auto"] select,
html[data-template="aurora-auto"] textarea{background:rgba(255,255,255,.58)!important;color:#172554!important;border-color:rgba(99,102,241,.2)!important;backdrop-filter:blur(10px)}
html[data-template="aurora-auto"] input:focus,
html[data-template="aurora-auto"] select:focus,
html[data-template="aurora-auto"] textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 4px rgba(139,92,246,.13)!important}
html[data-template="aurora-auto"] th{background:rgba(238,242,255,.72)!important;color:#5b21b6!important}
html[data-template="aurora-auto"] td{border-bottom-color:rgba(148,163,184,.2)!important}
html[data-template="aurora-auto"] .gsm-account-dropdown,
html[data-template="aurora-auto"] .gsm-mobile-drawer{background:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 30px 80px rgba(76,29,149,.18)!important;backdrop-filter:blur(24px) saturate(160%)}
html[data-template="aurora-auto"] .gsm-dropdown-link,
html[data-template="aurora-auto"] .gsm-drawer-link{color:#312e81!important}
html[data-template="aurora-auto"] .gsm-dropdown-link:hover,
html[data-template="aurora-auto"] .gsm-drawer-link:hover{background:linear-gradient(90deg,rgba(14,165,233,.12),rgba(139,92,246,.10),rgba(236,72,153,.09))!important;color:#6d28d9!important}
html[data-template="aurora-auto"] .hero-public,
html[data-template="aurora-auto"] .public-info-hero{background:radial-gradient(circle at 90% 10%,rgba(236,72,153,.5),transparent 34%),linear-gradient(135deg,#0f3c67,#5b21b6 56%,#9d174d)!important;box-shadow:0 28px 70px rgba(76,29,149,.25)!important}
html[data-template="aurora-auto"] .stat-card.accent,
html[data-template="aurora-auto"] .phone-balance{background:linear-gradient(135deg,#0ea5e9,#8b5cf6,#ec4899)!important}
html[data-template="aurora-auto"] .gsm-footer{background:linear-gradient(135deg,#172554,#4c1d95 58%,#831843)!important}

@media (prefers-color-scheme:dark){
 html[data-template="aurora-auto"]{--bg:#090d1b;--surface:rgba(15,23,42,.68);--text:#eef2ff;--muted:#a5b4c8;--line:rgba(148,163,184,.18)}
 html[data-template="aurora-auto"] body{background:radial-gradient(circle at 0 0,rgba(14,165,233,.17),transparent 30%),radial-gradient(circle at 100% 10%,rgba(236,72,153,.14),transparent 31%),radial-gradient(circle at 45% 100%,rgba(139,92,246,.16),transparent 38%),#090d1b;color:#eef2ff}
 html[data-template="aurora-auto"] .topbar{background:rgba(8,12,28,.70)!important;border-color:rgba(255,255,255,.10)!important}
 html[data-template="aurora-auto"] .gsm-desktop-nav>a,
 html[data-template="aurora-auto"] .gsm-account-trigger{color:#f5f3ff!important}
 html[data-template="aurora-auto"] .gsm-account-trigger{background:rgba(255,255,255,.055)!important;border-color:rgba(167,139,250,.22)!important}
 html[data-template="aurora-auto"] .gsm-promo-zone{background:rgba(8,12,28,.75);border-color:rgba(255,255,255,.08)}
 html[data-template="aurora-auto"] .gsm-slider{background:transparent!important}
 html[data-template="aurora-auto"] .card,
 html[data-template="aurora-auto"] .service-card,
 html[data-template="aurora-auto"] .stat-card,
 html[data-template="aurora-auto"] .public-info-card,
 html[data-template="aurora-auto"] .public-info-sidecard,
 html[data-template="aurora-auto"] .policy-nav,
 html[data-template="aurora-auto"] .price-box{background:rgba(15,23,42,.64)!important;color:#eef2ff!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 20px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important}
 html[data-template="aurora-auto"] .card h1,
 html[data-template="aurora-auto"] .card h2,
 html[data-template="aurora-auto"] .card h3,
 html[data-template="aurora-auto"] .page-head h1,
 html[data-template="aurora-auto"] .service-card h2{color:#f5f3ff!important}
 html[data-template="aurora-auto"] .muted,
 html[data-template="aurora-auto"] .page-head p,
 html[data-template="aurora-auto"] .service-card p,
 html[data-template="aurora-auto"] td small{color:#a5b4c8!important}
 html[data-template="aurora-auto"] input,
 html[data-template="aurora-auto"] select,
 html[data-template="aurora-auto"] textarea{background:rgba(8,15,32,.7)!important;color:#eef2ff!important;border-color:rgba(167,139,250,.24)!important}
 html[data-template="aurora-auto"] th{background:rgba(30,27,75,.58)!important;color:#ddd6fe!important}
 html[data-template="aurora-auto"] td{color:#e0e7ff!important}
 html[data-template="aurora-auto"] .gsm-account-dropdown,
 html[data-template="aurora-auto"] .gsm-mobile-drawer{background:rgba(8,12,28,.84)!important;border-color:rgba(255,255,255,.12)!important}
 html[data-template="aurora-auto"] .gsm-dropdown-link,
 html[data-template="aurora-auto"] .gsm-drawer-link{color:#e0e7ff!important}
}

/* =========================================================
   CARBON 3D — dark, tactile, dimensional
   ========================================================= */
html[data-template="carbon-3d"]{
 --bg:#161a20;--surface:#242a32;--text:#f3f4f6;--muted:#aeb7c2;--line:#39414c;
 --primary:#e7a82f;--primary-dark:#c88713;--accent:#fbbf24;--danger:#fb7185;
 --warning:#f59e0b;--success:#4ade80;--radius:15px;--shadow:10px 12px 24px rgba(0,0,0,.36),-5px -5px 15px rgba(255,255,255,.025)
}
html[data-template="carbon-3d"] body{background-color:#171b21;background-image:linear-gradient(45deg,rgba(255,255,255,.012) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.012) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.012) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.012) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;color:#f3f4f6}
html[data-template="carbon-3d"] .topbar{background:linear-gradient(180deg,#303741,#20252c)!important;border-bottom:1px solid #0f1216!important;box-shadow:0 7px 0 #0f1216,0 12px 24px rgba(0,0,0,.32)!important}
html[data-template="carbon-3d"] .gsm-account-trigger{background:linear-gradient(180deg,#353d48,#252b33)!important;border-color:#4b5563!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 7px rgba(0,0,0,.32)}
html[data-template="carbon-3d"] .gsm-promo-zone{background:#1e242b;border-color:#0f1216;box-shadow:0 5px 12px rgba(0,0,0,.25)}
html[data-template="carbon-3d"] .gsm-slider{background:#1e242b!important}
html[data-template="carbon-3d"] .gsm-news{background:linear-gradient(180deg,#b77913,#8d5d0a)!important;border-top:1px solid #fbbf24!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
html[data-template="carbon-3d"] .card,
html[data-template="carbon-3d"] .service-card,
html[data-template="carbon-3d"] .stat-card,
html[data-template="carbon-3d"] .public-info-card,
html[data-template="carbon-3d"] .public-info-sidecard,
html[data-template="carbon-3d"] .policy-nav,
html[data-template="carbon-3d"] .price-box{background:linear-gradient(145deg,#29303a,#20252c)!important;color:#f3f4f6!important;border:1px solid #3b4551!important;box-shadow:10px 12px 24px rgba(0,0,0,.38),-5px -5px 15px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.055)!important}
html[data-template="carbon-3d"] .card:hover,
html[data-template="carbon-3d"] .service-card:hover{transform:translateY(-2px);box-shadow:13px 15px 28px rgba(0,0,0,.43),-5px -5px 14px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.07)!important}
html[data-template="carbon-3d"] .card h1,
html[data-template="carbon-3d"] .card h2,
html[data-template="carbon-3d"] .card h3,
html[data-template="carbon-3d"] .page-head h1,
html[data-template="carbon-3d"] .service-card h2{color:#fff!important;text-shadow:0 2px 2px rgba(0,0,0,.35)}
html[data-template="carbon-3d"] .muted,
html[data-template="carbon-3d"] .page-head p,
html[data-template="carbon-3d"] .service-card p,
html[data-template="carbon-3d"] td small{color:#aeb7c2!important}
html[data-template="carbon-3d"] .btn{background:linear-gradient(180deg,#f3bd4d,#c88513)!important;color:#1c1917!important;border:1px solid #f6c968!important;box-shadow:0 5px 0 #754b08,0 9px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.48)!important;text-shadow:0 1px 0 rgba(255,255,255,.26)}
html[data-template="carbon-3d"] .btn:hover{transform:translateY(1px)!important;box-shadow:0 3px 0 #754b08,0 6px 12px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.42)!important}
html[data-template="carbon-3d"] .btn:active{transform:translateY(4px)!important;box-shadow:0 1px 0 #754b08,0 3px 7px rgba(0,0,0,.35)!important}
html[data-template="carbon-3d"] .btn-ghost{background:linear-gradient(180deg,#333b45,#242a31)!important;color:#fbbf24!important;border-color:#596573!important;box-shadow:0 4px 0 #11151a,0 7px 12px rgba(0,0,0,.28)!important}
html[data-template="carbon-3d"] input,
html[data-template="carbon-3d"] select,
html[data-template="carbon-3d"] textarea{background:#191e24!important;color:#f3f4f6!important;border:1px solid #3e4854!important;box-shadow:inset 3px 3px 7px rgba(0,0,0,.34),inset -1px -1px 4px rgba(255,255,255,.025)!important}
html[data-template="carbon-3d"] input:focus,
html[data-template="carbon-3d"] select:focus,
html[data-template="carbon-3d"] textarea:focus{border-color:#e7a82f!important;box-shadow:inset 3px 3px 7px rgba(0,0,0,.34),0 0 0 3px rgba(231,168,47,.12)!important}
html[data-template="carbon-3d"] th{background:#1b2026!important;color:#fbbf24!important;border-bottom-color:#3c4652!important;box-shadow:inset 0 -1px 0 #111}
html[data-template="carbon-3d"] td{color:#e5e7eb!important;border-bottom-color:#353d47!important}
html[data-template="carbon-3d"] .gsm-account-dropdown,
html[data-template="carbon-3d"] .gsm-mobile-drawer{background:linear-gradient(145deg,#2a313a,#1d2228)!important;border:1px solid #4b5563!important;box-shadow:12px 18px 36px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05)!important}
html[data-template="carbon-3d"] .gsm-dropdown-link,
html[data-template="carbon-3d"] .gsm-drawer-link{color:#e5e7eb!important}
html[data-template="carbon-3d"] .gsm-dropdown-link:hover,
html[data-template="carbon-3d"] .gsm-drawer-link:hover{background:#343c46!important;color:#fbbf24!important;box-shadow:inset 3px 3px 7px rgba(0,0,0,.24)}
html[data-template="carbon-3d"] .hero-public,
html[data-template="carbon-3d"] .public-info-hero{background:linear-gradient(145deg,#303742,#171b20)!important;border:1px solid #46515e;box-shadow:14px 18px 34px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important}
html[data-template="carbon-3d"] .stat-card.accent,
html[data-template="carbon-3d"] .phone-balance{background:linear-gradient(145deg,#d79b26,#9a6510)!important;color:#1c1917!important;box-shadow:7px 8px 16px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.25)!important}
html[data-template="carbon-3d"] .payment-method-card,
html[data-template="carbon-3d"] .payment-method-icon-box,
html[data-template="carbon-3d"] .payment-method-check,
html[data-template="carbon-3d"] .payment-methods div{background:#20262d!important;color:#f3f4f6!important;border-color:#404a55!important}
html[data-template="carbon-3d"] .gsm-footer{background:#0f1216!important;border-top:5px solid #b77913;box-shadow:0 -8px 25px rgba(0,0,0,.3)}

/* =========================================================
   ROYAL LUXE — ivory, plum, gold
   ========================================================= */
html[data-template="royal-luxe"]{
 --bg:#fbf7ef;--surface:#fffdf9;--text:#2e174d;--muted:#75657f;--line:#eadfcf;
 --primary:#5b21b6;--primary-dark:#4c1d95;--accent:#c59d37;--danger:#be123c;
 --warning:#b45309;--success:#15803d;--radius:10px;--shadow:0 16px 45px rgba(76,29,149,.10)
}
html[data-template="royal-luxe"] body{background:linear-gradient(180deg,#fffdf8,#f8f1e5);color:#2e174d}
html[data-template="royal-luxe"] .topbar{background:linear-gradient(90deg,#30105f,#4c1d95 62%,#6d28d9)!important;border-bottom:3px solid #c59d37!important;box-shadow:0 8px 24px rgba(46,16,101,.23)!important}
html[data-template="royal-luxe"] .gsm-promo-zone{background:#fffdf8;border-color:#eadfcf}
html[data-template="royal-luxe"] .gsm-news{background:linear-gradient(100deg,#4c1d95,#7e22ce,#b88725)!important;border-top-color:#d9bd72!important}
html[data-template="royal-luxe"] .card,
html[data-template="royal-luxe"] .service-card,
html[data-template="royal-luxe"] .stat-card,
html[data-template="royal-luxe"] .public-info-card,
html[data-template="royal-luxe"] .public-info-sidecard,
html[data-template="royal-luxe"] .policy-nav,
html[data-template="royal-luxe"] .price-box{position:relative;background:#fffdf9!important;color:#2e174d!important;border:1px solid #e5d7c1!important;border-radius:12px!important;box-shadow:0 16px 42px rgba(76,29,149,.09)!important}
html[data-template="royal-luxe"] .card::before,
html[data-template="royal-luxe"] .service-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#d7b65c,#9f7922)}
html[data-template="royal-luxe"] .card h1,
html[data-template="royal-luxe"] .card h2,
html[data-template="royal-luxe"] .page-head h1,
html[data-template="royal-luxe"] .service-card h2,
html[data-template="royal-luxe"] .public-info-card h2{color:#3b1768!important;font-family:Georgia,"Times New Roman",serif;letter-spacing:.01em}
html[data-template="royal-luxe"] .eyebrow{color:#9a741c!important}
html[data-template="royal-luxe"] .btn{background:linear-gradient(135deg,#4c1d95,#6d28d9)!important;border:1px solid #7c3aed!important;border-radius:8px!important;box-shadow:0 7px 15px rgba(76,29,149,.2),inset 0 1px 0 rgba(255,255,255,.18)}
html[data-template="royal-luxe"] .btn:hover{background:linear-gradient(135deg,#3b0764,#5b21b6)!important;box-shadow:0 9px 20px rgba(76,29,149,.27)}
html[data-template="royal-luxe"] .btn-ghost{background:#fffaf0!important;color:#4c1d95!important;border-color:#c8a54d!important}
html[data-template="royal-luxe"] input,
html[data-template="royal-luxe"] select,
html[data-template="royal-luxe"] textarea{background:#fffefb!important;color:#2e174d!important;border-color:#dccdad!important;border-radius:7px!important}
html[data-template="royal-luxe"] input:focus,
html[data-template="royal-luxe"] select:focus,
html[data-template="royal-luxe"] textarea:focus{border-color:#a67c20!important;box-shadow:0 0 0 3px rgba(197,157,55,.15)!important}
html[data-template="royal-luxe"] th{background:#f4ead9!important;color:#4c1d95!important;border-bottom:2px solid #d6bd82!important;font-family:Georgia,"Times New Roman",serif}
html[data-template="royal-luxe"] td{border-bottom-color:#eadfcf!important}
html[data-template="royal-luxe"] .gsm-account-dropdown,
html[data-template="royal-luxe"] .gsm-mobile-drawer{background:#fffdf8!important;border:1px solid #d8c39a!important;box-shadow:0 26px 65px rgba(76,29,149,.20)!important}
html[data-template="royal-luxe"] .gsm-dropdown-link,
html[data-template="royal-luxe"] .gsm-drawer-link{color:#3b1768!important}
html[data-template="royal-luxe"] .gsm-dropdown-link:hover,
html[data-template="royal-luxe"] .gsm-drawer-link:hover{background:#f6eddf!important;color:#6d28d9!important}
html[data-template="royal-luxe"] .hero-public,
html[data-template="royal-luxe"] .public-info-hero{background:radial-gradient(circle at 88% 16%,rgba(215,182,92,.27),transparent 33%),linear-gradient(135deg,#2e1065,#4c1d95 62%,#6d28d9)!important;border:1px solid #c9a84e;box-shadow:0 26px 65px rgba(76,29,149,.24)!important}
html[data-template="royal-luxe"] .stat-card.accent,
html[data-template="royal-luxe"] .phone-balance{background:linear-gradient(135deg,#4c1d95,#7e22ce)!important;border:1px solid #c9a84e!important}
html[data-template="royal-luxe"] .gsm-footer{background:linear-gradient(135deg,#24103f,#3b1768)!important;border-top:4px solid #b99031}
html[data-template="royal-luxe"] .gsm-footer-column h2{color:#e8cf8d!important;font-family:Georgia,"Times New Roman",serif}
html[data-template="royal-luxe"] .gsm-footer-column a:hover{color:#f4dfa6!important}

/* =========================================================
   Template manager page (works with every active template)
   ========================================================= */
.template-manager-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}
.template-manager-intro h2{margin:4px 0 6px}
.template-manager-intro p{max-width:760px;margin:0;color:var(--muted)}
.template-live-pill{display:flex;flex-direction:column;align-items:flex-start;min-width:220px;padding:12px 15px;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-weight:900;font-size:13px}
.template-live-pill small{margin-top:2px;font-weight:650;color:#047857}
.template-live-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12);animation:templatePulse 1.6s ease-in-out infinite}
@keyframes templatePulse{50%{box-shadow:0 0 0 8px rgba(22,163,74,0)}}
.template-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}
.template-choice-card{position:relative;padding:16px;border:1px solid #dbe5f0;border-radius:20px;background:#fff;box-shadow:0 13px 38px rgba(15,23,42,.07)}
.template-choice-card.is-active{border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.12),0 15px 40px rgba(15,118,110,.11)}
.template-preview-window{height:210px;overflow:hidden;border-radius:14px;border:1px solid rgba(15,23,42,.10);background:#eef2f7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.template-preview-topbar{height:34px;padding:7px 9px;display:flex;align-items:center;gap:7px;background:#078b86}
.template-preview-topbar span{width:22px;height:5px;border-radius:99px;background:rgba(255,255,255,.70)}
.template-preview-topbar .template-preview-logo{width:58px;height:12px;margin-right:auto;background:#fff}
.template-preview-content{display:grid;grid-template-columns:45px 1fr;height:176px}
.template-preview-side{padding:12px 8px;display:grid;align-content:start;gap:9px;background:#fff}
.template-preview-side i{height:7px;border-radius:5px;background:#cbd5e1}
.template-preview-main{padding:12px;display:grid;gap:9px;align-content:start}
.template-preview-hero{height:52px;border-radius:10px;background:linear-gradient(135deg,#0f766e,#14b8a6)}
.template-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.template-preview-stats i{height:31px;border-radius:7px;background:#fff;box-shadow:0 3px 7px rgba(15,23,42,.06)}
.template-preview-table{display:grid;gap:5px;padding:7px;border-radius:8px;background:#fff}
.template-preview-table i{height:5px;border-radius:5px;background:#dbe5f0}
.preview-ocean-light{background:#eef8ff}.preview-ocean-light .template-preview-topbar{background:linear-gradient(90deg,#075985,#0ea5e9)}.preview-ocean-light .template-preview-side,.preview-ocean-light .template-preview-stats i,.preview-ocean-light .template-preview-table{background:#fff}.preview-ocean-light .template-preview-hero{background:linear-gradient(135deg,#0369a1,#38bdf8)}
.preview-neon-night{background:#050816;border-color:#20304a;box-shadow:inset 0 0 24px rgba(0,229,255,.08)}.preview-neon-night .template-preview-topbar{background:#070b18;border-bottom:1px solid #00e5ff}.preview-neon-night .template-preview-side,.preview-neon-night .template-preview-stats i,.preview-neon-night .template-preview-table{background:#0b1022;border:1px solid rgba(0,229,255,.18)}.preview-neon-night .template-preview-side i,.preview-neon-night .template-preview-table i{background:#23405f}.preview-neon-night .template-preview-hero{background:linear-gradient(135deg,#0891b2,#7e22ce);box-shadow:0 0 14px rgba(0,229,255,.25)}
.preview-aurora-auto{background:radial-gradient(circle at 15% 0,rgba(14,165,233,.28),transparent 40%),radial-gradient(circle at 100% 20%,rgba(236,72,153,.24),transparent 44%),#f4f6ff}.preview-aurora-auto .template-preview-topbar,.preview-aurora-auto .template-preview-side,.preview-aurora-auto .template-preview-stats i,.preview-aurora-auto .template-preview-table{background:rgba(255,255,255,.62);backdrop-filter:blur(8px)}.preview-aurora-auto .template-preview-hero{background:linear-gradient(135deg,#0ea5e9,#8b5cf6,#ec4899)}
.preview-carbon-3d{background:#171b21}.preview-carbon-3d .template-preview-topbar{background:linear-gradient(#303741,#20252c);box-shadow:0 4px 0 #0f1216}.preview-carbon-3d .template-preview-side,.preview-carbon-3d .template-preview-stats i,.preview-carbon-3d .template-preview-table{background:linear-gradient(145deg,#29303a,#20252c);box-shadow:4px 5px 8px rgba(0,0,0,.35)}.preview-carbon-3d .template-preview-side i,.preview-carbon-3d .template-preview-table i{background:#4b5563}.preview-carbon-3d .template-preview-hero{background:linear-gradient(145deg,#d79b26,#8d5d0a);box-shadow:4px 5px 9px rgba(0,0,0,.35)}
.preview-royal-luxe{background:#fbf7ef}.preview-royal-luxe .template-preview-topbar{background:linear-gradient(90deg,#30105f,#6d28d9);border-bottom:2px solid #c59d37}.preview-royal-luxe .template-preview-side,.preview-royal-luxe .template-preview-stats i,.preview-royal-luxe .template-preview-table{background:#fffdf9;border:1px solid #eadfcf}.preview-royal-luxe .template-preview-hero{background:linear-gradient(135deg,#4c1d95,#7e22ce);border:1px solid #c59d37}
.template-choice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:15px 1px 10px}.template-choice-head h2{margin:0;font-size:19px}.template-choice-head p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.template-active-badge{padding:5px 8px;border-radius:999px;background:#dcfce7;color:#166534;border:1px solid #86efac;font-size:10px;font-weight:950;letter-spacing:.08em}.template-palette{display:flex;align-items:center;gap:6px;margin-bottom:10px}.template-palette span{display:block;width:22px;height:22px;border-radius:50%;background:var(--swatch);border:2px solid rgba(255,255,255,.86);box-shadow:0 0 0 1px rgba(15,23,42,.13)}.template-palette strong{margin-left:auto;color:var(--muted);font-size:11px}.template-feature-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.template-feature-row span{padding:5px 7px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800}.template-activate-form .btn{width:100%}.template-activate-form .btn[disabled]{cursor:default;opacity:.72;transform:none!important}.template-manager-note{font-size:13px;color:var(--muted)}

html[data-template="neon-night"] .template-choice-card,
html[data-template="carbon-3d"] .template-choice-card{background:#0b1022;color:#eefcff;border-color:#263b57}
html[data-template="carbon-3d"] .template-choice-card{background:linear-gradient(145deg,#29303a,#20252c);border-color:#3b4551;box-shadow:8px 10px 18px rgba(0,0,0,.35)}
html[data-template="neon-night"] .template-feature-row span,
html[data-template="carbon-3d"] .template-feature-row span{background:#111b2e;color:#b8cad8}
html[data-template="carbon-3d"] .template-feature-row span{background:#171c22;color:#d1d5db}
html[data-template="aurora-auto"] .template-choice-card{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.75);backdrop-filter:blur(16px)}
html[data-template="royal-luxe"] .template-choice-card{background:#fffdf9;border-color:#e5d7c1;border-radius:12px}

@media(max-width:820px){
 .template-choice-grid{grid-template-columns:1fr}
 .template-manager-intro{align-items:stretch;flex-direction:column}
 .template-live-pill{min-width:0;width:100%}
 .template-preview-window{height:190px}
 .template-preview-content{height:156px}
}
@media(max-width:620px){
 .template-choice-card{padding:11px;border-radius:15px}
 .template-preview-window{height:165px}
 .template-preview-content{height:131px;grid-template-columns:34px 1fr}
 .template-preview-main{padding:9px;gap:7px}
 .template-preview-side{padding:9px 6px;gap:7px}
 .template-preview-hero{height:41px}
 .template-preview-stats i{height:24px}
 .template-choice-head{margin-top:12px}
 .template-palette strong{font-size:10px}
}

/* =========================================================
   v2.1 — readability repair for the first alternative themes
   ========================================================= */
html[data-template="ocean-light"] .home-service-section,
html[data-template="aurora-auto"] .home-service-section,
html[data-template="royal-luxe"] .home-service-section{color:#0f172a!important}
html[data-template="ocean-light"] .home-service-copy h3{color:#0c4a6e!important}
html[data-template="ocean-light"] .home-section-title h2{color:#082f49!important}
html[data-template="aurora-auto"] .home-service-copy h3,
html[data-template="aurora-auto"] .home-section-title h2{color:#1e1b4b!important}
html[data-template="royal-luxe"] .home-service-copy h3,
html[data-template="royal-luxe"] .home-section-title h2{color:#3b1768!important}
html[data-template="neon-night"] .home-service-section,
html[data-template="carbon-3d"] .home-service-section{background:#0b1022!important;color:#eafcff!important;border-color:#294057!important}
html[data-template="carbon-3d"] .home-service-section{background:#242a31!important;border-color:#46515d!important}
html[data-template="neon-night"] .home-section-title h2,
html[data-template="neon-night"] .home-service-copy h3{color:#eafcff!important}
html[data-template="carbon-3d"] .home-section-title h2,
html[data-template="carbon-3d"] .home-service-copy h3{color:#f3f4f6!important}
html[data-template="neon-night"] .home-service-copy>div strong{background:#0d2534!important;color:#67e8f9!important}
html[data-template="carbon-3d"] .home-service-copy>div strong{background:#343b44!important;color:#fbbf24!important}
html[data-template="neon-night"] .home-service-copy>div small{background:#32124a!important;color:#f0abfc!important}
html[data-template="carbon-3d"] .home-service-copy>div small{background:#3d2e10!important;color:#fde68a!important}
html[data-template="neon-night"] .home-service-item>img,
html[data-template="carbon-3d"] .home-service-item>img{background:#111827!important;border-color:#334155!important}
html[data-template="neon-night"] .home-section-title>a{color:#67e8f9!important}
html[data-template="carbon-3d"] .home-section-title>a{color:#fbbf24!important}

/* Keep the theme manager fully readable because admin is Default/Royal only. */
html[data-area="admin"][data-template="default"] .template-choice-card,
html[data-area="admin"][data-template="default"] .template-manager-intro,
html[data-area="admin"][data-template="default"] .template-manager-note{color:#0f172a}

/* =========================================================
   CRIMSON FRAME — angular corporate structure
   ========================================================= */
html[data-template="crimson-frame"]{
 --bg:#e5e7eb;--surface:#fff;--text:#171717;--muted:#5f6368;--line:#d1d5db;
 --primary:#be123c;--primary-dark:#881337;--accent:#ef4444;--danger:#b91c1c;
 --warning:#d97706;--success:#15803d;--radius:8px;--shadow:0 12px 30px rgba(17,24,39,.11)
}
html[data-template="crimson-frame"] body{background:linear-gradient(135deg,#d4d4d8 0,#f3f4f6 48%,#d1d5db 100%);color:#171717}
html[data-template="crimson-frame"] .topbar{background:linear-gradient(104deg,#8f0f2a 0,#be123c 56%,#7f1d1d 56.2%,#991b1b 100%)!important;border-bottom:4px solid #fff!important;box-shadow:0 7px 0 rgba(153,27,27,.14),0 12px 28px rgba(31,41,55,.18)!important}
html[data-template="crimson-frame"] .topbar .nav-wrap{min-height:76px!important}
html[data-template="crimson-frame"] .brand{position:relative;padding:8px 24px 8px 8px;clip-path:polygon(0 0,100% 0,82% 100%,0 100%);background:rgba(255,255,255,.96)}
html[data-template="crimson-frame"] .gsm-desktop-nav>a{border-radius:3px!important;text-transform:uppercase;font-size:12px!important;letter-spacing:.035em}
html[data-template="crimson-frame"] .gsm-desktop-nav>a:hover{background:#fff!important;color:#991b1b!important}
html[data-template="crimson-frame"] .gsm-account-trigger{border-radius:3px!important;background:#fff!important;color:#7f1d1d!important;border-color:#fecdd3!important}
html[data-template="crimson-frame"] .gsm-account-copy small,
html[data-template="crimson-frame"] .gsm-account-balance{color:#9f1239!important}
html[data-template="crimson-frame"] .gsm-promo-zone{background:#f8fafc;border-bottom:1px solid #cbd5e1}
html[data-template="crimson-frame"] .gsm-news{background:linear-gradient(90deg,#7f1d1d,#e11d48,#991b1b)!important}
html[data-template="crimson-frame"] .page{padding-top:38px}
html[data-template="crimson-frame"] .page-head{padding:18px 22px;background:#fff;border-left:7px solid #be123c;border-radius:3px;box-shadow:0 8px 20px rgba(17,24,39,.08)}
html[data-template="crimson-frame"] .page-head h1{color:#3f0b16!important;text-transform:uppercase;letter-spacing:.015em}
html[data-template="crimson-frame"] .card,
html[data-template="crimson-frame"] .service-card,
html[data-template="crimson-frame"] .stat-card,
html[data-template="crimson-frame"] .public-info-card,
html[data-template="crimson-frame"] .public-info-sidecard,
html[data-template="crimson-frame"] .price-box,
html[data-template="crimson-frame"] .policy-nav{background:#fff!important;color:#171717!important;border:1px solid #d1d5db!important;border-radius:5px!important;box-shadow:8px 10px 0 rgba(127,29,29,.055),0 13px 30px rgba(17,24,39,.08)!important}
html[data-template="crimson-frame"] .card h1,
html[data-template="crimson-frame"] .card h2,
html[data-template="crimson-frame"] .card h3,
html[data-template="crimson-frame"] .service-card h2{color:#3f0b16!important}
html[data-template="crimson-frame"] .eyebrow{color:#be123c!important}
html[data-template="crimson-frame"] .btn{border-radius:3px!important;background:linear-gradient(100deg,#be123c,#e11d48 75%,#991b1b)!important;color:#fff!important;border:0!important;box-shadow:0 7px 0 #7f1d1d,0 10px 18px rgba(153,27,27,.18)!important;text-transform:uppercase;letter-spacing:.025em}
html[data-template="crimson-frame"] .btn:hover{transform:translateY(2px)!important;box-shadow:0 4px 0 #7f1d1d,0 7px 14px rgba(153,27,27,.17)!important}
html[data-template="crimson-frame"] .btn-ghost{background:#fff!important;color:#991b1b!important;border:1px solid #be123c!important;box-shadow:none!important}
html[data-template="crimson-frame"] input,
html[data-template="crimson-frame"] select,
html[data-template="crimson-frame"] textarea{background:#f4f4f5!important;color:#18181b!important;border:0!important;border-bottom:3px solid #a1a1aa!important;border-radius:3px!important}
html[data-template="crimson-frame"] input:focus,
html[data-template="crimson-frame"] select:focus,
html[data-template="crimson-frame"] textarea:focus{border-bottom-color:#e11d48!important;box-shadow:0 5px 0 rgba(225,29,72,.08)!important}
html[data-template="crimson-frame"] th{background:#7f1d1d!important;color:#fff!important;border-bottom-color:#be123c!important}
html[data-template="crimson-frame"] td{background:#fff!important;color:#27272a!important;border-bottom-color:#e4e4e7!important}
html[data-template="crimson-frame"] .gsm-account-dropdown,
html[data-template="crimson-frame"] .gsm-mobile-drawer{background:#fff!important;border:2px solid #991b1b!important;border-radius:4px!important;box-shadow:10px 12px 0 rgba(127,29,29,.12),0 18px 50px rgba(17,24,39,.2)!important}
html[data-template="crimson-frame"] .gsm-dropdown-link,
html[data-template="crimson-frame"] .gsm-drawer-link{color:#27272a!important;border-color:#e5e7eb!important}
html[data-template="crimson-frame"] .gsm-dropdown-link:hover,
html[data-template="crimson-frame"] .gsm-drawer-link:hover{background:#fff1f2!important;color:#be123c!important}
html[data-template="crimson-frame"] .gsm-drawer-head{background:linear-gradient(100deg,#991b1b,#e11d48)!important}
html[data-template="crimson-frame"] .hero-public,
html[data-template="crimson-frame"] .public-info-hero{border-radius:5px!important;background:linear-gradient(112deg,#3f0b16 0,#7f1d1d 54%,#e11d48 54.2%,#be123c 100%)!important;border:4px solid #fff!important;box-shadow:10px 12px 0 rgba(127,29,29,.12),0 20px 48px rgba(17,24,39,.18)!important}
html[data-template="crimson-frame"] .stat-grid{grid-template-columns:1.3fr repeat(4,1fr)!important}
html[data-template="crimson-frame"] .stat-card{border-top:5px solid #d4d4d8!important}
html[data-template="crimson-frame"] .stat-card.accent{background:linear-gradient(120deg,#7f1d1d,#e11d48)!important;color:#fff!important;border-top-color:#3f0b16!important}
html[data-template="crimson-frame"] .home-currency-bar{background:#fff!important;border:0!important;border-left:7px solid #be123c!important;border-radius:3px!important;box-shadow:0 9px 25px rgba(17,24,39,.08)!important}
html[data-template="crimson-frame"] .home-service-section{background:#fff!important;color:#18181b!important;border:0!important;border-top:6px solid #991b1b!important;border-radius:4px!important;box-shadow:0 13px 32px rgba(17,24,39,.09)!important}
html[data-template="crimson-frame"] .home-section-title{padding-bottom:12px!important;border-bottom:1px solid #e4e4e7!important}
html[data-template="crimson-frame"] .home-section-title h2,
html[data-template="crimson-frame"] .home-service-copy h3{color:#3f0b16!important}
html[data-template="crimson-frame"] .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html[data-template="crimson-frame"] .home-service-item{grid-template-columns:118px minmax(0,1fr)!important;min-height:112px!important;padding:12px!important;border:1px solid #e4e4e7!important;border-left:5px solid #e11d48!important;background:#fafafa!important}
html[data-template="crimson-frame"] .home-service-item>img{width:118px!important;height:78px!important;min-width:118px!important;border-radius:2px!important}
html[data-template="crimson-frame"] .home-service-copy>div strong{background:#fee2e2!important;color:#991b1b!important}
html[data-template="crimson-frame"] .home-service-copy>div small{background:#fef3c7!important;color:#92400e!important}
html[data-template="crimson-frame"] .feature-grid{grid-template-columns:1.3fr 1fr 1fr!important}
html[data-template="crimson-frame"] .gsm-footer{background:linear-gradient(105deg,#3f0b16,#7f1d1d)!important;border-top:6px solid #e11d48!important}

/* Auth layout inspired by framed red/white forms, without changing form logic. */
html[data-template="crimson-frame"][data-page="login"] .page,
html[data-template="crimson-frame"][data-page="register"] .page{width:min(980px,calc(100% - 28px));display:grid;place-items:center}
html[data-template="crimson-frame"] .auth-shell{width:min(760px,100%);grid-template-columns:1fr!important;gap:0!important;min-height:620px!important}
html[data-template="crimson-frame"] .auth-copy{display:none!important}
html[data-template="crimson-frame"] .auth-card{position:relative;overflow:hidden;padding:94px 50px 48px!important;border:0!important;border-radius:22px!important;box-shadow:0 22px 55px rgba(63,11,22,.24)!important}
html[data-template="crimson-frame"] .auth-card::before{content:"FORM  •  SECURE ACCESS";position:absolute;inset:0 0 auto 0;height:72px;padding:16px 28px;background:linear-gradient(110deg,#be123c 0,#e11d48 58%,#7f1d1d 58.3%,#991b1b);color:#fff;font-size:25px;font-weight:950;letter-spacing:.045em;clip-path:polygon(0 0,100% 0,100% 72%,70% 72%,63% 100%,0 100%)}
html[data-template="crimson-frame"] .auth-card::after{content:"";position:absolute;right:26px;top:88px;width:30px;height:30px;background:linear-gradient(135deg,#be123c 0 48%,transparent 49% 100%);box-shadow:10px -10px 0 #7f1d1d}
html[data-template="crimson-frame"] .auth-card>h2{text-align:center;font-size:31px!important;text-transform:uppercase;letter-spacing:.055em;margin-bottom:24px!important}
html[data-template="crimson-frame"] .auth-login-tabs,
html[data-template="crimson-frame"] .auth-method-tabs{border-radius:3px!important;background:#f4f4f5!important;border-color:#d4d4d8!important}
html[data-template="crimson-frame"] .auth-login-tab,
html[data-template="crimson-frame"] .auth-method-tab span{border-radius:2px!important}
html[data-template="crimson-frame"] .auth-login-tab.active,
html[data-template="crimson-frame"] .auth-method-tab input:checked+span{background:#be123c!important;color:#fff!important;box-shadow:none!important}

/* =========================================================
   SPECTRUM GLASS — animated neon/glass structure
   ========================================================= */
html[data-template="spectrum-glass"]{
 --bg:#020617;--surface:rgba(9,16,35,.72);--text:#f8fafc;--muted:#a8b3c7;--line:rgba(148,163,184,.22);
 --primary:#06b6d4;--primary-dark:#0891b2;--accent:#a855f7;--danger:#fb7185;
 --warning:#fbbf24;--success:#4ade80;--radius:24px;--shadow:0 22px 70px rgba(0,0,0,.4)
}
html[data-template="spectrum-glass"] body{background:#020617;color:#f8fafc;min-height:100vh}
html[data-template="spectrum-glass"] body::before,
html[data-template="spectrum-glass"] body::after{content:"";position:fixed;width:48vw;height:48vw;min-width:420px;min-height:420px;border-radius:50%;filter:blur(80px);opacity:.22;pointer-events:none;z-index:-2;animation:spectrumFloat 13s ease-in-out infinite alternate}
html[data-template="spectrum-glass"] body::before{left:-15vw;top:4vh;background:conic-gradient(from 25deg,#22c55e,#06b6d4,#3b82f6,#a855f7,#22c55e)}
html[data-template="spectrum-glass"] body::after{right:-18vw;bottom:-12vh;background:conic-gradient(from 180deg,#a855f7,#ec4899,#06b6d4,#22c55e,#a855f7);animation-delay:-5s}
@keyframes spectrumFloat{to{transform:translate3d(7vw,5vh,0) scale(1.13) rotate(24deg)}}
html[data-template="spectrum-glass"] .topbar{margin:14px auto 0;width:min(1220px,calc(100% - 28px));border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;background:rgba(3,7,18,.68)!important;backdrop-filter:blur(25px) saturate(145%);box-shadow:0 18px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-template="spectrum-glass"] .gsm-desktop-nav>a{color:#eafcff!important;border-radius:999px!important}
html[data-template="spectrum-glass"] .gsm-desktop-nav>a:hover{background:linear-gradient(90deg,rgba(6,182,212,.2),rgba(168,85,247,.22))!important;box-shadow:0 0 18px rgba(34,211,238,.16)}
html[data-template="spectrum-glass"] .gsm-account-trigger{border-radius:16px!important;background:rgba(255,255,255,.07)!important;border-color:rgba(103,232,249,.28)!important}
html[data-template="spectrum-glass"] .gsm-promo-zone{background:#020617;border:0}
html[data-template="spectrum-glass"] .gsm-slider{opacity:.82}
html[data-template="spectrum-glass"] .gsm-news{background:linear-gradient(90deg,rgba(6,182,212,.72),rgba(168,85,247,.78),rgba(34,197,94,.68))!important}
html[data-template="spectrum-glass"] .page{padding-top:42px}
html[data-template="spectrum-glass"] .card,
html[data-template="spectrum-glass"] .service-card,
html[data-template="spectrum-glass"] .stat-card,
html[data-template="spectrum-glass"] .public-info-card,
html[data-template="spectrum-glass"] .public-info-sidecard,
html[data-template="spectrum-glass"] .policy-nav,
html[data-template="spectrum-glass"] .price-box{background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.66))!important;color:#f8fafc!important;border:1px solid rgba(125,211,252,.19)!important;border-radius:24px!important;box-shadow:0 22px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(18px) saturate(135%)}
html[data-template="spectrum-glass"] .card h1,
html[data-template="spectrum-glass"] .card h2,
html[data-template="spectrum-glass"] .card h3,
html[data-template="spectrum-glass"] .page-head h1,
html[data-template="spectrum-glass"] .service-card h2{color:#f8fafc!important;text-shadow:0 0 18px rgba(103,232,249,.12)}
html[data-template="spectrum-glass"] .muted,
html[data-template="spectrum-glass"] .page-head p,
html[data-template="spectrum-glass"] .service-card p,
html[data-template="spectrum-glass"] td small{color:#a8b3c7!important}
html[data-template="spectrum-glass"] .eyebrow{color:#67e8f9!important;text-shadow:0 0 14px rgba(34,211,238,.5)}
html[data-template="spectrum-glass"] .btn{border-radius:999px!important;background:linear-gradient(90deg,#0891b2,#7c3aed,#16a34a)!important;background-size:180% 100%!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 0 22px rgba(6,182,212,.23),0 12px 30px rgba(0,0,0,.28)!important;animation:spectrumButton 7s linear infinite}
@keyframes spectrumButton{to{background-position:180% 0}}
html[data-template="spectrum-glass"] .btn-ghost{background:rgba(15,23,42,.62)!important;color:#cffafe!important;border-color:rgba(34,211,238,.4)!important;animation:none!important}
html[data-template="spectrum-glass"] input,
html[data-template="spectrum-glass"] select,
html[data-template="spectrum-glass"] textarea{background:rgba(2,6,23,.55)!important;color:#fff!important;border:0!important;border-bottom:1px solid rgba(226,232,240,.58)!important;border-radius:0!important;box-shadow:none!important}
html[data-template="spectrum-glass"] input::placeholder,
html[data-template="spectrum-glass"] textarea::placeholder{color:#94a3b8!important}
html[data-template="spectrum-glass"] input:focus,
html[data-template="spectrum-glass"] select:focus,
html[data-template="spectrum-glass"] textarea:focus{border-bottom-color:#67e8f9!important;box-shadow:0 6px 20px -12px #22d3ee!important}
html[data-template="spectrum-glass"] th{background:rgba(8,47,73,.58)!important;color:#a5f3fc!important;border-bottom-color:rgba(103,232,249,.3)!important}
html[data-template="spectrum-glass"] td{background:rgba(2,6,23,.14)!important;color:#e5e7eb!important;border-bottom-color:rgba(148,163,184,.16)!important}
html[data-template="spectrum-glass"] .gsm-account-dropdown,
html[data-template="spectrum-glass"] .gsm-mobile-drawer{background:rgba(3,7,18,.92)!important;color:#fff!important;border:1px solid rgba(103,232,249,.25)!important;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 35px rgba(168,85,247,.08)!important;backdrop-filter:blur(22px)}
html[data-template="spectrum-glass"] .gsm-dropdown-link,
html[data-template="spectrum-glass"] .gsm-drawer-link{color:#e2e8f0!important;border-color:rgba(148,163,184,.14)!important}
html[data-template="spectrum-glass"] .gsm-dropdown-link:hover,
html[data-template="spectrum-glass"] .gsm-drawer-link:hover{background:linear-gradient(90deg,rgba(6,182,212,.16),rgba(168,85,247,.17))!important;color:#fff!important}
html[data-template="spectrum-glass"] .gsm-drawer-user strong,
html[data-template="spectrum-glass"] .gsm-drawer-user small,
html[data-template="spectrum-glass"] .gsm-drawer-section{color:#dbeafe!important}
html[data-template="spectrum-glass"] .hero-public,
html[data-template="spectrum-glass"] .public-info-hero{background:linear-gradient(120deg,rgba(6,182,212,.2),rgba(15,23,42,.76) 42%,rgba(168,85,247,.22))!important;border:1px solid rgba(103,232,249,.24)!important;border-radius:30px!important;box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 50px rgba(6,182,212,.07)!important;backdrop-filter:blur(20px)}
html[data-template="spectrum-glass"] .phone-card{background:rgba(2,6,23,.58)!important;color:#fff!important;border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(16px);box-shadow:0 26px 70px rgba(0,0,0,.5),0 0 40px rgba(34,211,238,.12)!important}
html[data-template="spectrum-glass"] .phone-order{border-color:rgba(148,163,184,.2)!important}
html[data-template="spectrum-glass"] .phone-balance,
html[data-template="spectrum-glass"] .stat-card.accent{background:linear-gradient(135deg,rgba(6,182,212,.78),rgba(124,58,237,.82))!important;color:#fff!important;border-color:rgba(103,232,249,.32)!important}
html[data-template="spectrum-glass"] .home-currency-bar,
html[data-template="spectrum-glass"] .home-service-section{background:rgba(4,10,27,.68)!important;color:#f8fafc!important;border:1px solid rgba(103,232,249,.18)!important;border-radius:26px!important;box-shadow:0 25px 70px rgba(0,0,0,.34)!important;backdrop-filter:blur(18px)}
html[data-template="spectrum-glass"] .home-section-title h2,
html[data-template="spectrum-glass"] .home-service-copy h3{color:#f8fafc!important}
html[data-template="spectrum-glass"] .home-section-title>a{color:#67e8f9!important}
html[data-template="spectrum-glass"] .home-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
html[data-template="spectrum-glass"] .home-service-item{display:flex!important;flex-direction:column!important;min-height:230px!important;padding:12px!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:18px!important;background:rgba(15,23,42,.48)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
html[data-template="spectrum-glass"] .home-service-item>img{width:100%!important;height:110px!important;min-width:0!important;border-radius:14px!important;background:#0f172a!important;border-color:rgba(103,232,249,.17)!important}
html[data-template="spectrum-glass"] .home-service-copy>div strong{background:rgba(6,182,212,.15)!important;color:#a5f3fc!important}
html[data-template="spectrum-glass"] .home-service-copy>div small{background:rgba(168,85,247,.16)!important;color:#e9d5ff!important}
html[data-template="spectrum-glass"] .feature-grid{grid-template-columns:repeat(3,1fr)!important}
html[data-template="spectrum-glass"] .gsm-footer{background:rgba(2,6,23,.96)!important;border-top:1px solid rgba(103,232,249,.18)!important}

html[data-template="spectrum-glass"][data-page="login"] .page,
html[data-template="spectrum-glass"][data-page="register"] .page{width:min(1080px,calc(100% - 28px));display:grid;place-items:center;padding-top:48px}
html[data-template="spectrum-glass"] .auth-shell{position:relative;width:min(900px,100%);grid-template-columns:minmax(0,.75fr) minmax(360px,1fr)!important;gap:30px!important;min-height:620px!important;padding:44px!important;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:radial-gradient(circle at 12% 30%,rgba(34,197,94,.18),transparent 25%),radial-gradient(circle at 90% 15%,rgba(168,85,247,.26),transparent 28%),radial-gradient(circle at 50% 100%,rgba(6,182,212,.24),transparent 32%),rgba(2,6,23,.5);box-shadow:0 35px 100px rgba(0,0,0,.54);overflow:hidden}
html[data-template="spectrum-glass"] .auth-shell::before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,#06b6d4,transparent 22%,#a855f7,transparent 45%,#22c55e,transparent 68%,#ec4899,transparent 86%);filter:blur(55px);opacity:.17;animation:authSpectrum 17s linear infinite;pointer-events:none}
@keyframes authSpectrum{to{transform:rotate(360deg)}}
html[data-template="spectrum-glass"] .auth-copy{position:relative;z-index:1;align-self:center}
html[data-template="spectrum-glass"] .auth-copy h1{font-size:44px!important;color:#fff!important;text-shadow:0 0 28px rgba(103,232,249,.2)}
html[data-template="spectrum-glass"] .auth-copy p{color:#cbd5e1!important}
html[data-template="spectrum-glass"] .auth-card{position:relative;z-index:1;margin:0!important;padding:42px!important;background:rgba(3,7,18,.58)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 80px rgba(0,0,0,.4)!important;backdrop-filter:blur(24px)}
html[data-template="spectrum-glass"] .auth-card>h2{text-align:center;font-size:31px!important}
html[data-template="spectrum-glass"] .auth-login-tabs,
html[data-template="spectrum-glass"] .auth-method-tabs{background:rgba(15,23,42,.64)!important;border-color:rgba(125,211,252,.2)!important}
html[data-template="spectrum-glass"] .auth-login-tab,
html[data-template="spectrum-glass"] .auth-method-tab span{color:#94a3b8!important}
html[data-template="spectrum-glass"] .auth-login-tab.active,
html[data-template="spectrum-glass"] .auth-method-tab input:checked+span{background:linear-gradient(90deg,#0891b2,#7c3aed)!important;color:#fff!important;box-shadow:0 0 20px rgba(6,182,212,.22)!important}

/* =========================================================
   COBALT SIDEBAR — true desktop sidebar layout
   ========================================================= */
html[data-template="cobalt-sidebar"]{
 --bg:#eef2ff;--surface:#fff;--text:#172554;--muted:#64748b;--line:#dbeafe;
 --primary:#1d4ed8;--primary-dark:#1e40af;--accent:#60a5fa;--danger:#dc2626;
 --warning:#d97706;--success:#059669;--radius:16px;--shadow:0 12px 34px rgba(30,64,175,.09)
}
html[data-template="cobalt-sidebar"] body{background:linear-gradient(135deg,#eff6ff,#f8fafc 54%,#eef2ff);color:#172554}
html[data-template="cobalt-sidebar"] .gsm-promo-zone{margin-left:270px;background:#fff;border-color:#dbeafe}
html[data-template="cobalt-sidebar"] .gsm-news{background:linear-gradient(90deg,#1e3a8a,#2563eb,#0284c7)!important}
html[data-template="cobalt-sidebar"] .topbar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:270px!important;height:100vh!important;background:linear-gradient(180deg,#0f172a 0,#172554 58%,#1e3a8a 100%)!important;border:0!important;border-right:1px solid rgba(147,197,253,.22)!important;box-shadow:14px 0 40px rgba(30,58,138,.14)!important;overflow-y:auto;overflow-x:visible}
html[data-template="cobalt-sidebar"] .topbar .nav-wrap{width:100%!important;height:auto!important;min-height:100%!important;padding:24px 18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:24px!important}
html[data-template="cobalt-sidebar"] .brand{justify-content:center;padding:6px 4px 20px;border-bottom:1px solid rgba(191,219,254,.18)}
html[data-template="cobalt-sidebar"] .brand-logo-image{width:190px!important;height:46px!important;max-width:190px!important;filter:brightness(0) invert(1)}
html[data-template="cobalt-sidebar"] .gsm-desktop-shell{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:20px!important;flex:1!important}
html[data-template="cobalt-sidebar"] .gsm-desktop-nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;flex:none!important}
html[data-template="cobalt-sidebar"] .gsm-desktop-nav>a{justify-content:flex-start!important;min-height:46px!important;padding:0 15px!important;border-radius:12px!important;color:#dbeafe!important;font-size:13px!important}
html[data-template="cobalt-sidebar"] .gsm-desktop-nav>a:hover{background:rgba(96,165,250,.17)!important;color:#fff!important;box-shadow:inset 3px 0 0 #60a5fa}
html[data-template="cobalt-sidebar"] .gsm-public-actions{margin-top:auto!important;margin-left:0!important;display:grid!important;grid-template-columns:1fr!important}
html[data-template="cobalt-sidebar"] .gsm-public-actions .btn{width:100%!important}
html[data-template="cobalt-sidebar"] .gsm-account-menu{margin-top:auto!important;width:100%!important}
html[data-template="cobalt-sidebar"] .gsm-account-trigger{width:100%!important;min-width:0!important;grid-template-columns:36px minmax(0,1fr) 18px!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;border-color:rgba(191,219,254,.2)!important}
html[data-template="cobalt-sidebar"] .gsm-account-balance{display:none!important}
html[data-template="cobalt-sidebar"] .gsm-account-dropdown{left:calc(100% + 12px)!important;right:auto!important;bottom:0!important;top:auto!important;width:286px!important;background:#fff!important;border:1px solid #bfdbfe!important;color:#172554!important;box-shadow:0 25px 60px rgba(15,23,42,.25)!important}
html[data-template="cobalt-sidebar"] .gsm-dropdown-link{color:#1e3a8a!important}
html[data-template="cobalt-sidebar"] .gsm-dropdown-link:hover{background:#eff6ff!important;color:#1d4ed8!important}
html[data-template="cobalt-sidebar"] .gsm-mobile-toggle{display:none!important}
html[data-template="cobalt-sidebar"] main.page{width:min(1220px,calc(100% - 310px))!important;margin-left:290px!important;margin-right:20px!important;padding-top:36px}
html[data-template="cobalt-sidebar"] .gsm-social-float{right:8px}
html[data-template="cobalt-sidebar"] .gsm-footer{margin-left:270px;background:#0f172a!important;border-top:4px solid #2563eb!important}
html[data-template="cobalt-sidebar"] .page-head{align-items:flex-end;padding-bottom:18px;border-bottom:2px solid #dbeafe}
html[data-template="cobalt-sidebar"] .page-head h1{color:#172554!important}
html[data-template="cobalt-sidebar"] .card,
html[data-template="cobalt-sidebar"] .service-card,
html[data-template="cobalt-sidebar"] .stat-card,
html[data-template="cobalt-sidebar"] .public-info-card,
html[data-template="cobalt-sidebar"] .public-info-sidecard,
html[data-template="cobalt-sidebar"] .policy-nav,
html[data-template="cobalt-sidebar"] .price-box{background:#fff!important;color:#172554!important;border:1px solid #dbeafe!important;border-radius:16px!important;box-shadow:0 12px 35px rgba(30,64,175,.08)!important}
html[data-template="cobalt-sidebar"] .card h1,
html[data-template="cobalt-sidebar"] .card h2,
html[data-template="cobalt-sidebar"] .card h3,
html[data-template="cobalt-sidebar"] .service-card h2{color:#172554!important}
html[data-template="cobalt-sidebar"] .btn{border-radius:9px!important;background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,99,235,.22)!important}
html[data-template="cobalt-sidebar"] .btn-ghost{background:#eff6ff!important;color:#1d4ed8!important;border-color:#93c5fd!important;box-shadow:none!important}
html[data-template="cobalt-sidebar"] input,
html[data-template="cobalt-sidebar"] select,
html[data-template="cobalt-sidebar"] textarea{background:#f8fbff!important;color:#172554!important;border-color:#bfdbfe!important;border-radius:9px!important}
html[data-template="cobalt-sidebar"] th{background:#172554!important;color:#dbeafe!important}
html[data-template="cobalt-sidebar"] td{background:#fff!important;color:#1e293b!important;border-color:#dbeafe!important}
html[data-template="cobalt-sidebar"] .stat-grid{grid-template-columns:repeat(5,1fr)!important}
html[data-template="cobalt-sidebar"] .stat-card{min-height:142px;justify-content:flex-end;border-top:5px solid #bfdbfe!important}
html[data-template="cobalt-sidebar"] .stat-card.accent{background:linear-gradient(145deg,#1e3a8a,#2563eb)!important;color:#fff!important;border-top-color:#60a5fa!important}
html[data-template="cobalt-sidebar"] .hero-public,
html[data-template="cobalt-sidebar"] .public-info-hero{grid-template-columns:.82fr 1.18fr!important;background:linear-gradient(135deg,#172554,#1d4ed8)!important;border-radius:18px!important;box-shadow:0 24px 55px rgba(30,64,175,.2)!important}
html[data-template="cobalt-sidebar"] .hero-copy{order:2}
html[data-template="cobalt-sidebar"] .hero-panel{order:1}
html[data-template="cobalt-sidebar"] .phone-card{transform:none!important;border-radius:18px!important}
html[data-template="cobalt-sidebar"] .home-currency-bar,
html[data-template="cobalt-sidebar"] .home-service-section{width:100%!important;background:#fff!important;color:#172554!important;border:1px solid #dbeafe!important;border-radius:16px!important;box-shadow:0 12px 35px rgba(30,64,175,.07)!important}
html[data-template="cobalt-sidebar"] .home-section-title h2,
html[data-template="cobalt-sidebar"] .home-service-copy h3{color:#172554!important}
html[data-template="cobalt-sidebar"] .home-service-grid{grid-template-columns:1fr!important;gap:8px!important}
html[data-template="cobalt-sidebar"] .home-service-item{grid-template-columns:135px minmax(0,1fr)!important;min-height:94px!important;padding:10px!important;border-bottom:1px solid #dbeafe!important;background:#fff!important}
html[data-template="cobalt-sidebar"] .home-service-item>img{width:135px!important;min-width:135px!important;height:75px!important}
html[data-template="cobalt-sidebar"] .feature-grid{width:100%!important;grid-template-columns:repeat(3,1fr)!important}

html[data-template="cobalt-sidebar"] .auth-shell{grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr)!important;gap:26px!important;min-height:660px!important}
html[data-template="cobalt-sidebar"] .auth-copy{padding:40px;border-radius:20px;background:linear-gradient(150deg,#172554,#1e40af);color:#fff;box-shadow:0 22px 55px rgba(30,64,175,.22)}
html[data-template="cobalt-sidebar"] .auth-copy h1,
html[data-template="cobalt-sidebar"] .auth-copy p{color:#fff!important}
html[data-template="cobalt-sidebar"] .auth-card{border-top:6px solid #2563eb!important}

/* =========================================================
   MINT APP — app-like card composition, floating navigation
   ========================================================= */
html[data-template="mint-app"]{
 --bg:#ecfdf5;--surface:#fff;--text:#064e3b;--muted:#58756c;--line:#cceee2;
 --primary:#059669;--primary-dark:#047857;--accent:#34d399;--danger:#dc2626;
 --warning:#d97706;--success:#16a34a;--radius:28px;--shadow:0 16px 45px rgba(5,150,105,.10)
}
html[data-template="mint-app"] body{background:radial-gradient(circle at 10% 0,#d1fae5,transparent 30%),radial-gradient(circle at 95% 18%,#ccfbf1,transparent 32%),#f0fdf4;color:#064e3b}
html[data-template="mint-app"] .gsm-promo-zone{background:transparent;border:0;padding-top:8px}
html[data-template="mint-app"] .gsm-slider{width:min(1180px,calc(100% - 28px));margin:auto;border-radius:22px;overflow:hidden;box-shadow:0 14px 35px rgba(5,150,105,.09)}
html[data-template="mint-app"] .gsm-news{width:min(1180px,calc(100% - 28px));margin:8px auto 0;border-radius:16px;background:linear-gradient(90deg,#059669,#14b8a6,#22c55e)!important;box-shadow:0 10px 25px rgba(5,150,105,.12)}
html[data-template="mint-app"] .topbar{width:min(1180px,calc(100% - 28px));margin:12px auto 0;border-radius:24px!important;background:rgba(255,255,255,.9)!important;border:1px solid #d1fae5!important;box-shadow:0 15px 40px rgba(5,150,105,.11)!important;backdrop-filter:blur(18px)}
html[data-template="mint-app"] .topbar .nav-wrap{min-height:68px!important}
html[data-template="mint-app"] .gsm-desktop-nav>a{color:#065f46!important;border-radius:14px!important}
html[data-template="mint-app"] .gsm-desktop-nav>a:hover{background:#d1fae5!important;color:#047857!important}
html[data-template="mint-app"] .gsm-account-trigger{background:#ecfdf5!important;color:#065f46!important;border-color:#a7f3d0!important;border-radius:16px!important}
html[data-template="mint-app"] .gsm-account-copy small,
html[data-template="mint-app"] .gsm-account-balance{color:#047857!important}
html[data-template="mint-app"] .page{padding-top:34px}
html[data-template="mint-app"] .page-head{padding:20px 24px;border-radius:24px;background:linear-gradient(135deg,#064e3b,#059669);color:#fff;box-shadow:0 18px 42px rgba(5,150,105,.18)}
html[data-template="mint-app"] .page-head h1,
html[data-template="mint-app"] .page-head p,
html[data-template="mint-app"] .page-head .eyebrow{color:#fff!important}
html[data-template="mint-app"] .card,
html[data-template="mint-app"] .service-card,
html[data-template="mint-app"] .stat-card,
html[data-template="mint-app"] .public-info-card,
html[data-template="mint-app"] .public-info-sidecard,
html[data-template="mint-app"] .policy-nav,
html[data-template="mint-app"] .price-box{background:rgba(255,255,255,.94)!important;color:#064e3b!important;border:1px solid #d1fae5!important;border-radius:28px!important;box-shadow:0 16px 45px rgba(5,150,105,.09)!important}
html[data-template="mint-app"] .card h1,
html[data-template="mint-app"] .card h2,
html[data-template="mint-app"] .card h3,
html[data-template="mint-app"] .service-card h2{color:#064e3b!important}
html[data-template="mint-app"] .btn{border-radius:16px!important;background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;box-shadow:0 9px 20px rgba(5,150,105,.2)!important}
html[data-template="mint-app"] .btn-ghost{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important;box-shadow:none!important}
html[data-template="mint-app"] input,
html[data-template="mint-app"] select,
html[data-template="mint-app"] textarea{background:#f6fffb!important;color:#064e3b!important;border-color:#bbf7d0!important;border-radius:16px!important;padding:13px 14px!important}
html[data-template="mint-app"] input:focus,
html[data-template="mint-app"] select:focus,
html[data-template="mint-app"] textarea:focus{border-color:#34d399!important;box-shadow:0 0 0 4px rgba(52,211,153,.15)!important}
html[data-template="mint-app"] th{background:#d1fae5!important;color:#065f46!important}
html[data-template="mint-app"] td{color:#234e42!important;border-color:#dcfce7!important}
html[data-template="mint-app"] .gsm-account-dropdown,
html[data-template="mint-app"] .gsm-mobile-drawer{background:#fff!important;border:1px solid #bbf7d0!important;border-radius:22px!important;box-shadow:0 25px 65px rgba(5,150,105,.18)!important}
html[data-template="mint-app"] .gsm-dropdown-link,
html[data-template="mint-app"] .gsm-drawer-link{color:#065f46!important}
html[data-template="mint-app"] .gsm-dropdown-link:hover,
html[data-template="mint-app"] .gsm-drawer-link:hover{background:#ecfdf5!important;color:#059669!important}
html[data-template="mint-app"] .gsm-drawer-head{background:linear-gradient(135deg,#064e3b,#10b981)!important}
html[data-template="mint-app"] .hero-public,
html[data-template="mint-app"] .public-info-hero{grid-template-columns:1fr .8fr!important;border-radius:34px!important;background:linear-gradient(135deg,#064e3b,#047857 55%,#10b981)!important;box-shadow:0 24px 60px rgba(5,150,105,.18)!important}
html[data-template="mint-app"] .phone-card{transform:none!important;border-radius:30px!important;box-shadow:0 24px 55px rgba(4,78,59,.28)!important}
html[data-template="mint-app"] .phone-balance,
html[data-template="mint-app"] .stat-card.accent{background:linear-gradient(135deg,#047857,#10b981)!important;color:#fff!important}
html[data-template="mint-app"] .stat-grid{display:flex!important;gap:14px!important;overflow-x:auto!important;padding:4px 2px 14px!important;scroll-snap-type:x proximity}
html[data-template="mint-app"] .stat-card{flex:1 0 190px!important;min-height:150px!important;scroll-snap-align:start}
html[data-template="mint-app"] .home-currency-bar{border-radius:24px!important;background:#fff!important;border-color:#d1fae5!important;box-shadow:0 14px 35px rgba(5,150,105,.08)!important}
html[data-template="mint-app"] .home-service-section{background:transparent!important;color:#064e3b!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 0 14px!important}
html[data-template="mint-app"] .home-section-title{padding:0 4px!important}
html[data-template="mint-app"] .home-section-title h2,
html[data-template="mint-app"] .home-service-copy h3{color:#064e3b!important}
html[data-template="mint-app"] .home-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html[data-template="mint-app"] .home-service-item{display:flex!important;flex-direction:column!important;min-height:250px!important;padding:13px!important;border:1px solid #d1fae5!important;border-radius:26px!important;background:#fff!important;box-shadow:0 14px 36px rgba(5,150,105,.08)!important}
html[data-template="mint-app"] .home-service-item>img{width:100%!important;height:132px!important;min-width:0!important;border:0!important;border-radius:20px!important;background:#ecfdf5!important}
html[data-template="mint-app"] .home-service-copy h3{font-size:15px!important;margin-top:10px!important}
html[data-template="mint-app"] .home-service-copy>div strong{background:#d1fae5!important;color:#047857!important;border-radius:999px!important}
html[data-template="mint-app"] .home-service-copy>div small{background:#fef3c7!important;color:#92400e!important;border-radius:999px!important}
html[data-template="mint-app"] .feature-grid{grid-template-columns:repeat(3,1fr)!important}
html[data-template="mint-app"] .feature-grid .card{min-height:190px!important}
html[data-template="mint-app"] .gsm-footer{margin:0 14px 14px;border-radius:30px;background:#064e3b!important}

html[data-template="mint-app"] .auth-shell{grid-template-columns:minmax(0,.9fr) minmax(390px,1fr)!important;gap:22px!important;min-height:650px!important}
html[data-template="mint-app"] .auth-copy{padding:42px;border-radius:34px;background:linear-gradient(145deg,#064e3b,#10b981);color:#fff;box-shadow:0 22px 55px rgba(5,150,105,.2)}
html[data-template="mint-app"] .auth-copy h1,
html[data-template="mint-app"] .auth-copy p,
html[data-template="mint-app"] .auth-copy .eyebrow{color:#fff!important}
html[data-template="mint-app"] .auth-card{padding:38px!important;border-radius:34px!important}
html[data-template="mint-app"] .auth-login-tabs,
html[data-template="mint-app"] .auth-method-tabs{border-radius:18px!important;background:#ecfdf5!important;border-color:#bbf7d0!important}
html[data-template="mint-app"] .auth-login-tab,
html[data-template="mint-app"] .auth-method-tab span{border-radius:14px!important;color:#58756c!important}
html[data-template="mint-app"] .auth-login-tab.active,
html[data-template="mint-app"] .auth-method-tab input:checked+span{background:#059669!important;color:#fff!important;box-shadow:0 8px 20px rgba(5,150,105,.2)!important}

/* =========================================================
   OBSIDIAN CONSOLE — technical command-center layout
   ========================================================= */
html[data-template="obsidian-console"]{
 --bg:#09090b;--surface:#111113;--text:#e5e7eb;--muted:#a1a1aa;--line:#303036;
 --primary:#f59e0b;--primary-dark:#d97706;--accent:#22c55e;--danger:#ef4444;
 --warning:#f59e0b;--success:#22c55e;--radius:2px;--shadow:0 16px 40px rgba(0,0,0,.35)
}
html[data-template="obsidian-console"] body{background:#09090b;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
html[data-template="obsidian-console"] body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:24px 24px}
html[data-template="obsidian-console"] .topbar{background:#0c0c0f!important;border-bottom:1px solid #3f3f46!important;box-shadow:0 8px 24px rgba(0,0,0,.4)!important}
html[data-template="obsidian-console"] .topbar::after{content:"SYSTEM ONLINE  •  SECURE GSM CONSOLE";position:absolute;right:18px;bottom:-22px;padding:3px 8px;background:#22c55e;color:#052e16;font-size:9px;font-weight:950;letter-spacing:.08em}
html[data-template="obsidian-console"] .brand-logo-image{filter:grayscale(1) brightness(2)}
html[data-template="obsidian-console"] .gsm-desktop-nav>a{border-radius:0!important;color:#d4d4d8!important;border-left:1px solid transparent!important}
html[data-template="obsidian-console"] .gsm-desktop-nav>a::before{content:"/";margin-right:5px;color:#f59e0b}
html[data-template="obsidian-console"] .gsm-desktop-nav>a:hover{background:#18181b!important;color:#fff!important;border-left-color:#f59e0b!important}
html[data-template="obsidian-console"] .gsm-account-trigger{border-radius:0!important;background:#18181b!important;border-color:#3f3f46!important;color:#f4f4f5!important}
html[data-template="obsidian-console"] .gsm-promo-zone{background:#09090b;border-color:#27272a}
html[data-template="obsidian-console"] .gsm-slider{filter:saturate(.7) contrast(1.05)}
html[data-template="obsidian-console"] .gsm-news{background:#18181b!important;border-top:1px solid #3f3f46!important;border-bottom:1px solid #3f3f46!important}
html[data-template="obsidian-console"] .gsm-news-track span{color:#22c55e!important;background:none!important;-webkit-text-fill-color:#22c55e;text-shadow:none!important}
html[data-template="obsidian-console"] .page{padding-top:48px}
html[data-template="obsidian-console"] .page-head{padding:14px 16px;border:1px solid #3f3f46;background:#111113;box-shadow:6px 6px 0 #000}
html[data-template="obsidian-console"] .page-head::before{content:">";align-self:flex-start;color:#22c55e;font-size:28px;font-weight:900}
html[data-template="obsidian-console"] .page-head h1{color:#f4f4f5!important;text-transform:uppercase;font-size:27px!important;letter-spacing:.025em}
html[data-template="obsidian-console"] .page-head p,
html[data-template="obsidian-console"] .muted{color:#a1a1aa!important}
html[data-template="obsidian-console"] .eyebrow{color:#f59e0b!important}
html[data-template="obsidian-console"] .card,
html[data-template="obsidian-console"] .service-card,
html[data-template="obsidian-console"] .stat-card,
html[data-template="obsidian-console"] .public-info-card,
html[data-template="obsidian-console"] .public-info-sidecard,
html[data-template="obsidian-console"] .policy-nav,
html[data-template="obsidian-console"] .price-box{background:#111113!important;color:#e5e7eb!important;border:1px solid #3f3f46!important;border-radius:2px!important;box-shadow:7px 7px 0 rgba(0,0,0,.42)!important}
html[data-template="obsidian-console"] .card h1,
html[data-template="obsidian-console"] .card h2,
html[data-template="obsidian-console"] .card h3,
html[data-template="obsidian-console"] .service-card h2{color:#f4f4f5!important}
html[data-template="obsidian-console"] .card::after,
html[data-template="obsidian-console"] .service-card::after{content:"";position:absolute;right:0;top:0;width:18px;height:3px;background:#f59e0b}
html[data-template="obsidian-console"] .card,
html[data-template="obsidian-console"] .service-card{position:relative}
html[data-template="obsidian-console"] .btn{border-radius:0!important;background:#f59e0b!important;color:#18181b!important;border:1px solid #fbbf24!important;box-shadow:4px 4px 0 #713f12!important;text-transform:uppercase;letter-spacing:.025em}
html[data-template="obsidian-console"] .btn:hover{background:#fbbf24!important;transform:translate(2px,2px)!important;box-shadow:2px 2px 0 #713f12!important}
html[data-template="obsidian-console"] .btn-ghost{background:#111113!important;color:#22c55e!important;border-color:#22c55e!important;box-shadow:none!important}
html[data-template="obsidian-console"] input,
html[data-template="obsidian-console"] select,
html[data-template="obsidian-console"] textarea{background:#09090b!important;color:#f4f4f5!important;border:1px solid #52525b!important;border-radius:0!important;font-family:inherit}
html[data-template="obsidian-console"] input:focus,
html[data-template="obsidian-console"] select:focus,
html[data-template="obsidian-console"] textarea:focus{border-color:#22c55e!important;box-shadow:0 0 0 1px #22c55e!important}
html[data-template="obsidian-console"] th{background:#18181b!important;color:#f59e0b!important;border-color:#52525b!important}
html[data-template="obsidian-console"] td{background:#0f0f11!important;color:#d4d4d8!important;border-color:#27272a!important}
html[data-template="obsidian-console"] table{border:1px solid #3f3f46}
html[data-template="obsidian-console"] .badge{border-radius:2px!important}
html[data-template="obsidian-console"] .gsm-account-dropdown,
html[data-template="obsidian-console"] .gsm-mobile-drawer{background:#0f0f11!important;border:1px solid #52525b!important;border-radius:0!important;box-shadow:9px 9px 0 #000!important}
html[data-template="obsidian-console"] .gsm-dropdown-link,
html[data-template="obsidian-console"] .gsm-drawer-link{color:#d4d4d8!important;border-color:#27272a!important}
html[data-template="obsidian-console"] .gsm-dropdown-link:hover,
html[data-template="obsidian-console"] .gsm-drawer-link:hover{background:#18181b!important;color:#22c55e!important}
html[data-template="obsidian-console"] .gsm-drawer-head{background:#18181b!important;border-bottom:2px solid #f59e0b}
html[data-template="obsidian-console"] .gsm-drawer-user strong,
html[data-template="obsidian-console"] .gsm-drawer-user small,
html[data-template="obsidian-console"] .gsm-drawer-section{color:#d4d4d8!important}
html[data-template="obsidian-console"] .hero-public,
html[data-template="obsidian-console"] .public-info-hero{grid-template-columns:1.15fr .85fr!important;background:#111113!important;border:1px solid #52525b!important;border-radius:2px!important;box-shadow:10px 10px 0 #000!important}
html[data-template="obsidian-console"] .hero-public::before{content:"[ GSM SERVICE NODE ]";position:absolute;left:18px;top:14px;color:#22c55e;font-size:11px;letter-spacing:.1em}
html[data-template="obsidian-console"] .phone-card{background:#09090b!important;color:#e5e7eb!important;border:1px solid #52525b!important;border-radius:2px!important;transform:none!important;box-shadow:6px 6px 0 #000!important}
html[data-template="obsidian-console"] .phone-balance,
html[data-template="obsidian-console"] .stat-card.accent{background:#1c1917!important;color:#fbbf24!important;border-color:#f59e0b!important}
html[data-template="obsidian-console"] .phone-order{border-color:#27272a!important}
html[data-template="obsidian-console"] .stat-grid{grid-template-columns:repeat(5,1fr)!important;gap:9px!important}
html[data-template="obsidian-console"] .stat-card{min-height:135px!important;padding:17px!important}
html[data-template="obsidian-console"] .stat-card strong{color:#22c55e!important}
html[data-template="obsidian-console"] .stat-card.accent strong{color:#fbbf24!important}
html[data-template="obsidian-console"] .home-currency-bar,
html[data-template="obsidian-console"] .home-service-section{background:#111113!important;color:#e5e7eb!important;border:1px solid #3f3f46!important;border-radius:0!important;box-shadow:7px 7px 0 #000!important}
html[data-template="obsidian-console"] .home-section-title{border-bottom:1px dashed #52525b!important;padding-bottom:12px!important}
html[data-template="obsidian-console"] .home-section-title h2,
html[data-template="obsidian-console"] .home-service-copy h3{color:#f4f4f5!important}
html[data-template="obsidian-console"] .home-section-title>a{color:#22c55e!important}
html[data-template="obsidian-console"] .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html[data-template="obsidian-console"] .home-service-item{grid-template-columns:112px minmax(0,1fr)!important;min-height:105px!important;padding:10px!important;border:1px solid #27272a!important;background:#0c0c0e!important}
html[data-template="obsidian-console"] .home-service-item::before{content:"#";position:absolute;right:8px;top:5px;color:#52525b;font-size:10px}
html[data-template="obsidian-console"] .home-service-item>img{width:112px!important;min-width:112px!important;height:72px!important;background:#18181b!important;border-color:#3f3f46!important;border-radius:0!important;filter:saturate(.82)}
html[data-template="obsidian-console"] .home-service-copy>div strong{background:#052e16!important;color:#4ade80!important;border-radius:2px!important}
html[data-template="obsidian-console"] .home-service-copy>div small{background:#422006!important;color:#fbbf24!important;border-radius:2px!important}
html[data-template="obsidian-console"] .feature-grid{grid-template-columns:1.4fr .8fr .8fr!important}
html[data-template="obsidian-console"] .gsm-footer{background:#050505!important;border-top:2px solid #f59e0b!important}

html[data-template="obsidian-console"] .auth-shell{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)!important;gap:18px!important;min-height:640px!important;padding:18px;border:1px solid #3f3f46;background:#0c0c0e;box-shadow:10px 10px 0 #000}
html[data-template="obsidian-console"] .auth-copy{align-self:stretch;padding:38px 34px;display:flex;flex-direction:column;justify-content:center;border-right:1px dashed #52525b;background:repeating-linear-gradient(0deg,#0c0c0e,#0c0c0e 23px,#111113 24px)}
html[data-template="obsidian-console"] .auth-copy::before{content:"$ authenticate --secure";color:#22c55e;font-size:13px;margin-bottom:22px}
html[data-template="obsidian-console"] .auth-copy h1{color:#f4f4f5!important;font-size:39px!important}
html[data-template="obsidian-console"] .auth-copy p{color:#a1a1aa!important}
html[data-template="obsidian-console"] .auth-card{margin:0!important;border:1px solid #52525b!important;border-radius:0!important;box-shadow:none!important}
html[data-template="obsidian-console"] .auth-card>h2::before{content:"> ";color:#22c55e}
html[data-template="obsidian-console"] .auth-login-tabs,
html[data-template="obsidian-console"] .auth-method-tabs{background:#09090b!important;border:1px solid #3f3f46!important;border-radius:0!important}
html[data-template="obsidian-console"] .auth-login-tab,
html[data-template="obsidian-console"] .auth-method-tab span{border-radius:0!important;color:#a1a1aa!important}
html[data-template="obsidian-console"] .auth-login-tab.active,
html[data-template="obsidian-console"] .auth-method-tab input:checked+span{background:#052e16!important;color:#4ade80!important;box-shadow:none!important}

/* =========================================================
   Template manager previews for v2.1 themes
   ========================================================= */
.preview-crimson-frame{background:#e5e7eb}.preview-crimson-frame .template-preview-topbar{background:linear-gradient(105deg,#991b1b,#e11d48 58%,#7f1d1d 58.3%);border-bottom:2px solid #fff}.preview-crimson-frame .template-preview-logo{clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}.preview-crimson-frame .template-preview-side{background:#fafafa}.preview-crimson-frame .template-preview-hero{background:linear-gradient(110deg,#7f1d1d 0 60%,#e11d48 60%);border-radius:2px}.preview-crimson-frame .template-preview-stats i,.preview-crimson-frame .template-preview-table{border-radius:2px;background:#fff;border-left:3px solid #be123c}
.preview-spectrum-glass{background:radial-gradient(circle at 8% 20%,rgba(34,197,94,.35),transparent 35%),radial-gradient(circle at 90% 15%,rgba(168,85,247,.42),transparent 37%),#020617}.preview-spectrum-glass .template-preview-topbar,.preview-spectrum-glass .template-preview-side,.preview-spectrum-glass .template-preview-stats i,.preview-spectrum-glass .template-preview-table{background:rgba(15,23,42,.68);border:1px solid rgba(103,232,249,.16)}.preview-spectrum-glass .template-preview-hero{background:linear-gradient(135deg,rgba(6,182,212,.8),rgba(124,58,237,.78),rgba(34,197,94,.72));box-shadow:0 0 16px rgba(34,211,238,.24)}.preview-spectrum-glass .template-preview-side i,.preview-spectrum-glass .template-preview-table i{background:#334155}
.preview-cobalt-sidebar{background:#eff6ff}.preview-cobalt-sidebar .template-preview-content{grid-template-columns:72px 1fr}.preview-cobalt-sidebar .template-preview-topbar{background:#fff}.preview-cobalt-sidebar .template-preview-topbar span{background:#93c5fd}.preview-cobalt-sidebar .template-preview-topbar .template-preview-logo{background:#1d4ed8}.preview-cobalt-sidebar .template-preview-side{background:linear-gradient(#0f172a,#1e3a8a)}.preview-cobalt-sidebar .template-preview-side i{background:#60a5fa}.preview-cobalt-sidebar .template-preview-hero{background:linear-gradient(135deg,#172554,#2563eb)}
.preview-mint-app{background:#ecfdf5}.preview-mint-app .template-preview-topbar{margin:7px;border-radius:10px;background:#fff}.preview-mint-app .template-preview-topbar span{background:#86efac}.preview-mint-app .template-preview-topbar .template-preview-logo{background:#059669}.preview-mint-app .template-preview-side{margin:0 5px 5px;border-radius:10px;background:#fff}.preview-mint-app .template-preview-hero{border-radius:14px;background:linear-gradient(135deg,#064e3b,#10b981)}.preview-mint-app .template-preview-stats i,.preview-mint-app .template-preview-table{border-radius:12px;background:#fff;box-shadow:0 4px 10px rgba(5,150,105,.08)}
.preview-obsidian-console{background:#09090b}.preview-obsidian-console .template-preview-topbar{background:#0c0c0f;border-bottom:1px solid #52525b}.preview-obsidian-console .template-preview-topbar span{height:3px;border-radius:0;background:#a1a1aa}.preview-obsidian-console .template-preview-topbar .template-preview-logo{background:#f59e0b}.preview-obsidian-console .template-preview-side,.preview-obsidian-console .template-preview-stats i,.preview-obsidian-console .template-preview-table{background:#111113;border:1px solid #3f3f46;border-radius:0}.preview-obsidian-console .template-preview-side i,.preview-obsidian-console .template-preview-table i{background:#52525b;border-radius:0}.preview-obsidian-console .template-preview-hero{background:#18181b;border:1px solid #f59e0b;border-radius:0;box-shadow:4px 4px 0 #000}

/* =========================================================
   Responsive safety for the five structural themes
   ========================================================= */
@media(max-width:1100px){
 html[data-template="spectrum-glass"] .home-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html[data-template="cobalt-sidebar"] .stat-grid,
 html[data-template="obsidian-console"] .stat-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:960px){
 html[data-template="cobalt-sidebar"] .gsm-promo-zone{margin-left:0!important}
 html[data-template="cobalt-sidebar"] .topbar{position:sticky!important;left:auto!important;top:0!important;bottom:auto!important;width:auto!important;height:auto!important;overflow:visible!important;background:linear-gradient(90deg,#0f172a,#1e3a8a)!important}
 html[data-template="cobalt-sidebar"] .topbar .nav-wrap{width:min(1180px,calc(100% - 32px))!important;min-height:64px!important;height:auto!important;padding:8px 0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
 html[data-template="cobalt-sidebar"] .brand{justify-content:flex-start;padding:0;border:0}
 html[data-template="cobalt-sidebar"] .brand-logo-image{width:150px!important;height:34px!important;max-width:150px!important}
 html[data-template="cobalt-sidebar"] .gsm-desktop-shell{display:none!important}
 html[data-template="cobalt-sidebar"] .gsm-mobile-toggle{display:grid!important;color:#fff!important}
 html[data-template="cobalt-sidebar"] main.page{width:min(1180px,calc(100% - 32px))!important;margin:auto!important}
 html[data-template="cobalt-sidebar"] .gsm-footer{margin-left:0!important}
 html[data-template="cobalt-sidebar"] .gsm-mobile-drawer{background:#fff!important}
 html[data-template="cobalt-sidebar"] .gsm-drawer-head{background:linear-gradient(135deg,#0f172a,#1d4ed8)!important}
 html[data-template="cobalt-sidebar"] .gsm-drawer-link{color:#1e3a8a!important}
 html[data-template="cobalt-sidebar"] .gsm-drawer-user strong{color:#172554!important}
 html[data-template="crimson-frame"] .stat-grid{grid-template-columns:repeat(2,1fr)!important}
 html[data-template="spectrum-glass"] .auth-shell,
 html[data-template="cobalt-sidebar"] .auth-shell,
 html[data-template="mint-app"] .auth-shell,
 html[data-template="obsidian-console"] .auth-shell{grid-template-columns:1fr!important}
 html[data-template="spectrum-glass"] .auth-copy,
 html[data-template="cobalt-sidebar"] .auth-copy,
 html[data-template="mint-app"] .auth-copy,
 html[data-template="obsidian-console"] .auth-copy{display:none!important}
}
@media(max-width:760px){
 html[data-template="crimson-frame"] .home-service-grid,
 html[data-template="spectrum-glass"] .home-service-grid,
 html[data-template="mint-app"] .home-service-grid,
 html[data-template="obsidian-console"] .home-service-grid{grid-template-columns:1fr!important}
 html[data-template="crimson-frame"] .home-service-item,
 html[data-template="cobalt-sidebar"] .home-service-item,
 html[data-template="obsidian-console"] .home-service-item{grid-template-columns:92px minmax(0,1fr)!important}
 html[data-template="crimson-frame"] .home-service-item>img,
 html[data-template="cobalt-sidebar"] .home-service-item>img,
 html[data-template="obsidian-console"] .home-service-item>img{width:92px!important;min-width:92px!important;height:68px!important}
 html[data-template="spectrum-glass"] .home-service-item,
 html[data-template="mint-app"] .home-service-item{min-height:0!important}
 html[data-template="spectrum-glass"] .topbar,
 html[data-template="mint-app"] .topbar{width:calc(100% - 16px);margin-top:8px;border-radius:18px!important}
 html[data-template="mint-app"] .gsm-slider,
 html[data-template="mint-app"] .gsm-news{width:calc(100% - 16px)}
 html[data-template="mint-app"] .gsm-footer{margin:0 8px 8px;border-radius:22px}
 html[data-template="spectrum-glass"] .auth-shell{padding:20px!important;border-radius:24px}
 html[data-template="spectrum-glass"] .auth-card,
 html[data-template="crimson-frame"] .auth-card,
 html[data-template="mint-app"] .auth-card{padding:30px 20px!important}
 html[data-template="crimson-frame"] .auth-card{padding-top:88px!important}
 html[data-template="obsidian-console"] .auth-shell{padding:8px!important}
 html[data-template="obsidian-console"] .stat-grid,
 html[data-template="cobalt-sidebar"] .stat-grid{grid-template-columns:repeat(2,1fr)!important}
 html[data-template="mint-app"] .page-head,
 html[data-template="crimson-frame"] .page-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
 html[data-template="crimson-frame"] .auth-card::before{font-size:18px;padding-top:21px}
 html[data-template="crimson-frame"] .stat-grid,
 html[data-template="cobalt-sidebar"] .stat-grid,
 html[data-template="obsidian-console"] .stat-grid{grid-template-columns:1fr!important}
 html[data-template="spectrum-glass"] .home-service-item>img,
 html[data-template="mint-app"] .home-service-item>img{height:120px!important}
 html[data-template="spectrum-glass"] .card,
 html[data-template="mint-app"] .card{border-radius:20px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-template="spectrum-glass"] body::before,
 html[data-template="spectrum-glass"] body::after,
 html[data-template="spectrum-glass"] .auth-shell::before,
 html[data-template="spectrum-glass"] .btn{animation:none!important}
}