:root{
  --navy:#0b2e59;--navy-2:#071d38;--gold:#ffb84d;--gold-2:#f2a62e;
  --ink:#10213a;--muted:#667085;--line:#e6ebf2;--soft:#f5f7fb;--white:#fff;
  --green:#17a673;--red:#e5484d;--yellow:#d99400;--blue:#2d6cdf;
  --shadow:0 18px 55px rgba(16,33,58,.10);--shadow-sm:0 8px 24px rgba(16,33,58,.07);
  --radius:18px;--radius-sm:12px;--sidebar:254px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.eyebrow{color:var(--gold-2);font-size:.76rem;letter-spacing:.15em;font-weight:800;margin:0 0 8px}.muted{color:var(--muted)}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.text-yellow{color:var(--yellow)!important}.text-right{text-align:right}.mb-0{margin-bottom:0!important}.mt-24{margin-top:24px}.hidden{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:12px 20px;font-weight:700;cursor:pointer;transition:.2s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--navy-2);color:#fff;box-shadow:0 9px 24px rgba(7,29,56,.18)}.btn-primary:hover{background:var(--navy)}.btn-gold{background:var(--gold);color:var(--navy-2)}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn-danger{background:#fff1f2;color:var(--red);border-color:#ffd5d8}.btn-success{background:#eafaf4;color:#087a53;border-color:#c8efdf}.btn-sm{padding:9px 14px;font-size:.86rem}.btn-block{width:100%}.link{color:var(--blue);font-weight:650}.link:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,242,.85)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:44px;height:44px;border-radius:10px}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:.97rem;letter-spacing:.08em}.brand small{font-size:.55rem;letter-spacing:.18em;color:var(--muted);margin-top:5px}.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto}.nav-links a{font-size:.88rem;font-weight:600;color:#364152}.nav-links a:hover,.nav-links a.active{color:var(--navy);position:relative}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:2px;background:var(--navy)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-toggle{display:none;background:transparent;border:0;font-size:1.45rem;color:var(--navy)}
.hero{padding:90px 0 54px;background:radial-gradient(circle at 75% 25%,rgba(255,184,77,.13),transparent 30%),linear-gradient(#fff,#fbfcfe)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}.hero h1{font-size:clamp(2.4rem,5vw,4.35rem);line-height:1.04;margin:12px 0 22px;letter-spacing:-.045em}.hero h1 span{color:var(--gold-2)}.hero-copy>p{font-size:1.06rem;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin:30px 0 32px;flex-wrap:wrap}.hero-trust{display:flex;gap:24px;flex-wrap:wrap;color:#475467;font-size:.87rem}.hero-trust span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e9f8f2;color:var(--green);font-weight:800;margin-right:7px}.hero-visual{position:relative}.logo-orbit{width:min(480px,100%);aspect-ratio:1;margin:auto;border-radius:42px;background:var(--navy);display:grid;place-items:center;box-shadow:0 34px 80px rgba(11,46,89,.25);position:relative;overflow:hidden}.logo-orbit:before,.logo-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,184,77,.23)}.logo-orbit:before{width:420px;height:420px}.logo-orbit:after{width:560px;height:560px}.logo-orbit img{width:78%;position:relative;z-index:2}.floating-stat{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 17px;box-shadow:var(--shadow-sm);min-width:160px}.floating-stat small{display:block;color:var(--muted);font-size:.72rem}.floating-stat strong{display:block;font-size:1.03rem;margin-top:3px}.stat-a{left:-25px;bottom:60px}.stat-b{right:-20px;top:44px}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.feature-strip-grid{display:grid;grid-template-columns:repeat(5,1fr)}.mini-feature{display:flex;align-items:center;gap:12px;padding:23px 18px;border-right:1px solid var(--line)}.mini-feature:first-child{border-left:1px solid var(--line)}.mini-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--navy)}.mini-feature strong{display:block;font-size:.82rem}.mini-feature small{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}
.section{padding:96px 0}.section-soft{background:var(--soft)}.section-head{max-width:720px;margin-bottom:42px}.section-head.center{text-align:center;margin-inline:auto;margin-bottom:48px}.section-head h2{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.12;margin:8px 0 14px;letter-spacing:-.035em}.section-head p{color:var(--muted);margin:0}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 26px rgba(16,33,58,.035)}.feature-card .feature-number{width:44px;height:44px;border-radius:12px;background:#fff7e9;color:#c77a00;display:grid;place-items:center;font-weight:800}.feature-card h3{margin:18px 0 8px;font-size:1.18rem}.feature-card p{margin:0;color:var(--muted);font-size:.93rem}.feature-card ul{padding-left:18px;color:#475467;font-size:.88rem;margin:15px 0 0}
.remote-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:62px;align-items:center}.remote-copy h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.08;margin:10px 0 18px}.remote-copy>p{color:var(--muted)}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{margin:13px 0;color:#344054;font-weight:550}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#edf7ff;color:var(--blue);font-weight:800;margin-right:10px}.dashboard-preview{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.preview-top{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:8px}.preview-dot{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.preview-body{display:grid;grid-template-columns:150px 1fr;min-height:430px}.preview-side{border-right:1px solid var(--line);padding:20px 14px;background:#fbfcfe}.preview-side div{height:34px;border-radius:8px;margin:6px 0;background:#f0f3f8}.preview-side div:first-child{background:#fff1d9;border:1px solid #ffe3ae}.preview-main{padding:22px}.preview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-card{border:1px solid var(--line);border-radius:11px;padding:12px}.preview-card small{color:var(--muted);font-size:.63rem}.preview-card strong{display:block;font-size:.87rem;margin-top:5px}.fake-chart{height:170px;border:1px solid var(--line);border-radius:12px;margin-top:15px;position:relative;overflow:hidden;background:linear-gradient(to top,rgba(45,108,223,.08),transparent)}.fake-chart svg{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px)}.preview-table{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:12px}.preview-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:9px 3px;border-bottom:1px solid #eef1f5;font-size:.68rem}.preview-row:last-child{border-bottom:0}
.stats-band{background:var(--navy);color:#fff;padding:35px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{padding:8px 28px;border-right:1px solid rgba(255,255,255,.14)}.stat-item:last-child{border-right:0}.stat-item strong{display:block;font-size:1.55rem;color:var(--gold)}.stat-item span{font-size:.78rem;color:#cbd6e6}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;position:relative}.price-card.popular{border-color:var(--gold);box-shadow:0 20px 45px rgba(255,184,77,.13)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy-2);font-size:.7rem;font-weight:800;padding:5px 13px;border-radius:999px}.price-card h3{margin:3px 0 12px}.price{font-size:2rem;font-weight:800;letter-spacing:-.04em}.price small{font-size:.73rem;color:var(--muted);font-weight:500}.price-card p{color:var(--muted);font-size:.82rem;min-height:44px}.price-card ul{list-style:none;padding:0;margin:20px 0}.price-card li{font-size:.82rem;margin:10px 0;color:#475467}.price-card li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:steps}.step-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;counter-increment:steps}.step-card:before{content:counter(steps);width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--navy);color:#fff;font-weight:800}.step-card h3{font-size:1rem;margin:17px 0 7px}.step-card p{color:var(--muted);font-size:.84rem;margin:0}
.faq-list{max-width:860px;margin:auto}.faq-item{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:#fff;overflow:hidden}.faq-q{width:100%;background:#fff;border:0;padding:19px 22px;text-align:left;display:flex;justify-content:space-between;font-weight:700;color:var(--ink);cursor:pointer}.faq-q span:last-child{font-size:1.2rem}.faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:.9rem}.faq-item.open .faq-a{display:block}.cta-panel{background:linear-gradient(135deg,var(--navy-2),var(--navy));border-radius:28px;color:#fff;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:0 28px 70px rgba(7,29,56,.24)}.cta-panel h2{margin:0 0 8px;font-size:2rem}.cta-panel p{color:#cdd9e8;margin:0}.site-footer{background:#081b34;color:#d8e1ed;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:34px}.footer-brand strong{color:#fff}.footer-brand small{color:#aab9cc}.footer-grid p{font-size:.83rem;color:#9fb0c4;max-width:330px}.footer-grid h4{font-size:.82rem;color:#fff;margin:0 0 15px}.footer-grid>div>a:not(.brand){display:block;color:#aebed1;font-size:.8rem;margin:9px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding:20px 0;display:flex;justify-content:space-between;color:#8194aa;font-size:.72rem}
.auth-page{min-height:100vh;background:linear-gradient(135deg,#f6f8fb,#fff7e8);display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:var(--navy);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,184,77,.22);border-radius:50%;right:-150px;bottom:-180px}.auth-brand .brand strong{color:#fff}.auth-brand .brand small{color:#d6e1ef}.auth-brand-copy{position:relative;z-index:2;max-width:560px}.auth-brand-copy h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.06;margin:0 0 18px}.auth-brand-copy h1 span{color:var(--gold)}.auth-brand-copy p{color:#c9d5e4}.auth-main{display:grid;place-items:center;padding:38px}.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.auth-card h2{margin:0 0 7px}.auth-card>p{color:var(--muted);font-size:.9rem;margin:0 0 25px}.form-group{margin-bottom:17px}.form-group label{display:block;font-size:.79rem;font-weight:700;margin-bottom:7px;color:#344054}.form-control{width:100%;border:1px solid #d9e0e9;border-radius:10px;padding:11px 13px;background:#fff;color:var(--ink);outline:none}.form-control:focus{border-color:#7da5d7;box-shadow:0 0 0 3px rgba(45,108,223,.1)}textarea.form-control{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-help{font-size:.73rem;color:var(--muted);margin-top:5px}.form-error{font-size:.76rem;color:var(--red);margin-top:6px}.auth-meta{text-align:center;margin-top:19px;font-size:.82rem;color:var(--muted)}.checkbox-row{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;color:#475467}.checkbox-row input{margin-top:4px}
.flash-stack{position:fixed;top:88px;right:20px;z-index:100;width:min(390px,calc(100% - 40px))}.flash{padding:13px 15px;border-radius:11px;margin-bottom:9px;box-shadow:var(--shadow-sm);font-size:.83rem;border:1px solid}.flash-success{background:#effbf6;color:#087a53;border-color:#c9efdf}.flash-warning{background:#fff8e7;color:#8c5c00;border-color:#f4dc9e}.flash-danger{background:#fff1f2;color:#b4232b;border-color:#ffd2d5}.flash-info{background:#edf5ff;color:#174ea6;border-color:#cfe2ff}
.app-shell{background:#f5f7fb;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#081f3c;color:#dce6f2;padding:22px 16px;display:flex;flex-direction:column;z-index:60}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:3px 7px 24px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand img{width:42px;height:42px;border-radius:10px}.sidebar-brand span{font-size:.83rem;letter-spacing:.07em;font-weight:800;line-height:1.1}.sidebar-brand small{display:block;font-size:.5rem;color:#8ea4bd;letter-spacing:.16em;margin-top:5px}.sidebar-nav{padding-top:22px}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;font-size:.82rem;color:#aebed1;margin:3px 0}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,184,77,.12);color:#fff}.sidebar-nav a.active .nav-dot{background:var(--gold);box-shadow:0 0 0 4px rgba(255,184,77,.13)}.nav-dot{width:7px;height:7px;border-radius:50%;background:#627b97}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:16px}.member-chip{display:flex;gap:10px;align-items:center}.member-chip>span,.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy-2);font-weight:800}.member-chip strong{display:block;font-size:.74rem;color:#fff;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-chip small{display:block;font-size:.58rem;color:#8ea4bd;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-link{display:block;margin-top:13px;color:#ff9ea3;font-size:.75rem}.app-main{margin-left:var(--sidebar);min-height:100vh}.app-header{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:35}.app-header h1{font-size:1.45rem;margin:0;letter-spacing:-.025em}.app-header .eyebrow{font-size:.59rem;margin-bottom:2px}.app-header-actions{display:flex;align-items:center;gap:12px}.app-content{padding:30px 34px 52px;max-width:1600px;margin:auto}.mobile-appbar{display:none}.sidebar-overlay{display:none}.account-selector{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin-bottom:22px;width:max-content;max-width:100%}.account-selector label{font-size:.72rem;font-weight:700;color:var(--muted)}.account-selector select{border:0;background:transparent;font-weight:700;outline:none;max-width:280px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 25px rgba(16,33,58,.035)}.card-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.card-head h2,.card-head h3{margin:0;font-size:1rem}.card-body{padding:22px}.card-footer{padding:15px 22px;border-top:1px solid var(--line);background:#fbfcfe;border-radius:0 0 var(--radius) var(--radius)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.metric-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.75rem;color:var(--muted);font-weight:600}.metric-icon{width:34px;height:34px;border-radius:10px;background:#f2f5f9;display:grid;place-items:center;color:var(--navy);font-size:.85rem;font-weight:800}.metric-value{font-size:1.45rem;font-weight:800;margin:12px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-note{font-size:.69rem;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:800}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-online,.status-active,.status-paid,.status-approved{background:#eafaf4;color:#087a53}.status-offline,.status-expired,.status-rejected,.status-blocked{background:#fff1f2;color:#b4232b}.status-pending,.status-warning,.status-trial{background:#fff8e7;color:#8c5c00}.status-info{background:#edf5ff;color:#174ea6}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.79rem}.data-table th{text-align:left;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table a{color:var(--blue);font-weight:650}.empty-state{text-align:center;background:#fff;border:1px dashed #cfd7e3;border-radius:16px;padding:42px 24px;color:var(--muted)}.empty-state h3{color:var(--ink);margin:0 0 8px}.empty-state .btn{margin-top:14px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.page-toolbar h2{margin:0;font-size:1rem}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.chart-box{height:280px;position:relative}.chart-bars{height:210px;display:flex;align-items:flex-end;gap:9px;padding:20px 8px 0;border-bottom:1px solid var(--line)}.chart-bar{flex:1;min-width:14px;border-radius:5px 5px 0 0;background:linear-gradient(var(--gold),#f7d497);position:relative}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.62rem;padding-top:9px}.profit-list,.risk-list{list-style:none;padding:0;margin:0}.profit-list li,.risk-list li{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #eef1f5;font-size:.79rem}.profit-list li:last-child,.risk-list li:last-child{border-bottom:0}.profit-list strong,.risk-list strong{font-size:.82rem}.monitor-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.market-status{display:flex;gap:14px;align-items:center;padding:18px;border-radius:14px;background:#f7f9fc}.market-symbol{width:54px;height:54px;border-radius:13px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:900;font-size:.72rem}.market-status h3{margin:0;font-size:1rem}.market-status p{margin:3px 0 0;color:var(--muted);font-size:.76rem}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:#e1e6ed}.timeline-item{position:relative;padding:0 0 20px 14px}.timeline-item:before{content:"";position:absolute;left:-19px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 0 0 1px #e2c183}.timeline-item h4{font-size:.8rem;margin:0}.timeline-item p{font-size:.72rem;color:var(--muted);margin:3px 0}.timeline-item time{font-size:.63rem;color:#98a2b3}
.settings-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:2px;margin-bottom:18px}.settings-tab{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;font-size:.73rem;font-weight:700;cursor:pointer;white-space:nowrap}.settings-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}.settings-panel{display:none}.settings-panel.active{display:block}.settings-section{border:1px solid var(--line);border-radius:15px;margin-bottom:17px;overflow:hidden;background:#fff}.settings-section-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.settings-section-head h3{margin:0;font-size:.92rem}.settings-section-head p{margin:3px 0 0;color:var(--muted);font-size:.7rem}.settings-fields{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#cfd6df;border-radius:999px;cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.15)}.switch input:checked+.slider{background:var(--green)}.switch input:checked+.slider:before{transform:translateX(20px)}.field-with-unit{display:flex}.field-with-unit .form-control{border-radius:10px 0 0 10px}.field-unit{display:grid;place-items:center;padding:0 12px;background:#f3f5f8;border:1px solid #d9e0e9;border-left:0;border-radius:0 10px 10px 0;color:var(--muted);font-size:.73rem}.save-bar{position:sticky;bottom:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);z-index:20}.save-bar small{color:var(--muted)}
.license-card{border:1px solid var(--line);border-radius:16px;padding:21px;background:linear-gradient(145deg,#fff,#f9fbfd)}.license-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f4f8;border-radius:9px;padding:11px 12px;font-size:.8rem;letter-spacing:.04em;display:flex;justify-content:space-between;gap:12px}.license-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.license-meta div{padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}.license-meta small{display:block;color:var(--muted);font-size:.62rem}.license-meta strong{font-size:.78rem}.progress{height:8px;border-radius:999px;background:#edf0f4;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#ffcf7e)}
.notification-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.notification-option:last-child{border-bottom:0}.notification-option h4{margin:0;font-size:.82rem}.notification-option p{margin:3px 0 0;color:var(--muted);font-size:.7rem}.legal-page{background:#f6f8fb;min-height:100vh}.legal-wrap{max-width:900px;margin:54px auto 80px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:42px;box-shadow:var(--shadow-sm)}.legal-wrap h1{font-size:2rem;margin-top:0}.legal-wrap h2{font-size:1.15rem;margin-top:32px}.legal-wrap p,.legal-wrap li{color:#475467;font-size:.9rem}.legal-note{background:#fff8e8;border:1px solid #f4daa0;border-radius:11px;padding:14px 16px;color:#7a5200;font-size:.78rem}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.contact-card{padding:28px}.contact-method{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}.contact-method:last-child{border-bottom:0}.contact-method span{width:38px;height:38px;border-radius:10px;background:#fff5e4;color:#b56c00;display:grid;place-items:center;font-weight:800}.contact-method h4{margin:0;font-size:.84rem}.contact-method p{margin:3px 0 0;color:var(--muted);font-size:.76rem}
.admin-sidebar{background:#181c25}.admin-shell .app-header .eyebrow{color:#667085}.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.proof-thumb{width:70px;height:48px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-bar .form-control{width:auto;min-width:170px}.code-box{background:#081f3c;color:#dfe9f5;border-radius:12px;padding:16px;font-family:ui-monospace,monospace;font-size:.73rem;overflow:auto;white-space:pre-wrap}.install-page{background:#f5f7fb;min-height:100vh;padding:40px 18px}.install-card{width:min(760px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}
@media(max-width:1100px){.nav-links{gap:16px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.feature-strip-grid{grid-template-columns:repeat(3,1fr)}.mini-feature:nth-child(n+4){border-top:1px solid var(--line)}.remote-grid{grid-template-columns:1fr}.dashboard-preview{max-width:780px}.grid-4,.admin-summary{grid-template-columns:repeat(2,1fr)}.monitor-grid{grid-template-columns:1fr}}
@media(max-width:900px){.nav-toggle{display:block;margin-left:auto}.nav-links{position:absolute;top:78px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px;display:none;flex-direction:column;align-items:stretch;margin:0}.nav-links.open{display:flex}.nav-links a{padding:10px}.nav-links a.active:after{display:none}.nav-actions{display:none}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{max-width:520px;margin:auto;width:100%}.remote-copy{text-align:center}.check-list{text-align:left;max-width:500px;margin-inline:auto}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-item:nth-child(2){border-right:0}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.app-header{display:none}.mobile-appbar{position:sticky;top:0;z-index:45;height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:800}.mobile-appbar button{border:0;background:transparent;font-size:1.3rem}.mobile-appbar a{width:32px;height:32px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-size:.76rem}.app-content{padding:22px 18px 42px}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:rgba(3,12,24,.5);z-index:50}.contact-grid{grid-template-columns:1fr}}
@media(max-width:680px){.section{padding:68px 0}.hero{padding-top:58px}.hero h1{font-size:2.65rem}.stat-a{left:0}.stat-b{right:0}.feature-strip-grid,.features-grid,.pricing-grid,.steps,.grid-2,.grid-3,.grid-4,.admin-summary{grid-template-columns:1fr}.mini-feature{border-left:1px solid var(--line);border-top:1px solid var(--line)}.preview-body{grid-template-columns:1fr}.preview-side{display:none}.preview-cards{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.stat-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.stat-item:last-child{border-bottom:0}.cta-panel{padding:32px 24px;display:block;text-align:center}.cta-panel .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block;text-align:center}.footer-bottom span{display:block;margin:4px}.auth-main{padding:20px}.auth-card{padding:25px}.form-row,.settings-fields{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.app-content{padding-inline:14px}.page-toolbar{align-items:flex-start;flex-direction:column}.account-selector{width:100%;justify-content:space-between}.account-selector select{max-width:190px}.metric-value{font-size:1.25rem}.license-meta{grid-template-columns:1fr}.legal-wrap{margin:25px 14px 50px;padding:25px}.save-bar{display:block}.save-bar .button-row{margin-top:9px}.floating-stat{display:none}}

/* Snake EA Pro v1.3 — Remote control & temporary MT5 credentials */
.remote-master-control{border-color:#b9d8c9;background:linear-gradient(135deg,#f8fffb,#fff)}
.remote-control-summary{display:flex;align-items:center;gap:14px;justify-content:space-between}
.security-note{padding:13px 15px;border:1px solid #d9e4ef;background:#f7faff;border-radius:11px;color:#38506b;font-size:.76rem;line-height:1.55}
.password-field{display:flex;gap:8px;align-items:stretch}
.password-field .form-control{min-width:0;flex:1}
.password-field button{border:1px solid #d9e0e9;background:#f7f9fc;border-radius:9px;padding:0 12px;font-size:.72rem;font-weight:700;color:#17375e;cursor:pointer}
.admin-secret-action{min-width:165px}
.admin-secret-action summary{list-style:none;cursor:pointer;display:inline-flex}
.admin-secret-action summary::-webkit-details-marker{display:none}
.admin-secret-action form{margin-top:8px;padding:10px;border:1px solid #e0e6ee;border-radius:10px;background:#fafbfd}
.admin-secret-action form label{display:block;font-size:.68rem;font-weight:700;margin-bottom:5px}
.admin-secret-action form .form-control{margin-bottom:8px;min-width:150px}
.credential-reveal-card{border-color:#f1c36b;box-shadow:0 10px 30px rgba(140,92,0,.08)}
.mb-20{margin-bottom:20px}.mt-8{margin-top:8px}
@media(max-width:680px){.remote-control-summary{display:block}.remote-control-summary p{margin-top:10px}.password-field{flex-wrap:wrap}.password-field .form-control{flex-basis:100%}.password-field button{height:38px}}

/* =========================================================
   Snake EA Pro v1.4.3 — Distinct Admin Control Center theme
   Scope: admin pages only (.admin-shell)
   ========================================================= */
.admin-shell{
  --admin-primary:#7c3aed;
  --admin-primary-dark:#5b21b6;
  --admin-primary-soft:#f1eafe;
  --admin-accent:#c084fc;
  --admin-accent-2:#a855f7;
  --admin-ink:#24143d;
  --admin-muted:#756987;
  --admin-line:#e7def2;
  --admin-bg:#f6f2fa;
  --admin-card:#fff;
  --admin-sidebar:#251532;
  --admin-sidebar-2:#3a1f4b;
  --navy:var(--admin-primary);
  --navy-2:var(--admin-primary-dark);
  --gold:var(--admin-accent);
  --gold-2:var(--admin-accent-2);
  --ink:var(--admin-ink);
  --muted:var(--admin-muted);
  --line:var(--admin-line);
  --soft:var(--admin-bg);
  --blue:var(--admin-primary);
  background:
    radial-gradient(circle at 92% 4%,rgba(168,85,247,.10),transparent 26%),
    linear-gradient(180deg,#faf8fc 0%,var(--admin-bg) 100%);
}
.admin-shell .admin-sidebar{
  background:
    radial-gradient(circle at 18% 0%,rgba(192,132,252,.14),transparent 34%),
    linear-gradient(180deg,var(--admin-sidebar) 0%,var(--admin-sidebar-2) 100%);
  border-right:1px solid rgba(255,255,255,.07);
  box-shadow:14px 0 40px rgba(49,24,67,.12);
}
.admin-shell .sidebar-brand{
  border-bottom-color:rgba(255,255,255,.11);
}
.admin-shell .sidebar-brand small{
  color:#d7bdf1;
}
.admin-shell .sidebar-nav a{
  color:#d1c4dd;
}
.admin-shell .sidebar-nav a:hover{
  background:rgba(192,132,252,.11);
  color:#fff;
}
.admin-shell .sidebar-nav a.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(192,132,252,.25),rgba(124,58,237,.12));
  box-shadow:inset 3px 0 0 var(--admin-accent);
}
.admin-shell .sidebar-nav a.active .nav-dot{
  background:#e9d5ff;
  box-shadow:0 0 0 4px rgba(192,132,252,.20);
}
.admin-shell .nav-dot{
  background:#8f7a9f;
}
.admin-shell .sidebar-bottom{
  border-top-color:rgba(255,255,255,.11);
}
.admin-shell .member-chip>span,
.admin-shell .avatar{
  color:#fff;
  background:linear-gradient(135deg,var(--admin-accent-2),var(--admin-primary-dark));
  box-shadow:0 8px 22px rgba(124,58,237,.25);
}
.admin-shell .member-chip small{
  color:#bfaed0;
}
.admin-shell .logout-link{
  color:#ffb4c3;
}
.admin-shell .app-header{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);
  border-bottom-color:var(--admin-line);
  box-shadow:0 7px 24px rgba(59,29,79,.045);
}
.admin-shell .app-header .eyebrow{
  color:var(--admin-primary);
}
.admin-shell .app-header h1{
  color:var(--admin-ink);
}
.admin-shell .app-content{
  background:transparent;
}
.admin-shell .card,
.admin-shell .metric-card,
.admin-shell .settings-section,
.admin-shell .license-card{
  border-color:var(--admin-line);
  box-shadow:0 10px 32px rgba(65,35,84,.055);
}
.admin-shell .card-head,
.admin-shell .settings-section-head{
  background:linear-gradient(180deg,#fff 0%,#fbf8fe 100%);
  border-bottom-color:var(--admin-line);
}
.admin-shell .card-footer{
  background:#fbf8fe;
  border-top-color:var(--admin-line);
}
.admin-shell .btn-primary{
  background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-dark));
  color:#fff;
  box-shadow:0 10px 26px rgba(124,58,237,.22);
}
.admin-shell .btn-primary:hover{
  background:linear-gradient(135deg,#8b5cf6,#6d28d9);
}
.admin-shell .btn-gold{
  background:#ede2ff;
  color:#4c1d95;
  border-color:#dbc7fa;
}
.admin-shell .btn-ghost{
  border-color:#dfd3eb;
  color:#4b2c61;
  background:#fff;
}
.admin-shell .btn-ghost:hover{
  border-color:#c8a9e8;
  background:#fbf7ff;
}
.admin-shell .link{
  color:var(--admin-primary);
}
.admin-shell .metric-icon{
  color:var(--admin-primary-dark);
  background:var(--admin-primary-soft);
}
.admin-shell .metric-value{
  color:var(--admin-ink);
}
.admin-shell .form-control:focus{
  border-color:#a78bfa;
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.admin-shell .settings-tab.active{
  background:var(--admin-primary);
  border-color:var(--admin-primary);
}
.admin-shell .switch input:checked+.slider{
  background:var(--admin-primary);
}
.admin-shell .table-wrap thead,
.admin-shell table thead{
  background:#f7f1fd;
}
.admin-shell .table-wrap th,
.admin-shell table th{
  color:#5b3b70;
}
.admin-shell .account-selector{
  border-color:var(--admin-line);
  box-shadow:0 8px 24px rgba(65,35,84,.04);
}
.admin-shell .code-box{
  background:#28143a;
  color:#f0e8f8;
}
.admin-shell .market-status{
  background:linear-gradient(135deg,#faf7fd,#f4edfb);
  border:1px solid #eadff4;
  min-width:0;
}
.admin-shell .market-status>div:last-child{
  min-width:0;
}
.admin-shell .market-status h3,
.admin-shell .market-status p{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-shell .market-symbol{
  width:auto;
  min-width:68px;
  max-width:96px;
  height:58px;
  flex:0 0 auto;
  padding:0 10px;
  border-radius:14px;
  background:linear-gradient(145deg,var(--admin-primary-dark),var(--admin-primary));
  color:#f3e8ff;
  font-size:clamp(.56rem,.70vw,.69rem);
  line-height:1;
  letter-spacing:-.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 9px 22px rgba(91,33,182,.18);
}
.admin-shell .status-info{
  background:#f0e9ff;
  color:#5b21b6;
}
.admin-shell .status-pending,
.admin-shell .status-warning,
.admin-shell .status-trial{
  background:#fff7e7;
  color:#865700;
}
.admin-shell .save-bar{
  border-color:var(--admin-line);
  box-shadow:0 12px 34px rgba(65,35,84,.08);
}
.admin-shell .mobile-appbar{
  color:#fff;
  background:linear-gradient(90deg,var(--admin-sidebar),var(--admin-sidebar-2));
  border-bottom-color:rgba(255,255,255,.09);
}
.admin-shell .mobile-appbar button{
  color:#fff;
}
.admin-shell .mobile-appbar a{
  color:#fff;
  background:linear-gradient(135deg,var(--admin-accent-2),var(--admin-primary-dark));
}
.admin-shell .sidebar-overlay.open{
  background:rgba(36,20,61,.58);
}
@media(max-width:1180px){
  .admin-shell .grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .admin-shell .grid-3{
    grid-template-columns:1fr;
  }
  .admin-shell .market-symbol{
    min-width:72px;
    max-width:108px;
  }
}

/* V4 accessibility and security-compatible controls */
.skip-link{position:fixed;left:16px;top:-80px;z-index:10000;background:#fff;color:#071d38;padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);font-weight:700}
.skip-link:focus{top:16px}
.logout-form{margin:0}
.logout-form .logout-link{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}
:focus-visible{outline:3px solid #ffbd59;outline-offset:3px}
.simulation-note{margin:12px 0 0;font-size:.72rem;color:var(--muted);line-height:1.45}
[hidden]{display:none!important}
/* V4: keep long, high-entropy licence keys readable on narrow screens. */
.license-key{align-items:center;flex-wrap:wrap}
.license-key>span,.license-key>strong,.license-key>code{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}

/* =========================================================
   V4.0.4 — Sidebar viewport and scrolling fix
   Keeps the account/logout section visible while allowing a
   long navigation list to scroll inside the fixed sidebar.
   ========================================================= */
.sidebar{
  height:100vh;
  height:100dvh;
  max-height:100vh;
  max-height:100dvh;
  overflow:hidden;
}
.sidebar-brand{
  flex:0 0 auto;
}
.sidebar-nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:4px;
  padding-bottom:14px;
}
.sidebar-bottom{
  flex:0 0 auto;
  margin-top:0;
  padding-bottom:max(0px,env(safe-area-inset-bottom));
  background:inherit;
}
.sidebar-nav::-webkit-scrollbar{
  width:6px;
}
.sidebar-nav::-webkit-scrollbar-track{
  background:transparent;
}
.sidebar-nav::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.24);
  border-radius:999px;
}
.sidebar-nav::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.38);
}
.sidebar-nav{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.28) transparent;
}
@media(max-height:560px) and (min-width:901px){
  .sidebar{
    padding-top:14px;
    padding-bottom:12px;
  }
  .sidebar-brand{
    padding-bottom:12px;
  }
  .sidebar-nav{
    padding-top:10px;
  }
  .sidebar-nav a{
    padding-top:8px;
    padding-bottom:8px;
  }
  .sidebar-bottom{
    padding-top:10px;
  }
}

/* V4.1.0 Notification Center */
.notification-bell{position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;font-size:1rem;color:var(--navy);box-shadow:0 4px 14px rgba(16,33,58,.05)}
.notification-bell:hover{background:#f8fafc;border-color:#d5dde8}
.notification-bell b{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:.58rem;line-height:1;font-weight:900}
.btn-warning{background:#fff5df;border-color:#f0cb7c;color:#8a5900}.btn-warning:hover{background:#ffecc3}
@media(max-width:680px){.app-header-actions>.btn{display:none}.notification-bell{width:38px;height:38px}}

/* V4.1.1 environment isolation */
.environment-banner{position:relative;z-index:10020;display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;padding:6px 14px;background:#7c2d12;color:#fff;font-size:.7rem;line-height:1.35;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.16)}
.environment-banner strong{padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.18);letter-spacing:.08em;font-size:.62rem}.environment-banner span{opacity:.95}
@media(max-width:640px){.environment-banner{align-items:flex-start;gap:6px;flex-direction:column;text-align:left;padding:8px 12px}.environment-banner strong{flex:0 0 auto}}

/* =========================================================
   V4.2.2 — Clean Modern UX refresh (member + admin)
   Fokus: rapi, simpel, bersih, mobile-safe, tidak ramai.
   ========================================================= */
.page-hero{margin-bottom:24px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 16px 40px rgba(16,33,58,.06)}
.page-hero h2{margin:8px 0 10px;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.12;letter-spacing:-.03em}
.page-hero .hero-inline-muted{color:var(--muted);font-size:.82em;font-weight:600}
.page-hero .hero-lead{margin:0;max-width:760px;color:var(--muted);font-size:.95rem}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:stretch}
.hero-side-panel{display:flex}
.hero-panel-card{width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px 18px 16px;box-shadow:0 8px 24px rgba(16,33,58,.04)}
.hero-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.hero-panel-head h3{margin:0;font-size:1rem}.hero-panel-head small{color:var(--muted);font-size:.72rem}
.hero-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.soft-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:.76rem;font-weight:700;color:#344054;background:#f3f6fb;border:1px solid #e1e8f2}
.soft-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.45}
.soft-badge-success{background:#ecfdf3;border-color:#cdeedb;color:#087a53}.soft-badge-info{background:#edf5ff;border-color:#d6e7ff;color:#1d4ed8}.soft-badge-warning{background:#fff8e7;border-color:#f3ddb0;color:#915f00}.soft-badge-danger{background:#fff1f2;border-color:#ffd7dc;color:#b4232b}
.mini-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-stat-card{padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}.mini-stat-card small{display:block;color:var(--muted);font-size:.72rem}.mini-stat-card strong{display:block;margin-top:6px;font-size:.97rem;line-height:1.35}.mini-stat-card span{display:block;margin-top:5px;color:var(--muted);font-size:.77rem;line-height:1.5}
.divider{height:1px;background:var(--line);margin:16px 0}
.quick-link-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-link-list a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfcff;font-size:.82rem;font-weight:700;color:#344054}.quick-link-list a:hover{border-color:#bfd1ea;background:#fff;transform:translateY(-1px)}
.status-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.compact-stepper{grid-template-columns:repeat(5,minmax(0,1fr))}
.status-step{position:relative;padding:12px 10px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe;text-align:center;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px}
.status-step-dot{width:12px;height:12px;border-radius:50%;background:#cdd5df;box-shadow:0 0 0 5px #eef2f6}
.status-step strong{font-size:.73rem;line-height:1.35;color:#475467}
.status-step-done{border-color:#caeadb;background:#effbf6}.status-step-done .status-step-dot{background:#12b76a;box-shadow:0 0 0 5px rgba(18,183,106,.12)}.status-step-done strong{color:#087a53}
.status-step-current{border-color:#dfd7fb;background:#f7f5ff}.status-step-current .status-step-dot{background:#7c3aed;box-shadow:0 0 0 5px rgba(124,58,237,.12)}.status-step-current strong{color:#5b21b6}
.metric-card-soft{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border-color:#e6edf6;box-shadow:0 10px 28px rgba(16,33,58,.04)}
.surface-card{box-shadow:0 12px 30px rgba(16,33,58,.04);border-color:#e8edf5}.surface-card .card-body{padding:20px 22px}.surface-card .card-head{padding:16px 22px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.clean-chart-box{padding-top:6px}
.compact-list li,.modern-risk-list li{padding:14px 0;border-bottom:1px solid #edf1f6}.compact-list li:last-child,.modern-risk-list li:last-child{border-bottom:0}
.soft-timeline .timeline-item{border-left-color:#dce6f2;background:#fbfcff;border-radius:0 14px 14px 0;padding:14px 16px 14px 18px}
.compact-empty-state{padding:18px}
.admin-summary-modern{gap:16px}
.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action-card{display:block;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff 0%,#fbfbff 100%)}.quick-action-card strong{display:block;font-size:.88rem}.quick-action-card span{display:block;margin-top:6px;color:var(--muted);font-size:.76rem;line-height:1.5}.quick-action-card:hover{transform:translateY(-1px);border-color:#cfc0ec}
.attention-list{display:grid;gap:12px}.attention-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.attention-row strong{display:block;font-size:.86rem}.attention-row p{margin:5px 0 0;color:var(--muted);font-size:.75rem;line-height:1.5}.attention-row span{flex:0 0 auto;min-width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:800;background:#f4f6fa;color:#1f2a37}.attention-warning{border-color:#f3ddb0;background:#fffbf2}.attention-warning span{background:#fff3d6;color:#9a6600}.attention-success{border-color:#cbead9;background:#f4fcf7}.attention-success span{background:#dff7ea;color:#087a53}.attention-info{border-color:#d9e8ff;background:#f7fbff}.attention-info span{background:#e8f1ff;color:#1d4ed8}
.stack-list{display:grid;gap:12px}.stack-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.stack-list-item:last-child{border-bottom:0}.stack-list-item strong{display:block;font-size:.88rem}.stack-list-item p{margin:5px 0 0;color:var(--muted);font-size:.77rem}.stack-list-item small{color:var(--muted);white-space:nowrap}
.responsive-table{overflow:auto}
.page-toolbar{padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);margin-bottom:20px;box-shadow:0 10px 24px rgba(16,33,58,.04)}
.page-toolbar h2{margin:0 0 6px;font-size:1.3rem;letter-spacing:-.02em}.page-toolbar p{max-width:760px}
.card .table-wrap{overflow:auto}.data-table td,.data-table th{vertical-align:top}
.button-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:1180px){.page-hero-grid{grid-template-columns:1fr}.hero-side-panel{display:block}}
@media(max-width:900px){.page-hero{padding:20px}.mini-stat-grid,.quick-action-grid{grid-template-columns:1fr 1fr}.status-stepper{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;padding-bottom:4px}.status-step{min-width:120px}.quick-link-list{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.page-hero{padding:18px;border-radius:20px}.page-hero h2{font-size:1.5rem}.hero-lead{font-size:.9rem}.mini-stat-grid,.quick-action-grid,.quick-link-list{grid-template-columns:1fr}.status-stepper{grid-template-columns:repeat(5,minmax(118px,1fr))}.page-toolbar{padding:18px}.attention-row,.stack-list-item{align-items:flex-start}.button-row{align-items:stretch}.button-row .btn{width:100%}}
.admin-shell .page-hero{background:linear-gradient(180deg,#fff 0%,#fbf8fe 100%);border-color:#e8def3;box-shadow:0 16px 40px rgba(65,35,84,.06)}
.admin-shell .hero-panel-card,.admin-shell .mini-stat-card,.admin-shell .quick-action-card,.admin-shell .attention-row,.admin-shell .stack-list-item{border-color:#e6dbf2}
.admin-shell .page-toolbar{border-color:#e6dbf2;background:linear-gradient(180deg,#fff 0%,#fbf8fe 100%)}
.admin-shell .quick-action-card:hover{border-color:#c5a9eb;background:#fff}

/* =========================================================
   V4.2.3 — Full UI System & Mobile Refinement
   Global member/admin polish without touching EA or license logic.
   ========================================================= */
.ui-v423{
  --sidebar:268px;
  --surface:#fff;
  --surface-muted:#f8fafc;
  --surface-soft:#f4f7fb;
  --border-soft:#e6ebf2;
  --text-soft:#667085;
  --shadow-clean:0 10px 28px rgba(15,23,42,.055);
  --shadow-float:0 20px 55px rgba(15,23,42,.08);
  background:#f4f7fb;
}
.ui-v423 .sidebar{
  width:var(--sidebar);
  padding:18px 14px 16px;
  background:linear-gradient(180deg,#0f2138 0%,#0b1728 100%);
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:10px 0 32px rgba(8,23,40,.10);
}
.ui-v423 .sidebar-brand{
  padding:5px 9px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ui-v423 .sidebar-brand img{width:40px;height:40px;border-radius:11px}
.ui-v423 .sidebar-brand span{font-size:.8rem;letter-spacing:.075em}
.ui-v423 .sidebar-brand small{font-size:.48rem;color:#8ea2ba}
.ui-v423 .sidebar-nav{padding-top:15px;padding-right:2px}
.ui-v423 .sidebar-group{margin-bottom:16px}
.ui-v423 .sidebar-group:last-child{margin-bottom:4px}
.ui-v423 .sidebar-group-label{
  display:block;
  padding:0 12px 6px;
  color:#72879f;
  font-size:.56rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.ui-v423 .sidebar-nav a{
  min-height:40px;
  padding:9px 11px;
  margin:2px 0;
  border-radius:10px;
  color:#b7c5d5;
  font-size:.79rem;
  font-weight:600;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.ui-v423 .sidebar-nav a:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(1px)}
.ui-v423 .sidebar-nav a.active{
  background:rgba(255,184,77,.12);
  color:#fff;
  box-shadow:inset 3px 0 0 #ffb84d;
}
.ui-v423 .sidebar-nav a.active .nav-dot{background:#ffb84d;box-shadow:0 0 0 4px rgba(255,184,77,.12)}
.ui-v423 .nav-dot{width:6px;height:6px;background:#637991;flex:0 0 auto}
.ui-v423 .sidebar-bottom{padding:14px 7px 0;border-top-color:rgba(255,255,255,.08)}
.ui-v423 .member-chip>span,.ui-v423 .avatar{border-radius:12px}
.ui-v423 .member-chip strong{font-size:.72rem}.ui-v423 .member-chip small{font-size:.57rem}
.ui-v423 .logout-link{margin-top:11px;padding:8px 0;color:#ffb4bb;font-size:.72rem}
.ui-v423 .app-main{margin-left:var(--sidebar);background:#f4f7fb}
.ui-v423 .app-header{
  height:82px;
  padding:0 32px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid #e8edf4;
  box-shadow:0 5px 18px rgba(15,23,42,.035);
}
.ui-v423 .app-header-copy h1{margin:1px 0 0;font-size:1.32rem;letter-spacing:-.025em}
.ui-v423 .app-header-copy>p:last-child{margin:3px 0 0;color:var(--muted);font-size:.69rem}
.ui-v423 .app-header .eyebrow{margin:0;color:#b36a00;font-size:.56rem;letter-spacing:.13em}
.ui-v423 .app-header-actions{gap:10px}
.ui-v423 .avatar,.ui-v423 .notification-bell{width:38px;height:38px;border-radius:12px}
.ui-v423 .app-content{max-width:1540px;padding:26px 30px 56px}
.ui-v423 .account-selector{
  margin-bottom:20px;
  padding:8px 11px;
  border-color:#e2e8f0;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(15,23,42,.035);
}
.ui-v423 .account-selector select{min-height:34px}
.ui-v423 .card,.ui-v423 .metric-card,.ui-v423 .settings-section,.ui-v423 .license-card{
  border-color:#e4eaf2;
  border-radius:17px;
  box-shadow:var(--shadow-clean);
}
.ui-v423 .card-head{
  min-height:64px;
  padding:16px 20px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
  border-bottom-color:#e9edf3;
}
.ui-v423 .card-head h2,.ui-v423 .card-head h3{font-size:.95rem;letter-spacing:-.01em}
.ui-v423 .card-body{padding:20px}
.ui-v423 .card-footer{background:#fafbfd;border-top-color:#e9edf3}
.ui-v423 .metric-card{padding:18px;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)}
.ui-v423 .metric-label{font-size:.68rem;letter-spacing:.045em;text-transform:uppercase}
.ui-v423 .metric-value{font-size:1.34rem;margin:10px 0 3px}
.ui-v423 .metric-note{font-size:.67rem;line-height:1.5}
.ui-v423 .metric-icon{width:32px;height:32px;border-radius:10px}
.ui-v423 .grid{gap:16px}
.ui-v423 .btn{
  min-height:40px;
  padding:10px 16px;
  border-radius:10px;
  font-size:.82rem;
  box-shadow:none;
}
.ui-v423 .btn-sm{min-height:34px;padding:8px 12px;font-size:.75rem}
.ui-v423 .btn-primary{background:#0f2b4b;box-shadow:0 8px 18px rgba(15,43,75,.16)}
.ui-v423 .btn-primary:hover{background:#173d68}
.ui-v423 .btn-ghost{background:#fff;border-color:#dde4ed}
.ui-v423 .btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1}
.ui-v423 .form-group{margin-bottom:16px}
.ui-v423 .form-group label{margin-bottom:7px;font-size:.76rem;color:#334155}
.ui-v423 .form-control{
  min-height:44px;
  padding:10px 12px;
  border-color:#d7dee8;
  border-radius:11px;
  background:#fff;
  font-size:.86rem;
}
.ui-v423 .form-control:hover{border-color:#c3cedc}
.ui-v423 .form-control:focus{border-color:#6b91c1;box-shadow:0 0 0 3px rgba(45,108,223,.09)}
.ui-v423 textarea.form-control{min-height:120px}
.ui-v423 .form-help{font-size:.7rem;line-height:1.5}
.ui-v423 .table-wrap{
  position:relative;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.ui-v423 .data-table{font-size:.76rem;min-width:680px}
.ui-v423 .data-table th{
  position:sticky;
  top:0;
  z-index:2;
  padding:12px 13px;
  background:#f7f9fc;
  color:#64748b;
  font-size:.62rem;
  letter-spacing:.065em;
}
.ui-v423 .data-table td{padding:13px;border-bottom-color:#edf1f5}
.ui-v423 .data-table tbody tr:hover{background:#fbfcff}
.ui-v423 .status-badge{padding:5px 9px;font-size:.64rem}
.ui-v423 .empty-state{padding:34px 22px;background:#fbfcfe;border-color:#cfd8e5}
.ui-v423 .empty-state h3{font-size:.98rem}.ui-v423 .empty-state p{font-size:.78rem}
.ui-v423 .page-toolbar{gap:18px}
.ui-v423 .page-toolbar h2{font-size:1.15rem}.ui-v423 .page-toolbar p{font-size:.8rem}
.ui-v423 .filter-bar{padding:12px;border:1px solid #e4eaf2;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.03)}
.ui-v423 .settings-tabs{gap:7px}.ui-v423 .settings-tab{border-radius:10px;background:#fff}
.ui-v423 .settings-section-head{padding:15px 18px;background:#fbfcfe}
.ui-v423 .settings-fields{padding:18px;gap:14px}
.ui-v423 .save-bar{bottom:12px;border-radius:14px;border-color:#dfe6ee;box-shadow:0 14px 36px rgba(15,23,42,.10)}
.ui-v423 .flash-stack{top:92px}.ui-v423 .flash{border-radius:12px;font-size:.79rem}
.ui-v423 .timeline:before{background:#dfe6ee}.ui-v423 .timeline-item:before{background:#5b7da7;border-color:#fff;box-shadow:0 0 0 1px #c7d3e1}
.ui-v423 .market-status{background:#f7f9fc;border:1px solid #e8edf3}
.ui-v423 .chart-bar{background:linear-gradient(180deg,#f5b342,#f7d89e)}
.ui-v423 form.is-submitting{opacity:.82;pointer-events:none}
.ui-v423 form.is-submitting [type="submit"],.ui-v423 form.is-submitting button:not([type="button"]){cursor:wait}
.ui-v423 .table-wrap:focus-visible{outline:3px solid rgba(45,108,223,.18);outline-offset:2px;border-radius:12px}

/* restrained admin identity */
.ui-v423.admin-shell{
  --admin-primary:#6657d9;
  --admin-primary-dark:#4d3fbd;
  --admin-primary-soft:#f1efff;
  --admin-accent:#8878ec;
  --admin-accent-2:#7664e4;
  --admin-ink:#241f37;
  --admin-muted:#746f84;
  --admin-line:#e7e3ef;
  --admin-bg:#f5f4f8;
  background:#f5f4f8;
}
.ui-v423.admin-shell .admin-sidebar{
  background:linear-gradient(180deg,#211d32 0%,#171422 100%);
  box-shadow:10px 0 32px rgba(33,29,50,.11);
}
.ui-v423.admin-shell .sidebar-group-label{color:#827a99}
.ui-v423.admin-shell .sidebar-nav a{color:#c4bed1}
.ui-v423.admin-shell .sidebar-nav a:hover{background:rgba(255,255,255,.07)}
.ui-v423.admin-shell .sidebar-nav a.active{background:rgba(136,120,236,.14);box-shadow:inset 3px 0 0 #8878ec}
.ui-v423.admin-shell .sidebar-nav a.active .nav-dot{background:#a89cf5;box-shadow:0 0 0 4px rgba(136,120,236,.13)}
.ui-v423.admin-shell .app-main{background:#f5f4f8}
.ui-v423.admin-shell .app-header{border-bottom-color:#e8e4ee}
.ui-v423.admin-shell .app-header .eyebrow{color:#6657d9}
.ui-v423.admin-shell .btn-primary{background:#5c4dcc;box-shadow:0 8px 18px rgba(92,77,204,.16)}
.ui-v423.admin-shell .btn-primary:hover{background:#6b5ade}
.ui-v423.admin-shell .card,.ui-v423.admin-shell .metric-card,.ui-v423.admin-shell .settings-section,.ui-v423.admin-shell .license-card{border-color:#e6e1ed;box-shadow:0 10px 28px rgba(43,35,63,.05)}
.ui-v423.admin-shell .card-head,.ui-v423.admin-shell .settings-section-head{background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)}
.ui-v423.admin-shell .data-table th{background:#f8f6fb;color:#6c647b}
.ui-v423.admin-shell .form-control:focus{border-color:#9184e6;box-shadow:0 0 0 3px rgba(102,87,217,.10)}

@media(max-width:1180px){
  .ui-v423 .app-content{padding-inline:24px}
}
@media(max-width:900px){
  .ui-v423 .sidebar{width:min(286px,86vw);padding-top:max(16px,env(safe-area-inset-top))}
  .ui-v423 .app-main{margin-left:0}
  .ui-v423 .mobile-appbar{
    height:60px;
    padding:0 16px;
    padding-top:env(safe-area-inset-top);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
    box-shadow:0 5px 18px rgba(15,23,42,.045);
  }
  .ui-v423 .mobile-appbar button{width:38px;height:38px;border-radius:10px;color:#22334a}
  .ui-v423 .mobile-appbar span{max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.87rem}
  .ui-v423 .mobile-appbar a{width:34px;height:34px;border-radius:10px}
  .ui-v423 .app-content{padding:20px 16px calc(42px + env(safe-area-inset-bottom))}
  .ui-v423 .sidebar-overlay.open{backdrop-filter:blur(2px)}
  .ui-v423 .flash-stack{top:72px;right:12px;width:calc(100% - 24px)}
}
@media(max-width:680px){
  .ui-v423 .grid{gap:14px}
  .ui-v423 .card,.ui-v423 .metric-card,.ui-v423 .settings-section,.ui-v423 .license-card{border-radius:15px}
  .ui-v423 .card-head{min-height:58px;padding:14px 16px}
  .ui-v423 .card-body{padding:16px}
  .ui-v423 .metric-card{padding:16px}
  .ui-v423 .metric-value{font-size:1.2rem}
  .ui-v423 .form-row,.ui-v423 .settings-fields{grid-template-columns:1fr}
  .ui-v423 .filter-bar{align-items:stretch}
  .ui-v423 .filter-bar .form-control,.ui-v423 .filter-bar .btn{width:100%;min-width:0}
  .ui-v423 .account-selector{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr)}
  .ui-v423 .account-selector select{width:100%;max-width:none;min-width:0}
  .ui-v423 .table-wrap{margin-inline:-1px}
  .ui-v423 .data-table{min-width:640px}
  .ui-v423 .button-row{gap:8px}
  .ui-v423 .button-row .btn{width:100%}
  .ui-v423 .page-toolbar{padding:17px;align-items:stretch}
  .ui-v423 .page-toolbar .btn{width:100%}
  .ui-v423 .save-bar{position:static;margin-top:16px}
  .ui-v423 .save-bar,.ui-v423 .notification-option{align-items:stretch;flex-direction:column}
  .ui-v423 .license-key{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
  .ui-v423 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* =========================================================
   V4.2.3R1 — Strong visual separation: Member vs Admin
   ========================================================= */
.workspace-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:.58rem;line-height:1;font-weight:900;letter-spacing:.12em;margin-bottom:8px;border:1px solid}
.workspace-badge-member{color:#075985;background:#e0f2fe;border-color:#bae6fd}
.workspace-badge-admin{color:#6b21a8;background:#f3e8ff;border-color:#e9d5ff}

/* Member: blue–teal workspace */
.member-shell{
  --navy:#0f6f82;
  --navy-2:#075265;
  --gold:#2dd4bf;
  --gold-2:#0f9f8f;
  --blue:#0284c7;
  --ink:#102a36;
  --muted:#627786;
  --line:#d9e8ee;
  --soft:#edf7fa;
  background:
    radial-gradient(circle at 94% 2%,rgba(45,212,191,.10),transparent 26%),
    linear-gradient(180deg,#f7fcfd 0%,#edf7fa 100%);
}
.member-shell .sidebar{
  background:
    radial-gradient(circle at 14% 0%,rgba(45,212,191,.13),transparent 32%),
    linear-gradient(180deg,#073b4c 0%,#075265 100%);
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:14px 0 38px rgba(7,59,76,.12);
}
.member-shell .sidebar-brand{border-bottom-color:rgba(255,255,255,.11)}
.member-shell .sidebar-brand small{color:#9bd7df}
.member-shell .sidebar-nav a{color:#c2dce2}
.member-shell .sidebar-nav a:hover{background:rgba(45,212,191,.10);color:#fff}
.member-shell .sidebar-nav a.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(45,212,191,.22),rgba(2,132,199,.10));
  box-shadow:inset 3px 0 0 #5eead4;
}
.member-shell .sidebar-nav a.active .nav-dot{background:#5eead4;box-shadow:0 0 0 4px rgba(94,234,212,.16)}
.member-shell .sidebar-bottom{border-top-color:rgba(255,255,255,.11)}
.member-shell .member-chip>span,.member-shell .avatar{background:linear-gradient(135deg,#14b8a6,#0284c7);color:#fff}
.member-shell .member-chip small{color:#a9cbd3}
.member-shell .logout-link{color:#f0c9c9}
.member-shell .app-header{
  background:rgba(255,255,255,.90);
  border-top:4px solid #14b8a6;
  border-bottom-color:#d9e8ee;
  box-shadow:0 8px 24px rgba(7,82,101,.05);
}
.member-shell .app-header .eyebrow{color:#0f766e}
.member-shell .app-content{background:transparent}
.member-shell .card,.member-shell .metric-card,.member-shell .settings-section,.member-shell .license-card{
  border-color:#d8e8ee;
  box-shadow:0 10px 30px rgba(7,82,101,.045);
}
.member-shell .card-head,.member-shell .settings-section-head{
  background:linear-gradient(180deg,#fff 0%,#f4fbfc 100%);
  border-bottom-color:#dcebf0;
}
.member-shell .btn-primary{background:linear-gradient(135deg,#0f766e,#0369a1);box-shadow:0 10px 24px rgba(3,105,161,.18)}
.member-shell .btn-primary:hover{background:linear-gradient(135deg,#0d9488,#0284c7)}
.member-shell .btn-gold{background:#ccfbf1;color:#115e59;border-color:#99f6e4}
.member-shell .btn-ghost{border-color:#d2e4ea;color:#164e63}
.member-shell .metric-icon{background:#e0f7f5;color:#0f766e}
.member-shell .form-control:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.14)}
.member-shell .mobile-appbar{background:linear-gradient(90deg,#073b4c,#0f6f82);color:#fff;border-bottom-color:rgba(255,255,255,.08)}
.member-shell .mobile-appbar button{color:#fff}
.member-shell .mobile-appbar a{background:linear-gradient(135deg,#14b8a6,#0284c7);color:#fff}
.member-shell .page-hero{background:linear-gradient(180deg,#fff 0%,#f0fbfc 100%);border-color:#d3e8ed}

/* Admin: purple–plum workspace */
.admin-shell{
  --admin-primary:#7c3aed;
  --admin-primary-dark:#4c1d95;
  --admin-primary-soft:#f3e8ff;
  --admin-accent:#f472b6;
  --admin-accent-2:#a855f7;
  --admin-ink:#281337;
  --admin-muted:#74647f;
  --admin-line:#e8dff0;
  --admin-bg:#f7f2fa;
  --admin-sidebar:#281331;
  --admin-sidebar-2:#421852;
  background:
    radial-gradient(circle at 93% 3%,rgba(244,114,182,.10),transparent 26%),
    linear-gradient(180deg,#fcf9fd 0%,#f5eff8 100%);
}
.admin-shell .admin-sidebar{
  background:
    radial-gradient(circle at 16% 0%,rgba(244,114,182,.15),transparent 33%),
    linear-gradient(180deg,#281331 0%,#421852 100%);
}
.admin-shell .sidebar-nav a.active{
  background:linear-gradient(90deg,rgba(244,114,182,.24),rgba(124,58,237,.14));
  box-shadow:inset 3px 0 0 #f9a8d4;
}
.admin-shell .sidebar-nav a.active .nav-dot{background:#f9a8d4;box-shadow:0 0 0 4px rgba(249,168,212,.16)}
.admin-shell .app-header{
  background:rgba(255,255,255,.90);
  border-top:4px solid #a855f7;
  border-bottom-color:#eadff1;
  box-shadow:0 8px 24px rgba(66,24,82,.055);
}
.admin-shell .app-header .eyebrow{color:#7c3aed}
.admin-shell .member-chip>span,.admin-shell .avatar{background:linear-gradient(135deg,#f472b6,#7c3aed)}
.admin-shell .btn-primary{background:linear-gradient(135deg,#9333ea,#5b21b6);box-shadow:0 10px 25px rgba(124,58,237,.22)}
.admin-shell .btn-primary:hover{background:linear-gradient(135deg,#a855f7,#6d28d9)}
.admin-shell .btn-gold{background:#fce7f3;color:#9d174d;border-color:#fbcfe8}
.admin-shell .metric-icon{background:#f3e8ff;color:#6b21a8}
.admin-shell .form-control:focus{border-color:#c084fc;box-shadow:0 0 0 3px rgba(192,132,252,.15)}
.admin-shell .mobile-appbar{background:linear-gradient(90deg,#281331,#5b2172);color:#fff}
.admin-shell .mobile-appbar button{color:#fff}
.admin-shell .mobile-appbar a{background:linear-gradient(135deg,#f472b6,#7c3aed);color:#fff}
.admin-shell .page-hero{background:linear-gradient(180deg,#fff 0%,#fbf5fd 100%);border-color:#e8dcef}

/* Operational pages: clear non-production notice */
.staging-readonly-note{
  display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border:1px solid #f2cf83;
  border-radius:14px;background:#fff9e9;color:#714b00;font-size:.76rem;line-height:1.55
}
.staging-readonly-note strong{display:block;margin-bottom:2px}
.staging-readonly-note:before{content:"STG";flex:0 0 auto;display:grid;place-items:center;min-width:38px;height:28px;padding:0 7px;border-radius:9px;background:#92400e;color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.08em}
.operational-fallback{padding:18px;border:1px dashed var(--line);border-radius:14px;background:#fbfcfe;color:var(--muted);font-size:.78rem;line-height:1.6}
@media(max-width:900px){
  .member-shell .mobile-appbar,.admin-shell .mobile-appbar{padding-top:max(0px,env(safe-area-inset-top));height:calc(60px + env(safe-area-inset-top))}
}

/* =========================================================
   Snake EA Pro V4.2.4 — Gold Admin / Blue Member UI System
   ========================================================= */
:root{
  --snake-navy:#0d315f;
  --snake-navy-deep:#071d3a;
  --snake-blue:#1667c8;
  --snake-blue-soft:#eaf3ff;
  --snake-gold:#f3b64d;
  --snake-gold-2:#ffcb6b;
  --snake-gold-soft:#fff7e7;
  --snake-gold-line:#f1d49a;
}
html,body{max-width:100%;overflow-x:hidden}
.app-main,.app-content,.grid,.card,.table-wrap{min-width:0}
.app-header{height:auto;min-height:104px;padding:18px 34px;align-items:center}
.app-header-copy{min-width:0;max-width:820px}.app-header-copy>p:last-child{margin:5px 0 0;color:var(--muted);font-size:.76rem;line-height:1.45;background:#fff;border-radius:8px;display:inline-block;padding:2px 6px 2px 0}
.app-header-copy h1{line-height:1.15}.app-content{width:100%;box-sizing:border-box}
.workspace-badge-admin{color:#754800;background:var(--snake-gold-soft);border-color:var(--snake-gold-line)}
.workspace-badge-member{color:#07509f;background:#eaf4ff;border-color:#c5ddfa}
.sidebar-link-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:.62rem;font-weight:900;background:#fff;color:var(--snake-navy-deep);box-shadow:0 4px 12px rgba(0,0,0,.16)}

/* Member is dominantly blue. */
.member-shell{background:linear-gradient(180deg,#f4f8fd 0%,#eef5fc 100%)}
.member-shell .sidebar{background:linear-gradient(180deg,#08264b 0%,#0d4179 100%)}
.member-shell .sidebar-nav a.active{background:linear-gradient(90deg,#1d71cf,#1558a6);color:#fff;box-shadow:0 9px 20px rgba(4,57,116,.24)}
.member-shell .sidebar-nav a.active .nav-dot{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16)}
.member-shell .sidebar-count{color:#0c57a6}
.member-shell .app-header{border-top:4px solid var(--snake-blue);background:#fff}
.member-shell .app-header .eyebrow,.member-shell .link{color:var(--snake-blue)}
.member-shell .btn-primary{background:linear-gradient(135deg,#1976d2,#0f4f9d);color:#fff;border-color:transparent;box-shadow:0 9px 22px rgba(22,103,200,.22)}
.member-shell .btn-primary:hover{background:linear-gradient(135deg,#2584e0,#145db4)}
.member-shell .avatar,.member-shell .member-chip>span{background:linear-gradient(135deg,#2584e0,#0d4c96);color:#fff}
.member-shell .mobile-appbar{background:linear-gradient(90deg,#0a315f,#1466b9)}

/* Admin is dominantly gold, supported by logo navy. */
.admin-shell{background:linear-gradient(180deg,#fbfaf6 0%,#f7f3e9 100%)}
.admin-shell .admin-sidebar{background:linear-gradient(180deg,var(--snake-navy-deep) 0%,var(--snake-navy) 100%)}
.admin-shell .sidebar-brand small{color:#e5c782}
.admin-shell .sidebar-nav a{color:#d7e1ef}
.admin-shell .sidebar-nav a:hover{background:rgba(243,182,77,.13);color:#fff}
.admin-shell .sidebar-nav a.active{background:linear-gradient(90deg,var(--snake-gold),var(--snake-gold-2));color:#102b4e;box-shadow:0 10px 26px rgba(243,182,77,.24)}
.admin-shell .sidebar-nav a.active .nav-dot{background:var(--snake-navy);box-shadow:0 0 0 4px rgba(13,49,95,.13)}
.admin-shell .sidebar-nav a.active .sidebar-count{background:var(--snake-navy);color:#fff}
.admin-shell .sidebar-group-label{color:#d5bc83}
.admin-shell .member-chip>span,.admin-shell .avatar{background:linear-gradient(135deg,var(--snake-gold-2),var(--snake-gold));color:var(--snake-navy-deep)}
.admin-shell .app-header{border-top:5px solid var(--snake-gold);background:linear-gradient(90deg,#fff 0%,#fffaf0 100%)}
.admin-shell .app-header .eyebrow,.admin-shell .link{color:#a76600}
.admin-shell .btn-primary,.admin-shell .settings-tab.active,.admin-shell .is-filter-active{background:linear-gradient(135deg,var(--snake-gold-2),var(--snake-gold))!important;color:var(--snake-navy-deep)!important;border-color:#e5a83e!important;box-shadow:0 9px 22px rgba(214,145,27,.20)}
.admin-shell .btn-primary:hover{background:linear-gradient(135deg,#ffd47c,#f0ad3e)!important}
.admin-shell .btn-gold{background:var(--snake-navy);color:#fff;border-color:var(--snake-navy)}
.admin-shell .btn-ghost{color:#173c68;border-color:#ccd7e5;background:#fff}
.admin-shell .btn-ghost:hover{border-color:var(--snake-gold);background:var(--snake-gold-soft)}
.admin-shell .metric-icon{background:var(--snake-gold-soft);color:#9a5d00}
.admin-shell .form-control:focus{border-color:var(--snake-gold);box-shadow:0 0 0 3px rgba(243,182,77,.18)}
.admin-shell .mobile-appbar{background:linear-gradient(90deg,var(--snake-navy-deep),var(--snake-navy));border-bottom:3px solid var(--snake-gold)}
.admin-shell .page-hero,.admin-shell .settings-hero,.admin-shell .release-hero,.admin-shell .deploy-hero,.admin-shell .health-hero,.admin-shell .live-hero{background:linear-gradient(135deg,#fffdf8 0%,var(--snake-gold-soft) 100%);border-color:var(--snake-gold-line);color:var(--ink)}
.admin-shell .page-hero .eyebrow,.admin-shell .settings-hero .eyebrow,.admin-shell .release-hero .eyebrow,.admin-shell .deploy-hero .eyebrow,.admin-shell .health-hero .eyebrow,.admin-shell .live-hero .eyebrow{color:#a76600!important}
.admin-shell .live-hero h2,.admin-shell .live-hero p,.admin-shell .deploy-hero h2,.admin-shell .deploy-hero p{color:var(--ink)}
.admin-shell .card,.admin-shell .metric-card,.admin-shell .release-card,.admin-shell .deploy-card,.admin-shell .live-card,.admin-shell .backup-card,.admin-shell .gdb-card,.admin-shell .settings-card{border-color:#e6dcc6;box-shadow:0 11px 30px rgba(57,43,18,.055)}
.admin-shell .card-head,.admin-shell .release-card-head,.admin-shell .deploy-card-head,.admin-shell .live-card-head,.admin-shell .backup-card-head,.admin-shell .settings-card-head{background:linear-gradient(180deg,#fff 0%,#fffcf5 100%);border-color:#eee2c9}
.admin-shell table thead,.admin-shell .table-wrap thead{background:#fff8e8}
.admin-shell .status-info{background:#edf4ff;color:#1556a1}.admin-shell .status-warning,.admin-shell .status-pending,.admin-shell .status-trial{background:#fff3d4;color:#8b5600}
.admin-shell .status-active,.admin-shell .status-online,.admin-shell .status-paid{background:#e8f8ef;color:#087443}
.admin-shell .status-offline,.admin-shell .status-expired,.admin-shell .status-rejected,.admin-shell .status-blocked{background:#fff0f1;color:#b4232b}

/* Collapsible sections. */
.ui-collapse-section>.card-head,.ui-collapse-section>.release-card-head,.ui-collapse-section>.deploy-card-head,.ui-collapse-section>.live-card-head,.ui-collapse-section>.backup-card-head,.ui-collapse-section>.settings-card-head,.ui-collapse-section>.gdb-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:default}
.ui-collapse-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid #d9dfe8;border-radius:10px;background:#fff;color:#344054;font:700 .7rem/1 Inter,sans-serif;cursor:pointer}
.admin-shell .ui-collapse-toggle:hover{border-color:var(--snake-gold);background:var(--snake-gold-soft)}
.ui-collapse-section.is-collapsed>.ui-collapse-body{display:none}.ui-collapse-section.is-collapsed .ui-chevron{transform:rotate(-90deg)}
.ui-chevron{display:inline-grid;place-items:center;font-size:1rem;transition:transform .18s ease}
.ui-collapse-body{min-width:0}.hero-panel-card.ui-collapse-section>.ui-collapse-body{padding-top:2px}

/* Unified dropdown lists with default item limit. */
.ui-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border:1px solid #e2e7ee;border-radius:13px;background:#fff;margin:0 0 12px}
.ui-list-total{display:flex;align-items:baseline;gap:7px}.ui-list-total strong{font-size:1.05rem}.ui-list-total span{color:var(--muted);font-size:.72rem}
.ui-page-size{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:700}.ui-page-size select{border:1px solid #d9e1ea;border-radius:9px;background:#fff;padding:7px 28px 7px 10px;color:var(--ink);font-weight:800}
.ui-list-wrap{overflow:visible!important;padding:14px!important}.ui-record-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;min-width:0}
.ui-record{border:1px solid #dde4ec;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(16,33,58,.035)}
.ui-record[open]{border-color:#cfb06f;box-shadow:0 10px 24px rgba(92,63,12,.075)}
.ui-record-summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:68px;padding:14px 16px;cursor:pointer;background:#fff}
.ui-record-summary::-webkit-details-marker{display:none}.ui-record-main{display:block;min-width:0}.ui-record-main strong{display:block;font-size:.9rem;color:var(--ink);overflow-wrap:anywhere}.ui-record-main small{display:block;margin-top:5px;color:var(--muted);font-size:.7rem;line-height:1.45;overflow-wrap:anywhere}.ui-record-state{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.ui-record-badges:empty{display:none}.ui-plain-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:.66rem;font-weight:800}.ui-record[open]>.ui-record-summary{background:#fffaf0;border-bottom:1px solid #eee0c3}.ui-record[open]>.ui-record-summary .ui-chevron{transform:rotate(180deg)}
.ui-record-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px;background:#fbfcfe}.ui-record-field{min-width:0;padding:12px;border:1px solid #e3e8ef;border-radius:11px;background:#fff}.ui-record-label{display:block;margin-bottom:6px;color:#667085;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.ui-record-value{font-size:.76rem;line-height:1.55;overflow-wrap:anywhere;min-width:0}.ui-record-value .admin-secret-action{max-width:420px}.ui-record-value form{max-width:540px}
.ui-card-record>.ui-record-summary{padding:16px 18px}.ui-card-record>.ui-record-summary>div:first-child{min-width:0}.ui-card-record>.ui-record-summary h3{margin:0;font-size:1rem}.ui-card-record>.ui-record-summary small{display:block;margin-top:5px}.ui-card-record>.payment-review-body,.ui-card-record>.refund-body,.ui-card-record>.consent-body,.ui-card-record>.card-body{border-top:1px solid #eee0c3}
.ui-monitor-brief{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.72rem}.ui-monitor-brief b{padding:5px 8px;border-radius:8px;background:#edf4ff;color:#1556a1}.ui-monitor-brief span{color:#475467}.monitoring-record-list{margin:0}.ui-monitor-section>.ui-collapse-body{padding:14px}.ui-monitor-record>.card-body{border-top:1px solid #eee0c3}

/* Active filters and small count badges. */
.payment-filter,.refund-filter,.notice-toolbar-actions{position:relative}
.payment-filter .btn,.refund-filter .btn,.notice-toolbar-actions .btn{position:relative}
.ui-filter-count{position:absolute;top:-8px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--snake-navy);color:#fff;font-size:.56rem;font-weight:900;border:2px solid #fff}
.admin-shell .notice-toolbar-actions a.btn-danger.is-filter-active{background:linear-gradient(135deg,var(--snake-gold-2),var(--snake-gold))!important;color:var(--snake-navy-deep)!important;border-color:#e5a83e!important}

/* Notifications. */
.ui-notification-item{position:relative}.admin-notice.unread{background:#fff9e9;border-color:#e9c06d;box-shadow:inset 4px 0 0 var(--snake-gold)}.admin-notice.unread .admin-notice-dot{background:var(--snake-gold)}
.ui-notification-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-notice:hover .ui-notification-message{display:block}

/* Compact severity pills: remove oversized critical/warning circles. */
.incident-top .pill,.pill-critical,.pill-warning,.health-state,.queue-status{width:auto!important;min-width:0!important;height:auto!important;border-radius:999px!important;padding:6px 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:.62rem!important;line-height:1!important}
.pill-critical{background:#fff0f1!important;color:#b4232b!important}.pill-warning{background:#fff5d9!important;color:#8b5600!important}.pill-ok{background:#e9f9f0!important;color:#087443!important}
.incident-top{align-items:flex-start}.incident{overflow:hidden}

/* Long code/command safety. */
.ui-scroll-code,.cron-box,.code-box,.deploy-command,.release-code{display:block;max-width:100%;overflow-x:auto!important;overflow-y:hidden;white-space:pre!important;word-break:normal!important;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.ui-overflow-guard{max-width:100%;overflow-x:auto}
.deploy-layout,.release-grid,.backup-grid,.gdb-grid,.settings-grid{min-width:0}.deploy-card,.release-card,.backup-card,.gdb-card,.settings-card{min-width:0;max-width:100%}

/* Backup & Restore and Google Drive modern cleanup. */
.backup-grid,.gdb-grid{gap:18px}.backup-kpis,.gdb-kpis{gap:14px}.backup-card,.gdb-card{border-radius:18px!important;overflow:hidden}.backup-card-head,.gdb-card-head{padding:17px 20px!important}.backup-card-body,.gdb-card-body{padding:18px 20px!important}.gdb-card:first-of-type{background:linear-gradient(135deg,#fffdf8,#fff5d9);border-color:var(--snake-gold-line)}
.gdb-card:first-of-type .btn-primary{min-width:150px}.gdb-danger{background:#fffafa!important;border-color:#ffc8cc!important}.gdb-danger .btn-danger{border-radius:10px}.backup-dep{border-radius:10px;background:#fbfcfe;padding:11px 12px}.backup-table{min-width:680px}

/* Settings: controlled accordion appearance. */
.settings-card.ui-collapse-section{overflow:hidden}.settings-card .ui-collapse-body{padding:0}.settings-card .ui-collapse-body>.settings-card-body{padding:18px}.settings-card-head h3{margin:0}.settings-card-head p{margin:4px 0 0;color:var(--muted);font-size:.72rem}

/* Overview spacing and clear background. */
.admin-shell .page-hero{isolation:isolate}.admin-shell .page-hero+.admin-summary{margin-top:24px}.admin-shell .app-header+.app-content{position:relative}.admin-shell .app-header-copy>p:last-child{background:#fffaf0;padding:3px 8px;border:1px solid #f2e5c8}

/* Restore point / deployment / audit wrappers. */
.release-card .ui-list-wrap,.deploy-card .ui-list-wrap{padding:14px!important}.audit-pager,.audit-pagination{background:#fffaf0}

@media(max-width:1100px){
  .ui-record-body{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-header{padding-inline:24px}.app-content{padding-inline:24px}
}
@media(max-width:900px){
  .app-header{display:none}.app-content{padding:18px 16px 40px}.ui-list-toolbar{position:sticky;top:66px;z-index:12;box-shadow:0 8px 20px rgba(16,33,58,.07)}
  .ui-record-summary{grid-template-columns:minmax(0,1fr) auto}.ui-record-state{grid-column:1/2;justify-content:flex-start}.ui-record-summary>.ui-chevron{grid-column:2;grid-row:1/3}
}
@media(max-width:680px){
  .ui-record-body{grid-template-columns:1fr}.ui-record-summary{padding:13px}.ui-record-field{padding:11px}.ui-list-toolbar{align-items:flex-start}.ui-list-total{display:block}.ui-page-size{flex-direction:column;align-items:flex-start}.ui-page-size select{min-width:104px}
  .payment-filter,.refund-filter,.notice-toolbar-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.payment-filter .btn,.refund-filter .btn,.notice-toolbar-actions .btn{width:100%;text-align:center}
  .admin-shell .sidebar-nav a.active{box-shadow:none}.app-content{padding-inline:12px}.backup-card-body,.gdb-card-body{padding:14px!important}
}
@media(prefers-reduced-motion:reduce){.ui-chevron,.ui-record,.ui-collapse-toggle{transition:none!important}}
.ui-notification-record.unread{border-color:#e9c06d;box-shadow:inset 4px 0 0 var(--snake-gold)}
.ui-notification-record .ui-record-summary{grid-template-columns:auto minmax(0,1fr) auto auto}
.ui-unread-dot{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.ui-notification-record.unread .ui-unread-dot{background:var(--snake-gold);box-shadow:0 0 0 4px rgba(243,182,77,.16)}
.ui-notification-detail{grid-template-columns:1fr}.ui-notification-detail .admin-notice-dot{display:none}.ui-notification-detail .btn{width:max-content}
.ui-session-record .ui-record-body{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ui-session-record .admin-session-meta{margin:0}.ui-session-record form{justify-self:end}
@media(max-width:680px){.ui-notification-record .ui-record-summary{grid-template-columns:auto minmax(0,1fr) auto}.ui-notification-record .ui-record-state{grid-column:2}.ui-session-record .ui-record-body{grid-template-columns:1fr}.ui-session-record form{justify-self:stretch}}
.gdb-modern{display:grid;gap:18px}.gdb-hero-card{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:center;padding:26px;border:1px solid var(--snake-gold-line);border-radius:22px;background:linear-gradient(135deg,#fffdf8,#fff5da);box-shadow:0 15px 36px rgba(79,54,10,.07)}
.gdb-hero-copy h2{margin:14px 0 8px;font-size:1.55rem;letter-spacing:-.025em}.gdb-hero-copy p{margin:0;color:var(--muted);line-height:1.65;max-width:760px}.gdb-hero-mark{position:relative;height:170px;display:grid;place-items:center;overflow:hidden}.gdb-cloud{font-size:8rem;line-height:1;color:#f4e7c6;filter:drop-shadow(0 12px 24px rgba(112,76,10,.12))}.gdb-drive{position:absolute;font-size:3.4rem;color:var(--snake-gold);transform:rotate(180deg)}.gdb-shield{position:absolute;right:28px;bottom:22px;width:58px;height:68px;border-radius:30px 30px 38px 38px;display:grid;place-items:center;background:var(--snake-navy);color:#fff;font-size:1.8rem;font-weight:900;border:5px solid #fff;box-shadow:0 9px 24px rgba(13,49,95,.22)}
.gdb-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gdb-summary-card{padding:17px 18px;border:1px solid #e7dec9;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(35,31,24,.04)}.gdb-summary-card span,.gdb-summary-card small{display:block;color:var(--muted);font-size:.68rem}.gdb-summary-card strong{display:block;margin:7px 0 4px;font-size:.96rem;overflow-wrap:anywhere}.gdb-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid #eee2c9}.gdb-card-head h3{margin:0!important}.gdb-card-head p{margin:4px 0 0!important}.gdb-card-body{padding:18px 20px}.gdb-mini-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.64rem}.gdb-mini-status.ok{background:#e8f8ef;color:#087443}.gdb-mini-status.warn{background:#fff3d4;color:#8b5600}.gdb-file-name{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdb-danger-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:center}.gdb-danger-form .form-control{margin:0}
@media(max-width:1000px){.gdb-hero-card{grid-template-columns:1fr}.gdb-hero-mark{display:none}.gdb-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.gdb-summary-grid{grid-template-columns:1fr}.gdb-hero-card{padding:20px}.gdb-danger-form{grid-template-columns:1fr}.gdb-file-name{max-width:220px}}
.backup-modern-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin-bottom:18px;padding:22px 24px;border:1px solid var(--snake-gold-line);border-radius:20px;background:linear-gradient(135deg,#fffdf8,#fff5dc);box-shadow:0 12px 30px rgba(79,54,10,.06)}.backup-modern-hero h2{margin:8px 0 7px;font-size:1.35rem}.backup-modern-hero p{margin:0;color:var(--muted);max-width:760px;line-height:1.6}.backup-modern-steps{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.backup-modern-steps span{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid #ecd8ae;color:#6c4a0d;font-size:.68rem;font-weight:800}
@media(max-width:850px){.backup-modern-hero{grid-template-columns:1fr}.backup-modern-steps{justify-content:flex-start}}
.ui-card-list-section{overflow:hidden}.ui-card-list-body{padding:14px}.ui-card-list-body>.ui-list-toolbar{margin-bottom:12px}.ui-card-list-body>.ui-record-list{margin:0}

/* =========================================================
   V4.2.4R1 FINAL UI HOTFIX
   - Fixed workspace header on scroll
   - Stronger text contrast
   - Admin brown/red + gold identity
   - Member blue identity remains unchanged
   ========================================================= */
:root{
  --workspace-header-height:118px;
  --admin-brown-deep:#3b160f;
  --admin-brown:#642415;
  --admin-brown-rich:#812f19;
  --admin-cream:#fff7e7;
  --admin-gold:#f3b64d;
  --admin-gold-2:#ffc968;
}

/* Desktop header always remains visible. JS keeps the offset accurate. */
@media(min-width:901px){
  .app-shell .app-header{
    position:fixed!important;
    top:0;
    right:0;
    left:var(--sidebar);
    width:auto;
    min-height:104px;
    z-index:70;
    box-shadow:0 8px 24px rgba(27,20,13,.08);
    isolation:isolate;
  }
  .app-shell .app-main{
    padding-top:var(--workspace-header-height,118px);
  }
  .app-shell .flash-stack{
    top:calc(var(--workspace-header-height,118px) + 12px);
  }
}

/* Member stays blue. Admin receives a distinct deep brown/red workspace. */
.admin-shell{
  --admin-sidebar:var(--admin-brown-deep);
  --admin-sidebar-2:var(--admin-brown-rich);
}
.admin-shell .admin-sidebar{
  background:
    radial-gradient(circle at 18% 8%,rgba(255,201,104,.12),transparent 24%),
    linear-gradient(180deg,var(--admin-brown-deep) 0%,var(--admin-brown) 56%,var(--admin-brown-rich) 100%)!important;
  border-right:1px solid rgba(255,201,104,.22);
  box-shadow:12px 0 34px rgba(49,15,8,.16);
}
.admin-shell .sidebar-brand{
  border-bottom-color:rgba(255,220,150,.18)!important;
}
.admin-shell .sidebar-brand span,
.admin-shell .member-chip strong{
  color:#fff8ea!important;
}
.admin-shell .sidebar-brand small,
.admin-shell .member-chip small{
  color:#f5c96f!important;
}
.admin-shell .sidebar-group-label{
  color:#ffd47c!important;
  opacity:1;
}
.admin-shell .sidebar-nav a{
  color:#f5e8d4!important;
}
.admin-shell .sidebar-nav a:hover{
  background:rgba(255,201,104,.12)!important;
  color:#fff!important;
}
.admin-shell .sidebar-nav a .nav-dot{
  background:#d6a278!important;
}
.admin-shell .sidebar-nav a.active{
  background:linear-gradient(135deg,var(--admin-gold-2),var(--admin-gold))!important;
  color:#3a160f!important;
  box-shadow:0 12px 28px rgba(243,182,77,.25)!important;
}
.admin-shell .sidebar-nav a.active .nav-dot{
  background:#5e2114!important;
  box-shadow:0 0 0 5px rgba(94,33,20,.12)!important;
}
.admin-shell .sidebar-count{
  background:#fff2cf!important;
  color:#5a2013!important;
  border:1px solid rgba(255,201,104,.42);
}
.admin-shell .sidebar-nav a.active .sidebar-count{
  background:#5a2013!important;
  color:#fff6df!important;
  border-color:#5a2013;
}
.admin-shell .sidebar-bottom{
  border-top-color:rgba(255,220,150,.22)!important;
  background:rgba(47,13,8,.16);
}
.admin-shell .logout-link{
  color:#ffd4c8!important;
}
.admin-shell .logout-link:hover{
  color:#fff!important;
}
.admin-shell .mobile-appbar{
  background:linear-gradient(90deg,var(--admin-brown-deep),var(--admin-brown-rich))!important;
  border-bottom:3px solid var(--admin-gold)!important;
  color:#fff8e8!important;
}
.admin-shell .mobile-appbar button{
  color:#fff8e8!important;
}
.admin-shell .mobile-appbar a{
  background:linear-gradient(135deg,var(--admin-gold-2),var(--admin-gold))!important;
  color:#3a160f!important;
}

/* Strong readable contrast on all admin hero/banner descriptions. */
.admin-shell .page-hero,
.admin-shell .health-hero,
.admin-shell .release-hero,
.admin-shell .deploy-hero,
.admin-shell .settings-hero,
.admin-shell .live-hero{
  color:#2f1d18!important;
}
.admin-shell .page-hero h1,
.admin-shell .page-hero h2,
.admin-shell .page-hero h3,
.admin-shell .health-hero h1,
.admin-shell .health-hero h2,
.admin-shell .release-hero h1,
.admin-shell .release-hero h2,
.admin-shell .deploy-hero h1,
.admin-shell .deploy-hero h2,
.admin-shell .settings-hero h1,
.admin-shell .settings-hero h2,
.admin-shell .live-hero h1,
.admin-shell .live-hero h2{
  color:#2f1831!important;
  opacity:1!important;
}
.admin-shell .page-hero p,
.admin-shell .page-hero .hero-lead,
.admin-shell .health-hero p,
.admin-shell .release-hero p,
.admin-shell .deploy-hero p,
.admin-shell .settings-hero p,
.admin-shell .live-hero p{
  color:#5a4637!important;
  opacity:1!important;
  text-shadow:none!important;
}
.admin-shell .page-hero .muted,
.admin-shell .health-hero .muted,
.admin-shell .release-hero .muted,
.admin-shell .deploy-hero .muted,
.admin-shell .settings-hero .muted,
.admin-shell .live-hero .muted{
  color:#665142!important;
  opacity:1!important;
}
.admin-shell .card-head p,
.admin-shell .release-card-head p,
.admin-shell .deploy-card-head p,
.admin-shell .live-card-head p,
.admin-shell .backup-card-head p,
.admin-shell .settings-card-head p,
.admin-shell .card-head small,
.admin-shell .release-card-head small,
.admin-shell .deploy-card-head small,
.admin-shell .live-card-head small,
.admin-shell .backup-card-head small,
.admin-shell .settings-card-head small{
  color:#6a5a4d!important;
  opacity:1!important;
}
.admin-shell .app-header-copy>p:last-child{
  color:#665343!important;
  background:#fff8ea!important;
  border-color:#ead2a5!important;
  opacity:1!important;
}

/* Gold remains the primary admin action color. */
.admin-shell .workspace-badge-admin{
  background:#fff3d3!important;
  border-color:#e9bd69!important;
  color:#6e3b00!important;
}
.admin-shell .app-header{
  border-top-color:var(--admin-gold)!important;
  background:linear-gradient(90deg,#fff 0%,#fff8e9 100%)!important;
}
.admin-shell .avatar,
.admin-shell .member-chip>span{
  background:linear-gradient(135deg,var(--admin-gold-2),var(--admin-gold))!important;
  color:#3b160f!important;
}
.admin-shell .btn-primary,
.admin-shell .settings-tab.active,
.admin-shell .is-filter-active{
  background:linear-gradient(135deg,var(--admin-gold-2),var(--admin-gold))!important;
  color:#3b160f!important;
  border-color:#e1a338!important;
}

/* Mobile keeps its compact sticky bar and must not reserve desktop header space. */
@media(max-width:900px){
  .app-shell .app-main{padding-top:0!important}
  .app-shell .app-header{display:none!important}
  .app-shell .mobile-appbar{
    position:sticky!important;
    top:0!important;
    z-index:75!important;
  }
  .app-shell .flash-stack{top:calc(64px + env(safe-area-inset-top))}
}

@media(prefers-reduced-motion:reduce){
  .app-shell .app-header{transition:none!important}
}

/* =========================================================
   V4.2.4R2 FINAL MOBILE ADMIN FIX
   - Mobile admin top bar truly fixed
   - Backup & Restore mobile rebuilt for compact usability
   - No page-level horizontal overflow
   ========================================================= */
:root{
  --mobile-appbar-height:60px;
}

.backup-card-head-copy{
  min-width:0;
  flex:1 1 auto;
}
.backup-card-head-copy h3{
  margin:0;
}
.backup-card-head-copy p{
  margin:4px 0 0;
}
.backup-empty-state{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0;
  padding:22px 20px;
  color:#5f5348;
  background:linear-gradient(180deg,#fffdf9 0%,#fff9ee 100%);
}
.backup-empty-state strong{
  display:block;
  color:#2f1d18;
  font-size:.9rem;
}
.backup-empty-state p{
  margin:5px 0 0;
  color:#6b5d50;
  font-size:.72rem;
  line-height:1.55;
}
.backup-empty-icon{
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#fff1cb;
  color:#855100;
  border:1px solid #e8c476;
  font-size:1.25rem;
  font-weight:900;
}

@media(max-width:900px){
  html,body{
    max-width:100%;
    overflow-x:hidden!important;
  }
  .app-shell,
  .app-main,
  .app-content{
    max-width:100%;
    min-width:0;
    overflow-x:clip;
  }

  /* Fixed app bar: it no longer scrolls away on iPhone/Android. */
  .app-shell .mobile-appbar{
    position:fixed!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    min-height:60px;
    height:calc(60px + env(safe-area-inset-top));
    padding:env(safe-area-inset-top) 18px 0!important;
    box-sizing:border-box;
    z-index:100!important;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    box-shadow:0 8px 22px rgba(30,15,8,.14);
  }
  .app-shell .app-main{
    padding-top:var(--mobile-appbar-height,60px)!important;
  }
  .app-shell .flash-stack{
    top:calc(var(--mobile-appbar-height,60px) + 10px)!important;
  }
  .app-shell .sidebar{
    z-index:120!important;
  }
  .app-shell .sidebar-overlay.open{
    z-index:110!important;
  }
  .app-content{
    padding-bottom:calc(52px + env(safe-area-inset-bottom))!important;
  }

  /* Backup & Restore: compact, readable, and no broken two-column layout. */
  .backup-modern-hero{
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin-bottom:14px!important;
    padding:17px!important;
    border-radius:17px!important;
  }
  .backup-modern-hero h2{
    margin:7px 0 6px!important;
    font-size:1.12rem!important;
    line-height:1.28!important;
  }
  .backup-modern-hero p{
    font-size:.76rem!important;
    line-height:1.55!important;
  }
  .backup-modern-steps{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    justify-content:stretch!important;
  }
  .backup-modern-steps span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:8px 7px!important;
    text-align:center;
    white-space:normal;
  }
  .backup-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-bottom:14px!important;
  }
  .backup-kpi{
    min-width:0;
    min-height:100px;
    padding:14px!important;
    border-radius:15px!important;
  }
  .backup-kpi span{
    font-size:.57rem!important;
    line-height:1.35;
  }
  .backup-kpi strong{
    margin-top:7px!important;
    font-size:.88rem!important;
    line-height:1.35;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .backup-layout{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .backup-layout>div{
    width:100%!important;
    min-width:0!important;
  }
  .backup-card{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:12px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .backup-card-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-width:0!important;
    padding:14px 15px!important;
  }
  .backup-card-head-copy{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .backup-card-head h3{
    font-size:.84rem!important;
    line-height:1.35!important;
    overflow-wrap:break-word!important;
  }
  .backup-card-head p{
    max-width:100%!important;
    font-size:.64rem!important;
    line-height:1.45!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .backup-card .ui-collapse-toggle{
    flex:0 0 auto!important;
    min-width:72px;
    margin-left:0!important;
  }
  .backup-card-body{
    width:100%!important;
    min-width:0!important;
    padding:14px!important;
    box-sizing:border-box;
  }
  .backup-form-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .backup-form-grid .wide{
    grid-column:auto!important;
  }
  .backup-card .form-group,
  .backup-card .form-control,
  .backup-card select,
  .backup-card input,
  .backup-card textarea{
    min-width:0!important;
    max-width:100%!important;
    width:100%;
    box-sizing:border-box;
  }
  .backup-card .btn{
    max-width:100%;
    white-space:normal;
  }
  .backup-note{
    width:100%!important;
    max-width:100%!important;
    padding:12px!important;
    box-sizing:border-box;
    font-size:.69rem!important;
    line-height:1.55!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    overflow-x:hidden!important;
  }
  .backup-note strong,
  .backup-note code{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .backup-note code{
    display:inline!important;
    padding:1px 3px;
  }
  .backup-actions{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .backup-actions form,
  .backup-actions a,
  .backup-actions button{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .backup-dep{
    align-items:flex-start!important;
    padding:10px!important;
    font-size:.65rem!important;
  }
  .backup-dep strong{
    min-width:0!important;
    max-width:56%!important;
    text-align:right;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .backup-empty-state{
    padding:17px 15px;
  }
  .backup-empty-state p{
    font-size:.68rem;
  }
  .backup-empty-icon{
    width:38px;
    height:38px;
  }
  .backup-card .ui-list-wrap{
    padding:12px!important;
  }
  .backup-card .ui-list-toolbar{
    margin-bottom:10px!important;
  }
  .backup-card .ui-record-summary{
    min-height:62px!important;
    padding:12px!important;
  }
  .backup-card .ui-record-body{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  .backup-card .ui-record-field{
    padding:10px!important;
  }
}

@media(max-width:390px){
  .backup-grid{
    grid-template-columns:1fr!important;
  }
  .backup-kpi{
    min-height:auto;
  }
  .backup-modern-steps{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  .backup-actions{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   V4.2.5 MEMBER UI FINAL
   Member: clean blue workspace, compact disclosures, mobile-safe
   Admin: preserved exactly from the approved V4.2.4R2 baseline
   ========================================================= */
:root{
  --member-blue:#1468c9;
  --member-blue-2:#0b4f9c;
  --member-navy:#082f5d;
  --member-cyan:#33c8bc;
  --member-soft:#eef7ff;
  --member-line:#d7e7f4;
  --member-shadow:0 16px 38px rgba(7,63,120,.09);
  --member-radius:18px;
  --admin-navy:#061f42;
  --admin-navy-2:#0b376d;
  --admin-gold:#ffbd55;
  --admin-gold-2:#e9a52f;
}

/* Shared accessible disclosure system */
.member-shell .member-disclosure,
.member-shell .member-item-disclosure,
.member-shell .remote-setting-panel{
  display:block;
  min-width:0;
  margin:0;
  border:1px solid var(--member-line);
  border-radius:var(--member-radius);
  background:rgba(255,255,255,.96);
  box-shadow:var(--member-shadow);
  overflow:hidden;
}
.member-shell .member-disclosure>summary,
.member-shell .member-item-disclosure>summary,
.member-shell .remote-setting-panel>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  padding:18px 20px;
  cursor:pointer;
  user-select:none;
  background:linear-gradient(180deg,#fff 0%,#f8fcff 100%);
  border-bottom:1px solid transparent;
  transition:background .18s ease,border-color .18s ease;
}
.member-shell .member-disclosure>summary::-webkit-details-marker,
.member-shell .member-item-disclosure>summary::-webkit-details-marker,
.member-shell .remote-setting-panel>summary::-webkit-details-marker{display:none}
.member-shell .member-disclosure[open]>summary,
.member-shell .member-item-disclosure[open]>summary,
.member-shell .remote-setting-panel[open]>summary{
  border-bottom-color:var(--member-line);
  background:linear-gradient(180deg,#fff 0%,#f4faff 100%);
}
.member-shell .member-disclosure>summary:hover,
.member-shell .member-item-disclosure>summary:hover,
.member-shell .remote-setting-panel>summary:hover{background:#f3f9ff}
.member-shell .member-disclosure>summary>div:first-child,
.member-shell .member-item-disclosure>summary>div:first-child,
.member-shell .remote-setting-panel>summary>div:first-child{min-width:0}
.member-shell .member-disclosure summary h2,
.member-shell .member-disclosure summary h3,
.member-shell .member-item-disclosure summary h3,
.member-shell .remote-setting-panel summary h3{margin:0;color:#0d3151;line-height:1.3}
.member-shell .member-disclosure summary p,
.member-shell .member-item-disclosure summary p,
.member-shell .remote-setting-panel summary p{margin:4px 0 0;color:#668097;font-size:.78rem;line-height:1.5}
.member-shell .disclosure-action{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:70px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #c9dfef;
  border-radius:10px;
  background:#fff;
  color:#0b4f89;
  font-size:.78rem;
  font-weight:800;
  box-shadow:0 4px 12px rgba(12,85,145,.05);
}
.member-shell .disclosure-action:after{content:"⌄";margin-left:8px;font-size:.9rem;transition:transform .18s ease}
.member-shell details[open]>.member-disclosure-summary .disclosure-action:after,
.member-shell .member-disclosure[open]>summary .disclosure-action:after,
.member-shell .member-item-disclosure[open]>summary .disclosure-action:after,
.member-shell .remote-setting-panel[open]>summary .disclosure-action:after{transform:rotate(180deg)}
.member-shell .member-disclosure-body{padding:20px;min-width:0}
.member-shell .member-disclosure-wide{grid-column:1/-1}
.member-shell .is-list-hidden{display:none!important}
.member-shell .list-limit-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
  padding:10px 12px;
  border:1px solid #dbeaf5;
  border-radius:12px;
  background:#f7fbff;
}
.member-shell .list-limit-toolbar label{display:flex;align-items:center;gap:8px;color:#4d687e;font-size:.76rem;font-weight:700}
.member-shell .list-limit-toolbar select{min-width:92px;padding:8px 34px 8px 10px;border:1px solid #cbddeb;border-radius:9px;background:#fff;color:#173c5e}
.member-shell .list-limit-toolbar [data-visible-counter]{font-size:.72rem;color:#70869a}

/* Member workspace visual refresh */
.member-shell{
  background:linear-gradient(145deg,#edf7ff 0%,#f8fbff 45%,#eef6fd 100%);
}
.member-shell .member-sidebar{
  background:
    radial-gradient(circle at 18% 10%,rgba(51,151,255,.22),transparent 28%),
    linear-gradient(180deg,#072e5c 0%,#0b417d 58%,#0c579f 100%);
  border-right:1px solid rgba(142,203,255,.2);
  box-shadow:18px 0 45px rgba(5,48,93,.12);
}
.member-shell .sidebar-brand{border-bottom-color:rgba(190,224,252,.18)}
.member-shell .sidebar-brand span,
.member-shell .sidebar-brand small{color:#edf8ff}
.member-shell .sidebar-group-label{color:#b8d9ef}
.member-shell .sidebar-nav a{color:#d6ebfb}
.member-shell .sidebar-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.member-shell .sidebar-nav a.active{
  background:linear-gradient(135deg,#1f81e4,#1765bc);
  color:#fff;
  box-shadow:0 10px 24px rgba(0,26,67,.25),inset 0 1px 0 rgba(255,255,255,.16);
}
.member-shell .sidebar-count{
  margin-left:auto;
  min-width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  padding:0 7px;
  border-radius:999px;
  background:#fff;
  color:#0b56a0;
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 4px 12px rgba(0,24,60,.2);
  font-size:.68rem;
}
.member-shell .sidebar-bottom{
  background:rgba(3,31,65,.34);
  border-top-color:rgba(190,224,252,.2);
}
.member-shell .app-header{
  background:rgba(255,255,255,.94)!important;
  border-top:4px solid #2e88dc!important;
  border-bottom-color:#d8e8f4!important;
  box-shadow:0 8px 28px rgba(8,54,102,.07)!important;
  backdrop-filter:blur(16px);
}
.member-shell .workspace-badge-member{
  background:#eaf5ff;
  border-color:#b9daf4;
  color:#0a5aa7;
}
.member-shell .app-header .eyebrow{color:#1870c7}
.member-shell .app-header h1{color:#0b2d4b}
.member-shell .app-header p{color:#58758d}
.member-shell .app-content{
  background:
    radial-gradient(circle at 88% 4%,rgba(77,184,255,.12),transparent 24%),
    linear-gradient(180deg,#edf7ff 0%,#f8fbff 48%,#eef6fd 100%);
}
.member-shell .btn-primary{
  background:linear-gradient(135deg,#247bd0,#0b59a9);
  color:#fff;
  box-shadow:0 10px 24px rgba(18,100,180,.2);
}
.member-shell .btn-primary:hover{background:linear-gradient(135deg,#2b8be8,#0a4e95)}
.member-shell .btn-gold{background:linear-gradient(135deg,#eff8ff,#dceeff);color:#0d5ba3;border-color:#b8d6ee}
.member-shell .btn-ghost{border-color:#cddfec;color:#174b72;background:#fff}
.member-shell .link{color:#0a67bd}
.member-shell .avatar,
.member-shell .mobile-avatar,
.member-shell .member-chip-avatar{
  overflow:hidden;
  border-radius:50%;
  background:linear-gradient(135deg,#2b91ec,#0b56a9);
  color:#fff;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
}
.member-shell .avatar img,
.member-shell .mobile-avatar img,
.member-shell .member-chip-avatar img,
.member-shell .profile-photo-preview img{width:100%;height:100%;object-fit:cover}
.member-shell .avatar-link{display:inline-flex;border-radius:50%}
.member-shell .notification-bell{position:relative}
.member-shell .notification-bell b{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#e43232;
  color:#fff;
  border:2px solid #fff;
  font-size:.62rem;
  line-height:1;
  box-shadow:0 4px 12px rgba(191,28,28,.28);
}

/* Compact status badges */
.member-shell .status-badge-compact{padding:5px 9px!important;font-size:.66rem!important;line-height:1!important;border-radius:999px!important;white-space:nowrap}
.member-shell .status-badge-compact:before{width:6px!important;height:6px!important}

/* Overview metrics and accurate profit chart */
.member-shell .member-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.member-shell .member-metrics-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.member-shell .metric-card{
  min-width:0;
  border:1px solid var(--member-line);
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#f9fcff);
  box-shadow:0 12px 30px rgba(6,67,122,.07);
}
.member-shell .metric-value{font-size:1.42rem;line-height:1.25;overflow-wrap:anywhere}
.member-shell .metric-note{font-size:.72rem;line-height:1.45;color:#658096}
.member-shell .metric-period-form select{width:100%;margin-top:10px;border:1px solid #cfe1ee;border-radius:9px;padding:7px 9px;background:#fff;color:#174b72;font-size:.72rem}
.member-shell .member-dashboard-grid,
.member-shell .monitoring-disclosure-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;align-items:start}
.member-shell .accurate-profit-chart{
  display:grid;
  grid-template-columns:repeat(7,minmax(44px,1fr));
  gap:10px;
  align-items:end;
  min-height:260px;
  overflow-x:auto;
  padding:20px 4px 4px;
}
.member-shell .accurate-profit-column{display:grid;grid-template-rows:26px 170px auto;gap:7px;min-width:58px;text-align:center}
.member-shell .accurate-profit-value{font-size:.65rem;font-weight:800;white-space:nowrap}
.member-shell .accurate-profit-track{display:flex;align-items:flex-end;height:170px;border-bottom:1px solid #d7e7f2;background:linear-gradient(180deg,rgba(225,241,252,.42),rgba(245,250,254,.1));border-radius:8px 8px 0 0;overflow:hidden}
.member-shell .accurate-profit-bar{width:100%;min-height:3px;border-radius:8px 8px 2px 2px;transition:height .25s ease}
.member-shell .accurate-profit-bar.is-positive{background:linear-gradient(180deg,#26c9b6,#72d0b8 58%,#f3cf79)}
.member-shell .accurate-profit-bar.is-negative{background:linear-gradient(180deg,#ec5f63,#f39d8d)}
.member-shell .accurate-profit-label{font-size:.64rem;color:#61798e;line-height:1.25}
.member-shell .risk-list,
.member-shell .profit-list{display:grid;gap:0}
.member-shell .risk-list>div,
.member-shell .profit-list>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #e6eff6}
.member-shell .risk-list>div:last-child,
.member-shell .profit-list>div:last-child{border-bottom:0}
.member-shell .section-footer-link{display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid #e5eef5;font-size:.78rem;font-weight:750;color:#0b66b8}
.member-shell .compact-timeline .timeline-item{padding-top:10px;padding-bottom:10px}

/* Market monitoring collision fix */
.member-shell .market-status{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-width:0;
  padding:14px;
  border:1px solid #d6e8f5;
  border-radius:14px;
  background:linear-gradient(135deg,#f8fcff,#f1f8ff);
}
.member-shell .market-symbol{
  width:auto!important;
  min-width:72px;
  max-width:112px;
  height:50px;
  padding:0 10px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,#0a8c9b,#0b69a8);
  color:#fff!important;
  font-size:.68rem!important;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.member-shell .market-copy{min-width:0}
.member-shell .market-copy strong,
.member-shell .market-copy span{display:block;min-width:0;overflow-wrap:anywhere}
.member-shell .market-copy strong{color:#113552}
.member-shell .market-copy span{margin-top:3px;color:#668096;font-size:.72rem;line-height:1.4}
.member-shell .market-status-safe{color:#0b7855}

/* Accounts */
.member-shell .member-account-list,
.member-shell .license-list-v425,
.member-shell .invoice-list-v425,
.member-shell .history-item-list,
.member-shell .notification-list-v425{display:grid;gap:12px}
.member-shell .member-account-item,
.member-shell .license-item-v425,
.member-shell .invoice-item-v425,
.member-shell .history-item,
.member-shell .notification-item-v425{
  border:1px solid #d9e8f3;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 7px 20px rgba(8,65,117,.04);
}
.member-shell .member-account-item>summary,
.member-shell .license-item-v425>summary,
.member-shell .invoice-item-v425>summary,
.member-shell .history-item>summary,
.member-shell .notification-item-v425>summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px;
  background:#fbfdff;
}
.member-shell .member-account-item>summary::-webkit-details-marker,
.member-shell .license-item-v425>summary::-webkit-details-marker,
.member-shell .invoice-item-v425>summary::-webkit-details-marker,
.member-shell .history-item>summary::-webkit-details-marker,
.member-shell .notification-item-v425>summary::-webkit-details-marker{display:none}
.member-shell .member-account-meta,
.member-shell .license-meta,
.member-shell .invoice-meta-v425{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;flex:1}
.member-shell .member-account-meta>span,
.member-shell .license-meta>span,
.member-shell .invoice-meta-v425>span{min-width:0;color:#547086;font-size:.72rem;overflow-wrap:anywhere}
.member-shell .member-account-meta strong,
.member-shell .license-meta strong,
.member-shell .invoice-meta-v425 strong{display:block;color:#123a59;font-size:.78rem;margin-bottom:2px}
.member-shell .account-summary-statuses{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.member-shell .member-account-body,
.member-shell .license-item-body,
.member-shell .invoice-item-body,
.member-shell .history-item-body,
.member-shell .notification-item-body{padding:16px;border-top:1px solid #e0edf5;background:#fff}
.member-shell .license-key{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:11px;background:#f2f7fb;color:#123a59;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.member-shell .license-history-note{padding:10px 12px;border-radius:10px;background:#fff5f4;color:#a13a3a;font-size:.72rem}
.member-shell .progress{height:8px;border-radius:999px;background:#e7eef4;overflow:hidden}
.member-shell .progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#29c7b5,#82cfaf,#f2c66c)}

/* Remote EA */
.member-shell .remote-master{margin-bottom:14px}
.member-shell .remote-main-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.member-shell .ea-power-copy h3{margin:0 0 6px;color:#103753}
.member-shell .ea-power-copy p{margin:0;color:#607b91;font-size:.76rem}
.member-shell .switch-emphasis{transform:scale(1.08);transform-origin:right center}
.member-shell .remote-section-nav{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:thin}
.member-shell .remote-section-nav .settings-tab{flex:0 0 auto;border:1px solid #cfe0ec;background:#fff;color:#174c72;border-radius:10px;padding:9px 13px}
.member-shell .remote-section-nav .settings-tab.active{background:linear-gradient(135deg,#158aa5,#0b65a9);color:#fff;border-color:transparent;box-shadow:0 6px 15px rgba(8,100,154,.18)}
.member-shell .remote-setting-panel{margin-bottom:12px}
.member-shell .settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.member-shell .remote-save-bar{position:sticky;bottom:12px;z-index:8;border:1px solid #cfe1ee;border-radius:14px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(8,61,109,.12);padding:12px 14px}

/* Monitoring */
.member-shell .monitoring-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.member-shell .metric-value-sm{font-size:1rem!important}

/* Invoice and QRIS */
.member-shell .invoice-page-v425{display:grid;gap:16px}
.member-shell .qris-payment-grid-v425{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:24px;align-items:start}
.member-shell .qris-image-wrap{max-width:390px;margin:auto;border-radius:16px;overflow:hidden;border:1px solid #d8e5ef;background:#fff}
.member-shell .qris-payment-image{width:100%;height:auto}
.member-shell .qris-instructions{min-width:0}
.member-shell .invoice-actions-v425{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.member-shell .workflow-scroll{overflow-x:auto;padding-bottom:4px}
.member-shell .workflow-steps{min-width:620px}
.member-shell .refund-panel-v425{
  margin-top:16px;
  border:1px solid #f0bf72;
  border-radius:15px;
  background:linear-gradient(135deg,#fff9ed,#fff3d9);
  box-shadow:0 9px 24px rgba(195,119,12,.08);
  overflow:hidden;
}
.member-shell .refund-panel-v425>summary{background:transparent!important;border:0!important}
.member-shell .refund-panel-v425 .disclosure-action{border-color:#e8b45b;color:#825000;background:#fff}
.member-shell .refund-status-v425{font-size:.72rem;font-weight:800;color:#9b5b00}
.member-shell .refund-form-v425{padding:16px;border-top:1px solid #efd29e}

/* History */
.member-shell .history-grid-v425{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.member-shell .history-item>summary{align-items:flex-start}
.member-shell .history-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#60798e;font-size:.68rem}

/* Notifications */
.member-shell .notification-filters-v425{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.member-shell .notification-filters-v425 .filter-pill{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #cbdfea;border-radius:10px;background:#fff;color:#174c72;font-size:.76rem;font-weight:750}
.member-shell .notification-filters-v425 .filter-pill.active{background:linear-gradient(135deg,#247ed6,#0c5dab);color:#fff;border-color:transparent;box-shadow:0 7px 18px rgba(11,97,177,.18)}
.member-shell .notification-filters-v425 .filter-pill b{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#eaf5ff;color:#0a5ca9;font-size:.62rem}
.member-shell .notification-filters-v425 .filter-pill.active b{background:#fff;color:#0a5ca9}
.member-shell .notification-grid-v425{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}
.member-shell .notification-bulkbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding:10px;border:1px solid #d8e8f3;border-radius:12px;background:#f7fbff}
.member-shell .notification-item-v425.unread{border-left:4px solid #1e7ad1;background:#f6fbff}
.member-shell .notification-summary-v425{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;flex:1}
.member-shell .notification-dot{width:10px;height:10px;border-radius:50%;background:#bdd0df}
.member-shell .notification-item-v425.unread .notification-dot{background:#1d7ad2;box-shadow:0 0 0 5px rgba(29,122,210,.1)}
.member-shell .notification-title{min-width:0}
.member-shell .notification-title strong{display:block;color:#123a59}
.member-shell .notification-title span{display:block;color:#6a8295;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.member-shell .delivery-state{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.62rem;font-weight:800;background:#edf4f8;color:#527086}
.member-shell .delivery-sent{background:#e8f8f1;color:#087852}
.member-shell .notification-option{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #e6eef4}
.member-shell .notification-option:last-child{border-bottom:0}

/* Profile */
.member-shell .profile-grid-v425{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.member-shell .profile-photo-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}
.member-shell .profile-photo-preview{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#2b91ec,#0b56a9);color:#fff;font-size:2.4rem;font-weight:850;border:5px solid #e9f5ff;box-shadow:0 10px 25px rgba(8,77,137,.15)}
.member-shell .profile-photo-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}

/* More modern member cards */
.member-shell .card,
.member-shell .settings-section,
.member-shell .license-card{
  border-color:var(--member-line);
  box-shadow:0 12px 32px rgba(7,64,117,.065);
}
.member-shell .card-head,
.member-shell .settings-section-head{background:linear-gradient(180deg,#fff,#f5faff);border-bottom-color:var(--member-line)}
.member-shell .form-control{border-color:#cfe0ec;background:#fff;color:#113a59}
.member-shell .form-control:focus{border-color:#3a8fd8;box-shadow:0 0 0 3px rgba(39,129,207,.12)}

@media(max-width:1100px){
  .member-shell .member-metrics-five{grid-template-columns:repeat(3,minmax(0,1fr))}
  .member-shell .member-dashboard-grid,
.member-shell .monitoring-disclosure-grid,
.member-shell .notification-grid-v425{grid-template-columns:1fr}
}
@media(max-width:900px){
  .member-shell .mobile-appbar{
    background:linear-gradient(105deg,#082f5f,#0b62b8)!important;
    border-bottom:3px solid #38a3ed!important;
    color:#fff!important;
  }
  .member-shell .mobile-appbar a,
.member-shell .mobile-appbar button{color:#fff!important}
  .member-shell .mobile-avatar{width:38px;height:38px}
  .member-shell .member-metrics,
.member-shell .member-metrics-five,
.member-shell .monitoring-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .member-shell .member-dashboard-grid,
.member-shell .monitoring-disclosure-grid,
.member-shell .history-grid-v425,
.member-shell .profile-grid-v425{grid-template-columns:1fr}
  .member-shell .member-disclosure>summary,
.member-shell .member-item-disclosure>summary,
.member-shell .remote-setting-panel>summary{padding:14px 15px;gap:10px}
  .member-shell .member-disclosure-body{padding:14px}
  .member-shell .member-account-meta,
.member-shell .license-meta,
.member-shell .invoice-meta-v425{grid-template-columns:repeat(2,minmax(0,1fr))}
  .member-shell .account-summary-statuses{justify-content:flex-start}
  .member-shell .member-account-item>summary,
.member-shell .license-item-v425>summary,
.member-shell .invoice-item-v425>summary,
.member-shell .history-item>summary,
.member-shell .notification-item-v425>summary{align-items:flex-start;flex-direction:column}
  .member-shell .qris-payment-grid-v425{grid-template-columns:1fr}
  .member-shell .qris-image-wrap{max-width:310px}
  .member-shell .settings-fields{grid-template-columns:1fr}
  .member-shell .remote-main-toggle{grid-template-columns:1fr}
  .member-shell .switch-emphasis{transform:none;transform-origin:left center}
  .member-shell .remote-save-bar{bottom:8px}
  .member-shell .notification-grid-v425{display:block}
  .member-shell .notification-grid-v425>*{margin-bottom:14px}
  .member-shell .notification-summary-v425{grid-template-columns:auto minmax(0,1fr)}
  .member-shell .notification-summary-v425>.disclosure-action{grid-column:2;justify-self:start}
  .member-shell .profile-photo-panel{grid-template-columns:1fr;text-align:center}
  .member-shell .profile-photo-preview{margin:auto}
  .member-shell .profile-photo-actions{justify-content:center}
  .member-shell .accurate-profit-chart{grid-template-columns:repeat(7,64px)}
  .member-shell .history-grid-v425{gap:12px}
  
}
@media(max-width:560px){
  .member-shell .member-metrics,
.member-shell .member-metrics-five,
.member-shell .monitoring-metrics{grid-template-columns:1fr 1fr}
  .member-shell .metric-card{padding:14px}
  .member-shell .metric-value{font-size:1.08rem}
  .member-shell .member-account-meta,
.member-shell .license-meta,
.member-shell .invoice-meta-v425{grid-template-columns:1fr}
  .member-shell .market-status{grid-template-columns:1fr;text-align:left}
  .member-shell .market-symbol{min-width:0;max-width:100%;width:max-content!important;height:38px}
  .member-shell .list-limit-toolbar{align-items:flex-start;flex-direction:column}
  .member-shell .notification-bulkbar{align-items:stretch}
  .member-shell .notification-bulkbar .btn,
.member-shell .notification-bulkbar form{width:100%}
  .member-shell .invoice-actions-v425{justify-content:flex-start}
  .member-shell .profile-photo-preview{width:96px;height:96px}
}
@media(prefers-reduced-motion:reduce){
  .member-shell .accurate-profit-bar,
.member-shell .disclosure-action:after{transition:none!important}
}

.member-shell .profile-photo-avatar{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;overflow:hidden}
.member-shell .profile-photo-avatar img{width:100%;height:100%;object-fit:cover}

/* =========================================================
   V4.2.5.1 SAFE SPACING HOTFIX — CSS ONLY
   Adds a clear gap between bold titles and helper/count text.
   ========================================================= */
.member-shell .member-disclosure > summary > span:first-child,
.member-shell .member-account-item > summary > span:first-child,
.member-shell .license-item-v425 > summary > span:first-child,
.member-shell .invoice-item-v425 > summary > span:first-child,
.member-shell .history-item > summary > span:first-child,
.member-shell .notification-title,
.member-shell .refund-panel-v425 > summary > span:first-child{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 7px;
  row-gap: 3px;
  min-width: 0;
  max-width: 100%;
}

.member-shell .member-disclosure > summary > span:first-child > strong,
.member-shell .member-account-item > summary > span:first-child > strong,
.member-shell .license-item-v425 > summary > span:first-child > strong,
.member-shell .invoice-item-v425 > summary > span:first-child > strong,
.member-shell .history-item > summary > span:first-child > strong,
.member-shell .notification-title > strong,
.member-shell .refund-panel-v425 > summary > span:first-child > strong,
.member-shell .member-disclosure > summary > span:first-child > small,
.member-shell .member-account-item > summary > span:first-child > small,
.member-shell .license-item-v425 > summary > span:first-child > small,
.member-shell .invoice-item-v425 > summary > span:first-child > small,
.member-shell .history-item > summary > span:first-child > small,
.member-shell .notification-title > small,
.member-shell .refund-panel-v425 > summary > span:first-child > small{
  margin: 0;
  max-width: 100%;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.member-shell .member-disclosure > summary > span:first-child > small,
.member-shell .member-account-item > summary > span:first-child > small,
.member-shell .license-item-v425 > summary > span:first-child > small,
.member-shell .invoice-item-v425 > summary > span:first-child > small,
.member-shell .history-item > summary > span:first-child > small,
.member-shell .notification-title > small,
.member-shell .refund-panel-v425 > summary > span:first-child > small{
  color: #668097;
  font-weight: 400;
}

@media (max-width: 560px) {
  .member-shell .member-disclosure > summary > span:first-child,
.member-shell .member-account-item > summary > span:first-child,
.member-shell .license-item-v425 > summary > span:first-child,
.member-shell .invoice-item-v425 > summary > span:first-child,
.member-shell .history-item > summary > span:first-child,
.member-shell .notification-title{
    align-items: flex-start;
  }
}

/* =========================================================
   V4.2.5.3 NOTIFICATION ACTIONS + MOBILE BELL
   Scoped so the approved admin theme remains unchanged.
   ========================================================= */
.notification-bell-icon,
.notification-bell-icon svg{
  display:block;
}

.member-shell .notification-item-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.member-shell .notification-schema-warning{
  margin:0 0 16px;
  line-height:1.55;
}

.member-shell .notification-schema-warning code{
  padding:2px 6px;
  border-radius:6px;
  background:rgba(15,95,184,.08);
  font-size:.88em;
}

.mobile-appbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:max-content;
}

@media(max-width:900px){
  .app-shell .mobile-appbar{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
  }

  .app-shell .mobile-appbar-title{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:left;
  }

  .app-shell .mobile-appbar-actions{
    display:flex;
    align-items:center;
    gap:8px;
  }

  .app-shell .mobile-appbar .notification-bell{
    position:relative;
    width:38px!important;
    height:38px!important;
    min-width:38px;
    padding:0;
    border-radius:11px!important;
    box-shadow:none;
    display:grid;
    place-items:center;
  }

  .member-shell .mobile-appbar .notification-bell{
    color:#fff!important;
    background:rgba(255,255,255,.13)!important;
    border:1px solid rgba(255,255,255,.28)!important;
  }

  .admin-shell .mobile-appbar .notification-bell{
    color:#fff!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.26)!important;
  }

  .app-shell .mobile-appbar .notification-bell b{
    right:-5px;
    top:-6px;
    min-width:19px;
    height:19px;
    padding:0 4px;
    border:2px solid #fff;
    font-size:.56rem;
    z-index:2;
  }

  .app-shell .mobile-profile-link,
  .app-shell .mobile-admin-link{
    width:38px!important;
    height:38px!important;
    min-width:38px;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center;
    overflow:hidden;
  }

  .member-shell .mobile-profile-link{
    background:transparent!important;
  }

  .member-shell .mobile-profile-link .mobile-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px;
  }

  .admin-shell .mobile-admin-link{
    background:var(--snake-gold)!important;
    color:var(--snake-navy-deep)!important;
    font-weight:900;
  }
}

@media(max-width:560px){
  .member-shell .notification-item-actions{
    align-items:stretch;
  }

  .member-shell .notification-item-actions .btn{
    flex:1 1 auto;
  }
}


/* =========================================================
   V4.2.5.5 MEMBER HISTORY TRASH
   Member-only reversible deletion for EA events and website activity.
   ========================================================= */
.member-shell .history-retention-note{
  margin:0 0 16px;
  padding:12px 14px;
  border:1px solid #cfe1ee;
  border-radius:12px;
  background:#f7fbff;
  color:#55738a;
  font-size:.75rem;
  line-height:1.55;
}
.member-shell .history-filters-v425{margin:0 0 12px}
.member-shell .history-bulkbar{margin-bottom:12px}
.member-shell .history-bulkbar label{display:inline-flex;align-items:center;gap:7px;color:#294e6a;font-weight:650}
.member-shell .history-empty-trash{margin-left:auto}
.member-shell .history-summary-main{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start!important;
  gap:10px!important;
  min-width:0;
  flex:1 1 auto;
}
.member-shell .history-summary-main>input{
  width:18px;
  height:18px;
  margin:2px 0 0;
  accent-color:#1672c8;
}
.member-shell .history-title-copy{display:block;min-width:0}
.member-shell .history-title-copy strong,
.member-shell .history-title-copy small{display:block;min-width:0;overflow-wrap:anywhere}
.member-shell .history-title-copy strong{color:#123a59;line-height:1.35}
.member-shell .history-title-copy small{margin-top:4px;color:#668097;font-size:.72rem;line-height:1.45}
.member-shell .history-item-actions{margin-top:12px}
.member-shell .history-schema-warning{margin:0 0 12px;line-height:1.55}

@media(max-width:760px){
  .member-shell .history-empty-trash{margin-left:0}
  .member-shell .history-bulkbar .btn{flex:1 1 calc(50% - 8px)}
}
@media(max-width:560px){
  .member-shell .history-retention-note{font-size:.72rem}
  .member-shell .history-bulkbar{align-items:stretch}
  .member-shell .history-bulkbar label{width:100%}
  .member-shell .history-bulkbar .btn{width:100%;flex:1 1 100%}
  .member-shell .history-item>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .member-shell .history-ip{max-width:110px;overflow-wrap:anywhere;text-align:right}
  .member-shell .history-item-actions{align-items:stretch}
  .member-shell .history-item-actions .btn{width:100%}
}


/* =========================================================
   V4.2.5.6 ADMIN MEMBER-HISTORY TRASH
   Operational admin visibility only; immutable audit remains intact.
   ========================================================= */
.admin-shell .admin-history-note{
  margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;
  background:var(--card);color:var(--muted);font-size:.74rem;line-height:1.6
}
.admin-shell .admin-history-note strong{color:var(--text)}
.admin-shell .admin-history-note a{font-weight:800;color:var(--primary)}
.admin-shell .admin-history-filter-card,.admin-shell .admin-history-card{margin-bottom:20px}
.admin-shell .admin-history-filter{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;align-items:end}
.admin-shell .admin-history-filter .form-group{margin:0}
.admin-shell .admin-history-filter-actions{display:flex;gap:9px;flex-wrap:wrap;grid-column:1/-1}
.admin-shell .admin-history-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 13px}
.admin-shell .admin-history-tabs .filter-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:var(--card);font-weight:800;font-size:.7rem;color:var(--text)}
.admin-shell .admin-history-tabs .filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}
.admin-shell .admin-history-tabs .filter-pill b{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.18)}
.admin-shell .admin-history-bulkbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:12px}
.admin-shell .admin-history-bulkbar label{display:inline-flex;align-items:center;gap:7px;font-weight:750}
.admin-shell .admin-history-empty{margin-left:auto}
.admin-shell .admin-history-list{display:grid;gap:10px}
.admin-shell .admin-history-item{border:1px solid var(--line);border-radius:13px;background:var(--card);overflow:hidden}
.admin-shell .admin-history-item>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 15px;cursor:pointer;list-style:none}
.admin-shell .admin-history-item>summary::-webkit-details-marker{display:none}
.admin-shell .admin-history-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-width:0;flex:1}
.admin-shell .admin-history-summary>input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--primary)}
.admin-shell .admin-history-summary strong,.admin-shell .admin-history-summary small{display:block;overflow-wrap:anywhere}
.admin-shell .admin-history-summary strong{line-height:1.35;color:var(--text)}
.admin-shell .admin-history-summary small{margin-top:4px;color:var(--muted);font-size:.67rem;line-height:1.45}
.admin-shell .admin-history-ip{max-width:190px;color:var(--muted);font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;text-align:right}
.admin-shell .admin-history-body{padding:0 15px 15px;border-top:1px solid var(--line)}
.admin-shell .admin-history-body p{margin:13px 0 0;color:var(--muted);font-size:.72rem;line-height:1.55;overflow-wrap:anywhere}
.admin-shell .admin-history-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:980px){.admin-shell .admin-history-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .admin-shell .admin-history-filter{grid-template-columns:1fr}
  .admin-shell .admin-history-filter-actions .btn{flex:1}
  .admin-shell .admin-history-bulkbar{align-items:stretch}
  .admin-shell .admin-history-bulkbar label{width:100%}
  .admin-shell .admin-history-bulkbar .btn{flex:1 1 calc(50% - 8px)}
  .admin-shell .admin-history-empty{margin-left:0}
  .admin-shell .admin-history-item>summary{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .admin-shell .admin-history-ip{max-width:105px}
}
@media(max-width:480px){
  .admin-shell .admin-history-bulkbar .btn,.admin-shell .admin-history-actions .btn{width:100%;flex:1 1 100%}
  .admin-shell .admin-history-item>summary{grid-template-columns:1fr}
  .admin-shell .admin-history-ip{text-align:left;max-width:100%}
}

/* V4.2.5.7 universal admin trash controls */
.admin-trash-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.admin-trash-tabs .filter-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--admin-line,var(--line));border-radius:999px;background:#fff;color:var(--text);font-size:.68rem;font-weight:800;text-decoration:none}.admin-trash-tabs .filter-pill.active{background:var(--primary,#1269c7);border-color:var(--primary,#1269c7);color:#fff}.admin-trash-tabs .filter-pill b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.18);font-size:.61rem}.admin-trash-bulkbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 13px;margin:0 0 14px;border:1px solid var(--admin-line,var(--line));border-radius:12px;background:#f7fbff}.admin-trash-bulkbar label{display:inline-flex;align-items:center;gap:7px;margin-right:4px;font-size:.72rem;font-weight:700}.admin-trash-empty{margin-left:auto}.admin-trash-row-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.admin-trash-note{margin:0 0 14px;padding:11px 13px;border:1px solid #f0cf80;border-radius:12px;background:#fff9ea;color:#775200;font-size:.67rem;line-height:1.5}.admin-trash-note strong{color:#5f4300}.admin-trash-check{width:17px;height:17px;accent-color:var(--primary,#1269c7)}.admin-trash-deleted-at{display:block;margin-top:4px;color:var(--muted);font-size:.61rem}.admin-trash-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.admin-trash-inline-form{display:inline}.admin-trash-table th:first-child,.admin-trash-table td:first-child{width:42px;text-align:center}.admin-trash-compact{margin-top:10px}.admin-trash-compact .admin-trash-bulkbar{margin-bottom:10px;padding:9px 10px}.admin-trash-compact .admin-trash-tabs{margin-bottom:10px}
@media(max-width:700px){.admin-trash-bulkbar{align-items:stretch}.admin-trash-bulkbar .btn{flex:1 1 auto}.admin-trash-empty{margin-left:0}.admin-trash-row-actions{display:grid;grid-template-columns:1fr}.admin-trash-row-actions .btn{width:100%}.admin-trash-card-head{display:block}.admin-trash-tabs{margin-top:10px}}

/* =========================================================
   V4.2.5.8 ADMIN HISTORY PANEL + GOLD TRASH TABS FIX
   - Restores the Admin History panels after V4.2.5.7 CSS/HTML mismatch.
   - Keeps every Admin Aktif/Sampah control in the approved gold theme.
   - Admin-only scope; member styling is unchanged.
   ========================================================= */
.admin-shell .admin-history-card{
  display:block;
  min-width:0;
  overflow:hidden;
  border-color:#ead9b6;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(73,39,17,.06);
}
.admin-shell .admin-history-card>.card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:17px 20px!important;
  background:linear-gradient(180deg,#fff 0%,#fffaf0 100%)!important;
  border-bottom:1px solid #eee2c9!important;
}
.admin-shell .admin-history-card>.card-head>div{
  display:grid;
  gap:5px;
  min-width:0;
}
.admin-shell .admin-history-card>.card-head h3{
  margin:0!important;
  color:#321b15!important;
  line-height:1.35!important;
}
.admin-shell .admin-history-card>.card-head small{
  display:block!important;
  margin:0!important;
  color:#79665d!important;
  line-height:1.45!important;
}
.admin-shell .admin-history-card>.card-body{
  display:block!important;
  min-width:0;
  padding:18px 20px!important;
}
.admin-shell .admin-history-filter-card{
  overflow:hidden;
  border-color:#ead9b6;
}
.admin-shell .admin-history-filter-card>.card-head>div{
  display:grid;
  gap:5px;
}

/* Approved admin gold for every Aktif/Sampah tab. */
.admin-shell .admin-history-tabs .filter-pill,
.admin-shell .admin-trash-tabs .filter-pill,
.admin-shell .admin-history-pill{
  border-color:#ead3a3!important;
  background:#fff!important;
  color:#5a2b19!important;
}
.admin-shell .admin-history-tabs .filter-pill:hover,
.admin-shell .admin-trash-tabs .filter-pill:hover,
.admin-shell .admin-history-pill:hover{
  border-color:var(--admin-gold,#f3b64d)!important;
  background:#fff8e8!important;
}
.admin-shell .admin-history-tabs .filter-pill.active,
.admin-shell .admin-trash-tabs .filter-pill.active,
.admin-shell .admin-history-pill.active{
  background:linear-gradient(135deg,var(--admin-gold-2,#ffc968),var(--admin-gold,#f3b64d))!important;
  border-color:#e4a438!important;
  color:#3a160f!important;
  box-shadow:0 8px 20px rgba(214,145,27,.22)!important;
}
.admin-shell .admin-history-tabs .filter-pill b,
.admin-shell .admin-trash-tabs .filter-pill b,
.admin-shell .admin-history-pill b{
  background:#fff3d4!important;
  color:#6a351a!important;
}
.admin-shell .admin-history-tabs .filter-pill.active b,
.admin-shell .admin-trash-tabs .filter-pill.active b,
.admin-shell .admin-history-pill.active b{
  background:#5a2013!important;
  color:#fff6df!important;
}
.admin-shell .admin-history-summary>input,
.admin-shell .admin-history-summary-main>input,
.admin-shell .admin-trash-check{
  accent-color:var(--admin-gold,#f3b64d)!important;
}
.admin-shell .admin-history-bulkbar,
.admin-shell .admin-trash-bulkbar{
  border-color:#ead9b6!important;
  background:#fffaf0!important;
}
.admin-shell .admin-history-note a{
  color:#8a5600!important;
}

/* Compatibility with the V4.2.5.6 history markup during PHP/OPcache refresh. */
.admin-shell .admin-history-retention-note{margin:0 0 18px;padding:14px 16px;border:1px solid #ead9b6;border-radius:14px;background:#fffaf0;color:var(--muted);font-size:.76rem;line-height:1.6}
.admin-shell .admin-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.admin-shell .admin-history-panel{display:block;min-width:0;border:1px solid #ead9b6;border-radius:18px;background:var(--card);box-shadow:0 12px 30px rgba(73,39,17,.06);overflow:hidden}
.admin-shell .admin-history-panel>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;cursor:pointer;list-style:none;border-bottom:1px solid transparent;background:linear-gradient(180deg,#fff 0%,#fffaf0 100%)}
.admin-shell .admin-history-panel>summary::-webkit-details-marker{display:none}
.admin-shell .admin-history-panel[open]>summary{border-bottom-color:#eee2c9}
.admin-shell .admin-history-panel>summary>span:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}
.admin-shell .admin-history-panel>summary strong{display:block;font-size:1rem;line-height:1.35;color:#321b15}
.admin-shell .admin-history-panel>summary small{display:block;color:#79665d;font-size:.72rem;line-height:1.45}
.admin-shell .admin-history-panel .disclosure-action{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border:1px solid #ead3a3;border-radius:10px;color:#5a2b19;font-size:.68rem;font-weight:800;background:#fff}
.admin-shell .admin-history-panel .disclosure-action:after{content:'⌄';font-size:.8rem;line-height:1}
.admin-shell .admin-history-panel[open] .disclosure-action:after{content:'⌃'}
.admin-shell .admin-history-panel-body{display:block;padding:18px 20px;min-width:0}
.admin-shell .admin-history-schema-warning{margin:0 0 12px;line-height:1.55}
.admin-shell .admin-history-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.admin-shell .admin-history-empty-trash{margin-left:auto}
.admin-shell .admin-history-list{display:grid;gap:10px}
.admin-shell .admin-history-item{min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--card);overflow:hidden}
.admin-shell .admin-history-item>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px 14px;cursor:pointer;list-style:none}
.admin-shell .admin-history-item>summary::-webkit-details-marker{display:none}
.admin-shell .admin-history-item[open]>summary{border-bottom:1px solid var(--line);background:#fffaf0}
.admin-shell .admin-history-summary-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-width:0}
.admin-shell .admin-history-title-copy{display:block;min-width:0}
.admin-shell .admin-history-title-copy strong,.admin-shell .admin-history-title-copy small{display:block;min-width:0;overflow-wrap:anywhere}
.admin-shell .admin-history-title-copy strong{color:var(--text);font-size:.78rem;line-height:1.4}
.admin-shell .admin-history-title-copy small{margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.45}
.admin-shell .admin-history-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-size:.64rem;text-align:right;overflow-wrap:anywhere}
.admin-shell .admin-history-item-body{padding:13px 14px;color:var(--muted);font-size:.72rem;line-height:1.55}
.admin-shell .admin-history-item-body p{margin:0 0 8px;color:var(--text);overflow-wrap:anywhere}
.admin-shell .admin-history-meta{margin:10px 0 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fffaf0;white-space:pre-wrap;word-break:break-word;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:220px;overflow:auto}
.admin-shell .admin-history-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:1100px){.admin-shell .admin-history-grid{grid-template-columns:1fr}}
@media(max-width:680px){
  .admin-shell .admin-history-card>.card-head,.admin-shell .admin-history-card>.card-body{padding:15px!important}
  .admin-shell .admin-history-grid{gap:12px}
  .admin-shell .admin-history-panel>summary{padding:15px}
  .admin-shell .admin-history-panel-body{padding:14px}
  .admin-shell .admin-history-bulkbar{align-items:stretch}
  .admin-shell .admin-history-bulkbar label{width:100%}
  .admin-shell .admin-history-bulkbar .btn{width:100%;flex:1 1 100%}
  .admin-shell .admin-history-empty-trash{margin-left:0}
  .admin-shell .admin-history-item>summary{grid-template-columns:minmax(0,1fr) auto}
  .admin-shell .admin-history-ip{max-width:105px}
  .admin-shell .admin-history-item-actions{align-items:stretch}
  .admin-shell .admin-history-item-actions .btn{width:100%}
}


/* V4.2.6 — exclusive dropdowns, notification preferences, password visibility */
.password-field{display:flex;align-items:stretch;gap:8px;width:100%;min-width:0}
.password-field-auto{vertical-align:middle}
.password-field .form-control{flex:1 1 auto;min-width:0}
.password-field .password-visibility-toggle{flex:0 0 44px;min-width:44px;height:auto;padding:0;display:inline-grid;place-items:center;font-size:1rem;line-height:1;border:1px solid var(--line);background:var(--surface,#fff);color:var(--ink);border-radius:10px;cursor:pointer}
.password-field .password-visibility-toggle:hover{filter:brightness(.98)}
.password-field .password-visibility-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--primary,#1d74d5) 25%,transparent);outline-offset:2px}
.notification-preferences-card{margin-bottom:20px}
.notification-preferences-form{display:block}
.notification-email-master{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff)}
.notification-email-master h4{margin:0;font-size:.88rem}
.notification-email-master p{margin:5px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}
.notification-email-options{margin:18px 0 0;padding:0;border:0;min-width:0}
.notification-email-options legend{font-weight:800;font-size:.78rem;margin-bottom:10px;color:var(--ink)}
.notification-email-options.is-disabled{opacity:.55}
.notification-select-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 6px}
.notification-email-options .notification-option{padding:14px 0}
.admin-shell .notification-preferences-card .card-head,
.admin-shell .notification-email-master{border-color:var(--line)}
@media(max-width:680px){
  .password-field{flex-wrap:nowrap}
  .password-field .form-control{flex-basis:auto}
  .password-field .password-visibility-toggle{height:auto;min-height:42px}
  .notification-email-master{align-items:flex-start}
}

/* V4.2.6.2 — corrected custom password icon states */
.password-field .password-visibility-toggle{
  position:relative;
  overflow:hidden;
  font-size:0;
  color:transparent;
  background-color:var(--surface,#fff);
  background-image:url('../images/icons/hide-layer.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px auto;
}
.password-field .password-visibility-toggle.is-password-visible{
  background-image:url('../images/icons/visible.png');
}
.password-field .password-visibility-toggle::before{
  content:'';
  display:block;
  width:24px;
  height:24px;
}

.ui-collapse-section>.ui-collapse-clickable-head{
  cursor:pointer;
  user-select:none;
}
.ui-collapse-section>.ui-collapse-clickable-head:hover{
  filter:brightness(.995);
}
.ui-collapse-section>.ui-collapse-clickable-head:focus-visible{
  outline:3px solid color-mix(in srgb,var(--primary,#1d74d5) 22%,transparent);
  outline-offset:-3px;
}
.admin-shell .ui-collapse-section>.ui-collapse-clickable-head:focus-visible{
  outline-color:color-mix(in srgb,var(--snake-gold,#f4ad2f) 38%,transparent);
}
.member-shell details.member-disclosure>summary,
.member-shell details.remote-setting-panel>summary{
  cursor:pointer;
  user-select:none;
}

/* =========================================================
   V4.2.6.3 — ADMIN TRASH TABS BESIDE COLLAPSE BUTTON
   Keep Aktif/Sampah aligned at the far right immediately
   before Buka/Tutup on Admin panels, desktop and mobile.
   Theme colors are intentionally unchanged.
   ========================================================= */
.admin-shell .admin-trash-card-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
}
.admin-shell .admin-trash-card-head>:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  margin-right:auto!important;
}
.admin-shell .admin-trash-card-head>.admin-trash-tabs{
  order:2!important;
  flex:0 0 auto!important;
  margin:0!important;
  align-self:center!important;
}
.admin-shell .admin-trash-card-head>.ui-collapse-toggle{
  order:3!important;
  flex:0 0 auto!important;
  margin-left:0!important;
  align-self:center!important;
}

@media(max-width:700px){
  .admin-shell .admin-trash-card-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:10px!important;
  }
  .admin-shell .admin-trash-card-head>:first-child{
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
  }
  .admin-shell .admin-trash-card-head>.admin-trash-tabs{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    margin:0!important;
  }
  .admin-shell .admin-trash-card-head>.ui-collapse-toggle{
    grid-column:3!important;
    grid-row:2!important;
    justify-self:end!important;
    margin:0!important;
  }
  .admin-shell .admin-trash-card-head>.admin-trash-tabs .filter-pill{
    padding:7px 10px!important;
  }
}

@media(max-width:420px){
  .admin-shell .admin-trash-card-head{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .admin-shell .admin-trash-card-head>.admin-trash-tabs{
    grid-column:1!important;
    justify-self:end!important;
  }
  .admin-shell .admin-trash-card-head>.ui-collapse-toggle{
    grid-column:2!important;
  }
}

/* =========================================================
   V4.2.6.4 — MOBILE MEMBER/ADMIN CONSISTENCY HOTFIX
   - Keeps card title and helper text on separate lines.
   - Removes the different colour block around the profile area.
   - Uses each role's own taskbar palette consistently.
   ========================================================= */

/* Card headings: title above, description/count below on every viewport. */
.member-shell .member-disclosure > summary > span:first-child,
.member-shell .member-item-disclosure > summary > span:first-child,
.member-shell .remote-setting-panel > summary > span:first-child,
.member-shell .member-account-item > summary > span:first-child,
.member-shell .license-item-v425 > summary > span:first-child,
.member-shell .invoice-item-v425 > summary > span:first-child,
.member-shell .history-item > summary > span:first-child,
.member-shell .notification-title,
.member-shell .refund-panel-v425 > summary > span:first-child{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  max-width:100%!important;
}

.member-shell .member-disclosure > summary > span:first-child > strong,
.member-shell .member-item-disclosure > summary > span:first-child > strong,
.member-shell .remote-setting-panel > summary > span:first-child > strong,
.member-shell .member-account-item > summary > span:first-child > strong,
.member-shell .license-item-v425 > summary > span:first-child > strong,
.member-shell .invoice-item-v425 > summary > span:first-child > strong,
.member-shell .history-item > summary > span:first-child > strong,
.member-shell .notification-title > strong,
.member-shell .refund-panel-v425 > summary > span:first-child > strong,
.member-shell .member-disclosure > summary > span:first-child > small,
.member-shell .member-item-disclosure > summary > span:first-child > small,
.member-shell .remote-setting-panel > summary > span:first-child > small,
.member-shell .member-account-item > summary > span:first-child > small,
.member-shell .license-item-v425 > summary > span:first-child > small,
.member-shell .invoice-item-v425 > summary > span:first-child > small,
.member-shell .history-item > summary > span:first-child > small,
.member-shell .notification-title > small,
.member-shell .refund-panel-v425 > summary > span:first-child > small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Keep summary controls on the right without pushing helper text beside the title. */
.member-shell .member-disclosure > summary,
.member-shell .member-item-disclosure > summary,
.member-shell .remote-setting-panel > summary{
  align-items:center!important;
}
.member-shell .member-disclosure > summary > .disclosure-action,
.member-shell .member-item-disclosure > summary > .disclosure-action,
.member-shell .remote-setting-panel > summary > .disclosure-action,
.member-shell .member-disclosure > summary > .status-badge{
  flex:0 0 auto!important;
}

/* Member navigation: use the same blue family as the member taskbar. */
.member-shell{
  --member-taskbar-start:#082f5f;
  --member-taskbar-end:#0b62b8;
}
.member-shell .mobile-appbar,
.member-shell .member-sidebar{
  background:linear-gradient(105deg,var(--member-taskbar-start),var(--member-taskbar-end))!important;
}
.member-shell .member-sidebar{
  border-right-color:rgba(255,255,255,.16)!important;
}
.member-shell .sidebar-bottom{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border-top-color:rgba(255,255,255,.18)!important;
}
.member-shell .sidebar-nav a.active{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.95)!important;
}
.member-shell .sidebar-nav a.active .nav-dot{
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.16)!important;
}

/* Admin keeps its own brown/gold identity, but removes the darker profile block. */
.admin-shell .admin-sidebar,
.admin-shell .mobile-appbar{
  background:linear-gradient(105deg,var(--admin-brown-deep,#3b160f),var(--admin-brown-rich,#812f19))!important;
}
.admin-shell .sidebar-bottom{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border-top-color:rgba(255,220,150,.22)!important;
}
.admin-shell .sidebar-nav a.active{
  background:rgba(255,201,104,.18)!important;
  color:#fff8ea!important;
  box-shadow:inset 3px 0 0 var(--admin-gold,#f3b64d)!important;
}
.admin-shell .sidebar-nav a.active .nav-dot{
  background:var(--admin-gold,#f3b64d)!important;
  box-shadow:0 0 0 4px rgba(243,182,77,.15)!important;
}
.admin-shell .sidebar-nav a.active .sidebar-count{
  background:#fff2cf!important;
  color:#5a2013!important;
  border-color:rgba(255,201,104,.42)!important;
}

@media(max-width:560px){
  .member-shell .member-disclosure > summary,
  .member-shell .member-item-disclosure > summary,
  .member-shell .remote-setting-panel > summary{
    gap:12px!important;
  }
  .member-shell .member-disclosure > summary > span:first-child,
  .member-shell .member-item-disclosure > summary > span:first-child,
  .member-shell .remote-setting-panel > summary > span:first-child{
    align-items:flex-start!important;
  }
}


/* =========================================================
   V4.2.6.5 — PUBLIC HOMEPAGE UX & CONTENT UPDATE
   - Transparent hero logo and safe floating-card layering.
   - Supplied feature icons in a consistent footprint.
   - Promotional regular prices with strike-through.
   - Auto-hide public header and animated active-nav indicator.
   ========================================================= */
.site-header{
  transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .2s ease;
  will-change:transform;
}
.site-header.is-hidden{
  transform:translateY(calc(-100% - 2px));
}
.site-header.is-scrolled{
  box-shadow:0 8px 28px rgba(16,33,58,.08);
}
.nav-links{
  position:relative;
}
.nav-links a.active:after{
  display:none!important;
}
.nav-active-indicator{
  position:absolute;
  left:0;
  bottom:-28px;
  width:0;
  height:2px;
  border-radius:999px;
  background:var(--navy);
  opacity:0;
  pointer-events:none;
  transform:translateX(0);
  transition:transform .24s cubic-bezier(.22,.61,.36,1),width .24s cubic-bezier(.22,.61,.36,1),opacity .14s ease;
}
.nav-active-indicator.is-ready{
  opacity:1;
}
[data-public-section]{
  scroll-margin-top:96px;
}
.hero-grid,
.hero-visual{
  overflow:visible;
}
.hero-visual{
  isolation:isolate;
}
.logo-orbit{
  z-index:1;
}
.logo-orbit img{
  width:88%;
  height:88%;
  object-fit:contain;
  position:relative;
  z-index:2;
}
.floating-stat{
  z-index:6;
  white-space:nowrap;
}
.mini-icon{
  flex:0 0 40px;
  overflow:hidden;
  background:#fff;
}
.mini-icon img{
  width:27px;
  height:27px;
  object-fit:contain;
  object-position:center;
}
.price-stack{
  min-height:78px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  gap:2px;
}
.price-original{
  color:#8992a3;
  font-size:.88rem;
  font-weight:650;
  line-height:1.2;
  text-decoration-line:line-through;
  text-decoration-thickness:1.5px;
  text-decoration-color:#e5484d;
}
.price-stack .price{
  line-height:1.12;
}

@media(max-width:1100px){
  .stat-a{left:0}
  .stat-b{right:0}
}

@media(max-width:900px){
  .nav-active-indicator{display:none}
  .site-header.is-hidden .nav-links.open{display:none}
  [data-public-section]{scroll-margin-top:84px}
}

@media(max-width:680px){
  .mini-icon{
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  .mini-icon img{
    width:29px;
    height:29px;
  }
  .price-stack{min-height:auto}
}

@media(prefers-reduced-motion:reduce){
  .site-header,
  .nav-active-indicator{
    transition:none!important;
  }
}

/* =========================================================
   V4.2.6.7 — Member profile card refinement
   Keeps the existing member color palette while making the
   account area clearer, compact, and fully clickable.
   ========================================================= */
.member-shell .sidebar-bottom{
  padding:14px 7px 4px!important;
}
.member-shell .member-profile-card{
  position:relative;
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  padding:10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:15px;
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.member-shell .member-profile-card:hover{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.27);
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(2,27,58,.18),inset 0 1px 0 rgba(255,255,255,.11);
}
.member-shell .member-profile-card:active{
  transform:translateY(0);
}
.member-shell .member-profile-card:focus-visible{
  outline:3px solid rgba(255,255,255,.9);
  outline-offset:3px;
}
.member-shell .member-profile-card .member-chip-avatar{
  width:46px;
  height:46px;
  min-width:46px;
  border:2px solid rgba(255,255,255,.72);
  box-shadow:0 6px 16px rgba(2,25,55,.22);
}
.member-shell .member-profile-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.25;
}
.member-shell .member-profile-copy strong{
  max-width:100%;
  font-size:.79rem;
  line-height:1.25;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.member-shell .member-profile-copy small{
  max-width:100%;
  margin-top:2px;
  font-size:.59rem;
  line-height:1.3;
  color:#c7e4f8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.member-shell .member-profile-hint{
  margin-top:4px;
  font-size:.55rem;
  line-height:1;
  font-weight:750;
  letter-spacing:.025em;
  color:#fff;
  opacity:.78;
}
.member-shell .member-profile-chevron{
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:1.15rem;
  line-height:1;
  color:#fff;
  background:rgba(255,255,255,.11);
  transition:transform .18s ease,background .18s ease;
}
.member-shell .member-profile-card:hover .member-profile-chevron{
  transform:translateX(2px);
  background:rgba(255,255,255,.2);
}
.member-shell .logout-form{
  margin-top:8px;
}
.member-shell .logout-form .logout-link{
  width:100%;
  min-height:38px;
  margin:0!important;
  padding:8px 10px!important;
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:11px;
  color:#ffd4d7!important;
  font-size:.69rem!important;
  font-weight:700;
  line-height:1.2;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.member-shell .logout-form .logout-link:hover{
  background:rgba(255,105,120,.12);
  color:#fff!important;
  transform:translateX(1px);
}
.member-shell .logout-link-icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.09);
  font-size:.85rem;
  line-height:1;
  transform:rotate(180deg);
}
@media(max-height:650px) and (min-width:901px){
  .member-shell .member-profile-card{padding:8px}
  .member-shell .member-profile-card .member-chip-avatar{width:40px;height:40px;min-width:40px}
  .member-shell .member-profile-hint{display:none}
  .member-shell .logout-form .logout-link{min-height:34px;padding:6px 9px!important}
}
@media(max-width:900px){
  .member-shell .member-profile-card{border-radius:14px}
  .member-shell .member-profile-card .member-chip-avatar{width:44px;height:44px;min-width:44px}
  .member-shell .member-profile-copy strong{font-size:.8rem}
  .member-shell .member-profile-copy small{font-size:.61rem}
  .member-shell .logout-form .logout-link{font-size:.72rem!important}
}



/* =========================================================
   V4.2.6.8 — Interactive circular profile-photo cropper
   Local, dependency-free crop UI with drag, zoom and a
   512×512 optimized output before upload.
   ========================================================= */
.member-shell .profile-photo-form{width:100%;min-width:0}
.member-shell .profile-photo-picker-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:7px}
.member-shell .profile-photo-source-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.member-shell .profile-photo-picker{min-height:44px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bad8ea;border-radius:11px;background:#fff;color:#0c5ca8;cursor:pointer;font-size:.75rem;box-shadow:0 5px 14px rgba(10,85,145,.06);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.member-shell .profile-photo-picker:hover{border-color:#5da3d7;background:#f5fbff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(10,85,145,.11)}
.member-shell .profile-photo-picker:focus-within{outline:3px solid rgba(35,131,207,.18);outline-offset:2px}
.member-shell .profile-photo-picker>span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#e8f5ff;font-size:1rem;line-height:1}
.member-shell .profile-photo-filename{min-width:0;min-height:44px;padding:10px 12px;display:flex;align-items:center;border:1px solid #d4e4ee;border-radius:11px;background:#f8fbfd;color:#617b90;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-shell .profile-photo-form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}
.member-shell .profile-crop-status{margin-top:10px;padding:9px 11px;border-radius:10px;background:#eaf8f2;color:#087653;font-size:.7rem;font-weight:700}
.member-shell .profile-crop-status.is-warning{background:#fff6df;color:#865900}
.member-shell .profile-crop-status.is-error{background:#fff0f1;color:#b52c39}
.member-shell .profile-photo-preview>img.profile-selected-preview{width:100%;height:100%;object-fit:cover;display:block}
.member-shell .profile-crop-modal[hidden]{display:none!important}
.member-shell .profile-crop-modal{position:fixed;z-index:10020;inset:0;display:grid;place-items:center;padding:20px}
.member-shell .profile-crop-backdrop{position:absolute;inset:0;background:rgba(3,22,42,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.member-shell .profile-crop-dialog{position:relative;width:min(520px,100%);max-height:min(780px,calc(100vh - 28px));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.62);border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(1,22,45,.34);overflow:hidden;animation:profileCropIn .2s ease-out}
.member-shell .profile-crop-header{padding:17px 19px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #dbe9f2;background:linear-gradient(180deg,#fff,#f7fbff)}
.member-shell .profile-crop-header .eyebrow{display:block;margin-bottom:3px;color:#1671bc;font-size:.58rem;font-weight:850;letter-spacing:.13em}
.member-shell .profile-crop-header h3{margin:0;color:#123852;font-size:1.02rem;line-height:1.25}
.member-shell .profile-crop-close{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid #d3e4ef;border-radius:11px;background:#fff;color:#315d78;font-size:1.45rem;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.member-shell .profile-crop-close:hover{background:#edf7fd;color:#0c5ca8;transform:rotate(3deg)}
.member-shell .profile-crop-content{padding:16px 20px 14px;overflow:auto;background:linear-gradient(180deg,#f8fbfe,#f1f7fb)}
.member-shell .profile-crop-help{max-width:420px;margin:0 auto 13px;color:#5b7488;text-align:center;font-size:.73rem;line-height:1.5}
.member-shell .profile-crop-stage{position:relative;width:min(340px,72vw);aspect-ratio:1;margin:auto;overflow:hidden;border-radius:18px;background:#112f47;box-shadow:0 14px 34px rgba(5,48,84,.22);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}
.member-shell .profile-crop-stage:active,.member-shell .profile-crop-stage.is-dragging{cursor:grabbing}
.member-shell .profile-crop-stage:focus-visible{box-shadow:0 0 0 4px rgba(36,133,207,.23),0 14px 34px rgba(5,48,84,.22)}
.member-shell .profile-crop-stage img{position:absolute;max-width:none!important;pointer-events:none;transform:none!important;will-change:left,top,width,height}
.member-shell .profile-crop-stage:after{content:"";position:absolute;inset:7%;z-index:3;border:3px solid rgba(255,255,255,.94);border-radius:50%;box-shadow:0 0 0 999px rgba(2,20,38,.62),inset 0 0 0 1px rgba(12,73,116,.18);pointer-events:none}
.member-shell .profile-crop-grid{position:absolute;z-index:4;inset:7%;border-radius:50%;pointer-events:none;opacity:.48;background:linear-gradient(90deg,transparent 33.1%,rgba(255,255,255,.55) 33.2%,rgba(255,255,255,.55) 33.55%,transparent 33.65%,transparent 66.2%,rgba(255,255,255,.55) 66.3%,rgba(255,255,255,.55) 66.65%,transparent 66.75%),linear-gradient(0deg,transparent 33.1%,rgba(255,255,255,.55) 33.2%,rgba(255,255,255,.55) 33.55%,transparent 33.65%,transparent 66.2%,rgba(255,255,255,.55) 66.3%,rgba(255,255,255,.55) 66.65%,transparent 66.75%)}
.member-shell .profile-crop-controls{max-width:390px;margin:16px auto 0;padding:11px 13px;border:1px solid #d9e8f1;border-radius:13px;background:#fff}
.member-shell .profile-crop-controls label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#365c74;font-size:.7rem}
.member-shell .profile-crop-controls label strong{color:#0b63ac;font-size:.68rem}
.member-shell .profile-crop-controls input[type=range]{width:100%;accent-color:#1675c5;cursor:pointer}
.member-shell .profile-crop-tips{max-width:390px;margin:10px auto 0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.member-shell .profile-crop-tips span{padding:5px 8px;border-radius:999px;background:#e8f3fa;color:#4f7086;font-size:.59rem;font-weight:700}
.member-shell .profile-crop-footer{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dce9f2;background:#fff}
.member-shell .profile-crop-footer>div{display:flex;align-items:center;gap:8px}
body.profile-crop-open{overflow:hidden!important}
@keyframes profileCropIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){
  .member-shell .profile-photo-picker-row{grid-template-columns:1fr}
  .member-shell .profile-photo-picker{width:100%}
  .member-shell .profile-photo-filename{justify-content:center}
  .member-shell .profile-photo-form-actions{justify-content:center}
  .member-shell .profile-crop-modal{padding:8px}
  .member-shell .profile-crop-dialog{max-height:calc(100dvh - 16px);border-radius:18px}
  .member-shell .profile-crop-header{padding:13px 14px}
  .member-shell .profile-crop-content{padding:12px 12px 10px}
  .member-shell .profile-crop-stage{width:min(310px,84vw)}
  .member-shell .profile-crop-footer{padding:11px 12px;align-items:stretch;flex-direction:column-reverse}
  .member-shell .profile-crop-footer>button,.member-shell .profile-crop-footer>div,.member-shell .profile-crop-footer>div .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.member-shell .profile-crop-dialog{animation:none}}

/* V4.2.7 — persistent member sessions and device push notifications */
.notification-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.notification-channel-grid .notification-email-master{height:100%}
.notification-device-master{border-color:#bcd9ef;background:#f7fbff}
.device-push-card{margin-top:14px;padding:16px;border:1px solid #cfe2f1;border-radius:14px;background:linear-gradient(135deg,#f8fcff,#eef7ff)}
.device-push-card-copy{display:flex;align-items:center;gap:12px;min-width:0}
.device-push-card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid #d6e6f2;font-size:1.15rem;box-shadow:0 5px 14px rgba(12,82,140,.08)}
.device-push-card h4,.device-list-card h4{margin:0;font-size:.86rem;color:var(--ink)}
.device-push-card p{margin:4px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}
.device-push-card [data-push-status][data-state="success"]{color:#067647;font-weight:700}
.device-push-card [data-push-status][data-state="warning"]{color:#a15c00;font-weight:700}
.device-push-card [data-push-status][data-state="error"]{color:#b42318;font-weight:700}
.device-push-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.device-push-card .device-push-help{margin-top:12px;padding-top:11px;border-top:1px solid #dbeaf4}
.device-list-card{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.device-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.device-list-heading span{font-size:.68rem;color:var(--muted);font-weight:700}
.device-list{display:grid;gap:0}
.device-list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.device-list-item:first-child{border-top:0}
.device-list-item strong{display:block;font-size:.78rem;color:var(--ink)}
.device-list-item small{display:block;margin-top:3px;font-size:.66rem;color:var(--muted)}
.hidden-form{display:none!important}
.device-push-prompt{position:fixed;z-index:1200;right:18px;bottom:18px;width:min(430px,calc(100vw - 28px));display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;border:1px solid #c9dfee;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(15,59,99,.22)}
.device-push-prompt[hidden]{display:none!important}
.device-push-prompt-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eaf5ff;font-size:1.15rem}
.device-push-prompt strong{display:block;color:#123a59;font-size:.82rem}
.device-push-prompt p{margin:4px 0 0;color:#617b90;font-size:.7rem;line-height:1.45}
.device-push-prompt-actions{grid-column:2;display:flex;gap:8px;flex-wrap:wrap}

@media(max-width:760px){
  .notification-channel-grid{grid-template-columns:1fr}
  .device-push-card-actions{display:grid;grid-template-columns:1fr}
  .device-push-card-actions .btn{width:100%}
  .device-list-item{align-items:flex-start;flex-direction:column}
  .device-list-item .btn{width:100%}
  .device-push-prompt{right:14px;bottom:14px;grid-template-columns:auto minmax(0,1fr);padding:14px}
  .device-push-prompt-actions{grid-column:1/-1}
  .device-push-prompt-actions .btn{flex:1}
}

/* =========================================================
   V4.2.7.1 — Sticky public navigation, responsive scrollspy,
   balanced hero logo, admin profile card, and theme badges.
   ========================================================= */
.site-header,
.site-header.is-hidden{
  position:sticky;
  top:0;
  transform:none!important;
}
.site-header{will-change:auto}

/* Keep the moving desktop line; the compact mobile menu uses
   the active link's own underline so it remains clear vertically. */
@media(max-width:900px){
  .nav-active-indicator{display:none!important}
  .nav-links a{position:relative}
  .nav-links a.active:after{
    content:"";
    display:block!important;
    position:absolute;
    left:10px;
    right:10px;
    bottom:3px;
    height:2px;
    border-radius:999px;
    background:var(--navy);
  }
}

/* Give the complete logo, including its bottom wordmark, a safe area. */
.logo-orbit{
  box-sizing:border-box;
  padding:42px;
}
.logo-orbit img{
  width:100%!important;
  height:100%!important;
  max-width:360px;
  max-height:360px;
  object-fit:contain!important;
  object-position:center;
}
.stat-a{left:-34px;bottom:48px}
.stat-b{right:-28px;top:42px}
@media(max-width:1100px){
  .logo-orbit{padding:48px}
  .stat-a{left:4px;bottom:36px}
  .stat-b{right:4px;top:36px}
}
@media(max-width:680px){
  .logo-orbit{padding:36px}
}

/* Bell values are the actual unread count and follow each workspace theme. */
.member-shell .notification-bell b{
  background:#0f66bd!important;
  color:#fff!important;
}
.admin-shell .notification-bell b{
  background:var(--admin-gold)!important;
  color:#3b160f!important;
  border-color:#fff8e9!important;
  box-shadow:0 4px 12px rgba(93,44,5,.25);
}

/* Admin account card mirrors member behavior without changing admin colors. */
.admin-shell .sidebar-bottom{
  padding:14px 7px 4px!important;
}
.admin-shell .member-profile-card{
  position:relative;
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  padding:10px;
  border:1px solid rgba(255,218,143,.2);
  border-radius:15px;
  background:rgba(255,201,104,.075);
  box-shadow:inset 0 1px 0 rgba(255,240,208,.08);
  color:#fff8ea;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.admin-shell .member-profile-card:hover{
  background:rgba(255,201,104,.14);
  border-color:rgba(255,218,143,.34);
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(45,13,7,.22),inset 0 1px 0 rgba(255,240,208,.12);
}
.admin-shell .member-profile-card:active{transform:translateY(0)}
.admin-shell .member-profile-card:focus-visible{
  outline:3px solid var(--admin-gold-2);
  outline-offset:3px;
}
.admin-shell .member-profile-card .member-chip-avatar,
.admin-shell .avatar,
.admin-shell .mobile-avatar{
  overflow:hidden;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  background:linear-gradient(135deg,var(--admin-gold-2),var(--admin-gold))!important;
  color:#3b160f!important;
}
.admin-shell .member-profile-card .member-chip-avatar{
  width:46px;
  height:46px;
  min-width:46px;
  border:2px solid rgba(255,239,207,.75);
  box-shadow:0 6px 16px rgba(54,16,8,.25);
}
.admin-shell .member-chip-avatar img,
.admin-shell .avatar img,
.admin-shell .mobile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.admin-shell .member-profile-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.25;
}
.admin-shell .member-profile-copy strong{
  max-width:100%;
  font-size:.79rem;
  color:#fff8ea!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-shell .member-profile-copy small{
  max-width:100%;
  margin-top:2px;
  font-size:.59rem;
  color:#f5c96f!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-shell .member-profile-hint{
  margin-top:4px;
  font-size:.55rem;
  line-height:1;
  font-weight:750;
  color:#fff1ce;
  opacity:.86;
}
.admin-shell .member-profile-chevron{
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:1.15rem;
  color:#3b160f;
  background:var(--admin-gold);
  transition:transform .18s ease,background .18s ease;
}
.admin-shell .member-profile-card:hover .member-profile-chevron{
  transform:translateX(2px);
  background:var(--admin-gold-2);
}
.admin-shell .logout-form{margin-top:8px}
.admin-shell .logout-form .logout-link{
  width:100%;
  min-height:38px;
  margin:0!important;
  padding:8px 10px!important;
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:11px;
  color:#ffd8cc!important;
  font-size:.69rem!important;
  font-weight:700;
  line-height:1.2;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.admin-shell .logout-form .logout-link:hover{
  background:rgba(255,201,104,.12);
  color:#fff8ea!important;
  transform:translateX(1px);
}
.admin-shell .logout-link-icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,201,104,.13);
  color:var(--admin-gold-2);
  font-size:.85rem;
  transform:rotate(180deg);
}
.admin-shell .admin-avatar-link{display:inline-flex;border-radius:50%}
.admin-shell .mobile-admin-link .mobile-avatar{width:100%;height:100%}

/* Compact administrator profile page. */
.admin-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.admin-profile-grid .card{min-width:0}
.admin-profile-grid .card-body{padding:22px}
.admin-profile-summary{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
  padding:16px;
  border:1px solid #ead8b8;
  border-radius:15px;
  background:linear-gradient(135deg,#fffdf8,#fff5df);
}
.admin-profile-summary .avatar{width:58px;height:58px;font-size:1.15rem}
.admin-profile-summary strong{display:block;color:#3b160f}
.admin-profile-summary small{display:block;margin-top:4px;color:#8a5c3c}
@media(max-width:760px){
  .admin-profile-grid{grid-template-columns:1fr}
  .admin-shell .member-profile-card .member-chip-avatar{width:44px;height:44px;min-width:44px}
}
@media(max-width:900px){.site-header.is-hidden .nav-links.open{display:flex}}

/* =========================================================
   V4.2.7.2 — Fixed public header reliability hotfix
   Uses a fixed header plus an explicit layout spacer so the
   navigation can never scroll out of view on desktop/mobile.
   ========================================================= */
.site-header,
.site-header.is-hidden{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:100%!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:10010!important;
  will-change:auto!important;
}
.site-header-spacer{
  display:block;
  width:100%;
  height:78px;
  min-height:78px;
  flex:0 0 78px;
  pointer-events:none;
}
html{
  scroll-padding-top:96px;
}
[data-public-section]{
  scroll-margin-top:96px;
}
@media(max-width:900px){
  .site-header-spacer{
    height:78px;
    min-height:78px;
    flex-basis:78px;
  }
  html{scroll-padding-top:90px}
  [data-public-section]{scroll-margin-top:90px}
}



/* =========================================================
   V4.2.7.3 — Public header absolute reliability override
   Inline styles in layout.php are the first line of defence;
   these rules keep identical behavior when markup is cached.
   ========================================================= */
html,body{overflow-x:clip}
body>.site-header[data-public-header],
body>.site-header[data-public-header].is-hidden{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100vw!important;
  max-width:none!important;
  transform:none!important;
  translate:none!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483000!important;
  margin:0!important;
}
body>.site-header-spacer{
  display:block!important;
  height:78px!important;
  min-height:78px!important;
  flex:0 0 78px!important;
}
@media(max-width:900px){
  body>.site-header[data-public-header],
  body>.site-header[data-public-header].is-hidden{
    position:fixed!important;
    inset:0 0 auto 0!important;
  }
  body>.site-header-spacer{
    height:78px!important;
    min-height:78px!important;
    flex-basis:78px!important;
  }
}


/* =========================================================
   V4.2.7.4 — Homepage contact, FAQ content and logout icon
   ========================================================= */
.home-contact-section{background:#fff}
.home-contact-section .contact-grid{align-items:stretch}
.home-contact-section .card{height:100%}
.footer-bottom{justify-content:flex-start}
.member-shell .logout-link-icon,
.admin-shell .logout-link-icon{
  transform:none!important;
  flex:0 0 25px;
}
.member-shell .logout-link-icon::before,
.admin-shell .logout-link-icon::before{
  content:"";
  width:16px;
  height:16px;
  display:block;
  background:currentColor;
  -webkit-mask:url('../images/logout.png') center/contain no-repeat;
  mask:url('../images/logout.png') center/contain no-repeat;
}
@media(max-width:680px){
  .home-contact-section .contact-card{padding:22px}
}


/* =========================================================
   V4.2.7.8 — notification, metric, chart, and cut-loss fixes
   ========================================================= */
.switch{
  position:relative;
  display:inline-block;
  flex:0 0 48px;
  width:48px;
  min-width:48px;
  height:28px;
  box-sizing:border-box;
  vertical-align:middle;
}
.switch input{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
}
.switch .slider{
  position:absolute;
  inset:0;
  display:block;
  box-sizing:border-box;
  overflow:hidden;
  border-radius:999px;
  background:#cfd6df;
}
.switch .slider:before{
  width:22px;
  height:22px;
  left:3px;
  top:3px;
  box-sizing:border-box;
}
.switch input:checked + .slider:before{transform:translateX(20px)}
.notification-email-master > .switch{
  flex:0 0 48px;
  min-width:48px;
  margin-left:auto;
  align-self:flex-start;
}
.device-push-card-icon{color:#087a9c}
.device-push-card-icon svg{display:block;width:24px;height:24px}
.member-shell .metric-status-below{margin-top:10px;display:flex;justify-content:flex-start}
.member-shell .metric-card .metric-top{min-height:20px}
.member-shell .accurate-profit-track{
  position:relative;
  display:block;
  height:180px;
  overflow:hidden;
  border-bottom:0;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(225,241,252,.48),rgba(245,250,254,.12));
}
.member-shell .accurate-profit-zero{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:var(--profit-baseline,100%);
  height:1px;
  background:#b9cfdf;
  transform:translateY(-.5px);
}
.member-shell .accurate-profit-bar{
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  width:100%;
  min-height:0;
  height:var(--profit-size,0%);
  transition:height .25s ease,top .25s ease,bottom .25s ease;
}
.member-shell .accurate-profit-bar.is-positive{
  bottom:calc(100% - var(--profit-baseline,100%));
  border-radius:8px 8px 2px 2px;
  background:linear-gradient(180deg,#25c7b4,#68cfb7 64%,#f1ce77);
}
.member-shell .accurate-profit-bar.is-negative{
  top:var(--profit-baseline,0%);
  border-radius:2px 2px 8px 8px;
  background:linear-gradient(180deg,#ef6a6d,#e83f49);
}
.member-shell .accurate-profit-bar.is-zero{
  top:var(--profit-baseline,100%);
  height:0;
  background:transparent;
}
.member-shell .cutloss-count-list strong{color:#0b66b8}
@media(max-width:680px){
  .notification-email-master{position:relative;padding-right:72px}
  .notification-email-master > .switch{position:absolute;top:18px;right:18px}
}
.member-shell .accurate-profit-column{grid-template-rows:26px 180px auto}

/* =========================================================
   V4.2.7.9 — responsive notification switches and news-break
   frequency inside the Cut Loss panel.
   ========================================================= */
.notification-channel-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
  align-items:stretch;
}
.notification-channel-grid .notification-email-master{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:14px 18px!important;
  position:relative!important;
  min-width:0;
  padding:18px!important;
  padding-right:18px!important;
}
.notification-email-master>div{
  flex:1 1 230px;
  min-width:0;
}
.notification-email-master>.switch{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  align-self:flex-start!important;
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  margin:0 0 0 auto!important;
}
.member-shell .event-frequency-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.member-shell .event-frequency-card{
  min-width:0;
  padding:16px 18px;
  border:1px solid #d7e6f1;
  border-radius:14px;
  background:#fff;
}
.member-shell .event-frequency-card h4{
  margin:0 0 8px;
  color:#123852;
  font-size:.86rem;
}
.member-shell .event-frequency-news{
  background:linear-gradient(180deg,#f8fcff,#f2f8fc);
}
.member-shell .news-break-count-list strong{
  color:#0b66b8;
}
@media(max-width:680px){
  .notification-email-master>div{flex-basis:100%}
  .notification-email-master>.switch{
    margin-left:0!important;
    margin-top:2px!important;
  }
  .member-shell .event-frequency-grid{grid-template-columns:1fr}
}

/* V4.2.8.1: optional multi-file contact attachments. */
.contact-upload-group .form-help{display:block;margin-top:8px;color:var(--muted,#64748b);font-size:.82rem;line-height:1.45}
.contact-file-input{padding:10px 12px;height:auto}
.contact-selected-files{display:grid;gap:8px;margin-top:12px}
.contact-selected-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #cfe1f1;border-radius:12px;background:#f7fbff}
.contact-selected-file>span{min-width:0;display:grid;gap:2px}
.contact-selected-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;color:#12324b}
.contact-selected-file small{color:#698197}
.contact-file-remove{border:0;background:#fff0f0;color:#d33b45;border-radius:9px;padding:7px 10px;font-weight:700;cursor:pointer;flex:0 0 auto}
.admin-contact-attachments{display:grid;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(15,95,184,.14)}
.admin-contact-attachments>strong{font-size:.82rem;color:inherit}
.admin-contact-attachment{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(15,95,184,.18);border-radius:10px;background:rgba(255,255,255,.7);text-decoration:none;color:inherit}
.admin-contact-attachment span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-contact-attachment small{white-space:nowrap;color:var(--muted,#64748b)}
@media(max-width:640px){.contact-selected-file{align-items:flex-start}.admin-contact-attachment{align-items:flex-start;flex-direction:column;gap:3px}}


/* V4.2.8.2 — unified notification center, admin profile crop, and anti-spam controls */
.admin-profile-photo-card{grid-column:1/-1}
.admin-profile-photo-scope{background:transparent!important;min-height:0!important}
.admin-profile-photo-scope .profile-photo-preview{background:linear-gradient(135deg,#ffbd59,#8a321d)!important;border-color:#fff2d2!important;box-shadow:0 12px 28px rgba(112,42,20,.18)!important}
.admin-profile-photo-scope .profile-photo-picker{color:#7a2d1d!important;border-color:#e6b46c!important}
.admin-profile-photo-scope .profile-photo-picker:hover{background:#fff9ee!important;border-color:#d78a2e!important}
.admin-profile-photo-scope .profile-photo-picker>span{background:#fff1cb!important}
.admin-profile-photo-scope .profile-crop-header .eyebrow,.admin-profile-photo-scope .profile-crop-controls label strong{color:#9a3c22!important}
.admin-profile-photo-scope .profile-crop-controls input[type=range]{accent-color:#d88d25!important}
.notification-cooldown-setting{margin-top:16px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:18px;align-items:center;border:1px solid var(--line);border-radius:14px;background:rgba(247,250,252,.82)}
.notification-cooldown-setting h4{margin:0 0 5px;font-size:.82rem}.notification-cooldown-setting p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.55}.notification-cooldown-setting .form-control{margin:0}

@media(max-width:700px){.notification-cooldown-setting{grid-template-columns:1fr}.notification-cooldown-setting .form-control{width:100%}.admin-profile-photo-card{grid-column:auto}}


/* =========================================================
   V4.2.8.3 — Admin notification filter layout and profile chevron
   ========================================================= */
.admin-shell .admin-unified-notification-filters{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 18px;
  padding:2px 0;
}
.admin-shell .admin-unified-notification-filters .filter-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 14px;
  border:1px solid var(--admin-line,#ead4b8);
  border-radius:999px;
  background:#fffaf2;
  color:#5a2a1c;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(83,36,20,.045);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.admin-shell .admin-unified-notification-filters .filter-pill:hover{
  transform:translateY(-1px);
  border-color:var(--admin-gold,#f3b64d);
  background:#fff5df;
  box-shadow:0 7px 18px rgba(112,55,20,.09);
}
.admin-shell .admin-unified-notification-filters .filter-pill.active{
  background:linear-gradient(135deg,var(--admin-gold-2,#ffc968),var(--admin-gold,#f3b64d));
  border-color:var(--admin-gold,#f3b64d);
  color:#3b160f;
  box-shadow:0 8px 20px rgba(169,95,15,.18);
}
.admin-shell .admin-unified-notification-filters .filter-pill:focus-visible{
  outline:3px solid rgba(243,182,77,.35);
  outline-offset:2px;
}

/* Replace the font glyph with a geometrically centered chevron. */
.member-shell .member-profile-chevron,
.admin-shell .member-profile-chevron{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  font-size:0!important;
  line-height:0!important;
}
.member-shell .member-profile-chevron::before,
.admin-shell .member-profile-chevron::before{
  content:"";
  width:7px;
  height:7px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:translateX(-1px) rotate(45deg);
  transform-origin:center;
}

@media(max-width:760px){
  .admin-shell .admin-unified-notification-filters{
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    padding:2px 2px 10px;
    margin-inline:-2px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .admin-shell .admin-unified-notification-filters .filter-pill{
    flex:0 0 auto;
    scroll-snap-align:start;
  }
}


/* =========================================================
   V4.2.8.5 — separated notification settings/email center,
   persistent notification panels, and source-only photo crop.
   ========================================================= */
.notification-summary-actions,
.notification-settings-actions,
.page-action-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.notification-summary-actions form{margin:0}
.notification-settings-actions{margin-bottom:18px}
.notification-grid-v425{grid-template-columns:minmax(0,1fr)!important}
.admin-shell details.member-disclosure{
  border:1px solid var(--admin-line,var(--line));
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(69,32,20,.045);
}
.admin-shell details.member-disclosure>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 19px;
  cursor:pointer;
  list-style:none;
  background:linear-gradient(180deg,#fffdf9,#fff9ef);
  border-bottom:1px solid transparent;
}
.admin-shell details.member-disclosure[open]>summary{border-bottom-color:var(--admin-line,var(--line))}
.admin-shell details.member-disclosure>summary::-webkit-details-marker{display:none}
.admin-shell details.member-disclosure>summary strong{display:block;font-size:.9rem;color:var(--ink)}
.admin-shell details.member-disclosure>summary small{display:block;margin-top:4px;color:var(--muted);font-size:.68rem}
.admin-shell details.member-disclosure .disclosure-action{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:70px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid var(--admin-line,var(--line));
  border-radius:11px;
  background:#fff;
  color:#5a2a1c;
  font-size:.7rem;
  font-weight:800;
}
.admin-shell .member-disclosure-body{padding:18px 20px}
.admin-shell .notification-channel-grid .notification-device-master{
  background:linear-gradient(180deg,#fffdf9,#fff7e9);
  border-color:var(--admin-line,var(--line));
}
.admin-shell .device-push-card{
  border-color:var(--admin-line,var(--line));
  background:linear-gradient(135deg,#fffdf8,#fff6e7);
}
.admin-shell .device-push-card-icon{color:#a55f09;border-color:#efd2a6}
.admin-shell .device-list-card{border-color:var(--admin-line,var(--line))}
.admin-shell .notification-cooldown-setting{border-color:var(--admin-line,var(--line));background:#fffaf2}
.profile-photo-source-input:disabled + .profile-photo-filename{opacity:.8}
@media(max-width:760px){
  .notification-summary-v425{grid-template-columns:1fr!important}
  .notification-summary-actions{justify-content:flex-start}
  .notification-summary-actions .btn{width:100%}
  .notification-summary-actions form{width:100%}
  .notification-summary-actions form .btn{width:100%}
  .notification-settings-actions{align-items:stretch;flex-direction:column}
  .notification-settings-actions .btn{width:100%}
  .admin-shell .member-disclosure-body{padding:14px}
}

/* V4.2.8.6 — unified notification controls and responsive admin/member polish */
.is-list-hidden{display:none!important}
.notification-setting-button img{display:block;flex:0 0 auto}
.notification-filters-v425,.admin-unified-notification-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.notification-filters-v425 .filter-pill,.admin-unified-notification-filters .filter-pill{white-space:nowrap}
.list-limit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}
.list-limit-toolbar>span{font-size:.72rem;font-weight:800;color:var(--muted)}
.list-limit-toolbar select{min-width:104px;min-height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 34px 8px 12px;color:var(--text);font-weight:700}
.admin-shell .list-limit-toolbar select{border-color:var(--admin-line,var(--line));color:#4f271b}

/* Keep multi-column workspaces compact instead of stretching short cards to tall siblings. */
.admin-shell :is(.backup-layout,.backup-grid,.settings-grid,.deploy-layout,.release-grid,.gdb-grid,.admin-history-grid,.admin-security-grid,.security-grid,.live-grid,.grid-2,.grid-3,.grid-4){align-items:start!important}
.admin-shell :is(.backup-layout,.settings-grid,.deploy-layout,.release-grid,.gdb-grid,.admin-history-grid,.admin-security-grid,.security-grid,.live-grid)>*{min-width:0;align-self:start}
.admin-shell .backup-layout>div{display:grid;gap:18px;align-content:start;min-width:0}
.admin-shell .backup-layout>div>.backup-card{margin-bottom:0!important;align-self:start;height:auto!important;min-height:0!important}
.admin-shell :is(.card,.backup-card,.settings-card,.release-card,.deploy-card,.live-card,.gdb-card,.admin-security-card){height:auto;min-height:0;align-self:start}
.admin-shell .ui-collapse-section.is-collapsed{min-height:0!important}
.admin-shell .ui-collapse-section.is-collapsed>.ui-collapse-body{display:none!important}

/* Consistent card rhythm across history, audit, security, backup and settings pages. */
.admin-shell .app-content>section,
.admin-shell .app-content>.card,
.admin-shell .app-content>.backup-layout,
.admin-shell .app-content>.settings-grid,
.admin-shell .app-content>.admin-history-card{margin-top:0}
.admin-shell .admin-history-filter-card,.admin-shell .admin-history-card{margin-bottom:16px!important}
.admin-shell .admin-history-card>.card-head,.admin-shell .admin-history-filter-card>.card-head{padding:16px 18px!important;min-height:0}
.admin-shell .admin-history-card>.card-body,.admin-shell .admin-history-filter-card>.card-body{padding:16px 18px!important}
.admin-shell .admin-history-tabs{margin-bottom:10px!important}
.admin-shell .admin-history-bulkbar{margin-bottom:10px!important;padding:11px 12px!important}
.admin-shell .admin-history-list{gap:9px!important}
.admin-shell .admin-history-item>summary{padding:12px 14px!important}
.admin-shell .admin-history-body{padding:0 14px 13px!important}
.admin-shell .admin-history-card .list-limit-toolbar{margin:8px 0 10px}
.admin-shell .admin-history-card .ui-collapse-toggle{min-width:72px;justify-content:center}

/* Unified form/control sizing. */
.admin-shell :is(.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],select,textarea){max-width:100%;box-sizing:border-box}
.admin-shell .form-group{min-width:0}
.admin-shell :is(.admin-history-filter,.backup-form-grid,.settings-fields,.security-filter-grid,.audit-filter-grid){align-items:end}
.admin-shell :is(.admin-history-filter-actions,.backup-actions,.admin-trash-row-actions,.notification-item-actions){align-items:center}
.admin-shell :is(.admin-history-filter-actions,.backup-actions,.admin-trash-row-actions){gap:8px}
.admin-shell .table-wrap{max-width:100%;overflow:auto;border-radius:12px}
.admin-shell table{max-width:100%}

/* Notification and email center controls stay readable on all widths. */
.admin-notice-panel,.email-delivery-panel,.member-notification-panel{min-width:0}
.admin-notice-panel-body,.email-delivery-panel-body,.member-notification-panel-body{min-width:0}
.admin-notice-list,.notification-list-v425{min-width:0}
.notice-toolbar-main form,.member-notification-toolbar-main form,.email-center-actions form{display:flex;margin:0}
.notice-toolbar-main form .btn,.member-notification-toolbar-main form .btn,.email-center-actions form .btn{height:100%}
.admin-shell .admin-trash-bulkbar,.admin-shell .notification-bulkbar,.member-shell .notification-bulkbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.admin-shell .admin-trash-row-actions,.member-shell .notification-item-actions{display:flex;gap:8px;flex-wrap:wrap}

@media(max-width:1100px){
  .admin-shell .backup-layout{grid-template-columns:1fr!important}
  .admin-shell :is(.admin-history-filter,.backup-form-grid,.settings-fields,.security-filter-grid,.audit-filter-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .notification-filters-v425,.admin-unified-notification-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}
  .notification-filters-v425 .filter-pill,.admin-unified-notification-filters .filter-pill{flex:0 0 auto}
  .admin-shell .app-content{overflow-x:hidden}
  .admin-shell .backup-layout>div{gap:12px}
  .admin-shell :is(.card-head,.backup-card-head,.settings-card-head,.release-card-head,.deploy-card-head,.live-card-head){align-items:flex-start}
}
@media(max-width:680px){
  .admin-shell :is(.admin-history-filter,.backup-form-grid,.settings-fields,.security-filter-grid,.audit-filter-grid){grid-template-columns:1fr!important}
  .admin-shell :is(.admin-history-filter-actions,.backup-actions,.admin-trash-row-actions){width:100%}
  .admin-shell :is(.admin-history-filter-actions,.backup-actions,.admin-trash-row-actions) .btn{flex:1 1 100%;width:100%}
  .admin-shell .admin-history-card>.card-head,.admin-shell .admin-history-filter-card>.card-head,.admin-shell .admin-history-card>.card-body,.admin-shell .admin-history-filter-card>.card-body{padding:14px!important}
  .admin-shell .admin-history-bulkbar{align-items:stretch!important}
  .admin-shell .admin-history-bulkbar label{width:100%}
  .admin-shell .admin-history-bulkbar .btn{width:100%;flex:1 1 100%}
  .list-limit-toolbar{align-items:stretch}
  .list-limit-toolbar select{width:100%}
  .admin-notice,.notification-item-v425>summary{min-width:0}
  .admin-notice p,.notification-item-v425 p{overflow-wrap:anywhere}
}

/* V4.2.8.6 — compact masonry for Backup & Restore on wide screens. */
@media(min-width:1001px){
  .admin-shell .backup-layout{display:block!important;column-count:2;column-gap:18px}
  .admin-shell .backup-layout>div{display:contents!important}
  .admin-shell .backup-layout .backup-card{display:inline-block;width:100%;margin:0 0 18px!important;break-inside:avoid;page-break-inside:avoid;vertical-align:top}
}

/* Member/admin history share the same compact toolbar and list rhythm. */
.member-shell .history-grid-v425{align-items:start!important}
.member-shell .history-grid-v425>details{align-self:start;min-width:0;height:auto}
.member-shell .history-bulkbar{padding:11px 12px!important;margin-bottom:10px!important}
.member-shell .history-item-list{gap:9px!important}
.member-shell .history-item>summary{padding:12px 14px!important}
.member-shell .history-item-body{padding:0 14px 13px!important}
.member-shell .history-grid-v425 .list-limit-toolbar{margin:8px 0 10px}
@media(max-width:760px){
  .member-shell .history-grid-v425{grid-template-columns:1fr!important}
  .member-shell .history-bulkbar{align-items:stretch!important}
  .member-shell .history-bulkbar label{width:100%}
  .member-shell .history-bulkbar .btn{width:100%;flex:1 1 100%}
}

/* =========================================================
   V4.2.8.7 — consistent compact typography and form rhythm
   across admin/member workspaces on desktop and mobile.
   ========================================================= */
.admin-shell .app-content,
.member-shell .app-content{
  --workspace-title-size:.88rem;
  --workspace-body-size:.76rem;
  --workspace-label-size:.74rem;
  --workspace-help-size:.66rem;
  --workspace-button-size:.72rem;
  --workspace-control-height:42px;
}

/* Card headings and supporting copy use one visual scale. */
.admin-shell .app-content :is(
  .card-head,.backup-card-head,.release-card-head,.deploy-card-head,
  .settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head
) h2,
.admin-shell .app-content :is(
  .card-head,.backup-card-head,.release-card-head,.deploy-card-head,
  .settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head
) h3,
.member-shell .app-content .card-head :is(h2,h3){
  margin:0!important;
  font-size:var(--workspace-title-size)!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.admin-shell .app-content :is(
  .card-head,.backup-card-head,.release-card-head,.deploy-card-head,
  .settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head
) :is(p,small),
.member-shell .app-content .card-head :is(p,small){
  margin:4px 0 0!important;
  font-size:var(--workspace-help-size)!important;
  line-height:1.5!important;
}

/* Consistent labels, controls and native file inputs. */
.admin-shell .app-content .form-group,
.member-shell .app-content .form-group{
  margin:0 0 12px!important;
  min-width:0!important;
}
.admin-shell .app-content .form-group>span,
.admin-shell .app-content .form-group>label,
.member-shell .app-content .form-group>span,
.member-shell .app-content .form-group>label{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--text,#26364b)!important;
  font-size:var(--workspace-label-size)!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.admin-shell .app-content .form-group>span:has(input[type="checkbox"]),
.member-shell .app-content .form-group>span:has(input[type="checkbox"]){
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
.admin-shell .app-content :is(
  .form-control,input[type="text"],input[type="email"],input[type="password"],
  input[type="number"],input[type="date"],input[type="time"],input[type="search"],
  input[type="url"],select
),
.member-shell .app-content :is(
  .form-control,input[type="text"],input[type="email"],input[type="password"],
  input[type="number"],input[type="date"],input[type="time"],input[type="search"],
  input[type="url"],select
){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:var(--workspace-control-height)!important;
  height:auto!important;
  padding:9px 12px!important;
  border-radius:10px!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  box-sizing:border-box!important;
}
.admin-shell .app-content textarea.form-control,
.member-shell .app-content textarea.form-control{
  min-height:96px!important;
  padding:10px 12px!important;
  line-height:1.5!important;
  resize:vertical!important;
}
.admin-shell .app-content input[type="file"],
.member-shell .app-content input[type="file"]{
  width:100%!important;
  max-width:100%!important;
  min-height:var(--workspace-control-height)!important;
  padding:6px 8px!important;
  border:1px solid var(--admin-line,var(--line,#d9e0e9))!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--text,#26364b)!important;
  font-size:.72rem!important;
  line-height:1.35!important;
  box-sizing:border-box!important;
}
.admin-shell .app-content input[type="file"]::file-selector-button,
.member-shell .app-content input[type="file"]::file-selector-button{
  min-height:30px!important;
  margin:0 9px 0 0!important;
  padding:6px 10px!important;
  border:1px solid #cfd9e5!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  color:#26364b!important;
  font:700 .7rem/1.2 Inter,Arial,sans-serif!important;
  cursor:pointer!important;
}
.admin-shell .app-content :is(.form-help,.muted-help,.field-help),
.member-shell .app-content :is(.form-help,.muted-help,.field-help){
  margin-top:5px!important;
  font-size:var(--workspace-help-size)!important;
  line-height:1.5!important;
}

/* Buttons and password reveal buttons share one compact size. */
.admin-shell .app-content .btn,
.member-shell .app-content .btn{
  min-height:38px!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  font-size:var(--workspace-button-size)!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.admin-shell .app-content .btn.btn-sm,
.member-shell .app-content .btn.btn-sm{
  min-height:36px!important;
  padding:8px 13px!important;
  font-size:.7rem!important;
}
.admin-shell .app-content .password-field,
.member-shell .app-content .password-field{
  display:flex!important;
  align-items:stretch!important;
  gap:8px!important;
  min-width:0!important;
}
.admin-shell .app-content .password-field .form-control,
.member-shell .app-content .password-field .form-control{
  flex:1 1 auto!important;
}
.admin-shell .app-content .password-toggle,
.member-shell .app-content .password-toggle{
  flex:0 0 var(--workspace-control-height)!important;
  width:var(--workspace-control-height)!important;
  min-width:var(--workspace-control-height)!important;
  min-height:var(--workspace-control-height)!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}

/* Notes, commands and body text no longer jump between large/small sizes. */
.admin-shell .app-content :is(
  .backup-note,.release-note,.deploy-note,.security-note,.audit-note,
  .confirm-panel,.command,.cron-box,.code-box,.deploy-command,.release-code
),
.member-shell .app-content :is(.security-note,.form-note){
  font-size:.68rem!important;
  line-height:1.55!important;
}
.admin-shell .app-content :is(
  .backup-card-body,.release-card-body,.deploy-card-body,.settings-card-body,
  .live-card-body,.gdb-card-body,.card-body
),
.member-shell .app-content .card-body{
  font-size:var(--workspace-body-size)!important;
  line-height:1.55!important;
}
.admin-shell .app-content :is(.deploy-form,.backup-form-grid,.settings-fields,.security-filter-grid,.audit-filter-grid),
.member-shell .app-content :is(.settings-fields,.form-grid){
  gap:12px!important;
}

/* Predictable independent columns; short cards never stretch to tall siblings. */
.admin-shell .app-content :is(
  .deploy-grid,.release-grid,.settings-grid,.security-grid,.admin-security-grid,
  .live-grid,.gdb-grid,.grid-2,.grid-3,.grid-4
){
  align-items:start!important;
  grid-auto-rows:max-content!important;
}
.admin-shell .app-content :is(
  .deploy-card,.release-card,.backup-card,.settings-card,.live-card,
  .gdb-card,.admin-security-card,.card
){
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}

/* The Backup page uses two independent compact columns on desktop. */
@media(min-width:1101px){
  .admin-shell .backup-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)!important;
    gap:16px!important;
    column-count:initial!important;
    align-items:start!important;
  }
  .admin-shell .backup-layout>div{
    display:grid!important;
    gap:16px!important;
    align-content:start!important;
    min-width:0!important;
  }
  .admin-shell .backup-layout .backup-card{
    display:block!important;
    width:100%!important;
    margin:0!important;
    break-inside:auto!important;
  }
}

/* Tablet/mobile: one clean column, smaller but still readable. */
@media(max-width:1100px){
  .admin-shell .backup-layout,
  .admin-shell .release-grid,
  .admin-shell .deploy-grid,
  .admin-shell .settings-grid,
  .admin-shell .security-grid,
  .admin-shell .admin-security-grid,
  .member-shell .grid-2{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:680px){
  .admin-shell .app-content,
  .member-shell .app-content{
    --workspace-title-size:.84rem;
    --workspace-body-size:.74rem;
    --workspace-label-size:.72rem;
    --workspace-help-size:.64rem;
    --workspace-button-size:.7rem;
    --workspace-control-height:40px;
  }
  .admin-shell .app-content :is(
    .card-head,.backup-card-head,.release-card-head,.deploy-card-head,
    .settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head
  ),
  .member-shell .app-content .card-head{
    padding:14px!important;
    gap:10px!important;
  }
  .admin-shell .app-content :is(
    .backup-card-body,.release-card-body,.deploy-card-body,.settings-card-body,
    .live-card-body,.gdb-card-body,.card-body
  ),
  .member-shell .app-content .card-body{
    padding:14px!important;
  }
  .admin-shell .app-content .btn,
  .member-shell .app-content .btn{
    white-space:normal!important;
    text-align:center!important;
  }
}

/* Help Center v4.2.9.3 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.help-center-page,.help-article-page{background:#f5f8fc;color:var(--ink)}
.help-hero{padding:78px 0 62px;background:radial-gradient(circle at 18% 10%,rgba(42,142,255,.15),transparent 35%),linear-gradient(135deg,#071d38 0%,#0c3564 58%,#0f5fb8 100%);color:#fff}
.help-hero-inner{max-width:980px;text-align:center}
.help-kicker{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.69rem;letter-spacing:.13em;font-weight:800;background:rgba(255,255,255,.08)}
.help-hero h1{font-size:clamp(2.15rem,5vw,4rem);line-height:1.06;margin:18px auto 16px;max-width:850px;color:#fff}
.help-hero p{max-width:790px;margin:0 auto;color:#d5e4f5;line-height:1.75;font-size:.98rem}
.help-search{display:flex;max-width:850px;margin:30px auto 20px;padding:7px;background:#fff;border-radius:16px;box-shadow:0 18px 55px rgba(1,13,28,.3)}
.help-search input{flex:1;min-width:0;border:0;outline:0;padding:0 17px;font:inherit;color:#112b49;background:transparent}
.help-search .btn{min-width:146px;border-radius:11px}
.help-hero-stats{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;color:#bfd2e9;font-size:.76rem}
.help-hero-stats span{display:flex;gap:6px;align-items:center}.help-hero-stats strong{color:#fff;font-size:.9rem}
.help-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:start;padding-top:48px;padding-bottom:76px}
.help-categories{position:sticky;top:98px;background:#fff;border:1px solid #dce5f0;border-radius:18px;padding:14px;box-shadow:0 12px 34px rgba(9,42,78,.07);max-height:calc(100vh - 120px);overflow:auto}
.help-category-head{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 14px;border-bottom:1px solid #e7edf5;margin-bottom:8px}.help-category-head h2{font-size:.92rem;margin:0}.help-category-head span{font-size:.68rem;color:var(--muted)}
.help-category-link{display:flex;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:10px;color:#425771;font-size:.73rem;line-height:1.35;margin:2px 0;transition:.18s}.help-category-link span{min-width:0}.help-category-link b{font-size:.63rem;color:#8192a6;background:#eef3f8;border-radius:999px;padding:3px 7px;height:max-content}.help-category-link:hover,.help-category-link.active{background:#eaf3ff;color:#0b5aab}.help-category-link.active{font-weight:800}.help-category-link.active b{background:#0f5fb8;color:#fff}
.help-results-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.help-results-head h2{font-size:1.65rem;margin:4px 0 7px}.help-results-head p{font-size:.8rem;color:var(--muted);max-width:780px;line-height:1.65;margin:0}.help-result-count{font-size:.7rem;color:#0f5fb8;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.help-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.help-card{background:#fff;border:1px solid #dce5f0;border-radius:17px;padding:20px;display:flex;flex-direction:column;min-height:220px;box-shadow:0 8px 25px rgba(9,42,78,.05);transition:.2s}.help-card:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(9,42,78,.1);border-color:#b8d5f3}.help-card-meta{display:flex;justify-content:space-between;gap:10px;font-size:.63rem;color:#60758d;text-transform:uppercase;letter-spacing:.05em}.help-card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-card-meta b{color:#0f5fb8}.help-card h3{font-size:1rem;line-height:1.42;margin:13px 0 8px}.help-card h3 a{color:#0e2948}.help-card p{font-size:.76rem;line-height:1.62;color:#65788f;margin:0 0 18px}.help-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #edf1f5;font-size:.66rem;color:#8190a2}.help-card-footer a{font-weight:800;color:#0f5fb8;white-space:nowrap}
.help-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px;font-size:.75rem}.help-pagination a,.help-pagination span{padding:10px 14px;border-radius:10px;border:1px solid #dce5f0;background:#fff}.help-pagination a{color:#0f5fb8;font-weight:800}.help-pagination span{color:#6a7b8f}
.help-empty{background:#fff;border:1px dashed #bfd0e2;border-radius:18px;text-align:center;padding:55px 24px}.help-empty>div{font-size:2.4rem;color:#7b99b8}.help-empty h3{margin:10px 0 6px}.help-empty p{color:var(--muted);font-size:.82rem;margin:0 0 20px}
.help-contact-strip{margin-bottom:76px;background:linear-gradient(135deg,#0a2b51,#0f5fb8);border-radius:22px;padding:32px 38px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.help-contact-strip span,.help-article-support span{font-size:.66rem;letter-spacing:.12em;font-weight:800;color:#a9cff6}.help-contact-strip h2,.help-article-support h2{color:#fff;margin:5px 0 7px;font-size:1.35rem}.help-contact-strip p,.help-article-support p{margin:0;color:#d2e2f2;font-size:.76rem;line-height:1.6;max-width:760px}
.help-breadcrumb{display:flex;align-items:center;gap:9px;padding-top:30px;padding-bottom:20px;color:#718198;font-size:.72rem;flex-wrap:wrap}.help-breadcrumb a{color:#0f5fb8;font-weight:700}
.help-article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start;padding-bottom:78px}.help-article-toc{position:sticky;top:98px;background:#fff;border:1px solid #dce5f0;border-radius:16px;padding:18px;display:grid;gap:4px;box-shadow:0 10px 30px rgba(9,42,78,.06)}.help-article-toc strong{font-size:.78rem;padding:0 7px 10px;border-bottom:1px solid #e8eef5;margin-bottom:5px}.help-article-toc a{font-size:.69rem;color:#596d84;padding:7px;border-radius:8px}.help-article-toc a:hover{background:#edf5ff;color:#0f5fb8}
.help-article-main{min-width:0}.help-article-header{background:linear-gradient(135deg,#071d38,#0e559d);border-radius:22px;padding:38px;color:#fff;box-shadow:0 18px 48px rgba(7,35,68,.2)}.help-article-labels{display:flex;justify-content:space-between;gap:16px;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:#bfdbf7}.help-article-labels b{color:#fff}.help-article-header h1{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.18;margin:16px 0 12px}.help-article-header>p{font-size:.86rem;line-height:1.75;color:#d4e5f6;max-width:850px}.help-article-facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font-size:.69rem;color:#bcd1e7}.help-article-facts strong{color:#fff}
.help-article-section{scroll-margin-top:100px;background:#fff;border:1px solid #dce5f0;border-radius:17px;padding:25px 28px;margin-top:16px;box-shadow:0 7px 22px rgba(9,42,78,.04)}.help-article-section h2{font-size:1.12rem;margin:0 0 14px;color:#0e2948}.help-article-section p{font-size:.82rem;line-height:1.75;color:#596f87;margin:0}.help-article-section ol{margin:0;padding-left:22px;display:grid;gap:10px}.help-article-section li{font-size:.79rem;line-height:1.67;color:#526a83;padding-left:5px}.help-primary-steps{border-left:4px solid #0f5fb8}.help-primary-steps ol{counter-reset:helpstep;list-style:none;padding-left:0}.help-primary-steps li{counter-increment:helpstep;position:relative;padding:2px 0 10px 42px;min-height:32px}.help-primary-steps li:before{content:counter(helpstep);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:#0f5fb8;color:#fff;display:grid;place-items:center;font-size:.68rem;font-weight:800}.help-warning-section{background:#fffaf0;border-color:#f0d7a8}.help-danger-section{background:#fff7f7;border-color:#f0c5c5}
.help-article-faq details{border-top:1px solid #e7edf4;padding:14px 0}.help-article-faq details:first-of-type{border-top:0}.help-article-faq summary{cursor:pointer;font-size:.8rem;font-weight:800;color:#183a5e}.help-article-faq details p{padding-top:10px}
.help-article-support{margin-top:18px;background:linear-gradient(135deg,#0a2b51,#0f5fb8);border-radius:18px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.help-related{margin-top:30px}.help-related>h2{font-size:1.25rem}.help-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-related-grid>a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #dce5f0;border-radius:14px;padding:17px}.help-related-grid span{font-size:.62rem;color:#0f5fb8;font-weight:800}.help-related-grid strong{font-size:.78rem;line-height:1.45;color:#173654}.help-related-grid small{font-size:.67rem;line-height:1.5;color:#718399}
.help-center-page .footer-grid,.help-article-page .footer-grid{grid-template-columns:1.55fr repeat(4,1fr);gap:34px}.footer-bottom a{color:#9fb4cb}
@media(min-width:901px){.site-header .nav-links{gap:17px}.site-header .nav-links a{font-size:.73rem}}
@media(max-width:1000px){.help-layout{grid-template-columns:1fr}.help-categories{position:relative;top:auto;display:flex;overflow:auto;max-height:none;padding:10px}.help-category-head{display:none}.help-category-link{flex:0 0 auto;align-items:center;border:1px solid #e1e9f2}.help-article-layout{grid-template-columns:1fr}.help-article-toc{display:none}.help-center-page .footer-grid,.help-article-page .footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.help-hero{padding:56px 0 46px}.help-hero h1{font-size:2.3rem}.help-search{display:grid;border-radius:14px}.help-search input{height:50px;padding:0 13px}.help-search .btn{width:100%}.help-layout{padding-top:28px}.help-results-head{display:block}.help-results-head .btn{margin-top:14px}.help-card-grid,.help-related-grid{grid-template-columns:1fr}.help-card{min-height:0}.help-contact-strip,.help-article-support{margin-left:14px;margin-right:14px;padding:26px 22px;display:block}.help-contact-strip .btn,.help-article-support .btn{margin-top:18px;width:100%}.help-article-header{padding:27px 22px;border-radius:17px}.help-article-facts{display:grid;gap:8px}.help-article-section{padding:21px 19px}.help-center-page .footer-grid,.help-article-page .footer-grid{grid-template-columns:1fr}}


/* Homepage Help Center preview */
.home-help-section{background:linear-gradient(180deg,#fff 0%,#f4f8fd 100%);border-top:1px solid #e5edf6;border-bottom:1px solid #e5edf6}
.home-help-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:25px}
.home-help-head>div{max-width:790px}.home-help-head h2{font-size:clamp(1.8rem,3vw,2.65rem);margin:7px 0 10px;color:#0b2442}.home-help-head p:not(.eyebrow){margin:0;color:#64788f;line-height:1.72;font-size:.88rem}
.home-help-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid #d8e4f0;border-radius:17px;padding:8px 9px 8px 16px;box-shadow:0 14px 38px rgba(13,52,92,.08);margin-bottom:18px}.home-help-search>span{font-size:1.35rem;color:#3b6f9e}.home-help-search input{min-width:0;border:0;outline:0;background:transparent;color:#173553;font:inherit;padding:0 5px;height:44px}.home-help-search input::placeholder{color:#8b9aae}.home-help-search .btn{border-radius:11px;min-width:135px}
.home-help-categories{display:flex;gap:9px;overflow:auto;padding:1px 1px 14px;scrollbar-width:thin}.home-help-categories a{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #dce6f0;border-radius:999px;background:#fff;color:#405d79;font-size:.7rem;font-weight:700;transition:.18s}.home-help-categories a:hover{border-color:#8fbce8;color:#0c5eac;transform:translateY(-1px)}.home-help-categories b{font-size:.61rem;color:#0f5fb8;background:#eaf4ff;padding:3px 7px;border-radius:999px}
.home-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:5px}.home-help-card{display:flex;flex-direction:column;min-height:245px;background:#fff;border:1px solid #dce6f0;border-radius:18px;padding:21px;box-shadow:0 8px 25px rgba(9,42,78,.05);transition:.2s}.home-help-card:hover{transform:translateY(-3px);border-color:#afd0ee;box-shadow:0 17px 40px rgba(9,42,78,.11)}.home-help-card-meta{display:flex;justify-content:space-between;gap:12px;color:#6d8197;font-size:.62rem;text-transform:uppercase;letter-spacing:.055em}.home-help-card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-help-card-meta b{color:#0f5fb8}.home-help-card h3{font-size:1rem;line-height:1.42;margin:13px 0 9px}.home-help-card h3 a{color:#112f4f}.home-help-card p{font-size:.75rem;color:#667b91;line-height:1.62;margin:0 0 18px}.home-help-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #edf2f7;color:#8493a5;font-size:.64rem}.home-help-card-foot>a{color:#0f5fb8;font-weight:800;white-space:nowrap}
.home-help-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px;padding:24px 27px;border-radius:18px;background:linear-gradient(135deg,#071d38,#0d579f);color:#fff}.home-help-footer>div{display:grid;gap:5px}.home-help-footer strong{font-size:1.05rem}.home-help-footer span{color:#c6daee;font-size:.73rem;line-height:1.55}.home-help-footer .btn{flex:0 0 auto}
@media(max-width:1000px){.home-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-help-head{align-items:flex-start}.home-help-head>.btn{flex:0 0 auto}}
@media(max-width:720px){.home-help-head{display:block}.home-help-head>.btn{margin-top:18px;width:100%}.home-help-search{grid-template-columns:auto minmax(0,1fr);padding:9px 13px}.home-help-search .btn{grid-column:1/-1;width:100%}.home-help-grid{grid-template-columns:1fr}.home-help-card{min-height:0}.home-help-footer{display:block;padding:23px 21px}.home-help-footer .btn{width:100%;margin-top:18px}}

/* =========================================================
   V4.2.9.4 — Help center, support upload, WhatsApp contact,
   and verified email-change refinements
   ========================================================= */
.home-help-head h2{margin-bottom:0}
.home-help-head>div{display:grid;gap:0}

.contact-method-link{position:relative;text-decoration:none;color:inherit;border-radius:14px;margin:-2px -8px 2px;padding:17px 8px!important;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.contact-method-link:hover{background:#f5fbff;transform:translateY(-1px);box-shadow:0 9px 24px rgba(13,74,125,.07)}
.contact-method-link>div{min-width:0;flex:1}
.contact-method-link>b{align-self:center;color:#0f5fb8;font-size:1.1rem}
.contact-method-link small{display:block;margin-top:5px;color:#74869a;font-size:.68rem;line-height:1.45}
.contact-method-whatsapp>span{background:#e8fff2!important;color:#108b4f!important;font-size:.68rem;letter-spacing:.02em}
.contact-method-whatsapp h4{color:#0b5f3a}
.contact-method-whatsapp p{color:#173e31!important;font-weight:750}

.contact-upload-group>label{display:flex;align-items:center;gap:7px;margin-bottom:10px}
.contact-upload-group>label small{font-weight:500;color:#718198}
.contact-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.contact-upload-zone{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:126px;padding:22px;border:1.5px dashed #a9c7e3;border-radius:18px;background:linear-gradient(145deg,#fafdff 0%,#f1f7fd 100%);cursor:pointer;outline:0;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.contact-upload-zone:hover,.contact-upload-zone:focus-visible,.contact-upload-zone.is-dragging{border-color:#0f69ba;background:linear-gradient(145deg,#f7fcff,#eaf5ff);box-shadow:0 0 0 4px rgba(15,105,186,.09),0 16px 34px rgba(14,65,108,.08);transform:translateY(-1px)}
.contact-upload-zone.has-files{border-style:solid;border-color:#75aad8;background:#f8fcff}
.contact-upload-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#0f64ae;background:#fff;box-shadow:0 10px 24px rgba(24,89,145,.12);flex:0 0 auto}
.contact-upload-icon svg{width:27px;height:27px}
.contact-upload-copy{display:grid;gap:5px;min-width:0}
.contact-upload-copy strong{color:#102d4c;font-size:.94rem}
.contact-upload-copy small{color:#6d8197;font-size:.76rem}
.contact-upload-button{border:1px solid #bfd5e8;border-radius:12px;background:#fff;color:#0b3158;padding:10px 15px;font-weight:800;font-size:.75rem;cursor:pointer;box-shadow:0 7px 18px rgba(15,67,111,.06);transition:.18s}
.contact-upload-button:hover{border-color:#0f69ba;color:#0f5fb8}
.contact-upload-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:10px;color:#697d93;font-size:.7rem;line-height:1.45}
.contact-upload-meta b{white-space:nowrap;color:#0f5fb8;background:#eaf4ff;border-radius:999px;padding:4px 9px;font-size:.66rem}
.contact-upload-error{margin-top:10px;padding:10px 12px;border:1px solid #fac7cb;border-radius:11px;background:#fff3f4;color:#ad2732;font-size:.75rem;font-weight:650}
.contact-selected-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.contact-selected-file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #cfe1f1;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(20,72,116,.05)}
.contact-selected-file-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e9f8ef;color:#16874e;font-weight:900}
.contact-selected-file-copy{min-width:0;display:grid;gap:2px}
.contact-selected-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:#12324b}
.contact-selected-file small{color:#71869a;font-size:.66rem}
.contact-file-remove{display:inline-flex;align-items:center;gap:5px;border:0;background:#fff0f1;color:#c8303c;border-radius:9px;padding:7px 9px;font-weight:800;font-size:.66rem;cursor:pointer;flex:0 0 auto}
.contact-file-remove:hover{background:#ffe2e5}
.contact-file-remove span:first-child{font-size:1rem;line-height:.7}

.email-change-current{display:grid;gap:5px;padding:16px 18px;border:1px solid #d8e5f1;border-radius:14px;background:#f8fbfe;margin-bottom:18px}
.email-change-current>span,.email-change-pending>div>span{color:#6e8195;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:750}
.email-change-current>strong,.email-change-pending>div>strong{color:#123451;font-size:.94rem;overflow-wrap:anywhere}
.email-change-current>small{color:#708398;font-size:.72rem;line-height:1.5}
.email-change-pending{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #f0d69b;border-radius:14px;background:#fff9ec;margin-bottom:18px}
.email-change-pending>div{display:grid;gap:5px;min-width:0}
.email-change-pending .status-badge{white-space:nowrap;padding:6px 10px;border-radius:999px;background:#ffedbd;color:#7a5200;font-size:.66rem;font-weight:800}
.email-change-verify-form{max-width:570px}
.otp-code-input{max-width:240px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem!important;font-weight:800;letter-spacing:.32em;text-align:center}
.email-change-secondary-actions{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.email-change-security-note{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;margin:0 0 18px;border:1px solid #cfe3f4;border-radius:12px;background:#f3f9fe;color:#31546f;font-size:.72rem;line-height:1.5}
.email-change-security-note strong{color:#0d4f87;white-space:nowrap}

@media(max-width:720px){
  .contact-upload-zone{grid-template-columns:auto minmax(0,1fr);padding:18px;min-height:115px}
  .contact-upload-button{grid-column:1/-1;width:100%}
  .contact-selected-files{grid-template-columns:1fr}
  .contact-upload-meta{display:grid;gap:7px}
  .contact-upload-meta b{justify-self:start}
  .email-change-pending{align-items:flex-start;display:grid}
}

/* V4.2.9.5 — homepage scrollspy, promotional help-center copy, and footer spacing */
.footer-bottom{gap:10px;flex-wrap:wrap}
.footer-bottom-copy{margin:0!important}
.footer-bottom-links{display:inline-flex!important;align-items:center;gap:8px;margin:0!important}
.footer-bottom-links>span{display:inline!important;margin:0!important;color:#6f879f}
.help-center-page .help-search{margin-bottom:0}
.help-results-head h2{margin-top:0}
@media(max-width:680px){
  .footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center}
  .footer-bottom-links{display:inline-flex!important}
}

/* V4.2.9.7 — Si Snake DeepSeek AI Customer Service */
.si-snake-launcher{position:fixed;right:22px;bottom:22px;z-index:10040;display:flex;align-items:center;gap:10px;border:0;border-radius:18px;padding:10px 14px 10px 10px;background:linear-gradient(135deg,#075fb8,#0b3f79);color:#fff;box-shadow:0 18px 45px rgba(2,42,83,.28);cursor:pointer;transition:transform .2s ease,opacity .2s ease}
.si-snake-launcher:hover{transform:translateY(-2px)}
.si-snake-launcher.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}
.si-snake-launcher-icon,.si-snake-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#fff;color:#075fae;font-weight:900;font-size:1.1rem;box-shadow:inset 0 0 0 1px rgba(8,79,139,.12)}
.si-snake-launcher>span:last-child{display:grid;text-align:left;line-height:1.15}
.si-snake-launcher strong{font-size:.82rem}.si-snake-launcher small{font-size:.64rem;color:#d8edff;margin-top:3px}
.si-snake{background:#fff;border:1px solid #d9e6f1;border-radius:22px;box-shadow:0 24px 70px rgba(9,45,78,.24);overflow:hidden;color:#17324b}
.si-snake-widget{position:fixed;right:22px;bottom:22px;width:min(410px,calc(100vw - 28px));height:min(650px,calc(100vh - 110px));z-index:10050;display:grid;grid-template-rows:auto auto 1fr auto auto auto;transform-origin:bottom right;animation:siSnakeIn .18s ease-out}
.si-snake-widget[hidden]{display:none!important}
.si-snake-page{min-height:680px;display:grid;grid-template-rows:auto auto minmax(420px,1fr) auto auto auto;box-shadow:0 12px 42px rgba(9,45,78,.12)}
@keyframes siSnakeIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.si-snake-close{position:absolute;right:14px;top:14px;z-index:2;width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.14);color:#fff;font-size:1.25rem;cursor:pointer}
.si-snake-head{display:flex;align-items:center;gap:11px;padding:16px 54px 16px 16px;background:linear-gradient(135deg,#064e93,#0b6ec4);color:#fff}
.si-snake-head>div:last-child{display:grid;gap:3px}.si-snake-head strong{font-size:.98rem}.si-snake-head span{display:flex;align-items:center;gap:6px;font-size:.68rem;color:#d9efff}
.si-snake-head i{width:7px;height:7px;border-radius:50%;background:#4ee0a2;box-shadow:0 0 0 4px rgba(78,224,162,.16)}
.si-snake-notice{padding:10px 14px;border-bottom:1px solid #e7eef5;background:#f7fbff;color:#5a7289;font-size:.66rem;line-height:1.45}
.si-snake-messages{min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#fbfdff,#f7fbff)}
.si-snake-message{display:grid;gap:4px;max-width:88%}.si-snake-message.is-user{align-self:flex-end}.si-snake-message.is-assistant,.si-snake-message.is-admin,.si-snake-message.is-system{align-self:flex-start}
.si-snake-message-label{font-size:.62rem;font-weight:800;color:#6e8396;padding:0 4px}.si-snake-message.is-user .si-snake-message-label{text-align:right}
.si-snake-bubble{border-radius:15px 15px 15px 5px;padding:11px 13px;background:#fff;border:1px solid #dce8f2;box-shadow:0 5px 18px rgba(20,62,96,.06)}
.si-snake-message.is-user .si-snake-bubble{background:#086bc3;color:#fff;border-color:#086bc3;border-radius:15px 15px 5px 15px}
.si-snake-message.is-admin .si-snake-bubble{background:#eef8f3;border-color:#cbe8d9}.si-snake-message.is-system .si-snake-bubble{background:#fff8e9;border-color:#f1ddad;color:#6c5317}
.si-snake-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.76rem;line-height:1.62}
.si-snake-message-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;color:#8b9bac;font-size:.58rem}
.si-snake-sources{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e6eef5}.si-snake-sources strong{font-size:.64rem;color:#4e6b84}.si-snake-sources a{font-size:.66rem;line-height:1.4;color:#0767b7;text-decoration:none}.si-snake-sources a:hover{text-decoration:underline}
.si-snake-feedback{display:inline-flex;gap:5px}.si-snake-feedback button{border:1px solid #d8e5ef;background:#fff;border-radius:999px;padding:3px 7px;font-size:.56rem;color:#567085;cursor:pointer}.si-snake-feedback button.selected{background:#e8f5ee;border-color:#b9ddc9;color:#236343}
.si-snake-quick{display:flex;gap:7px;overflow-x:auto;padding:10px 14px;border-top:1px solid #e6eef5;background:#fff}.si-snake-quick[hidden]{display:none}.si-snake-quick button{flex:0 0 auto;border:1px solid #cfe0ed;background:#f8fbfe;color:#245271;border-radius:999px;padding:7px 10px;font-size:.62rem;font-weight:700;cursor:pointer}
.si-snake-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px 14px;border-top:1px solid #e4edf4;background:#fff}.si-snake-form textarea{width:100%;resize:none;min-height:42px;max-height:120px;border:1px solid #cdddea;border-radius:13px;padding:11px 12px;font:inherit;font-size:.76rem;line-height:1.45;color:#17324b;background:#fbfdff}.si-snake-form textarea:focus{outline:3px solid rgba(15,111,194,.12);border-color:#0d70bf}.si-snake-form button{border:0;border-radius:12px;padding:0 15px;background:#086bc3;color:#fff;font-weight:800;font-size:.72rem;cursor:pointer}.si-snake-form button:disabled{opacity:.55;cursor:not-allowed}
.si-snake-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px 12px;background:#fff;color:#75899b;font-size:.58rem}.si-snake-foot button{border:0;background:transparent;color:#b04444;font-weight:800;font-size:.62rem;cursor:pointer;white-space:nowrap}
.si-snake-typing{display:flex;align-items:center;gap:5px;color:#627b91;font-size:.62rem}.si-snake-typing span{width:6px;height:6px;border-radius:50%;background:#0b6ec4;animation:siSnakeDot 1s infinite}.si-snake-typing span:nth-child(2){animation-delay:.14s}.si-snake-typing span:nth-child(3){animation-delay:.28s}.si-snake-typing b{font-weight:650;margin-left:4px}
@keyframes siSnakeDot{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-4px);opacity:1}}
.si-snake-admin-grid{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px}.si-snake-admin-list{display:grid;gap:8px;max-height:720px;overflow:auto}.si-snake-admin-item{display:grid;gap:5px;padding:13px;border:1px solid #dbe6ef;border-radius:13px;text-decoration:none;color:#17324b;background:#fff}.si-snake-admin-item.active{border-color:#1674bd;background:#f2f8fd}.si-snake-admin-item strong{font-size:.78rem}.si-snake-admin-item span,.si-snake-admin-item small{font-size:.64rem;color:#71869a}.si-snake-admin-chat{display:grid;gap:12px}.si-snake-admin-chat .si-snake-messages{max-height:560px;border:1px solid #dbe7f0;border-radius:16px}.si-snake-admin-reply{display:grid;gap:9px}.si-snake-admin-reply textarea{min-height:100px}
@media(max-width:900px){.si-snake-admin-grid{grid-template-columns:1fr}.si-snake-page{min-height:620px}}
@media(max-width:560px){.si-snake-launcher{right:12px;bottom:12px}.si-snake-launcher>span:last-child{display:none}.si-snake-widget{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100dvh - 78px);border-radius:18px}.si-snake-foot{align-items:flex-start;flex-direction:column}.si-snake-foot button{align-self:flex-end}}


/* V4.2.9.11 — Call Center final UI, scroll isolation, and support cards */
.support-contact-card{display:grid;gap:12px;padding:22px!important}
.support-contact-method{margin:0!important;padding:18px!important;border:1px solid #dbe7f1!important;border-radius:18px!important;background:#fff;box-shadow:0 8px 24px rgba(13,63,105,.04);color:#17324b!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.support-contact-method:hover,.support-contact-method:focus-visible{transform:translateY(-2px);border-color:#a9cce8!important;background:#f9fcff;box-shadow:0 16px 34px rgba(13,74,125,.09);outline:0}
.support-contact-method.is-static{cursor:default}
.support-contact-method>div{min-width:0;flex:1}.support-contact-method h4{margin:0;color:#102d4c!important;font-size:.88rem}.support-contact-method p{margin:4px 0 0;color:#415a72!important;font-size:.77rem;font-weight:700}.support-contact-method small{display:block;margin-top:6px;color:#74869a;font-size:.68rem;line-height:1.45}.support-contact-method>b{align-self:center;color:#0f5fb8;font-size:1.12rem}
.support-contact-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:#f6faff!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px #e0ebf4!important;overflow:hidden;flex:0 0 auto}
.support-contact-icon img{width:27px;height:27px;object-fit:contain;display:block}
.si-snake-launcher{gap:13px;padding:10px 17px 10px 10px;min-height:70px;border-radius:24px}
.si-snake-launcher-icon,.si-snake-avatar{width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:inset 0 0 0 1px rgba(8,79,139,.12),0 8px 20px rgba(3,38,75,.16);overflow:hidden;flex:0 0 auto}
.si-snake-launcher-icon img,.si-snake-avatar img{width:34px;height:34px;object-fit:contain;display:block}
.si-snake-launcher>span:last-child{gap:3px}.si-snake-launcher strong{font-size:.92rem}.si-snake-launcher small{font-size:.7rem;color:#e5f3ff;margin:0}
.si-snake-head{min-height:84px;gap:13px}.si-snake-head>div:last-child{display:flex;align-items:center}.si-snake-head strong{font-size:1.03rem}
.si-snake-messages{overscroll-behavior:contain;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-gutter:stable}
.si-snake-widget{overscroll-behavior:contain}
@media(max-width:560px){.si-snake-launcher{min-height:58px;border-radius:19px;padding:7px}.si-snake-launcher-icon{width:44px;height:44px;border-radius:14px}.si-snake-launcher-icon img{width:29px;height:29px}.si-snake-launcher>span:last-child{display:none}.support-contact-card{padding:15px!important}.support-contact-method{padding:15px!important}.support-contact-icon{width:44px!important;height:44px!important}}

/* V4.2.9.12 — Call Center scroll fix for member/admin panels only
   Public website widget intentionally keeps its existing dimensions and wheel behavior. */
.member-shell .si-snake-page{
  height:clamp(560px,68vh,720px);
  min-height:0;
  max-height:none;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto;
}
.member-shell .si-snake-page .si-snake-messages{
  min-height:0;
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
}
.admin-shell .si-snake-admin-grid{
  min-width:0;
  align-items:start;
}
.admin-shell .si-snake-admin-list{
  min-height:0;
  height:clamp(360px,56vh,720px);
  max-height:none;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
}
.admin-shell .si-snake-admin-chat{
  min-width:0;
}
.admin-shell .si-snake-admin-chat .si-snake-messages{
  min-height:0;
  height:clamp(360px,52vh,560px);
  max-height:none;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
}
@media(max-width:900px){
  .member-shell .si-snake-page{
    height:calc(100dvh - var(--mobile-appbar-height,60px) - 32px);
    min-height:520px;
  }
  .admin-shell .si-snake-admin-list{
    height:auto;
    max-height:260px;
  }
  .admin-shell .si-snake-admin-chat .si-snake-messages{
    height:clamp(340px,52dvh,520px);
  }
}

/* =========================================================
   V4.2.9.15 — UNIFIED COMPACT WORKSPACE AUDIT
   Member/admin only. Public website and floating public widget
   intentionally remain outside these .app-shell selectors.
   ========================================================= */
.app-shell{
  --sidebar:218px;
  --workspace-header-height:58px;
  --mobile-appbar-height:46px;
  --ui-space-1:4px;
  --ui-space-2:6px;
  --ui-space-3:8px;
  --ui-space-4:10px;
  --ui-space-5:12px;
  --ui-radius-sm:7px;
  --ui-radius:9px;
  --ui-radius-lg:11px;
  --ui-text-xs:9.5px;
  --ui-text-sm:10.5px;
  --ui-text:11.5px;
  --ui-text-lg:12.5px;
  --ui-title:16px;
  --ui-control:32px;
  font-size:var(--ui-text)!important;
  line-height:1.38!important;
}
.app-shell .app-main,
.app-shell .app-content,
.app-shell .page-section,
.app-shell .grid,
.app-shell .card,
.app-shell .table-wrap{min-width:0}
.app-shell .workspace-badge,
.app-shell .app-header-copy>.eyebrow{display:none!important}

/* Sidebar */
.app-shell .sidebar{width:var(--sidebar)!important;padding:10px 8px!important}
.app-shell .sidebar-brand{gap:7px!important;padding:2px 5px 9px!important}
.app-shell .sidebar-brand img{width:32px!important;height:32px!important;border-radius:7px!important}
.app-shell .sidebar-brand span{font-size:11px!important;line-height:1.05!important;letter-spacing:.055em!important}
.app-shell .sidebar-brand small{font-size:7px!important;line-height:1.1!important;letter-spacing:.12em!important;margin-top:3px!important}
.app-shell .sidebar-nav{padding-top:7px!important;padding-bottom:5px!important;overflow-y:auto!important}
.app-shell .sidebar-group{margin-bottom:4px!important}
.app-shell .sidebar-group-label{margin:4px 6px 2px!important;font-size:9px!important;line-height:1.15!important}
.app-shell .sidebar-nav a{gap:7px!important;margin:1px 0!important;padding:5px 7px!important;border-radius:7px!important;font-size:11px!important;line-height:1.2!important;min-height:29px!important}
.app-shell .nav-dot{width:5px!important;height:5px!important}
.app-shell .sidebar-count{min-width:17px!important;height:17px!important;padding:0 4px!important;font-size:8px!important}
.app-shell .sidebar-bottom{padding-top:6px!important}
.app-shell .member-profile-card{padding:6px!important;gap:6px!important;border-radius:9px!important}
.app-shell .member-chip-avatar{width:30px!important;height:30px!important;min-width:30px!important}
.app-shell .member-profile-copy strong{font-size:10px!important;line-height:1.15!important}
.app-shell .member-profile-copy small,
.app-shell .member-profile-hint{font-size:8px!important;line-height:1.2!important}
.app-shell .member-profile-chevron{font-size:15px!important}
.app-shell .logout-link{margin-top:5px!important;padding:6px 7px!important;font-size:10px!important;border-radius:7px!important}

/* Desktop fixed header */
@media(min-width:901px){
  .app-shell .app-header{
    height:var(--workspace-header-height)!important;
    min-height:var(--workspace-header-height)!important;
    padding:5px 14px!important;
    left:var(--sidebar)!important;
    gap:12px!important;
  }
  .app-shell .app-main{margin-left:var(--sidebar)!important;padding-top:var(--workspace-header-height)!important}
  .app-shell .app-header-copy{display:flex!important;align-items:baseline!important;gap:9px!important;min-width:0!important;max-width:min(850px,72vw)!important}
  .app-shell .app-header-copy h1{flex:0 0 auto;margin:0!important;font-size:var(--ui-title)!important;line-height:1.15!important;letter-spacing:-.018em!important;white-space:nowrap!important}
  .app-shell .app-header-copy>p:last-child{min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:10.5px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--muted)!important}
  .admin-shell .app-header-copy>p:last-child{background:transparent!important;border:0!important;color:#665343!important}
  .app-shell .app-header-actions{gap:5px!important;flex:0 0 auto!important}
  .app-shell .app-header-actions>.btn{min-height:30px!important;padding:4px 8px!important;font-size:10px!important;border-radius:7px!important}
  .app-shell .app-header-actions .notification-bell{width:30px!important;height:30px!important;min-width:30px!important;border-radius:7px!important}
  .app-shell .app-header-actions .avatar-link,
  .app-shell .app-header-actions .avatar{width:30px!important;height:30px!important;min-width:30px!important}
  .app-shell .flash-stack{top:calc(var(--workspace-header-height) + 6px)!important}
}

/* Main workspace spacing and typography */
.app-shell .app-content{width:100%!important;max-width:none!important;margin:0!important;padding:10px 14px 22px!important;font-size:var(--ui-text)!important;line-height:1.38!important}
.app-shell .app-content> :first-child{margin-top:0!important}
.app-shell .app-content>.mt-24,.app-shell .app-content .mt-24{margin-top:8px!important}
.app-shell .app-content>.mt-20,.app-shell .app-content .mt-20{margin-top:7px!important}
.app-shell .app-content>.mt-16,.app-shell .app-content .mt-16{margin-top:6px!important}
.app-shell .app-content h1{font-size:17px!important;line-height:1.18!important}
.app-shell .app-content h2{font-size:14px!important;line-height:1.2!important}
.app-shell .app-content h3{font-size:12.5px!important;line-height:1.25!important}
.app-shell .app-content h4{font-size:11.5px!important;line-height:1.25!important}
.app-shell .app-content p,
.app-shell .app-content li{font-size:var(--ui-text)!important;line-height:1.42!important}
.app-shell .muted{font-size:var(--ui-text-sm)!important}
.app-shell .eyebrow{font-size:9px!important;line-height:1.15!important;letter-spacing:.11em!important;margin-bottom:2px!important}

/* Common page/section headers */
.app-shell .section-head{max-width:none!important;margin:0 0 6px!important;gap:6px!important}
.app-shell .section-head h1,
.app-shell .section-head h2{margin:0 0 2px!important;font-size:15px!important;line-height:1.18!important}
.app-shell .section-head p{margin:0!important;max-width:1000px!important;font-size:10.5px!important;line-height:1.35!important}
.app-shell .page-hero,
.app-shell .health-hero,
.app-shell .release-hero,
.app-shell .deploy-hero,
.app-shell .settings-hero,
.app-shell .live-hero,
.app-shell .backup-modern-hero,
.app-shell .gdb-hero-card{margin:0 0 8px!important;padding:9px 10px!important;border-radius:10px!important;gap:8px!important;min-height:0!important}
.app-shell :is(.page-hero,.health-hero,.release-hero,.deploy-hero,.settings-hero,.live-hero,.backup-modern-hero,.gdb-hero-card) h1,
.app-shell :is(.page-hero,.health-hero,.release-hero,.deploy-hero,.settings-hero,.live-hero,.backup-modern-hero,.gdb-hero-card) h2{margin:0 0 3px!important;font-size:15px!important;line-height:1.2!important}
.app-shell :is(.page-hero,.health-hero,.release-hero,.deploy-hero,.settings-hero,.live-hero,.backup-modern-hero,.gdb-hero-card) p,
.app-shell .page-hero .hero-lead{margin:0!important;font-size:10.5px!important;line-height:1.35!important}
.app-shell .page-hero-grid{gap:7px!important}
.app-shell .hero-panel-card,
.app-shell .hero-side-panel{padding:8px 9px!important;border-radius:9px!important}
.app-shell .hero-panel-head{margin-bottom:5px!important}
.app-shell .gdb-hero-mark{width:36px!important;height:36px!important;font-size:16px!important}
.app-shell .backup-modern-steps{gap:4px!important}
.app-shell .backup-modern-steps span{padding:4px 7px!important;font-size:9px!important}

/* Grids/cards */
.app-shell .grid,
.app-shell .member-dashboard-grid,
.app-shell .metric-grid,
.app-shell .admin-summary,
.app-shell .release-grid,
.app-shell .deploy-grid,
.app-shell .settings-grid,
.app-shell .security-grid,
.app-shell .admin-security-grid,
.app-shell .live-grid,
.app-shell .gdb-grid{gap:8px!important;align-items:start!important}
.app-shell .card,
.app-shell .metric-card,
.app-shell .member-disclosure,
.app-shell .member-item-disclosure,
.app-shell .remote-setting-panel,
.app-shell :is(.backup-card,.release-card,.deploy-card,.settings-card,.live-card,.gdb-card,.admin-security-card){border-radius:var(--ui-radius)!important;min-height:0!important;height:auto!important;align-self:start!important;box-shadow:0 3px 12px rgba(16,33,58,.035)!important}
.app-shell :is(.card-head,.backup-card-head,.release-card-head,.deploy-card-head,.settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head,.admin-trash-card-head){padding:7px 9px!important;gap:6px!important;min-height:0!important}
.app-shell :is(.card-head,.backup-card-head,.release-card-head,.deploy-card-head,.settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head,.admin-trash-card-head) h2,
.app-shell :is(.card-head,.backup-card-head,.release-card-head,.deploy-card-head,.settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head,.admin-trash-card-head) h3{margin:0!important;font-size:12px!important;line-height:1.22!important}
.app-shell :is(.card-head,.backup-card-head,.release-card-head,.deploy-card-head,.settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head,.admin-trash-card-head) p,
.app-shell :is(.card-head,.backup-card-head,.release-card-head,.deploy-card-head,.settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head,.admin-trash-card-head) small{margin:1px 0 0!important;font-size:9.5px!important;line-height:1.3!important}
.app-shell :is(.card-body,.backup-card-body,.release-card-body,.deploy-card-body,.settings-card-body,.live-card-body,.gdb-card-body){padding:8px 9px!important;font-size:var(--ui-text)!important;line-height:1.4!important}
.app-shell .card-footer{padding:6px 9px!important;border-radius:0 0 var(--ui-radius) var(--ui-radius)!important}
.app-shell .metric-card{padding:8px 9px!important}
.app-shell .metric-top{gap:5px!important}
.app-shell .metric-icon{width:26px!important;height:26px!important;border-radius:7px!important;font-size:10px!important}
.app-shell .metric-card span,
.app-shell .metric-label{font-size:10px!important;line-height:1.2!important}
.app-shell .metric-card strong,
.app-shell .metric-value{font-size:15px!important;line-height:1.15!important;margin:4px 0 1px!important}
.app-shell .metric-card small,
.app-shell .metric-note{font-size:9px!important;line-height:1.25!important}

/* Buttons, fields and toolbars */
.app-shell .btn{min-height:30px!important;padding:5px 8px!important;border-radius:7px!important;gap:5px!important;font-size:10.5px!important;line-height:1.15!important;font-weight:750!important}
.app-shell .btn:hover{transform:none!important}
.app-shell .btn-sm{min-height:27px!important;padding:4px 7px!important;font-size:9.8px!important}
.app-shell .page-toolbar,
.app-shell .filter-bar,
.app-shell .form-actions,
.app-shell .card-actions{gap:5px!important;margin-bottom:6px!important}
.app-shell .form-group{margin-bottom:7px!important}
.app-shell .form-group label,
.app-shell .app-content label{font-size:10px!important;line-height:1.25!important}
.app-shell .form-group label{margin-bottom:2px!important}
.app-shell .form-control,
.app-shell .app-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.app-shell .app-content select,
.app-shell .app-content textarea{min-height:var(--ui-control)!important;padding:5px 7px!important;border-radius:7px!important;font-size:10.8px!important;line-height:1.3!important}
.app-shell .app-content textarea{min-height:54px!important;resize:vertical!important}
.app-shell .form-help,
.app-shell .field-help,
.app-shell .muted-help{margin-top:2px!important;font-size:9px!important;line-height:1.35!important}
.app-shell .password-field{gap:5px!important}
.app-shell .password-toggle{width:var(--ui-control)!important;min-width:var(--ui-control)!important;min-height:var(--ui-control)!important}
.app-shell .app-content input[type="file"]{min-height:34px!important;padding:4px 6px!important;font-size:10px!important}
.app-shell .app-content input[type="file"]::file-selector-button{min-height:25px!important;margin-right:6px!important;padding:4px 7px!important;border-radius:6px!important;font-size:9.5px!important}

/* Tables, lists, details */
.app-shell .table-wrap{border-radius:8px!important}
.app-shell .data-table th,
.app-shell .data-table td,
.app-shell .app-content table th,
.app-shell .app-content table td{padding:5px 6px!important;font-size:10px!important;line-height:1.28!important}
.app-shell .data-table th,
.app-shell .app-content table th{font-size:9.5px!important;letter-spacing:.015em!important}
.app-shell .status-badge{padding:3px 5px!important;gap:4px!important;font-size:8.8px!important;line-height:1.15!important}
.app-shell .status-badge:before{width:4px!important;height:4px!important}
.app-shell :is(.profit-list,.risk-list,.compact-list,.modern-risk-list) li{padding:5px 0!important;font-size:10px!important;line-height:1.25!important}
.app-shell details>summary{min-height:0!important}
.member-shell .member-disclosure>summary,
.member-shell .member-item-disclosure>summary,
.member-shell .remote-setting-panel>summary{padding:7px 9px!important;gap:6px!important}
.member-shell .member-disclosure>summary strong,
.member-shell .member-item-disclosure>summary strong{font-size:11px!important;line-height:1.2!important}
.member-shell .member-disclosure>summary small,
.member-shell .member-item-disclosure>summary small{font-size:9px!important;line-height:1.25!important}
.member-shell .member-disclosure-body,
.member-shell .member-item-disclosure-body,
.member-shell .remote-setting-body{padding:7px 9px!important}
.app-shell .ui-record-summary{min-height:42px!important;padding:6px 8px!important;gap:6px!important}
.app-shell .ui-record-body{padding:7px!important;gap:6px!important}
.app-shell .ui-record-field{padding:6px!important}
.app-shell .ui-list-toolbar{padding:5px 7px!important;margin-bottom:5px!important}
.app-shell .ui-list-wrap,
.app-shell .ui-card-list-body{padding:7px!important}
.app-shell .ui-record-list,
.app-shell .admin-notice-list{gap:5px!important}
.app-shell .empty-state{padding:10px!important}
.app-shell .empty-state h3{margin:0 0 2px!important;font-size:12px!important}
.app-shell .empty-state p{margin:0 0 5px!important;font-size:10px!important}
.app-shell .account-selector{padding:4px 6px!important;margin-bottom:6px!important;border-radius:7px!important;gap:6px!important}
.app-shell .account-selector label{font-size:9.5px!important}
.app-shell .account-selector select{min-height:26px!important;padding:3px 24px 3px 5px!important;font-size:10px!important}
.app-shell .notification-bulkbar,
.app-shell .admin-trash-bulkbar{padding:5px 6px!important;margin-bottom:5px!important;gap:5px!important;border-radius:7px!important}
.app-shell .list-limit-toolbar{margin:4px 0 6px!important;gap:5px!important}
.app-shell .list-limit-toolbar select{min-height:27px!important;padding:3px 24px 3px 6px!important;font-size:9.5px!important}
.app-shell .list-limit-toolbar>span{font-size:9px!important}
.app-shell .flash{padding:7px 9px!important;border-radius:8px!important;font-size:10px!important;line-height:1.3!important}

/* Market/monitoring blocks */
.app-shell .market-status{padding:7px 8px!important;border-radius:8px!important;gap:7px!important}
.app-shell .market-symbol{min-width:54px!important;min-height:34px!important;padding:5px!important;border-radius:7px!important;font-size:9px!important}
.app-shell .market-copy h3,
.app-shell .market-status h3{font-size:11px!important;margin:0!important}
.app-shell .market-copy p,
.app-shell .market-status p{font-size:9px!important;margin:1px 0 0!important}
.app-shell :is(.backup-note,.release-note,.deploy-note,.security-note,.audit-note,.confirm-panel,.command,.cron-box,.code-box,.deploy-command,.release-code){padding:7px 8px!important;font-size:9.5px!important;line-height:1.4!important;border-radius:7px!important}

/* Call Center: chat is the dominant page content. */
.member-shell .si-snake-page-section{margin:0!important;padding:0!important}
.member-shell .si-snake-page-section>.section-head{display:none!important}
.member-shell .si-snake-page{
  height:calc(100dvh - var(--workspace-header-height) - 20px)!important;
  min-height:500px!important;
  max-height:none!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
.member-shell .si-snake-page .si-snake-head{min-height:44px!important;padding:6px 8px!important;gap:7px!important}
.member-shell .si-snake-page .si-snake-avatar{width:32px!important;height:32px!important;border-radius:8px!important}
.member-shell .si-snake-page .si-snake-avatar img{width:21px!important;height:21px!important}
.member-shell .si-snake-page .si-snake-head strong{font-size:11.5px!important}
.member-shell .si-snake-page .si-snake-notice{padding:4px 7px!important;font-size:9px!important;line-height:1.25!important}
.member-shell .si-snake-page .si-snake-messages{min-height:0!important;padding:7px!important;gap:7px!important;overflow-y:auto!important;overflow-x:hidden!important}
.member-shell .si-snake-page .si-snake-message{max-width:min(86%,760px)!important}
.member-shell .si-snake-page .si-snake-bubble{padding:7px 8px!important;border-radius:9px!important}
.member-shell .si-snake-page .si-snake-bubble p{font-size:10.5px!important;line-height:1.42!important}
.member-shell .si-snake-page .si-snake-form{padding:6px 7px!important;gap:5px!important}
.member-shell .si-snake-page .si-snake-form textarea{min-height:32px!important;max-height:84px!important;padding:5px 7px!important}
.member-shell .si-snake-page .si-snake-foot{padding:4px 7px 6px!important;font-size:8.5px!important}
.member-shell .si-snake-page .si-snake-quick{padding:4px 7px!important;gap:4px!important}
.admin-shell .si-snake-admin-grid{gap:8px!important;align-items:stretch!important}
.admin-shell .si-snake-admin-list{height:calc(100dvh - var(--workspace-header-height) - 72px)!important;min-height:420px!important;max-height:none!important;gap:5px!important;overflow-y:auto!important}
.admin-shell .si-snake-admin-item{padding:7px!important;border-radius:8px!important}
.admin-shell .si-snake-admin-chat{gap:6px!important;min-height:0!important}
.admin-shell .si-snake-admin-chat .si-snake-messages{height:calc(100dvh - var(--workspace-header-height) - 188px)!important;min-height:340px!important;max-height:none!important;padding:7px!important;gap:7px!important;overflow-y:auto!important}
.admin-shell .si-snake-admin-reply textarea{min-height:54px!important}

/* Independent compact columns on wide screens. */
@media(min-width:1101px){
  .admin-shell .backup-layout{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:8px!important;column-count:initial!important;align-items:start!important}
  .admin-shell .backup-layout>div{display:grid!important;gap:8px!important;align-content:start!important;min-width:0!important}
  .admin-shell .backup-layout .backup-card{display:block!important;width:100%!important;margin:0!important;break-inside:auto!important}
}
@media(max-width:1100px) and (min-width:901px){
  .app-shell{--sidebar:205px}
  .app-shell .app-content{padding-inline:10px!important}
  .app-shell .app-header{padding-inline:10px!important}
  .app-shell .app-header-copy>p:last-child{max-width:440px!important}
}

/* Mobile/tablet */
@media(max-width:900px){
  .app-shell{--mobile-appbar-height:46px;font-size:11.5px!important}
  .app-shell .mobile-appbar{
    height:calc(var(--mobile-appbar-height) + env(safe-area-inset-top))!important;
    min-height:var(--mobile-appbar-height)!important;
    padding:env(safe-area-inset-top) 8px 0!important;
    grid-template-columns:29px minmax(0,1fr) auto!important;
    gap:5px!important;
  }
  .app-shell .mobile-appbar>button{width:28px!important;height:28px!important;padding:0!important;font-size:15px!important}
  .app-shell .mobile-appbar-title{font-size:12px!important;line-height:1.15!important}
  .app-shell .mobile-appbar-actions{gap:4px!important}
  .app-shell .mobile-appbar .notification-bell,
  .app-shell .mobile-profile-link,
  .app-shell .mobile-admin-link{width:28px!important;height:28px!important;min-width:28px!important;border-radius:7px!important}
  .app-shell .app-main{margin-left:0!important;padding-top:calc(var(--mobile-appbar-height) + env(safe-area-inset-top))!important}
  .app-shell .app-content{padding:6px 7px calc(16px + env(safe-area-inset-bottom))!important}
  .app-shell .sidebar{width:min(82vw,245px)!important;padding:9px 7px!important}
  .app-shell .grid,
  .app-shell .member-dashboard-grid,
  .app-shell .metric-grid,
  .app-shell .admin-summary{gap:6px!important}
  .app-shell .page-hero,
  .app-shell .health-hero,
  .app-shell .release-hero,
  .app-shell .deploy-hero,
  .app-shell .settings-hero,
  .app-shell .live-hero,
  .app-shell .backup-modern-hero,
  .app-shell .gdb-hero-card{margin-bottom:6px!important;padding:7px 8px!important}
  .app-shell :is(.page-hero,.health-hero,.release-hero,.deploy-hero,.settings-hero,.live-hero,.backup-modern-hero,.gdb-hero-card) h1,
  .app-shell :is(.page-hero,.health-hero,.release-hero,.deploy-hero,.settings-hero,.live-hero,.backup-modern-hero,.gdb-hero-card) h2{font-size:13.5px!important}
  .app-shell :is(.page-hero,.health-hero,.release-hero,.deploy-hero,.settings-hero,.live-hero,.backup-modern-hero,.gdb-hero-card) p,
  .app-shell .page-hero .hero-lead{font-size:9.8px!important}
  .app-shell :is(.card-head,.backup-card-head,.release-card-head,.deploy-card-head,.settings-card-head,.live-card-head,.gdb-card-head,.admin-security-card-head,.admin-trash-card-head){padding:6px 7px!important}
  .app-shell :is(.card-body,.backup-card-body,.release-card-body,.deploy-card-body,.settings-card-body,.live-card-body,.gdb-card-body){padding:7px!important}
  .app-shell .metric-card{padding:7px!important}
  .app-shell .btn{min-height:29px!important;padding:4px 7px!important;font-size:10px!important}
  .app-shell .btn-sm{min-height:26px!important;padding:3px 6px!important;font-size:9.3px!important}
  .app-shell .form-control,
  .app-shell .app-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .app-shell .app-content select,
  .app-shell .app-content textarea{min-height:31px!important;font-size:10.5px!important}
  .app-shell .data-table th,
  .app-shell .data-table td,
  .app-shell .app-content table th,
  .app-shell .app-content table td{padding:4px 5px!important;font-size:9.6px!important}
  .member-shell .si-snake-page{height:calc(100dvh - var(--mobile-appbar-height) - env(safe-area-inset-top) - 12px)!important;min-height:460px!important}
  .admin-shell .si-snake-admin-list{height:auto!important;max-height:160px!important;min-height:0!important}
  .admin-shell .si-snake-admin-chat .si-snake-messages{height:calc(100dvh - var(--mobile-appbar-height) - env(safe-area-inset-top) - 178px)!important;min-height:310px!important}
}
@media(max-width:560px){
  .app-shell .app-content{padding-inline:5px!important}
  .app-shell .card,
  .app-shell .metric-card,
  .app-shell .member-disclosure,
  .app-shell .member-item-disclosure{border-radius:8px!important}
  .app-shell .metric-grid,
  .app-shell .admin-summary,
  .app-shell .grid-3,
  .app-shell .grid-4{gap:5px!important}
  .app-shell .notification-bulkbar,
  .app-shell .admin-trash-bulkbar{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}
  .app-shell .notification-bulkbar>*,
  .app-shell .admin-trash-bulkbar>*{flex:0 0 auto!important}
  .member-shell .si-snake-page{height:calc(100dvh - var(--mobile-appbar-height) - env(safe-area-inset-top) - 10px)!important;min-height:440px!important;border-radius:8px!important}
  .member-shell .si-snake-page .si-snake-head{min-height:40px!important;padding:5px 6px!important}
  .member-shell .si-snake-page .si-snake-avatar{width:29px!important;height:29px!important}
  .member-shell .si-snake-page .si-snake-notice{padding:3px 6px!important;font-size:8.5px!important}
  .member-shell .si-snake-page .si-snake-messages{padding:6px!important}
  .member-shell .si-snake-page .si-snake-message{max-width:95%!important}
  .member-shell .si-snake-page .si-snake-bubble p{font-size:10px!important;line-height:1.38!important}
  .member-shell .si-snake-page .si-snake-form{padding:5px 6px!important}
  .member-shell .si-snake-page .si-snake-foot{display:none!important}
}

/* Page-specific compact normalization discovered during full panel audit. */
.app-shell :is(
  .email-center-metrics,.live-kpis,.health-metrics,.deploy-kpis,.release-kpis,
  .backup-grid,.security-metrics,.audit-kpis,.settings-kpis,.consent-summary
){gap:6px!important;margin-bottom:7px!important}
.app-shell :is(
  .email-center-metric,.live-kpi,.health-metric,.deploy-kpi,.release-kpi,
  .backup-kpi,.security-metric,.audit-kpi,.settings-kpi
){padding:7px 8px!important;border-radius:8px!important;min-height:0!important}
.app-shell :is(
  .email-center-metric,.live-kpi,.health-metric,.deploy-kpi,.release-kpi,
  .backup-kpi,.security-metric,.audit-kpi,.settings-kpi
) span{font-size:9px!important;line-height:1.2!important}
.app-shell :is(
  .email-center-metric,.live-kpi,.health-metric,.deploy-kpi,.release-kpi,
  .backup-kpi,.security-metric,.audit-kpi,.settings-kpi
) strong{font-size:14px!important;line-height:1.15!important;margin-top:3px!important}
.app-shell :is(
  .email-status-card,.incident,.channel,.health-card,.deploy-card,.release-card,
  .backup-card,.gdb-card,.settings-card,.admin-security-card,.refund-card,
  .payment-review,.internal-license,.consent-card,.audit-summary,.safety-box
){border-radius:9px!important;margin-bottom:7px!important;box-shadow:0 3px 12px rgba(16,33,58,.03)!important}
.app-shell :is(
  .email-status-card,.incident,.channel,.refund-card,.consent-card,.audit-summary
){padding:7px 8px!important;gap:6px!important}
.app-shell :is(
  .email-center-toolbar,.live-actions,.health-actions,.deploy-actions,.release-actions,
  .backup-actions,.gdb-actions,.settings-actions,.refund-actions,.payment-actions,
  .security-actions,.audit-filter-actions,.monitor-admin-toolbar
){gap:5px!important;margin-bottom:6px!important}
.app-shell :is(
  .email-center-filter-row,.email-center-actions,.refund-filter,.payment-filter,
  .audit-filter,.audit-filter-grid,.security-filter-grid,.backup-form-grid,
  .deploy-form,.settings-form-grid,.settings-fields,.refund-grid,.payment-grid,
  .consent-grid,.admin-security-grid,.danger-form,.gdb-danger-form
){gap:6px!important}
.app-shell :is(
  .email-delivery-panel,.live-card,.health-card,.deploy-card,.release-card,
  .backup-card,.gdb-card,.settings-card,.admin-security-card
){border-radius:9px!important;overflow:hidden!important}
.app-shell :is(
  .email-delivery-panel-head,.live-card-head,.health-card-head,.deploy-card-head,
  .release-card-head,.backup-card-head,.gdb-card-head,.settings-card-head,
  .admin-security-head,.payment-review-head,.internal-license-head,.refund-head,
  .consent-head
){padding:7px 9px!important;gap:6px!important}
.app-shell :is(
  .email-delivery-panel-body,.live-card-body,.health-card-body,.deploy-card-body,
  .release-card-body,.backup-card-body,.gdb-card-body,.settings-card-body,
  .admin-security-body,.payment-review-body,.refund-body,.consent-body
){padding:8px 9px!important}
.app-shell :is(
  .email-delivery-panel-head,.live-card-head,.health-card-head,.deploy-card-head,
  .release-card-head,.backup-card-head,.gdb-card-head,.settings-card-head,
  .admin-security-head,.payment-review-head,.internal-license-head,.refund-head,
  .consent-head
) h2,
.app-shell :is(
  .email-delivery-panel-head,.live-card-head,.health-card-head,.deploy-card-head,
  .release-card-head,.backup-card-head,.gdb-card-head,.settings-card-head,
  .admin-security-head,.payment-review-head,.internal-license-head,.refund-head,
  .consent-head
) h3{font-size:12px!important;line-height:1.2!important;margin:0!important}
.app-shell :is(
  .email-delivery-panel-head,.live-card-head,.health-card-head,.deploy-card-head,
  .release-card-head,.backup-card-head,.gdb-card-head,.settings-card-head,
  .admin-security-head,.payment-review-head,.internal-license-head,.refund-head,
  .consent-head
) p,
.app-shell :is(
  .email-delivery-panel-head,.live-card-head,.health-card-head,.deploy-card-head,
  .release-card-head,.backup-card-head,.gdb-card-head,.settings-card-head,
  .admin-security-head,.payment-review-head,.internal-license-head,.refund-head,
  .consent-head
) small{font-size:9px!important;line-height:1.3!important;margin:1px 0 0!important}
.app-shell :is(.delivery-table,.history-table,.backup-table,.release-table,.device-table){font-size:10px!important}
.app-shell :is(.delivery-table,.history-table,.backup-table,.release-table,.device-table) th,
.app-shell :is(.delivery-table,.history-table,.backup-table,.release-table,.device-table) td{padding:5px 6px!important;font-size:9.7px!important;line-height:1.28!important}
.app-shell :is(.incident-list,.channel-list,.gdb-list,.refund-list,.payment-list,.consent-list,.safety-checks){gap:5px!important}
.app-shell :is(.incident,.channel,.gdb-row,.admin-session-item,.safety-check,.workflow-admin-step){padding:6px 7px!important;gap:5px!important;border-radius:7px!important}
.app-shell :is(.cron-box,.command,.gdb-code,.release-code,.deploy-command,.audit-json){padding:6px 7px!important;font-size:9px!important;line-height:1.35!important;border-radius:7px!important;max-height:190px!important;overflow:auto!important}
.app-shell :is(.monitor-note,.health-note,.deploy-note,.release-note,.backup-note,.settings-readonly-note,.settings-danger-note,.audit-note){margin:5px 0!important;padding:6px 7px!important;font-size:9.5px!important;line-height:1.35!important;border-radius:7px!important}
.app-shell :is(.refund-field,.payment-field,.consent-field,.audit-detail,.settings-info-row){padding:6px 7px!important;border-radius:7px!important}
.app-shell :is(.refund-field,.payment-field,.consent-field) span{font-size:9px!important}
.app-shell :is(.refund-field,.payment-field,.consent-field) strong{font-size:10.5px!important;line-height:1.25!important}
.app-shell .settings-columns{gap:8px!important}
.app-shell .settings-stack{gap:7px!important}
.app-shell .settings-card-foot{padding:6px 9px!important}
.app-shell .settings-switch-row{padding:6px 7px!important;gap:6px!important}
.app-shell .settings-info-list{gap:4px!important}
.app-shell .qris-preview{max-width:180px!important;margin:6px auto!important}
.app-shell .qris-caption{font-size:9px!important;margin-top:3px!important}
.app-shell .workflow-admin{gap:5px!important;margin:5px 0!important}
.app-shell .single-action{min-width:0!important}
.app-shell .trial-confirm{padding:8px!important;border-radius:8px!important}
.app-shell .trial-summary{gap:5px!important;margin-bottom:6px!important}
.app-shell .trial-consent{padding:6px 7px!important}

@media(max-width:900px){
  .app-shell :is(
    .email-center-metrics,.live-kpis,.health-metrics,.deploy-kpis,.release-kpis,
    .backup-grid,.security-metrics,.audit-kpis,.settings-kpis
  ){gap:5px!important;margin-bottom:5px!important}
  .app-shell :is(
    .email-center-metric,.live-kpi,.health-metric,.deploy-kpi,.release-kpi,
    .backup-kpi,.security-metric,.audit-kpi,.settings-kpi
  ){padding:6px!important}
  .app-shell .email-center-toolbar{align-items:center!important;gap:5px!important}
  .app-shell .email-center-filter-row,
  .app-shell .email-center-actions{width:auto!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}
  .app-shell .email-center-actions .btn,
  .app-shell .email-center-actions form,
  .app-shell .email-center-actions form .btn{flex:0 0 auto!important}
  .app-shell :is(.email-delivery-panel-head,.email-delivery-panel-body){padding:7px!important}
}


/* Final density pass: remove redundant micro-headings and normalize tabs/badges. */
.app-shell{--sidebar:210px;--workspace-header-height:54px;--mobile-appbar-height:44px}
.app-shell .app-content{padding:8px 10px 18px!important}
.app-shell .page-hero .eyebrow,
.app-shell .section-head .eyebrow{display:none!important}
.app-shell :is(.settings-tabs,.admin-history-tabs,.admin-trash-tabs,.hero-meta-row){display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;margin:0 0 6px!important;padding:0 0 2px!important}
.app-shell :is(.settings-tabs,.admin-history-tabs,.admin-trash-tabs,.hero-meta-row)::-webkit-scrollbar{display:none}
.app-shell :is(.settings-tab,.admin-history-tabs .filter-pill,.admin-trash-tabs .filter-pill){flex:0 0 auto!important;min-height:27px!important;padding:4px 7px!important;border-radius:7px!important;font-size:9.5px!important;line-height:1.15!important}
.app-shell :is(.soft-badge,.pill,.health-badge,.queue-status,.backup-status,.safety-status){padding:3px 5px!important;border-radius:999px!important;font-size:8.5px!important;line-height:1.15!important}
.app-shell .settings-section{margin-bottom:7px!important;border-radius:9px!important}
.app-shell .settings-section-head{padding:7px 9px!important;gap:6px!important}
.app-shell .settings-section-head h3{font-size:12px!important}
.app-shell .settings-section-head p{margin:1px 0 0!important;font-size:9px!important}
.app-shell .settings-fields{padding:8px 9px!important;gap:6px!important}
.app-shell .save-bar{bottom:6px!important;padding:6px 8px!important;border-radius:8px!important;gap:6px!important}
.app-shell .save-bar small{font-size:9px!important}
.app-shell .switch{width:36px!important;height:20px!important}
.app-shell .slider:before{width:14px!important;height:14px!important;left:3px!important;top:3px!important}
.app-shell .switch input:checked+.slider:before{transform:translateX(16px)!important}
.app-shell .quick-action-grid{gap:5px!important}
.app-shell .quick-action-card{padding:7px 8px!important;border-radius:8px!important}
.app-shell .quick-action-card strong{font-size:10.5px!important}
.app-shell .quick-action-card span{font-size:9px!important;line-height:1.3!important}
@media(max-width:900px){
  .app-shell{--mobile-appbar-height:44px}
  .app-shell .app-content{padding:5px 5px calc(14px + env(safe-area-inset-bottom))!important}
}
/* =========================================================
   V4.2.9.16 — Precision responsive fixes
   Member/admin workspaces only; public website is unchanged.
   ========================================================= */
.app-shell{
  --ui-control:32px;
  --ui-font-caption:9px;
  --ui-font-label:10px;
  --ui-font-body:11px;
  --ui-font-subtitle:12px;
  --ui-font-title:15px;
  --ui-gap-xs:4px;
  --ui-gap-sm:6px;
  --ui-gap-md:8px;
}
.app-shell .app-content,
.app-shell .app-content p,
.app-shell .app-content li,
.app-shell .app-content input,
.app-shell .app-content select,
.app-shell .app-content textarea,
.app-shell .app-content button{
  letter-spacing:normal!important;
}
.app-shell .app-content .form-group>label,
.app-shell .app-content .form-group>span{
  font-size:var(--ui-font-label)!important;
  line-height:1.25!important;
  margin-bottom:3px!important;
}
.app-shell .app-content :is(.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="search"],input[type="url"],select){
  min-height:var(--ui-control)!important;
  padding:5px 8px!important;
  font-size:var(--ui-font-body)!important;
  line-height:1.25!important;
  border-radius:7px!important;
}

/* Password visibility: every password row is one stable input + icon grid. */
.app-shell .app-content .password-field{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--ui-control)!important;
  align-items:stretch!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
}
.app-shell .app-content .password-field>.form-control,
.app-shell .app-content .password-field>input{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.app-shell .app-content .password-field>.password-visibility-toggle,
.app-shell .app-content .password-field>[data-password-toggle]{
  grid-column:2!important;
  grid-row:1!important;
  width:var(--ui-control)!important;
  min-width:var(--ui-control)!important;
  height:var(--ui-control)!important;
  min-height:var(--ui-control)!important;
  margin:0!important;
  padding:0!important;
  border-radius:7px!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  background-size:18px auto!important;
}
.app-shell .app-content .password-field>.password-visibility-toggle::before{
  width:18px!important;
  height:18px!important;
}

/* Overview: one unified summary card instead of five disconnected cards. */
.member-shell .overview-summary-card{
  margin:0 0 8px!important;
  border:1px solid var(--member-line,#d7e6f1);
  border-radius:9px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 3px 12px rgba(16,33,58,.035);
}
.member-shell .overview-summary-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
}
.member-shell .overview-summary-item{
  min-width:0;
  padding:8px 9px;
  border-right:1px solid var(--member-line,#d7e6f1);
  background:linear-gradient(180deg,#fff,#fbfdff);
}
.member-shell .overview-summary-item:last-child{border-right:0}
.member-shell .overview-summary-label{
  display:block;
  margin:0 0 3px;
  color:#60788b;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.025em!important;
}
.member-shell .overview-summary-value{
  display:block;
  min-width:0;
  margin:0 0 2px;
  color:#102f45;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:850;
  overflow-wrap:anywhere;
}
.member-shell .overview-summary-item small{
  display:block;
  margin:0;
  color:#60788b;
  font-size:8.8px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere;
}
.member-shell .overview-status-line{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  margin:0 0 2px;
}
.member-shell .overview-status-line>strong{
  min-width:0;
  color:#102f45;
  font-size:12px!important;
  line-height:1.15!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.member-shell .overview-period-form{margin:3px 0 0}
.member-shell .overview-period-form select{
  width:100%;
  min-height:25px!important;
  height:25px!important;
  padding:2px 23px 2px 6px!important;
  border-radius:6px!important;
  font-size:9.5px!important;
}

/* Cut Loss and news-pause counters remain side-by-side, including mobile. */
.member-shell .event-frequency-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
.member-shell .event-frequency-card{
  padding:8px 9px!important;
  border-radius:8px!important;
}
.member-shell .event-frequency-card h4{
  min-height:0!important;
  margin:0 0 4px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
}
.member-shell .event-frequency-card .risk-list li{
  gap:5px!important;
  padding:4px 0!important;
  font-size:9.5px!important;
}
.member-shell .event-frequency-card .risk-list li span,
.member-shell .event-frequency-card .risk-list li strong{
  font-size:9.5px!important;
  line-height:1.2!important;
}

/* Notification toolbars: no overlap, no clipped labels, stable horizontal scrolling. */
.member-shell .member-notification-toolbar,
.admin-shell .notice-toolbar{
  min-width:0!important;
  overflow:hidden!important;
}
.member-shell .member-notification-toolbar-main,
.admin-shell .notice-toolbar-main{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.member-shell .member-notification-toolbar-main::-webkit-scrollbar,
.admin-shell .notice-toolbar-main::-webkit-scrollbar{display:none!important}
.member-shell .member-notification-toolbar-main>* ,
.admin-shell .notice-toolbar-main>*{
  flex:0 0 auto!important;
  min-width:max-content!important;
}
.member-shell .member-notification-toolbar-settings,
.admin-shell .notice-toolbar-settings{
  min-width:0!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
}
.member-shell .member-notification-category-filters,
.admin-shell .admin-unified-notification-filters{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.member-shell .member-notification-category-filters::-webkit-scrollbar,
.admin-shell .admin-unified-notification-filters::-webkit-scrollbar{display:none!important}
.member-shell .member-notification-category-filters .filter-pill,
.admin-shell .admin-unified-notification-filters .filter-pill{
  flex:0 0 auto!important;
  min-width:max-content!important;
}

@media(max-width:900px){
  .member-shell .member-notification-toolbar,
  .admin-shell .notice-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 30px!important;
    align-items:stretch!important;
    gap:2px!important;
  }
  .member-shell .member-notification-toolbar-settings,
  .admin-shell .notice-toolbar-settings{
    width:30px!important;
    min-width:30px!important;
    overflow:hidden!important;
  }
  .member-shell .member-notification-toolbar-settings .notification-setting-button,
  .admin-shell .notice-toolbar-settings .notification-setting-button{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
  }
  .member-shell .member-notification-toolbar-settings .notification-setting-button img,
  .admin-shell .notice-toolbar-settings .notification-setting-button img{
    width:14px!important;
    height:14px!important;
    margin:0!important;
    flex:0 0 14px!important;
  }
  .member-shell .overview-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .member-shell .overview-summary-item{
    border-right:1px solid var(--member-line,#d7e6f1);
    border-bottom:1px solid var(--member-line,#d7e6f1);
    padding:7px 8px;
  }
  .member-shell .overview-summary-item:nth-child(2n){border-right:0}
  .member-shell .overview-summary-item:nth-child(5){
    grid-column:1/-1;
    border-right:0;
    border-bottom:0;
  }
  .member-shell .overview-summary-item:nth-child(3),
  .member-shell .overview-summary-item:nth-child(4){border-bottom:1px solid var(--member-line,#d7e6f1)}
}

@media(max-width:560px){
  .app-shell{--ui-control:31px}
  .member-shell .overview-summary-card{margin-bottom:5px!important;border-radius:8px}
  .member-shell .overview-summary-label{font-size:9px!important}
  .member-shell .overview-summary-value{font-size:13px!important}
  .member-shell .overview-summary-item small{font-size:8.5px!important}
  .member-shell .overview-status-line>strong{font-size:11px!important}
  .member-shell .event-frequency-grid{gap:5px!important}
  .member-shell .event-frequency-card{padding:7px!important}
  .member-shell .event-frequency-card h4{font-size:10px!important}
  .member-shell .event-frequency-card .risk-list li,
  .member-shell .event-frequency-card .risk-list li span,
  .member-shell .event-frequency-card .risk-list li strong{font-size:9px!important}
}

/* Password wrappers are direct form-group children; this higher-specificity rule
   prevents generic form-group span styling from stacking the eye button below. */
.app-shell .app-content .form-group>.password-field{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--ui-control)!important;
  align-items:stretch!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  font-size:inherit!important;
  line-height:normal!important;
}

/* =========================================================
   V4.2.9.17 — Mobile precision, conditional notices, unified monitoring
   Member/admin workspaces only; public website remains unchanged.
   ========================================================= */
.app-shell .notification-setting-button{
  color:#0d4f87!important;
}
.app-shell .notification-setting-button .notification-setting-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  color:#0d4f87!important;
  font:700 15px/1 Arial,sans-serif!important;
}
.app-shell .notification-setting-button .notification-setting-label{
  display:inline!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
}

/* Email change cards: compact and readable, with clean long-address wrapping. */
.member-shell .email-change-current{
  min-height:0!important;
  margin-bottom:8px!important;
  padding:9px 11px!important;
  gap:2px!important;
  border-radius:9px!important;
}
.member-shell .email-change-current>span,
.member-shell .email-change-pending>div>span{
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.035em!important;
}
.member-shell .email-change-current>strong,
.member-shell .email-change-pending>div>strong{
  min-width:0!important;
  font-size:12px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:none!important;
}
.member-shell .email-change-current>small{
  margin-top:1px!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}
.member-shell .email-change-security-note{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:start!important;
  gap:6px!important;
  min-height:0!important;
  margin:0 0 8px!important;
  padding:8px 9px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}
.member-shell .email-change-security-note strong{
  font-size:9.5px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
.member-shell .email-change-security-note span{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

/* One outer status box; internal cells use separators instead of floating cards. */
.member-shell .monitoring-status-panel{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  overflow:hidden!important;
  border:1px solid var(--member-line,#d7e6f1)!important;
  border-radius:9px!important;
  background:var(--member-line,#d7e6f1)!important;
  box-shadow:0 3px 12px rgba(16,33,58,.03)!important;
}
.member-shell .monitoring-status-item{
  min-width:0!important;
  min-height:0!important;
  padding:8px 9px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.member-shell .monitoring-status-item .metric-label{
  display:block!important;
  margin:0 0 3px!important;
  color:#60788b!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
}
.member-shell .monitoring-status-item .metric-value{
  margin:0 0 2px!important;
  color:#102f45;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:850!important;
  overflow-wrap:anywhere!important;
}
.member-shell .monitoring-status-item .metric-value-sm{font-size:11.5px!important}
.member-shell .monitoring-status-item .metric-note{
  margin:0!important;
  color:#60788b!important;
  font-size:8.8px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
.member-shell .monitoring-status-item .status-badge{margin-top:2px!important}

/* Legal consent: separate the legal links, audit note, and primary action. */
.member-shell .legal-consent-box{
  margin:0 0 8px!important;
  padding:8px 9px!important;
  border-radius:9px!important;
}
.member-shell .legal-consent-box .checkbox-row{
  margin:0!important;
  gap:7px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.member-shell .legal-consent-box .checkbox-row+small,
.member-shell .legal-consent-box .checkbox-row+.muted{
  display:block!important;
  margin:8px 0 0!important;
  padding-top:7px!important;
  border-top:1px solid rgba(207,225,238,.9)!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}
.member-shell .legal-consent-box+button,
.member-shell .legal-consent-box+.btn{
  margin-top:0!important;
}

/* Conditional retention notes remain compact when visible. */
.member-shell .history-retention-note{
  margin:0 0 6px!important;
  padding:7px 9px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}

@media(max-width:900px){
  .app-shell .notification-setting-button .notification-setting-label{display:none!important}
  .app-shell .notification-setting-button{
    color:#0d4f87!important;
    background:#fff!important;
  }
  .app-shell .notification-setting-button .notification-setting-icon{
    display:grid!important;
    color:#0d4f87!important;
  }
  .member-shell .monitoring-status-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:560px){
  .member-shell .member-notification-toolbar-settings .notification-setting-button{
    display:inline-grid!important;
    place-items:center!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    overflow:visible!important;
    color:#0d4f87!important;
  }
  .member-shell .member-notification-toolbar-settings .notification-setting-icon{
    display:grid!important;
    color:#0d4f87!important;
    font-size:15px!important;
  }
  .member-shell .member-notification-panel .notification-bulkbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    overflow:visible!important;
    padding:5px!important;
  }
  .member-shell .member-notification-panel .notification-bulkbar>*{
    min-width:0!important;
  }
  .member-shell .member-notification-panel .notification-bulkbar>label{
    width:auto!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1.15!important;
    gap:4px!important;
  }
  .member-shell .member-notification-panel .notification-bulkbar>.btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:29px!important;
    padding:4px 5px!important;
    font-size:8.8px!important;
    line-height:1.1!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .member-shell .email-change-current{padding:8px 9px!important}
  .member-shell .email-change-current>strong{font-size:11.5px!important}
  .member-shell .email-change-security-note{
    grid-template-columns:max-content minmax(0,1fr)!important;
    padding:7px 8px!important;
    gap:5px!important;
  }
  .member-shell .monitoring-status-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:8px!important}
  .member-shell .monitoring-status-item{padding:7px!important}
  .member-shell .monitoring-status-item .metric-value{font-size:12px!important}
  .member-shell .monitoring-status-item .metric-value-sm{font-size:10.8px!important}
  .member-shell .legal-consent-box{padding:7px 8px!important}
  .member-shell .legal-consent-box .checkbox-row+small,
  .member-shell .legal-consent-box .checkbox-row+.muted{margin-top:7px!important;padding-top:6px!important}
}

@media(max-width:360px){
  .member-shell .member-notification-panel .notification-bulkbar{
    grid-template-columns:72px minmax(0,1fr) minmax(0,1fr)!important;
  }
  .member-shell .member-notification-panel .notification-bulkbar>label{font-size:8.5px!important}
  .member-shell .member-notification-panel .notification-bulkbar>.btn{font-size:8.2px!important;padding-inline:3px!important}
  .member-shell .email-change-security-note{grid-template-columns:1fr!important}
  .member-shell .email-change-security-note strong{white-space:normal!important}
}


/* =========================================================
   V4.2.9.18 — Mobile Call Center viewport, scroll lock, profile actions
   ========================================================= */

/* Profile photo actions: save/delete remain in one compact row. */
.member-shell .profile-photo-form-actions.has-delete{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:6px!important;
  width:100%!important;
}
.member-shell .profile-photo-form-actions.has-delete>[data-profile-crop-edit]:not([hidden]){
  grid-column:1/-1!important;
}
.member-shell .profile-photo-form-actions.has-delete>.btn{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.member-shell .profile-photo-delete-form{display:none!important}

/* Use the official settings image asset, not a platform-dependent glyph. */
.app-shell .notification-setting-button .notification-setting-icon{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  object-fit:contain!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  color:inherit!important;
}

.member-shell .member-notification-toolbar-settings .notification-setting-button .notification-setting-icon,
.admin-shell .notice-toolbar-settings .notification-setting-button .notification-setting-icon{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  flex:0 0 16px!important;
}

/* Lock the document while the floating Call Center is open. */
html.si-snake-scroll-locked,
html.si-snake-scroll-locked body{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.si-snake-scroll-locked{
  max-width:100%!important;
}
body.si-snake-scroll-locked .si-snake-widget{
  overscroll-behavior:contain!important;
}
body.si-snake-scroll-locked .si-snake-widget .si-snake-messages{
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
}

/* Full panel Call Center follows the usable viewport on mobile. */
@media(max-width:900px){
  .member-shell .si-snake-page{
    height:calc(var(--si-snake-vv-height,100dvh) - var(--mobile-appbar-height,46px) - 8px)!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;
  }
  .member-shell .si-snake-page .si-snake-messages{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
  }
}

/* Floating widget: near-full mobile viewport with a compact fixed chrome. */
@media(max-width:700px){
  .si-snake-widget{
    box-sizing:border-box!important;
    position:fixed!important;
    left:calc(var(--si-snake-vv-left,0px) + 4px)!important;
    top:calc(var(--si-snake-vv-top,0px) + 4px)!important;
    right:auto!important;
    bottom:auto!important;
    width:calc(var(--si-snake-vv-width,100vw) - 8px)!important;
    height:calc(var(--si-snake-vv-height,100dvh) - 8px)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;
    border-radius:14px!important;
    overflow:hidden!important;
    transform:none!important;
    transform-origin:center!important;
  }
  .si-snake-widget .si-snake-close{
    top:8px!important;
    right:8px!important;
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
    font-size:18px!important;
    line-height:30px!important;
  }
  .si-snake-widget .si-snake-head{
    min-height:50px!important;
    padding:6px 44px 6px 9px!important;
    gap:8px!important;
  }
  .si-snake-widget .si-snake-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:11px!important;
  }
  .si-snake-widget .si-snake-avatar img{
    width:25px!important;
    height:25px!important;
  }
  .si-snake-widget .si-snake-head strong{
    font-size:14px!important;
    line-height:1.15!important;
  }
  .si-snake-widget .si-snake-notice{
    padding:6px 9px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  .si-snake-widget .si-snake-messages{
    min-height:0!important;
    padding:9px!important;
    gap:9px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .si-snake-widget .si-snake-message{max-width:94%!important}
  .si-snake-widget .si-snake-bubble{
    padding:8px 9px!important;
    border-radius:11px!important;
  }
  .si-snake-widget .si-snake-bubble p{
    font-size:11px!important;
    line-height:1.45!important;
  }
  .si-snake-widget .si-snake-message-label{font-size:9px!important}
  .si-snake-widget .si-snake-message-meta{font-size:8.5px!important}
  .si-snake-widget .si-snake-quick{
    flex:0 0 auto!important;
    padding:6px 8px!important;
    gap:5px!important;
    min-height:0!important;
    overscroll-behavior-x:contain!important;
  }
  .si-snake-widget .si-snake-quick button{
    min-height:29px!important;
    padding:5px 8px!important;
    font-size:9.5px!important;
    line-height:1.15!important;
  }
  .si-snake-widget .si-snake-form{
    flex:0 0 auto!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
  }
  .si-snake-widget .si-snake-form textarea{
    min-height:38px!important;
    max-height:92px!important;
    padding:8px 9px!important;
    border-radius:11px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  .si-snake-widget .si-snake-form button{
    min-width:66px!important;
    min-height:38px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    font-size:11px!important;
  }
  .si-snake-widget .si-snake-foot{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    padding:5px 9px calc(6px + env(safe-area-inset-bottom))!important;
    font-size:8.5px!important;
    line-height:1.25!important;
  }
  .si-snake-widget .si-snake-foot button{
    align-self:auto!important;
    font-size:9px!important;
  }
  .si-snake-widget.is-keyboard-open{
    left:var(--si-snake-vv-left,0px)!important;
    top:var(--si-snake-vv-top,0px)!important;
    width:var(--si-snake-vv-width,100vw)!important;
    height:var(--si-snake-vv-height,100dvh)!important;
    border-radius:0!important;
  }
  .si-snake-widget.is-keyboard-open .si-snake-foot,
  .si-snake-widget.has-input-focus .si-snake-foot{
    display:none!important;
  }
  .si-snake-widget.is-keyboard-open .si-snake-form{
    padding-bottom:max(6px,env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:360px){
  .member-shell .profile-photo-form-actions.has-delete{gap:5px!important}
  .member-shell .profile-photo-form-actions.has-delete>.btn{padding-inline:5px!important;font-size:9.5px!important}
  .si-snake-widget .si-snake-head{min-height:46px!important;padding-block:5px!important}
  .si-snake-widget .si-snake-avatar{width:34px!important;height:34px!important;min-width:34px!important}
  .si-snake-widget .si-snake-avatar img{width:23px!important;height:23px!important}
  .si-snake-widget .si-snake-head strong{font-size:13px!important}
  .si-snake-widget .si-snake-notice{padding:5px 8px!important;font-size:9.5px!important}
  .si-snake-widget .si-snake-form button{min-width:60px!important;padding-inline:8px!important}
}

/* =========================================================
   V4.2.9.19 — Stable mobile viewport and profile-width normalization
   ========================================================= */

/* Keep every member/admin page on the same horizontal sizing system. */
html,
body.app-shell{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
.app-shell .app-main,
.app-shell .app-content{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
}
.member-shell .profile-grid-v425{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.member-shell .profile-grid-v425>* ,
.member-shell .profile-grid-v425 .member-disclosure,
.member-shell .profile-grid-v425 .member-disclosure-body,
.member-shell .profile-grid-v425 form,
.member-shell .profile-grid-v425 .form-group{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.member-shell .profile-grid-v425 :is(input,select,textarea,.form-control,.profile-photo-picker-row,.profile-photo-filename){
  max-width:100%!important;
  min-width:0!important;
}
.member-shell .profile-grid-v425 :is(p,small,strong,label,span,a){
  overflow-wrap:anywhere;
}

@media(max-width:900px){
  .member-shell .profile-grid-v425{
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
  }
  .member-shell .profile-grid-v425 .member-disclosure{
    margin-inline:0!important;
  }
  .member-shell .profile-grid-v425 .member-disclosure-body{
    overflow-x:hidden!important;
  }

  /* iOS Safari zooms the whole page when a focused form control is below 16px. */
  .member-shell .profile-grid-v425 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .member-shell .profile-grid-v425 select,
  .member-shell .profile-grid-v425 textarea,
  .si-snake-widget .si-snake-form textarea{
    font-size:16px!important;
  }
}

/* Floating Call Center uses a fixed width and only adjusts its vertical space. */
@media(max-width:700px){
  .si-snake-widget,
  .si-snake-widget.is-keyboard-open{
    box-sizing:border-box!important;
    position:fixed!important;
    left:4px!important;
    right:4px!important;
    top:calc(var(--si-snake-modal-top,0px) + 4px)!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:calc(var(--si-snake-modal-height,100dvh) - 8px)!important;
    min-height:0!important;
    max-height:calc(var(--si-snake-modal-height,100dvh) - 8px)!important;
    border-radius:12px!important;
    transform:none!important;
    transform-origin:center!important;
    animation:none!important;
    transition:none!important;
    contain:layout paint!important;
    overflow:hidden!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;
  }
  .si-snake-widget .si-snake-head,
  .si-snake-widget .si-snake-notice,
  .si-snake-widget .si-snake-quick,
  .si-snake-widget .si-snake-form,
  .si-snake-widget .si-snake-foot{
    flex:0 0 auto!important;
  }
  .si-snake-widget .si-snake-messages{
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
  .si-snake-widget .si-snake-form{
    position:relative!important;
    inset:auto!important;
    z-index:3!important;
    background:#fff!important;
  }
  .si-snake-widget .si-snake-form textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:16px!important;
    line-height:1.25!important;
    -webkit-text-size-adjust:100%!important;
  }
  .si-snake-widget.is-keyboard-open .si-snake-foot,
  .si-snake-widget.has-input-focus .si-snake-foot{
    display:none!important;
  }
}

/* =========================================================
   V4.2.9.20 — iOS visible-viewport and bottom-toolbar safety
   ========================================================= */
@media(max-width:700px){
  .si-snake-widget,
  .si-snake-widget.is-keyboard-open{
    top:calc(var(--si-snake-modal-top,0px) + 4px)!important;
    height:calc(var(--si-snake-modal-height,var(--si-snake-visible-height,100dvh)) - 8px)!important;
    max-height:calc(var(--si-snake-modal-height,var(--si-snake-visible-height,100dvh)) - 8px)!important;
    bottom:auto!important;
    padding-bottom:0!important;
  }

  /* The last visible row owns the safe-area padding. Avoid applying it twice. */
  .si-snake-widget .si-snake-form{
    padding-bottom:7px!important;
  }
  .si-snake-widget .si-snake-foot{
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
  }
  .si-snake-widget.is-keyboard-open .si-snake-form,
  .si-snake-widget.has-input-focus .si-snake-form{
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
  }

  .si-snake-widget .si-snake-messages{
    min-height:0!important;
    overscroll-behavior-y:contain!important;
  }
}

/* =========================================================
   V4.2.9.21 — Android keyboard stability and profile parity
   ========================================================= */

/* Profile & Security must use the exact same content width and compact scale
   as every other member page. */
.member-shell .app-content > .profile-grid-v425{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  gap:8px!important;
}
.member-shell .profile-grid-v425 > .member-disclosure{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

@media(max-width:900px){
  .member-shell .app-content > .profile-grid-v425{
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
  }
  .member-shell .profile-grid-v425 .member-disclosure > summary{
    min-height:0!important;
    padding:6px 7px!important;
    gap:6px!important;
  }
  .member-shell .profile-grid-v425 .member-disclosure > summary strong{
    font-size:10.5px!important;
    line-height:1.2!important;
  }
  .member-shell .profile-grid-v425 .member-disclosure > summary small{
    margin-top:2px!important;
    font-size:8.5px!important;
    line-height:1.25!important;
  }
  .member-shell .profile-grid-v425 .member-disclosure-body{
    width:100%!important;
    max-width:100%!important;
    padding:7px!important;
    overflow-x:hidden!important;
  }
  .member-shell .profile-grid-v425 .profile-photo-panel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:6px!important;
    text-align:center!important;
  }
  .member-shell .profile-grid-v425 .profile-photo-preview{
    width:76px!important;
    height:76px!important;
    margin:0 auto 2px!important;
    border-width:3px!important;
    font-size:1.55rem!important;
    box-shadow:0 6px 16px rgba(8,77,137,.12)!important;
  }
  .member-shell .profile-grid-v425 .profile-photo-actions{
    width:100%!important;
    gap:5px!important;
    justify-content:center!important;
  }
  .member-shell .profile-grid-v425 .profile-photo-picker-row{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
    margin-top:4px!important;
  }
  .member-shell .profile-grid-v425 .profile-photo-picker,
  .member-shell .profile-grid-v425 .profile-photo-filename{
    width:100%!important;
    min-height:31px!important;
    padding:5px 7px!important;
    border-radius:7px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }
  .member-shell .profile-grid-v425 .profile-photo-picker > span{
    width:18px!important;
    height:18px!important;
    border-radius:5px!important;
    font-size:13px!important;
  }
  .member-shell .profile-grid-v425 .profile-photo-form-actions{
    margin-top:6px!important;
    gap:5px!important;
  }
  .member-shell .profile-grid-v425 .form-help{
    margin-top:4px!important;
    font-size:8.5px!important;
    line-height:1.3!important;
  }
  .member-shell .profile-grid-v425 .profile-photo-actions > .muted{
    margin:2px 0 0!important;
    font-size:8.5px!important;
    line-height:1.3!important;
  }
  .member-shell .profile-grid-v425 .form-group{
    margin-bottom:6px!important;
  }

  /* The former global 16px profile override made Android look larger than
     every other page. Keep 16px only on iOS to prevent Safari auto zoom. */
  html:not(.is-ios) .member-shell .profile-grid-v425 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  html:not(.is-ios) .member-shell .profile-grid-v425 select,
  html:not(.is-ios) .member-shell .profile-grid-v425 textarea{
    font-size:10.5px!important;
  }
}

/* Chrome Android: use the resized layout viewport directly. Do not chase
   transient visualViewport offsets during keyboard animation. */
@media(max-width:700px){
  html.is-android .si-snake-widget,
  html.is-android .si-snake-widget.is-keyboard-open{
    position:fixed!important;
    inset:4px!important;
    left:4px!important;
    right:4px!important;
    top:4px!important;
    bottom:4px!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    border-radius:12px!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    overflow:hidden!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;
  }
  html.is-android .si-snake-widget .si-snake-head{
    position:relative!important;
    z-index:5!important;
  }
  html.is-android .si-snake-widget .si-snake-messages{
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.is-android .si-snake-widget .si-snake-form{
    position:relative!important;
    inset:auto!important;
    z-index:6!important;
    transform:none!important;
  }
  html.is-android .si-snake-widget.has-input-focus .si-snake-foot,
  html.is-android .si-snake-widget.is-keyboard-open .si-snake-foot{
    display:none!important;
  }
}

/* V4.2.9.21a — SAFE HOTFIX: Call Center minimize/close controls only.
   Scoped to the floating widget; no page/container/layout overrides. */
.si-snake-widget{isolation:isolate}
.si-snake-widget .si-snake-window-actions{
  position:absolute!important;
  z-index:50!important;
  top:8px!important;
  right:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
.si-snake-widget .si-snake-window-actions>button{
  position:static!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
  font:800 19px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.si-snake-widget .si-snake-window-actions>button:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:2px!important;
}
.si-snake-widget .si-snake-window-actions .si-snake-minimize{
  font-size:21px!important;
  padding-bottom:5px!important;
}
.si-snake-widget .si-snake-head{padding-right:84px!important}
@media(max-width:700px){
  .si-snake-widget .si-snake-window-actions{top:6px!important;right:6px!important;gap:4px!important}
  .si-snake-widget .si-snake-window-actions>button{
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
    border-radius:8px!important;font-size:17px!important;
  }
  .si-snake-widget .si-snake-window-actions .si-snake-minimize{font-size:19px!important}
  .si-snake-widget .si-snake-head{padding-right:72px!important}
}


/* =========================================================
   V4.2.9.21b — Profile header alignment hotfix
   Keeps the notification bell and profile avatar aligned with
   the same visual gutter used across the rest of the panel.
   ========================================================= */
.app-shell.page-profile .app-main,
.app-shell.page-profile .app-header,
.app-shell.page-profile .app-content,
.app-shell.page-profile .profile-grid-v425{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}

@media(min-width:901px){
  .app-shell.page-profile .app-header{
    padding-right:22px!important;
  }
}

@media(max-width:900px){
  .app-shell.page-profile .mobile-appbar{
    padding-right:14px!important;
  }
  .app-shell.page-profile .mobile-appbar-actions{
    flex:0 0 auto!important;
    min-width:0!important;
  }
  .app-shell.page-profile .app-content,
  .app-shell.page-profile .profile-grid-v425{
    overflow-x:clip!important;
  }
}

/* =========================================================
   V4.2.9.22 UI AUDIT HOTFIX
   - Prevent desktop member/admin workspace from exceeding viewport
   - Keep the profile photo file input visually hidden without overflow
   ========================================================= */
@media (min-width:901px){
  .app-shell .app-main{
    width:auto!important;
    max-width:none!important;
  }
}
.app-shell .app-content .member-shell input.profile-photo-source-input[type="file"],
.app-shell .app-content input.profile-photo-source-input[type="file"]{
  position:absolute!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  box-sizing:border-box!important;
}
@media (max-width:900px){
  .site-header .nav-links{
    position:absolute!important;
    top:78px!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
  }
}

/* =========================================================
   V4.2.9.28 — Stable Cakra-inspired mobile header
   - Responsive three-part header without overlap
   - Compact current-section capsule and floating menu
   - Mobile progress line removed
   - Mobile hero typography normalized
   ========================================================= */
.mobile-nav-context,
.mobile-nav-actions{display:none}

.nav-toggle-icon{
  display:grid;
  width:26px;
  gap:5px;
}
.nav-toggle-icon>span{
  display:block;
  width:100%;
  height:3px;
  border-radius:999px;
  background:currentColor;
  transform-origin:center;
  transition:transform .22s ease,opacity .18s ease,width .22s ease;
}
.nav-toggle[aria-expanded="true"] .nav-toggle-icon>span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-icon>span:nth-child(2){opacity:0;width:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-icon>span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

@media(min-width:901px){
  body>.site-header[data-public-header]{
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid rgba(11,46,89,.09)!important;
    box-shadow:0 1px 0 rgba(11,46,89,.03)!important;
  }
  body>.site-header[data-public-header].is-scrolled{box-shadow:0 12px 32px rgba(11,46,89,.10)!important}
  body>.site-header[data-public-header] .nav-wrap{height:78px!important}
  body>.site-header[data-public-header] .nav-links{gap:19px!important}
  body>.site-header[data-public-header] .nav-links>a{
    padding:29px 0 27px!important;
    font-size:.76rem!important;
    font-weight:750!important;
    letter-spacing:.01em!important;
  }
  body>.site-header[data-public-header] .nav-actions .btn{
    min-height:40px!important;
    border-radius:9px!important;
    padding-inline:16px!important;
  }
}

@media(max-width:900px){
  html.public-nav-open,
  body.public-nav-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.public-nav-open:before{
    content:"";
    position:fixed;
    inset:82px 0 0;
    z-index:10008;
    background:rgba(2,10,24,.58);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    animation:snakeNavBackdropIn .18s ease both;
  }
  body>.site-header[data-public-header]{
    height:82px!important;
    background:linear-gradient(135deg,#06172d 0%,#071d38 58%,#0b2e59 100%)!important;
    border-bottom:0!important;
    box-shadow:0 10px 34px rgba(1,10,24,.22)!important;
    color:#fff!important;
  }
  body>.site-header[data-public-header] .nav-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    height:82px!important;
    min-height:82px!important;
    padding-inline:clamp(14px,4vw,22px)!important;
    column-gap:10px!important;
  }
  body>.site-header[data-public-header] .brand{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    min-width:0!important;
    max-width:230px!important;
    gap:9px!important;
    color:#fff!important;
    overflow:hidden!important;
  }
  body>.site-header[data-public-header] .brand img{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    border-radius:11px!important;
    box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
  }
  body>.site-header[data-public-header] .brand span{
    min-width:0!important;
    overflow:hidden!important;
  }
  body>.site-header[data-public-header] .brand strong{
    display:block!important;
    color:#fff!important;
    font-size:clamp(.72rem,2.4vw,.88rem)!important;
    letter-spacing:.105em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body>.site-header[data-public-header] .brand small{
    display:block!important;
    color:#aebdd1!important;
    font-size:clamp(.40rem,1.35vw,.50rem)!important;
    letter-spacing:.18em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    position:static!important;
    z-index:3!important;
    width:clamp(128px,30vw,210px)!important;
    min-width:0!important;
    height:46px!important;
    margin:0!important;
    padding:4px!important;
    overflow:hidden!important;
    pointer-events:none!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:999px!important;
    background:rgba(1,12,27,.40)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 7px 18px rgba(0,0,0,.10)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>span{
    flex:1 1 auto!important;
    min-width:0!important;
    padding-left:9px!important;
    overflow:hidden!important;
    color:#d9e4f0!important;
    opacity:.34!important;
    font-size:clamp(.60rem,1.8vw,.76rem)!important;
    font-weight:750!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:76px!important;
    max-width:112px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 12px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,184,77,.30)!important;
    border-radius:999px!important;
    background:rgba(255,184,77,.10)!important;
    color:var(--gold)!important;
    font-size:clamp(.70rem,2.2vw,.86rem)!important;
    font-weight:820!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    box-shadow:0 0 22px rgba(255,184,77,.08)!important;
  }
  body>.site-header[data-public-header] .nav-toggle{
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    z-index:4!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.045)!important;
    color:var(--gold)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 8px 22px rgba(0,0,0,.18)!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent;
  }
  body>.site-header[data-public-header] .nav-toggle:hover,
  body>.site-header[data-public-header] .nav-toggle:focus-visible,
  body>.site-header[data-public-header] .nav-toggle[aria-expanded="true"]{
    border-color:rgba(255,184,77,.42)!important;
    background:rgba(255,184,77,.08)!important;
  }
  body>.site-header[data-public-header] .nav-toggle-icon{width:24px!important;gap:5px!important}
  body>.site-header[data-public-header] .nav-toggle-icon>span{height:3px!important}

  body>.site-header[data-public-header] .nav-links{
    display:flex!important;
    position:fixed!important;
    z-index:10012!important;
    top:94px!important;
    right:12px!important;
    left:auto!important;
    width:min(286px,calc(100vw - 30px))!important;
    max-width:none!important;
    max-height:calc(100dvh - 106px - env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:16px 15px calc(15px + env(safe-area-inset-bottom,0px))!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border:1px solid rgba(255,184,77,.18)!important;
    border-radius:22px!important;
    background:linear-gradient(155deg,rgba(11,46,89,.985),rgba(4,20,40,.99))!important;
    box-shadow:0 28px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.045)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-10px) scale(.97)!important;
    transform-origin:top right!important;
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,.78,.3,1),visibility .18s step-end!important;
  }
  body>.site-header[data-public-header] .nav-links.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,.78,.3,1),visibility 0s step-start!important;
  }
  body>.site-header[data-public-header] .nav-links::-webkit-scrollbar{width:5px}
  body>.site-header[data-public-header] .nav-links::-webkit-scrollbar-track{background:transparent}
  body>.site-header[data-public-header] .nav-links::-webkit-scrollbar-thumb{background:rgba(255,184,77,.34);border-radius:999px}
  body>.site-header[data-public-header] .nav-links>a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:45px!important;
    padding:10px 13px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    color:#edf4ff!important;
    font-size:.91rem!important;
    font-weight:730!important;
    letter-spacing:0!important;
    line-height:1.2!important;
    transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
  }
  body>.site-header[data-public-header] .nav-links>a:hover,
  body>.site-header[data-public-header] .nav-links>a:focus-visible{
    color:#fff!important;
    background:rgba(255,255,255,.065)!important;
    border-color:rgba(255,255,255,.08)!important;
    transform:translateX(2px)!important;
  }
  body>.site-header[data-public-header] .nav-links>a.active{
    color:var(--gold)!important;
    background:rgba(255,184,77,.10)!important;
    border-color:rgba(255,184,77,.17)!important;
  }
  body>.site-header[data-public-header] .nav-links>a.active:before,
  body>.site-header[data-public-header] .nav-links>a.active:after{display:none!important}
  body>.site-header[data-public-header] .nav-active-indicator{display:none!important}
  body>.site-header[data-public-header] .mobile-nav-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin-top:8px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .btn{
    min-height:38px!important;
    padding:8px 9px!important;
    border-radius:11px!important;
    font-size:.68rem!important;
    box-shadow:none!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .btn:only-child{grid-column:1/-1}
  body>.site-header[data-public-header] .mobile-nav-actions .btn-primary{
    color:#071d38!important;
    background:var(--gold)!important;
    border-color:var(--gold)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .btn-ghost{
    color:#fff!important;
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(255,255,255,.18)!important;
  }

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

  .hero{
    padding:58px 0 46px!important;
  }
  .hero-grid{gap:38px!important}
  .hero-copy .eyebrow{
    margin-bottom:12px!important;
    font-size:.75rem!important;
    letter-spacing:.18em!important;
    line-height:1.55!important;
  }
  .hero h1{
    margin:8px 0 20px!important;
    font-size:clamp(2.15rem,7vw,3.35rem)!important;
    line-height:1.03!important;
    letter-spacing:-.035em!important;
  }
  .hero-copy>p{
    font-size:1rem!important;
    line-height:1.72!important;
  }
  .hero-actions{
    width:min(100%,390px)!important;
    margin:26px auto 28px!important;
    gap:11px!important;
  }
  .hero-actions .btn{
    min-height:50px!important;
  }
}

@media(max-width:540px){
  body>.site-header[data-public-header] .nav-wrap{
    padding-inline:12px!important;
    column-gap:8px!important;
  }
  body>.site-header[data-public-header] .brand{max-width:148px!important;gap:7px!important}
  body>.site-header[data-public-header] .brand img{width:40px!important;height:40px!important;flex-basis:40px!important}
  body>.site-header[data-public-header] .brand strong{font-size:.69rem!important}
  body>.site-header[data-public-header] .brand small{font-size:.36rem!important}
  body>.site-header[data-public-header] .mobile-nav-context{
    width:132px!important;
    height:44px!important;
    padding:3px!important;
    background:rgba(1,12,27,.30)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>span{
    display:block!important;
    padding-left:7px!important;
    font-size:.56rem!important;
    opacity:.24!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    min-width:76px!important;
    max-width:82px!important;
    min-height:36px!important;
    padding-inline:8px!important;
    font-size:.73rem!important;
  }
  body>.site-header[data-public-header] .nav-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:9px!important;
  }
  body>.site-header[data-public-header] .nav-links{
    top:92px!important;
    right:10px!important;
    width:min(248px,calc(100vw - 24px))!important;
  }
  .hero{padding:46px 0 40px!important}
  .hero-copy .eyebrow{font-size:.68rem!important;letter-spacing:.16em!important}
  .hero h1{
    margin:7px 0 18px!important;
    font-size:2.15rem!important;
    line-height:1.04!important;
  }
  .hero h1 span{font-size:.92em!important}
  .hero-copy>p{font-size:.95rem!important;line-height:1.65!important}
  .hero-actions{width:min(100%,340px)!important;margin:24px auto 25px!important}
  .hero-actions .btn{width:100%!important;justify-content:center!important}
  .hero-trust{gap:12px!important;font-size:.76rem!important}
}

@media(max-width:370px){
  body>.site-header[data-public-header] .nav-wrap{padding-inline:10px!important;column-gap:6px!important}
  body>.site-header[data-public-header] .brand{max-width:132px!important;gap:6px!important}
  body>.site-header[data-public-header] .brand img{width:38px!important;height:38px!important;flex-basis:38px!important}
  body>.site-header[data-public-header] .brand strong{font-size:.61rem!important;letter-spacing:.075em!important}
  body>.site-header[data-public-header] .brand small{font-size:.30rem!important;letter-spacing:.13em!important}
  body>.site-header[data-public-header] .mobile-nav-context{width:122px!important}
  body>.site-header[data-public-header] .mobile-nav-context>span{font-size:.51rem!important;padding-left:5px!important}
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    min-width:72px!important;
    max-width:78px!important;
    padding-inline:6px!important;
    font-size:.67rem!important;
  }
  body>.site-header[data-public-header] .nav-toggle{width:42px!important;height:42px!important;min-width:42px!important}
  .hero h1{font-size:1.95rem!important}
}

@media(max-width:330px){
  body>.site-header[data-public-header] .brand{max-width:128px!important}
  body>.site-header[data-public-header] .mobile-nav-context{width:84px!important;padding:3px!important}
  body>.site-header[data-public-header] .mobile-nav-context>span{display:none!important}
  body>.site-header[data-public-header] .mobile-nav-context>strong{width:100%!important;max-width:none!important}
}

@keyframes snakeNavBackdropIn{from{opacity:0}to{opacity:1}}

@media(prefers-reduced-motion:reduce){
  body.public-nav-open:before,
  body>.site-header[data-public-header] .nav-links,
  body>.site-header[data-public-header] .nav-links>a,
  .nav-toggle-icon>span{
    animation:none!important;
    transition:none!important;
  }
}

/* =========================================================
   V4.2.9.29 — Mobile header context de-overlap
   - Prompt and current-page label use separate grid cells
   - Prompt remains fully readable on medium/tablet widths
   - Prompt is hidden on narrow phones instead of being clipped
   ========================================================= */
@media (max-width:900px){
  body>.site-header[data-public-header] .nav-wrap{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  body>.site-header[data-public-header] .brand{
    max-width:270px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-self:end!important;
    gap:6px!important;
    width:clamp(225px,36vw,292px)!important;
    min-width:0!important;
    padding:5px!important;
    overflow:hidden!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>span{
    display:block!important;
    min-width:0!important;
    padding:0 7px!important;
    color:#b9c9db!important;
    opacity:.68!important;
    font-size:clamp(.62rem,1.55vw,.75rem)!important;
    font-weight:720!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    position:static!important;
    width:auto!important;
    min-width:94px!important;
    max-width:122px!important;
    min-height:36px!important;
    padding-inline:14px!important;
    flex:none!important;
    transform:none!important;
  }
}

@media (max-width:640px){
  body>.site-header[data-public-header] .brand{
    max-width:158px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context{
    grid-template-columns:1fr!important;
    width:112px!important;
    height:44px!important;
    padding:4px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>span{
    display:none!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:34px!important;
    padding-inline:8px!important;
  }
}

@media (max-width:380px){
  body>.site-header[data-public-header] .nav-wrap{
    padding-inline:10px!important;
    column-gap:7px!important;
  }
  body>.site-header[data-public-header] .brand{
    max-width:138px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context{
    width:94px!important;
  }
}


/* =========================================================
   V4.2.9.30 — Desktop-aligned mobile palette and nav cleanup
   - Mobile header uses the same white/navy/gold palette as desktop
   - Current-section capsule is compact and clickable
   - Desktop active indicator sits directly under the nav, not floating
   ========================================================= */
.nav-active-indicator{
  bottom:11px!important;
  height:3px!important;
  border-radius:999px!important;
  background:var(--navy)!important;
  box-shadow:none!important;
}
@media(min-width:901px){
  body>.site-header[data-public-header] .nav-wrap{height:84px!important}
  body>.site-header[data-public-header] .nav-links{align-self:stretch!important}
  body>.site-header[data-public-header] .nav-links>a{
    display:flex!important;
    align-items:center!important;
    padding:0 0 4px!important;
    min-height:84px!important;
  }
  body>.site-header[data-public-header] .nav-links>a.active{color:var(--navy)!important}
}
@media(max-width:900px){
  body.public-nav-open:before{
    inset:84px 0 0!important;
    background:rgba(7,29,56,.18)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
  }
  body>.site-header[data-public-header]{
    height:84px!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid rgba(11,46,89,.10)!important;
    box-shadow:0 10px 28px rgba(11,46,89,.08)!important;
    color:var(--navy)!important;
  }
  body>.site-header[data-public-header] .nav-wrap{
    height:84px!important;
    min-height:84px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    column-gap:12px!important;
    padding-inline:14px!important;
  }
  body>.site-header[data-public-header] .brand{max-width:180px!important;color:var(--navy)!important}
  body>.site-header[data-public-header] .brand strong{color:var(--navy)!important;font-size:.68rem!important;letter-spacing:.08em!important}
  body>.site-header[data-public-header] .brand small{color:#61718a!important;font-size:.34rem!important;letter-spacing:.16em!important}
  body>.site-header[data-public-header] .brand img{
    width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(11,46,89,.10)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context{
    appearance:none!important;
    -webkit-appearance:none!important;
    border:1px solid rgba(11,46,89,.12)!important;
    background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
    box-shadow:0 10px 24px rgba(11,46,89,.07)!important;
    color:var(--navy)!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    display:grid!important;
    grid-template-columns:auto!important;
    align-items:center!important;
    justify-items:center!important;
    width:120px!important;
    height:46px!important;
    padding:4px!important;
    gap:0!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>span{display:none!important}
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:36px!important;
    padding-inline:12px!important;
    border:1px solid rgba(222,166,54,.60)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fffdf7,#fff7e6)!important;
    color:#c78b1d!important;
    font-size:.82rem!important;
    font-weight:800!important;
    letter-spacing:0!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context:hover,
  body>.site-header[data-public-header] .mobile-nav-context:focus-visible,
  body.public-nav-open>.site-header[data-public-header] .mobile-nav-context{
    border-color:rgba(222,166,54,.25)!important;
    box-shadow:0 10px 24px rgba(11,46,89,.09)!important;
  }
  body>.site-header[data-public-header] .nav-toggle{
    width:46px!important;height:46px!important;min-width:46px!important;padding:10px!important;
    border:1px solid rgba(11,46,89,.14)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#ffffff,#f5f7fb)!important;
    color:var(--gold)!important;
    box-shadow:0 10px 24px rgba(11,46,89,.08)!important;
  }
  body>.site-header[data-public-header] .nav-toggle:hover,
  body>.site-header[data-public-header] .nav-toggle:focus-visible,
  body>.site-header[data-public-header] .nav-toggle[aria-expanded="true"]{
    border-color:rgba(222,166,54,.32)!important;
    background:linear-gradient(180deg,#fffdfa,#fff7e7)!important;
  }
  body>.site-header[data-public-header] .nav-links{
    top:96px!important;
    right:14px!important;
    width:min(292px,calc(100vw - 28px))!important;
    border:1px solid rgba(11,46,89,.10)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 26px 60px rgba(11,46,89,.16)!important;
  }
  body>.site-header[data-public-header] .nav-links::-webkit-scrollbar-thumb{background:rgba(11,46,89,.18)!important}
  body>.site-header[data-public-header] .nav-links>a{
    min-height:44px!important;
    padding:10px 14px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    color:var(--navy)!important;
    font-size:.92rem!important;
    font-weight:760!important;
  }
  body>.site-header[data-public-header] .nav-links>a:hover,
  body>.site-header[data-public-header] .nav-links>a:focus-visible{
    color:var(--navy)!important;
    background:#f7faff!important;
    border-color:rgba(11,46,89,.08)!important;
    transform:translateX(2px)!important;
  }
  body>.site-header[data-public-header] .nav-links>a.active{
    color:#c78b1d!important;
    background:#fff8e9!important;
    border-color:rgba(222,166,54,.28)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions{
    margin-top:10px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(11,46,89,.08)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .btn-primary{
    color:#fff!important;
    background:var(--navy)!important;
    border-color:var(--navy)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-actions .btn-ghost{
    color:var(--navy)!important;
    background:#fff!important;
    border-color:rgba(11,46,89,.12)!important;
  }
  .site-header-spacer{height:84px!important;min-height:84px!important;flex-basis:84px!important}
}
@media(max-width:640px){
  body>.site-header[data-public-header] .brand{max-width:150px!important}
  body>.site-header[data-public-header] .mobile-nav-context{width:110px!important;height:44px!important}
  body>.site-header[data-public-header] .mobile-nav-context>strong{min-height:34px!important;font-size:.78rem!important;padding-inline:10px!important}
}
@media(max-width:380px){
  body>.site-header[data-public-header] .nav-wrap{padding-inline:10px!important;column-gap:8px!important}
  body>.site-header[data-public-header] .brand{max-width:138px!important}
  body>.site-header[data-public-header] .brand img{width:40px!important;height:40px!important;flex-basis:40px!important}
  body>.site-header[data-public-header] .brand strong{font-size:.62rem!important}
  body>.site-header[data-public-header] .brand small{font-size:.31rem!important}
  body>.site-header[data-public-header] .mobile-nav-context{width:98px!important}
  body>.site-header[data-public-header] .nav-toggle{width:42px!important;height:42px!important;min-width:42px!important}
}


/* =========================================================
   V4.2.9.31 — Compact mobile public header
   - Reduced height, logo, current-page pill, and menu button
   - Removed the nested/double-pill appearance
   - Preserves desktop navy/gold/white palette
   ========================================================= */
@media(max-width:900px){
  body.public-nav-open:before{inset:66px 0 0!important}
  body>.site-header[data-public-header]{
    height:66px!important;
    min-height:66px!important;
    box-shadow:0 6px 18px rgba(11,46,89,.07)!important;
  }
  body>.site-header[data-public-header] .nav-wrap{
    height:66px!important;
    min-height:66px!important;
    padding-inline:12px!important;
    column-gap:8px!important;
  }
  body>.site-header[data-public-header] .brand{
    max-width:168px!important;
    gap:7px!important;
  }
  body>.site-header[data-public-header] .brand img{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    border-radius:10px!important;
    box-shadow:0 5px 12px rgba(11,46,89,.08)!important;
  }
  body>.site-header[data-public-header] .brand strong{
    font-size:.62rem!important;
    letter-spacing:.075em!important;
    line-height:1.15!important;
  }
  body>.site-header[data-public-header] .brand small{
    margin-top:2px!important;
    font-size:.29rem!important;
    letter-spacing:.145em!important;
    line-height:1.1!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context{
    width:94px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 12px!important;
    border:1px solid rgba(222,166,54,.48)!important;
    border-radius:999px!important;
    background:#fffaf0!important;
    box-shadow:0 5px 14px rgba(11,46,89,.05)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#c78b1d!important;
    font-size:.72rem!important;
    font-weight:800!important;
    line-height:34px!important;
  }
  body>.site-header[data-public-header] .nav-toggle{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:8px!important;
    border-radius:11px!important;
    box-shadow:0 5px 14px rgba(11,46,89,.06)!important;
  }
  body>.site-header[data-public-header] .nav-toggle-icon{
    width:20px!important;
    gap:4px!important;
  }
  body>.site-header[data-public-header] .nav-toggle-icon>span{
    height:2.5px!important;
  }
  body>.site-header[data-public-header] .nav-links{
    top:76px!important;
    right:10px!important;
    width:min(276px,calc(100vw - 20px))!important;
  }
  .site-header-spacer{
    height:66px!important;
    min-height:66px!important;
    flex-basis:66px!important;
  }
}
@media(max-width:640px){
  body>.site-header[data-public-header] .brand{max-width:154px!important}
  body>.site-header[data-public-header] .mobile-nav-context{width:88px!important;padding-inline:10px!important}
  body>.site-header[data-public-header] .mobile-nav-context>strong{font-size:.68rem!important}
}
@media(max-width:380px){
  body>.site-header[data-public-header] .nav-wrap{padding-inline:9px!important;column-gap:6px!important}
  body>.site-header[data-public-header] .brand{max-width:137px!important;gap:6px!important}
  body>.site-header[data-public-header] .brand img{width:34px!important;height:34px!important;flex-basis:34px!important}
  body>.site-header[data-public-header] .brand strong{font-size:.57rem!important}
  body>.site-header[data-public-header] .brand small{font-size:.26rem!important}
  body>.site-header[data-public-header] .mobile-nav-context{width:80px!important;height:34px!important;padding-inline:8px!important}
  body>.site-header[data-public-header] .mobile-nav-context>strong{font-size:.64rem!important;line-height:32px!important}
  body>.site-header[data-public-header] .nav-toggle{width:36px!important;height:36px!important;min-width:36px!important}
}


/* =========================================================
   V4.2.9.32 — Centered and navy mobile current-page pill
   ========================================================= */
@media(max-width:900px){
  body>.site-header[data-public-header] .mobile-nav-context{
    justify-items:center!important;
    align-items:center!important;
    border-color:rgba(11,46,89,.14)!important;
    background:#ffffff!important;
    box-shadow:0 5px 14px rgba(11,46,89,.05)!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    width:100%!important;
    line-height:1!important;
    color:var(--navy)!important;
  }
}


/* =========================================================
   V4.2.9.34 — Remove pill behind current menu text, make menu icon navy
   ========================================================= */
@media(max-width:900px){
  body>.site-header[data-public-header] .mobile-nav-context{
    width:auto!important;
    max-width:min(138px, calc(100vw - 205px))!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:var(--navy)!important;
    font-size:.78rem!important;
    font-weight:800!important;
  }
  body>.site-header[data-public-header] .nav-toggle{
    color:var(--navy)!important;
    border-color:rgba(11,46,89,.14)!important;
    background:linear-gradient(180deg,#ffffff,#f5f7fb)!important;
  }
  body>.site-header[data-public-header] .nav-toggle:hover,
  body>.site-header[data-public-header] .nav-toggle:focus-visible,
  body>.site-header[data-public-header] .nav-toggle[aria-expanded="true"]{
    color:var(--navy)!important;
    border-color:rgba(11,46,89,.22)!important;
    background:#f7faff!important;
  }
}
@media(max-width:640px){
  body>.site-header[data-public-header] .mobile-nav-context{
    max-width:min(124px, calc(100vw - 188px))!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    font-size:.74rem!important;
  }
}
@media(max-width:380px){
  body>.site-header[data-public-header] .mobile-nav-context{
    max-width:min(116px, calc(100vw - 172px))!important;
    padding:0 2px!important;
  }
  body>.site-header[data-public-header] .mobile-nav-context>strong{
    font-size:.68rem!important;
  }
}

/* =========================================================
   V4.2.9.35 — Compact contact inbox and separated AI/human queues
   ========================================================= */
.contact-inbox-card{overflow:hidden}
.contact-inbox-head{gap:16px}
.contact-inbox-head p{margin:4px 0 0;color:var(--muted);font-size:.72rem}
.contact-inline-warning{position:static!important;width:auto!important;margin:12px 14px 0!important}
.contact-filter-tabs{display:flex;gap:7px;padding:11px 14px;border-top:1px solid rgba(11,46,89,.07);border-bottom:1px solid rgba(11,46,89,.07);overflow-x:auto;background:#fbfcfe}
.contact-filter-tab{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 12px;border:1px solid #dce5ef;border-radius:10px;color:#33455d;text-decoration:none;background:#fff;white-space:nowrap;font-size:.72rem;font-weight:750}
.contact-filter-tab strong{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eef3f8;color:#64748b;font-size:.62rem}
.contact-filter-tab.active{border-color:rgba(11,46,89,.26);background:#eef5fc;color:var(--navy)}
.contact-filter-tab.active strong{background:var(--navy);color:#fff}
.contact-bulk-form{padding:9px 14px;border-bottom:1px solid rgba(11,46,89,.07);background:#fff}
.contact-bulk-form .admin-trash-bulkbar{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.contact-inbox-grid{display:grid;grid-template-columns:minmax(250px,34%) minmax(0,1fr);min-height:580px}
.contact-message-list{padding:9px;border-right:1px solid #e4ebf2;background:#f7f9fc;overflow:auto;max-height:calc(100dvh - 245px)}
.contact-message-list-row{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:5px;margin-bottom:6px;padding:5px;border:1px solid transparent;border-radius:12px;background:transparent}
.contact-message-list-row:hover{background:#fff;border-color:#dce6ef}
.contact-message-list-row.active{background:#fff;border-color:#8eb9dc;box-shadow:0 7px 20px rgba(11,46,89,.07)}
.contact-message-list-row>input{margin:10px 0 0 3px}
.contact-message-list-row>a{display:grid;gap:5px;padding:7px;text-decoration:none;color:inherit;min-width:0}
.contact-list-top,.contact-list-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.contact-list-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172d47;font-size:.74rem}
.contact-list-top small,.contact-list-bottom small{color:#7b8ba0;font-size:.58rem;white-space:nowrap}
.contact-list-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263c55;font-size:.68rem;font-weight:700}
.contact-list-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#718197;font-size:.62rem;line-height:1.45}
.contact-status{display:inline-flex;align-items:center;min-height:21px;padding:3px 8px;border-radius:999px;font-size:.56rem;font-style:normal;font-weight:800}
.contact-status.is-new{background:#fff4d9;color:#996400}
.contact-status.is-replied{background:#e8f3ff;color:#0b5f9f}
.contact-status.is-resolved{background:#e8f8ef;color:#167647}
.contact-message-detail{min-width:0;padding:18px;overflow:auto;max-height:calc(100dvh - 245px);background:#fff}
.contact-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #e4ebf2}
.contact-detail-header span{display:block;color:#7a899d;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.contact-detail-header h3{margin:4px 0 1px;color:#132a44;font-size:1rem}
.contact-detail-header a{color:#416786;font-size:.68rem}
.contact-detail-header time{color:#7b8ba0;font-size:.61rem;white-space:nowrap}
.contact-original-message{margin-top:14px;padding:16px;border:1px solid #dce6ef;border-radius:14px;background:#f9fbfd}
.contact-original-message>strong{display:block;margin-bottom:10px;color:#132a44;font-size:.82rem}
.contact-original-message>p{margin:0;color:#40566f;font-size:.72rem;line-height:1.7;white-space:normal;overflow-wrap:anywhere}
.contact-reply-history{display:grid;gap:8px;margin-top:16px}
.contact-reply-history>h4{margin:0;color:#1a304a;font-size:.72rem}
.contact-reply-item{padding:12px 14px;border:1px solid #dce6ef;border-radius:12px;background:#fff}
.contact-reply-item.is-sent{border-left:3px solid #1fa66b}
.contact-reply-item.is-failed{border-left:3px solid #dc4c4c}
.contact-reply-item>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.contact-reply-item>div strong{font-size:.66rem;color:#17324b}.contact-reply-item>div span{font-size:.56rem;color:#65809a}
.contact-reply-item p{margin:8px 0;color:#40566f;font-size:.67rem;line-height:1.55}.contact-reply-item time{color:#8290a1;font-size:.55rem}
.contact-reply-form{display:grid;gap:9px;margin-top:16px;padding-top:15px;border-top:1px solid #e4ebf2}
.contact-reply-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.contact-reply-form-head strong{font-size:.75rem;color:#17324b}.contact-reply-form-head small{font-size:.57rem;color:#7a899d}
.contact-reply-form textarea{min-height:116px;resize:vertical}
.contact-detail-actions{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px!important;margin-top:0!important}

.si-snake-compact-metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
.si-snake-compact-metrics .metric-card{min-height:76px!important;padding:11px 13px!important}.si-snake-compact-metrics .metric-card span{font-size:.58rem!important}.si-snake-compact-metrics .metric-card strong{font-size:1.08rem!important}.si-snake-compact-metrics .metric-card small{font-size:.53rem!important}
.si-snake-inbox-head{gap:14px}.si-snake-inbox-head p{margin:3px 0 0;color:var(--muted);font-size:.68rem}.si-snake-status-filter{min-width:160px}
.si-snake-queue-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px 12px;border-top:1px solid #e4ebf2;border-bottom:1px solid #e4ebf2;background:#f8fafc}
.si-snake-queue-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:9px 10px;border:1px solid #dce6ef;border-radius:11px;text-decoration:none;color:#324b64;background:#fff}
.si-snake-queue-tab>span{display:grid;gap:2px;min-width:0}.si-snake-queue-tab strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.si-snake-queue-tab small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8a9d;font-size:.52rem}.si-snake-queue-tab em{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#eef3f8;color:#526b83;font-size:.58rem;font-style:normal;font-weight:850}
.si-snake-queue-tab.active{border-color:#82afd4;background:#eef6fd;color:var(--navy)}.si-snake-queue-tab.active em{background:var(--navy);color:#fff}
.si-snake-admin-item-top{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-width:0}.si-snake-admin-item-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.si-snake-handler-badge{display:inline-flex;align-items:center;justify-content:center;min-height:21px;padding:3px 7px;border-radius:999px;font-size:.53rem!important;font-style:normal;font-weight:850;white-space:nowrap}
.si-snake-handler-badge.is-ai{background:#e8f3ff;color:#1467a6}.si-snake-handler-badge.is-needs_human{background:#fff1d8;color:#9a5b00}.si-snake-handler-badge.is-human{background:#e9f8ef;color:#187247}.si-snake-handler-badge.is-done{background:#edf0f4;color:#64748b}
.si-snake-selected-summary{position:relative;padding-right:180px!important}.si-snake-selected-handler{position:absolute;top:16px;right:16px;display:grid;justify-items:end;gap:4px}.si-snake-selected-handler small{font-size:.54rem!important}
.si-snake-takeover-form{padding:12px;border:1px solid #f1d6a1;border-radius:12px;background:#fff9ed}.si-snake-takeover-form .btn{width:100%;justify-content:center}
.si-snake-message.is-assistant .si-snake-message-label{color:#1467a6}.si-snake-message.is-admin .si-snake-message-label{color:#187247}.si-snake-message.is-admin .si-snake-bubble{border-color:#bfe4cf;background:#f2fbf6}

@media(max-width:1180px){
  .si-snake-compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .si-snake-queue-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .contact-inbox-grid{grid-template-columns:1fr;min-height:0}.contact-message-list{max-height:260px;border-right:0;border-bottom:1px solid #e4ebf2}.contact-message-detail{max-height:none}.contact-reply-form-head{align-items:flex-start;flex-direction:column;gap:3px}
  .si-snake-compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.si-snake-queue-tabs{display:flex;overflow-x:auto}.si-snake-queue-tab{min-width:178px}.si-snake-selected-summary{padding-right:16px!important}.si-snake-selected-handler{position:static;justify-items:start;margin-top:8px}
}
@media(max-width:560px){
  .contact-inbox-head{align-items:flex-start!important}.contact-filter-tabs{padding-inline:10px}.contact-message-detail{padding:13px}.contact-detail-header{flex-direction:column;gap:5px}.contact-detail-actions .btn{flex:1 1 100%;justify-content:center}
  .si-snake-compact-metrics{grid-template-columns:1fr 1fr!important}.si-snake-compact-metrics .metric-card:last-child{grid-column:1/-1}.si-snake-inbox-head{align-items:flex-start!important;flex-direction:column}.si-snake-status-filter{width:100%}
}


/* =========================================================
   V4.2.9.36 — Simpler Call Center admin layout
   ========================================================= */
.si-snake-compact-metrics{display:none!important}
.si-snake-inbox-head{padding-bottom:8px!important;gap:10px!important}
.si-snake-inbox-head h2{margin:0 0 2px!important}
.si-snake-inbox-head p{font-size:.65rem!important}
.si-snake-status-filter{min-width:170px!important}
.si-snake-simple-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px 12px;border-top:1px solid #e4ebf2;border-bottom:1px solid #e4ebf2;background:#fbfcfe}
.si-snake-simple-chip{display:grid;gap:4px;padding:10px 12px;border:1px solid #e2e9f1;border-radius:12px;background:#fff}
.si-snake-simple-chip span{font-size:.58rem;color:#72849a;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.si-snake-simple-chip strong{font-size:1rem;color:#17324b;line-height:1}
.si-snake-queue-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#fff;border-top:0!important;border-bottom:1px solid #e4ebf2!important}
.si-snake-queue-tab{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-width:auto;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dce6ef}
.si-snake-queue-tab strong{font-size:.67rem;white-space:nowrap}
.si-snake-queue-tab small{display:none!important}
.si-snake-queue-tab em{min-width:22px;height:22px;font-size:.56rem}
.si-snake-admin-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;gap:14px!important;padding-top:14px!important}
.si-snake-admin-list{max-height:620px!important;padding-right:2px}
.si-snake-admin-item{gap:6px!important;padding:12px!important;border-radius:12px!important}
.si-snake-admin-item strong{font-size:.85rem!important;color:#17324b!important}
.si-snake-admin-item span{font-size:.68rem!important;line-height:1.35!important;color:#4f6478!important}
.si-snake-admin-item small{font-size:.62rem!important;color:#7c8da0!important}
.si-snake-selected-summary{display:flex!important;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px!important;border:1px solid #dce6ef;border-radius:14px;background:#fbfdff}
.si-snake-selected-summary > div:first-child{display:grid;gap:3px}
.si-snake-selected-summary span{font-size:.62rem!important;text-transform:uppercase;letter-spacing:.05em;color:#74879b!important}
.si-snake-selected-summary strong{font-size:1rem!important;color:#17324b!important}
.si-snake-selected-summary small{font-size:.66rem!important;color:#6a7f93!important}
.si-snake-selected-handler{position:static!important;display:grid;justify-items:end;gap:6px}
.si-snake-messages{max-height:480px!important;padding:14px!important;background:#fbfcfe!important}
.si-snake-message{margin-bottom:12px!important}.si-snake-message:last-child{margin-bottom:0!important}
.si-snake-message-label{font-size:.62rem!important}
.si-snake-bubble{padding:12px 14px!important;border-radius:12px!important}
.si-snake-bubble p{font-size:.8rem!important;line-height:1.65!important}
.si-snake-admin-reply{gap:8px!important;padding:14px!important;border:1px solid #e4ebf2;border-radius:14px;background:#fff}
.si-snake-admin-reply textarea{min-height:88px!important}
.si-snake-admin-chat .form-actions{gap:8px!important;flex-wrap:wrap}
.si-snake-admin-chat .form-actions .btn{min-height:40px!important}
@media(max-width:1180px){.si-snake-simple-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.si-snake-simple-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.si-snake-admin-grid{grid-template-columns:1fr!important}.si-snake-admin-list{max-height:280px!important}.si-snake-selected-summary{flex-direction:column!important}.si-snake-selected-handler{justify-items:start!important}}
@media(max-width:560px){.si-snake-simple-summary{grid-template-columns:1fr 1fr}.si-snake-simple-chip:last-child{grid-column:1/-1}.si-snake-queue-tabs{overflow-x:auto;flex-wrap:nowrap}.si-snake-queue-tab{white-space:nowrap}}


/* =========================================================
   V4.2.9.39 — Compact two-column public footer on mobile
   ========================================================= */
@media(max-width:680px){
  .site-footer{padding-top:42px!important}
  .site-footer .footer-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    gap:24px 22px!important;
  }
  .site-footer .footer-grid>div:first-child{
    grid-column:1/-1!important;
    padding-bottom:4px!important;
  }
  .site-footer .footer-brand{margin-bottom:12px!important}
  .site-footer .footer-brand img{width:48px!important;height:48px!important}
  .site-footer .footer-grid>div:first-child>p{
    max-width:360px!important;
    margin:0!important;
    font-size:.76rem!important;
    line-height:1.55!important;
  }
  .site-footer .footer-grid h4{
    margin:0 0 12px!important;
    font-size:.82rem!important;
  }
  .site-footer .footer-grid a:not(.brand){
    margin:0 0 9px!important;
    font-size:.72rem!important;
    line-height:1.35!important;
  }
  .site-footer .footer-bottom{
    margin-top:30px!important;
    padding-top:20px!important;
    gap:8px!important;
  }
}
@media(max-width:360px){
  .site-footer .footer-grid{gap:22px 16px!important}
  .site-footer .footer-grid h4{font-size:.78rem!important}
  .site-footer .footer-grid a:not(.brand){font-size:.68rem!important}
}

/* =========================================================
   V4.2.9.40 — Verified Help Center and optional chat attachments
   ========================================================= */
.si-snake-form{
  display:block!important;
  padding:10px 12px!important;
  border-top:1px solid #e4edf4!important;
  background:#fff!important;
}
.si-snake-composer{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:end;
  gap:8px;
}
.si-snake-attach{
  display:grid;
  place-items:center;
  width:38px;
  height:42px;
  border:1px solid #cdddea;
  border-radius:12px;
  background:#f7faff;
  color:#0b2e59;
  font-size:1.25rem;
  font-weight:800;
  cursor:pointer;
  user-select:none;
}
.si-snake-attach:hover,.si-snake-attach:focus-within{border-color:#0d70bf;background:#eef6fd}
.si-snake-attach input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.si-snake-composer textarea{
  width:100%!important;
  min-height:42px!important;
  max-height:120px!important;
  margin:0!important;
  resize:none!important;
  border:1px solid #cdddea!important;
  border-radius:13px!important;
  padding:11px 12px!important;
  font:inherit!important;
  font-size:.76rem!important;
  line-height:1.45!important;
  color:#17324b!important;
  background:#fbfdff!important;
}
.si-snake-composer textarea:focus{outline:3px solid rgba(15,111,194,.12)!important;border-color:#0d70bf!important}
.si-snake-composer>[data-si-snake-send]{
  min-width:62px;
  min-height:42px;
  border:0;
  border-radius:12px;
  padding:0 14px;
  background:#086bc3;
  color:#fff;
  font-weight:800;
  font-size:.72rem;
  cursor:pointer;
}
.si-snake-attach-note{display:block;margin:6px 2px 0;color:#7c8da0;font-size:.56rem;line-height:1.35}
.si-snake-selected-files{display:flex;gap:6px;overflow-x:auto;margin:0 0 7px;padding:1px 0 3px}
.si-snake-selected-file{display:inline-flex;align-items:center;flex:0 0 auto;max-width:220px;padding:6px 9px;border:1px solid #dce6ef;border-radius:999px;background:#f7faff;color:#40566f;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-snake-attachments{display:grid;gap:7px;margin-top:10px}
.si-snake-attachment{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border:1px solid #dce6ef;border-radius:11px;background:#f8fbfe;color:#17324b;text-decoration:none}
.si-snake-message.is-user .si-snake-attachment{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.14);color:#fff}
.si-snake-attachment>b{display:grid;place-items:center;flex:0 0 34px;height:30px;border-radius:8px;background:#e8f3ff;color:#1467a6;font-size:.52rem;letter-spacing:.03em}
.si-snake-message.is-user .si-snake-attachment>b{background:rgba(255,255,255,.18);color:#fff}
.si-snake-attachment>span{display:grid;min-width:0;gap:2px}
.si-snake-attachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}
.si-snake-attachment small{font-size:.54rem;color:#7a8a9d}
.si-snake-message.is-user .si-snake-attachment small{color:rgba(255,255,255,.75)}
.si-snake-attachment:hover{border-color:#91b9d9;background:#eef6fd}
.si-snake-message.is-user .si-snake-attachment:hover{background:rgba(255,255,255,.22)}
@media(max-width:560px){
  .si-snake-form{padding:9px 10px!important}
  .si-snake-composer{grid-template-columns:36px minmax(0,1fr) 60px;gap:7px}
  .si-snake-attach{width:36px;height:40px;border-radius:11px}
  .si-snake-composer textarea{min-height:40px!important;padding:10px!important}
  .si-snake-composer>[data-si-snake-send]{min-width:60px;min-height:40px;padding:0 9px}
  .si-snake-attach-note{font-size:.52rem}
}

/* =========================================================
   V4.2.9.46 — Near real-time telemetry
   ========================================================= */
.live-telemetry-root{display:contents}
.live-telemetry-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 12px;min-height:26px;color:#66788d;font-size:.62rem}
.live-telemetry-state{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #dce6ef;border-radius:999px;background:#fff;color:#6a7c90;font-size:.57rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.live-telemetry-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#97a6b6}
.live-telemetry-state.is-live{border-color:#bce7d1;background:#f1fbf6;color:#167349}
.live-telemetry-state.is-live:before{background:#1eae6f;box-shadow:0 0 0 4px rgba(30,174,111,.12);animation:liveTelemetryPulse 1.7s infinite}
.live-telemetry-state.is-delayed{border-color:#f0d8a4;background:#fff9ed;color:#946000}
.live-telemetry-state.is-delayed:before{background:#e4a11b}
.live-telemetry-state.is-waiting{border-color:#e3e8ef;background:#f8fafc;color:#75869a}
.live-value-updated{animation:liveValueFlash .38s ease}
@keyframes liveTelemetryPulse{0%,100%{box-shadow:0 0 0 3px rgba(30,174,111,.10)}50%{box-shadow:0 0 0 6px rgba(30,174,111,.02)}}
@keyframes liveValueFlash{0%{opacity:.55;transform:translateY(1px)}100%{opacity:1;transform:none}}
@media(max-width:680px){.live-telemetry-bar{justify-content:flex-end;margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.live-telemetry-state.is-live:before,.live-value-updated{animation:none!important}}

/* =========================================================
   V4.2.9.48 — Kalender periode terpadu untuk seluruh statistik EA
   ========================================================= */
.member-shell .calendar-period-summary{
  display:grid;
  grid-template-columns:minmax(180px,240px) minmax(0,1fr);
  gap:12px;
  margin:12px 0 0;
  padding:12px;
  border:1px solid #d9e7f2;
  border-radius:12px;
  background:#fff;
}
.member-shell .calendar-period-heading{display:grid;align-content:center;gap:3px;padding:8px 10px}
.member-shell .calendar-period-heading span{font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6f8295}
.member-shell .calendar-period-heading strong{font-size:.92rem;color:#123852}
.member-shell .calendar-period-heading small{font-size:.58rem;color:#7d8fa2}
.member-shell .calendar-period-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.member-shell .calendar-period-metrics article{display:grid;gap:5px;align-content:center;min-width:0;padding:9px 10px;border:1px solid #e0e8f0;border-radius:9px;background:#f9fbfd}
.member-shell .calendar-period-metrics article > span{font-size:.56rem;font-weight:750;color:#718499;text-transform:uppercase;letter-spacing:.035em}
.member-shell .calendar-period-metrics strong{font-size:.95rem;line-height:1.2;color:#143b58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-shell .calendar-period-metrics strong span{font:inherit;color:inherit;text-transform:none;letter-spacing:normal}
.member-shell .event-frequency-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.member-shell .event-frequency-news-count{background:linear-gradient(180deg,#fffdf7,#fff9ec)}
.member-shell .news-count-list strong{color:#9b6800}
@media(max-width:1100px){
  .member-shell .calendar-period-summary{grid-template-columns:1fr}
  .member-shell .calendar-period-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .member-shell .event-frequency-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:680px){
  .member-shell .calendar-period-metrics{grid-template-columns:1fr 1fr}
  .member-shell .calendar-period-metrics article:last-child{grid-column:1/-1}
  .member-shell .event-frequency-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   V4.2.9.52 REFUND UI POLISH
   ========================================================= */
.member-shell .refund-panel-v425{
  width:100%!important;
  margin-top:18px!important;
  border:1px solid #efc27a!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fffaf0 0%,#fff3de 100%)!important;
  box-shadow:0 12px 30px rgba(203,137,28,.10)!important;
  overflow:hidden!important;
}
.member-shell .refund-panel-v425 > summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:16px 18px!important;
  cursor:pointer!important;
  list-style:none!important;
}
.member-shell .refund-panel-v425 > summary::-webkit-details-marker{display:none}
.member-shell .refund-summary-copy-v425{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  min-width:0!important;
}
.member-shell .refund-summary-copy-v425 > strong{
  margin:0!important;
  color:#7a4b00!important;
  font-size:1rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.member-shell .refund-summary-copy-v425 > small{
  display:block!important;
  margin:0!important;
  color:#8a6a33!important;
  font-size:.82rem!important;
  line-height:1.45!important;
}
.member-shell .refund-cta-pill-v425{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:110px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  border:1px solid #d9a24d!important;
  background:#fff!important;
  color:#8b5407!important;
  font-size:0!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(174,111,16,.10)!important;
}
.member-shell .refund-panel-v425[open] .refund-cta-pill-v425{background:#0f6dca!important;border-color:#0f6dca!important;color:#fff!important}
.member-shell .refund-panel-v425[open] .refund-cta-pill-v425::before{content:var(--i18n-form-open);font-size:.78rem!important}
.member-shell .refund-panel-v425:not([open]) .refund-cta-pill-v425::before{content:var(--i18n-open-form);font-size:.78rem!important}
.member-shell .refund-form-v425{
  padding:18px!important;
  border-top:1px solid #f1d5a4!important;
  background:rgba(255,255,255,.72)!important;
}
.member-shell .refund-intro-v425{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  margin-bottom:14px!important;
  padding:13px 14px!important;
  border:1px solid #f0dcb3!important;
  border-radius:14px!important;
  background:#fffaf2!important;
}
.member-shell .refund-intro-icon-v425{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#1f7ad3,#0d5fad)!important;
  color:#fff!important;
  font-size:1.1rem!important;
  font-weight:800!important;
}
.member-shell .refund-intro-copy-v425{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
}
.member-shell .refund-intro-copy-v425 strong{
  color:#163c5c!important;
  font-size:.9rem!important;
}
.member-shell .refund-intro-copy-v425 small{
  color:#6a7f92!important;
  line-height:1.45!important;
}
.member-shell .refund-form-actions-v425{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:12px!important;
}
.member-shell .refund-form-v425 .security-note{
  margin:0!important;
  flex:1 1 260px!important;
}
.member-shell .refund-submit-btn-v425{
  min-width:240px!important;
  padding:12px 18px!important;
  border-radius:12px!important;
  font-weight:800!important;
  box-shadow:0 10px 22px rgba(183,47,69,.18)!important;
}
.member-shell .refund-status-v425{
  width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px 12px!important;
  margin-top:4px!important;
  padding:12px 14px!important;
  border:1px solid #ecd8af!important;
  border-radius:14px!important;
  background:#fffaf2!important;
  color:#8a5a13!important;
}
.member-shell .invoice-page-v425,
.member-shell .member-disclosure-body,
.member-shell .invoice-item-body{
  overflow:visible!important;
}
@media (max-width: 768px){
  .member-shell .refund-panel-v425 > summary{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .member-shell .refund-cta-pill-v425{
    min-width:0!important;
  }
  .member-shell .refund-form-actions-v425{
    align-items:stretch!important;
  }
  .member-shell .refund-submit-btn-v425{
    width:100%!important;
    min-width:0!important;
  }
}

/* =========================================================
   V4.2.9.57 PERMANENT MEMBER DATA DELETION
   ========================================================= */
.member-shell .member-delete-panel-v42957{
  width:100%;
  margin-top:18px;
  border:1px solid #efb9c1;
  border-radius:16px;
  background:linear-gradient(135deg,#fff8f9,#fff1f3);
  overflow:hidden;
  box-shadow:0 10px 24px rgba(160,36,58,.08);
}
.member-shell .member-delete-panel-v42957>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:14px 16px!important;
  cursor:pointer!important;
  list-style:none!important;
}
.member-shell .member-delete-panel-v42957>summary::-webkit-details-marker{display:none}
.member-shell .member-delete-panel-v42957>summary>span:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  min-width:0!important;
}
.member-shell .member-delete-panel-v42957>summary strong{
  color:#8f263b!important;
  font-size:.9rem!important;
  font-weight:850!important;
}
.member-shell .member-delete-panel-v42957>summary small{
  color:#8a5d66!important;
  font-size:.74rem!important;
  line-height:1.45!important;
}
.member-shell .danger-action-pill-v42957{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:76px!important;
  padding:8px 12px!important;
  border:1px solid #df91a0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#b22643!important;
  font-size:.72rem!important;
  font-weight:850!important;
}
.member-shell .member-delete-form-v42957{
  padding:16px!important;
  border-top:1px solid #f0cbd2!important;
  background:rgba(255,255,255,.78)!important;
}
.member-shell .member-delete-form-v42957>.btn:last-child{
  margin-top:14px!important;
}
.member-shell .danger-warning-v42957{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  margin-bottom:15px!important;
  padding:13px 14px!important;
  border:1px solid #efb4bf!important;
  border-radius:13px!important;
  background:#fff5f6!important;
}
.member-shell .danger-warning-v42957 strong{
  color:#982c41!important;
  font-size:.86rem!important;
}
.member-shell .danger-warning-v42957 span{
  color:#75545b!important;
  font-size:.76rem!important;
  line-height:1.5!important;
}
.member-shell .member-danger-zone-v42957{
  border-color:#e7a6b2!important;
  background:linear-gradient(135deg,#fffafa,#fff4f6)!important;
}
.member-shell .member-danger-zone-v42957>summary{
  background:linear-gradient(135deg,#fff8f9,#fff0f2)!important;
}
.member-shell .member-danger-zone-v42957>summary strong{
  color:#98233b!important;
}
.member-shell .member-danger-zone-v42957 .btn-danger{
  min-height:46px!important;
  border-radius:12px!important;
  font-weight:850!important;
  box-shadow:0 10px 24px rgba(167,35,58,.18)!important;
}
@media(max-width:700px){
  .member-shell .member-delete-panel-v42957>summary{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .member-shell .danger-action-pill-v42957{
    min-width:0!important;
  }
}

/* =========================================================
   V4.2.9.58 ADMIN PERMANENT DELETE CONTROLS
   ========================================================= */
.admin-shell .admin-delete-password,
.member-shell .admin-delete-password{
  width:min(220px,100%)!important;
  min-width:180px!important;
  height:38px!important;
  padding:8px 11px!important;
  font-size:.72rem!important;
}
.admin-shell .admin-trash-bulkbar,
.admin-shell .admin-history-bulkbar{
  align-items:center!important;
  flex-wrap:wrap!important;
}
@media(max-width:720px){
  .admin-shell .admin-delete-password{
    width:100%!important;
    min-width:0!important;
    flex:1 1 100%!important;
  }
}

/* 5.1.27 — native end-to-end support form upload. */
.contact-upload-zone .contact-file-input{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  clip:auto!important;
  overflow:visible!important;
  white-space:normal!important;
  cursor:pointer!important;
}
.contact-upload-zone .contact-upload-button{pointer-events:none!important}
.contact-selected-files .contact-clear-files{
  grid-column:1/-1;
  width:100%;
  min-height:42px;
  justify-content:center;
}
form[aria-busy="true"] button[type="submit"]{cursor:wait}

/* =========================================================
   5.1.54 — Modern restrained motion system.
   Shared by public website, member panel, and admin panel.
   Motion never changes the established color palette.
   ========================================================= */
:root{
  --ui-motion-fast:150ms;
  --ui-motion-base:260ms;
  --ui-motion-slow:480ms;
  --ui-motion-ease:cubic-bezier(.22,.61,.36,1);
  --ui-motion-spring:cubic-bezier(.2,.8,.2,1);
}

html.ui-motion-enabled body{
  animation:ui-page-enter 360ms var(--ui-motion-ease) both;
}
@keyframes ui-page-enter{
  from{opacity:.94}
  to{opacity:1}
}
html.ui-motion-enabled .ui-reveal{
  opacity:0;
  transform:translate3d(0,12px,0) scale(.994);
  transition:
    opacity var(--ui-motion-slow) var(--ui-motion-ease),
    transform var(--ui-motion-slow) var(--ui-motion-ease);
  transition-delay:var(--ui-stagger,0ms);
  will-change:opacity,transform;
}
html.ui-motion-enabled .ui-reveal.ui-reveal-left{transform:translate3d(-12px,0,0)}
html.ui-motion-enabled .ui-reveal.ui-reveal-right{transform:translate3d(12px,0,0)}
html.ui-motion-enabled .ui-reveal.is-visible{
  opacity:1;
  transform:none;
  will-change:auto;
}

html.ui-motion-enabled body :is(
  a,button,.btn,[role="button"],summary,input,select,textarea,
  .card,.metric-card,.member-app-profile-menu>a,.member-settings-row,
  .member-help-card,.activity-history-card,.member-device-card,
  .notification-item,.app-quick-action,.feature-card,.pricing-card,
  .admin-card,.table-wrap,.sidebar a,.nav-links a
){
  transition-property:transform,opacity,border-color,background-color,box-shadow,color;
  transition-duration:var(--ui-motion-base);
  transition-timing-function:var(--ui-motion-ease);
}

.ui-motion-interactive{
  transform-origin:center;
  -webkit-tap-highlight-color:transparent;
}
.ui-motion-interactive.ui-pressing{
  transform:scale(.982)!important;
  transition-duration:70ms!important;
}

@media(hover:hover) and (pointer:fine){
  .ui-motion-lift:hover{
    transform:translate3d(0,-2px,0);
  }
  :is(.btn,button,[role="button"],.member-bottom-nav a,.member-desktop-rail-link,.nav-links a).ui-motion-interactive:hover{
    transform:translate3d(0,-1px,0);
  }
}

:is(input,select,textarea,.form-control):focus-visible{
  transform:translate3d(0,-1px,0);
}

details[open]>summary{
  animation:ui-summary-open 240ms var(--ui-motion-ease);
}
@keyframes ui-summary-open{
  from{transform:translate3d(0,-2px,0);opacity:.82}
  to{transform:none;opacity:1}
}

.sidebar,.member-desktop-rail,.member-bottom-nav,.site-header,.mobile-appbar{
  transition-duration:320ms!important;
  transition-timing-function:var(--ui-motion-spring)!important;
}

/* Subtle state change for switches without altering their colors. */
.switch .slider,.switch .slider::before,
.notif-settings-toggle span,.notif-settings-toggle span::after{
  transition:
    transform 220ms var(--ui-motion-spring),
    left 220ms var(--ui-motion-spring),
    background-color 220ms var(--ui-motion-ease),
    border-color 220ms var(--ui-motion-ease)!important;
}

/* Keep motion comfortable and fully accessible. */
@media(prefers-reduced-motion:reduce){
  html.ui-motion-enabled body,
  html.ui-motion-enabled .ui-reveal,
  details[open]>summary{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    transform:none!important;
  }
  .ui-motion-interactive,.ui-motion-lift,
  :is(input,select,textarea,.form-control):focus-visible{
    transition:none!important;
    transform:none!important;
  }
}

/* Global browser zoom lock (mobile, tablet, and desktop input focus). */
html,
body {
  touch-action: pan-x pan-y;
  -ms-touch-action: pan-x pan-y;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* iOS Safari auto-zooms focused form controls below 16px. */
@media (max-width: 1024px), (hover: none), (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,
  select,
  [contenteditable="true"],
  [contenteditable="plaintext-only"] {
    font-size: 16px !important;
  }
}


.si-snake-survey{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.si-snake-survey button{min-height:34px;padding:7px 13px;border:1px solid #b9cad8;border-radius:999px;background:#fff;color:#153653;font:inherit;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}
.si-snake-survey button:hover{transform:translateY(-1px);border-color:#0e67a5}
.si-snake-survey button.selected{background:#0e67a5;color:#fff;border-color:#0e67a5}