/* ALPLINE readable CSS bundle. Source order preserved; edit original files and rebuild. */

/* Source: alpline417.css */
/* ALPLINE 4.0.17 — unified premium portal system
   Owner-approved direction: dark emerald navigation + clean white workspace + restrained gold/blue accents.
   Large dark/green hero panels are intentionally removed from internal work screens. */
.release-417{
--ap17-deep:#073f30;
--ap17-deep-2:#0a523f;
--ap17-gold:#c8a13a;
--ap17-blue:#2d72d9;
--ap17-red:#c9505a;
--ap17-ink:#12251f;
--ap17-muted:#687972;
--ap17-border:#dfe8e3;
--ap17-canvas:#f7f9f8;
--ap17-card:#fff;
--ap17-shadow:0 10px 28px rgba(12,55,43,.07)}

.release-417.portal-body{
background:var(--ap17-canvas)!important;
color:var(--ap17-ink);
font-size:16px}

.release-417 .portal-sidebar{
width:270px!important;
padding:20px 14px!important;
background:linear-gradient(180deg,#062f25 0%,#073f30 48%,#062b22 100%)!important;
box-shadow:10px 0 30px rgba(5,40,31,.08)}

.release-417 .portal-stage{
margin-left:270px!important;
background:var(--ap17-canvas)}

.release-417 .portal-brand{
height:68px;
margin:0 0 14px;
padding:8px 10px}

.release-417 .portal-brand img{
width:46px;
height:46px;
border:1px solid rgba(255,255,255,.22);
box-shadow:0 4px 14px rgba(0,0,0,.15)}

.release-417 .portal-brand b{
font-size:18px}
.release-417 .portal-brand small{
font-size:9px;
color:#d7e5df}

.release-417 .live-data-badge{
margin:0 8px 14px!important;
background:rgba(255,255,255,.07)!important;
border:1px solid rgba(255,255,255,.08)!important}

.release-417 .portal-nav-label{
margin:18px 10px 7px;
color:#a9c2b8;
font-size:9px}

.release-417 .portal-nav{
gap:3px}
.release-417 .portal-nav a{
min-height:43px;
padding:7px 10px;
border-radius:9px;
color:#e3eee9;
font-size:13.5px}

.release-417 .portal-nav a i{
width:27px;
height:27px;
border-radius:8px;
color:#e7c96f;
background:rgba(255,255,255,.06)}

.release-417 .portal-nav a:hover{
background:rgba(255,255,255,.08)}

.release-417 .portal-nav a.active{
background:#f5f2e7!important;
color:#152720!important;
box-shadow:0 7px 18px rgba(0,0,0,.12)}

.release-417 .portal-nav a.active i{
background:#ead9a1;
color:#6c551a}

.release-417 .portal-nav-group summary{
border-radius:9px!important;
color:#e3eee9!important}

.release-417 .portal-public-link{
border-radius:9px}

.release-417 .portal-topbar{
height:74px!important;
padding:0 26px!important;
background:rgba(255,255,255,.97)!important;
border-bottom:1px solid #e8eeeb!important;
box-shadow:0 4px 18px rgba(20,52,43,.035)}

.release-417 .topbar-identity small{
font-size:9px;
color:#687972}
.release-417 .topbar-identity b{
font-size:14px;
color:#153229}

.release-417 .portal-top-actions{
gap:10px}
.release-417 .portal-top-actions>a,.release-417 .portal-top-actions summary{
min-height:38px;
display:inline-flex;
align-items:center;
padding:0 12px;
border:1px solid #e3e9e6;
border-radius:10px;
background:#fff;
font-size:12px;
color:#17362c;
box-shadow:0 4px 12px rgba(13,51,40,.035)}

.release-417 .portal-content{
padding:24px 26px 38px!important;
background:var(--ap17-canvas)!important}

.release-417 .portal-content>main{
max-width:1560px;
margin:0 auto}


/* Every internal page gets the same calm header. */
.release-417 .portal-content .dash-head,
.release-417 .portal-content .admin-console-head,
.release-417 .portal-content .network-head,
.release-417 .seller-hero,
.release-417 .customer-hero,
.release-417 .franchise-hero{

  min-height:0!important;
padding:24px 28px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:24px!important;
align-items:center!important;

  border:1px solid var(--ap17-border)!important;
border-radius:18px!important;
background:linear-gradient(135deg,#fff 0%,#fbfcfb 72%,#f7f2df 100%)!important;
color:var(--ap17-ink)!important;
box-shadow:var(--ap17-shadow)!important
}

.release-417 .portal-content .dash-head h1,
.release-417 .portal-content .admin-console-head h1,
.release-417 .portal-content .network-head h1,
.release-417 .seller-hero h1,
.release-417 .customer-hero h1{
margin:4px 0 7px!important;
font-size:clamp(29px,3.4vw,43px)!important;
line-height:1.04!important;
color:#14291f!important;
letter-spacing:-.035em!important}

.release-417 .portal-content .dash-head h1 em,
.release-417 .portal-content .admin-console-head h1 em,
.release-417 .portal-content .network-head h1 em,
.release-417 .seller-hero h1 em,
.release-417 .customer-hero h1 em{
color:#0b6b50!important;
font-style:normal}

.release-417 .portal-content .dash-head p:not(.eyebrow),
.release-417 .portal-content .admin-console-head p:not(.eyebrow),
.release-417 .portal-content .network-head p:not(.eyebrow),
.release-417 .seller-hero p,.release-417 .customer-hero p{
max-width:850px!important;
margin:0!important;
color:#677871!important;
font-size:14px!important;
line-height:1.55!important}

.release-417 .portal-content .eyebrow,.release-417 .command-kicker{
color:#997725!important;
font-size:9.5px!important;
font-weight:900!important;
letter-spacing:.14em!important}

.release-417 .portal-content .identity,.release-417 .portal-content .root-id-card,.release-417 .portal-content .network-identity,.release-417 .seller-id,.release-417 .customer-hero aside{

 min-width:220px!important;
padding:16px 18px!important;
border:1px solid #eadba8!important;
border-radius:14px!important;
background:#fffaf0!important;
color:#183329!important;
box-shadow:none!important
}

.release-417 .portal-content .identity b,.release-417 .portal-content .root-id-card strong,.release-417 .seller-id b,.release-417 .customer-hero aside b{
font-size:21px!important;
color:#173329!important}

.release-417 .portal-content .root-id-card p{
color:#6d776f!important;
font-size:12px!important}
.release-417 .portal-content .root-id-card a{
color:#876b1e!important;
font-size:10px!important;
font-weight:900}


/* Approved executive overview from the visual reference. */
.release-417 .ap17-overview-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:13px;
margin:16px 0}

.release-417 .ap17-stat{
min-height:108px;
padding:18px;
display:flex;
align-items:center;
gap:15px;
border:1px solid var(--ap17-border);
border-radius:15px;
background:#fff;
box-shadow:0 7px 22px rgba(15,57,45,.045)}

.release-417 .ap17-stat>i{
width:50px;
height:50px;
display:grid;
place-items:center;
flex:0 0 auto;
border-radius:50%;
font-style:normal;
font-size:22px;
font-weight:900}

.release-417 .ap17-stat span{
display:grid;
min-width:0}
.release-417 .ap17-stat small{
font-size:10px;
font-weight:850;
color:#4e625b;
letter-spacing:.05em}
.release-417 .ap17-stat b{
margin:3px 0;
font-size:25px;
color:#152a22;
line-height:1}
.release-417 .ap17-stat em{
font-size:10px;
color:#75867f;
font-style:normal}

.release-417 .ap17-stat.mint{
background:linear-gradient(145deg,#fff,#f1fbf6)}
.release-417 .ap17-stat.mint>i{
background:#dff4e9;
color:#0b7b58}

.release-417 .ap17-stat.gold{
background:linear-gradient(145deg,#fff,#fff8e8)}
.release-417 .ap17-stat.gold>i{
background:#f7e9bf;
color:#9b7215}

.release-417 .ap17-stat.rose{
background:linear-gradient(145deg,#fff,#fff1f3)}
.release-417 .ap17-stat.rose>i{
background:#f9dfe3;
color:#b53d4b}

.release-417 .ap17-stat.blue{
background:linear-gradient(145deg,#fff,#f0f6ff)}
.release-417 .ap17-stat.blue>i{
background:#deebff;
color:#2b6dc9}

.release-417 .ap17-health-row{
display:grid;
grid-template-columns:1fr 1.08fr;
gap:14px;
margin:0 0 16px}

.release-417 .ap17-health-card,.release-417 .ap17-update-card{
min-height:120px;
padding:19px 21px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
border:1px solid var(--ap17-border);
border-radius:15px;
background:#fff;
box-shadow:0 7px 22px rgba(15,57,45,.04)}

.release-417 .ap17-health-card h2,.release-417 .ap17-update-card h2{
margin:2px 0 5px!important;
font-size:17px!important;
color:#173329}
.release-417 .ap17-update-card p{
margin:0;
color:#6c7c75;
font-size:11px}

.release-417 .ap17-update-card{
border-color:#d9c171;
background:linear-gradient(135deg,#fff,#fffdf5)}

.release-417 .ap17-health-pills{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:7px}
.release-417 .ap17-health-pills span{
padding:7px 9px;
border-radius:999px;
background:#f1f7f4;
color:#31564a;
font-size:9px;
font-weight:800}
.release-417 .ap17-health-pills span::first-letter{
color:#0aa06a}


/* Existing functions remain below, but are compact and visually consistent. */
.release-417 .admin-quick-launch{
margin-top:14px!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:10px!important}

.release-417 .admin-quick-launch>a{
min-height:78px!important;
padding:12px!important;
border-radius:13px!important;
background:#fff!important;
border:1px solid var(--ap17-border)!important;
box-shadow:none!important;
color:#173329!important}

.release-417 .admin-quick-launch>a.primary{
background:#f5faf7!important;
border-color:#cde4d8!important}
.release-417 .admin-quick-launch>a i{
background:#edf6f2!important;
color:#087052!important}
.release-417 .admin-quick-launch>a b{
font-size:11px!important}
.release-417 .admin-quick-launch>a small{
font-size:9px!important;
color:#74857e!important}

.release-417 .admin-kpis,.release-417 .seller-kpis,.release-417 .customer-kpis,.release-417 .franchise-kpis{
gap:11px!important}

.release-417 .admin-kpis article,.release-417 .seller-kpis article,.release-417 .customer-kpis article,.release-417 .franchise-kpis article{
min-height:96px!important;
padding:16px!important;
border:1px solid var(--ap17-border)!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:0 6px 20px rgba(16,58,46,.04)!important;
color:#173329!important}

.release-417 .admin-kpis article:nth-child(4n+1),.release-417 .seller-kpis article:nth-child(4n+1),.release-417 .customer-kpis article:nth-child(4n+1),.release-417 .franchise-kpis article:nth-child(4n+1){
background:#f1fbf6!important}

.release-417 .admin-kpis article:nth-child(4n+2),.release-417 .seller-kpis article:nth-child(4n+2),.release-417 .customer-kpis article:nth-child(4n+2),.release-417 .franchise-kpis article:nth-child(4n+2){
background:#fff9eb!important}

.release-417 .admin-kpis article:nth-child(4n+3),.release-417 .seller-kpis article:nth-child(4n+3),.release-417 .customer-kpis article:nth-child(4n+3),.release-417 .franchise-kpis article:nth-child(4n+3){
background:#fff3f4!important}

.release-417 .admin-kpis article:nth-child(4n+4),.release-417 .seller-kpis article:nth-child(4n+4),.release-417 .customer-kpis article:nth-child(4n+4),.release-417 .franchise-kpis article:nth-child(4n+4){
background:#f2f7ff!important}

.release-417 .admin-kpis b,.release-417 .seller-kpis b,.release-417 .customer-kpis b,.release-417 .franchise-kpis b{
font-size:24px!important;
color:#183129!important}
.release-417 .seller-kpis small,.release-417 .customer-kpis small,.release-417 .franchise-kpis small{
color:#5f716a!important;
font-size:9px!important}
.release-417 .seller-kpis a,.release-417 .customer-kpis a{
color:#0a6a50!important}


.release-417 .control-card,.release-417 .glass-panel,.release-417 .command-panel,.release-417 .customer-panel,.release-417 .tree-section,.release-417 .team-section,.release-417 .income-trace,.release-417 .invite-card{
border:1px solid var(--ap17-border)!important;
border-radius:15px!important;
background:#fff!important;
box-shadow:0 7px 22px rgba(15,57,45,.04)!important;
color:#173329!important}

.release-417 .control-card h2,.release-417 .glass-panel h2,.release-417 .command-panel h2,.release-417 .customer-panel h2{
font-size:22px!important;
color:#173329!important}

.release-417 .control-card p,.release-417 .glass-panel p,.release-417 .command-panel p,.release-417 .customer-panel p{
color:#687972}

.release-417 .portal-content .btn{
border-radius:9px!important}
.release-417 .portal-content .btn.dark{
background:#073f30!important;
color:#fff!important}
.release-417 .portal-content .btn.gold{
background:#c8a13a!important;
color:#fff!important}

.release-417 .portal-content input,.release-417 .portal-content select,.release-417 .portal-content textarea{
border-radius:9px!important;
border-color:#cad8d2!important;
background:#fff!important;
min-height:40px}

.release-417 .table-wrap{
border-radius:12px}
.release-417 table{
border-collapse:separate;
border-spacing:0}
.release-417 thead th{
background:#f4f7f5!important;
color:#51645d!important}
.release-417 tbody tr:hover td{
background:#fbfcfb}


/* Member/customer visual family. */
.release-417 .seller-hero,.release-417 .customer-hero{
margin-bottom:14px!important}
.release-417 .seller-badges span{
background:#f0f7f4!important;
color:#31584b!important;
border-color:#dcebe4!important}
.release-417 .seller-id dl{
color:#4e625b!important}
.release-417 .customer-promise article{
background:#fff!important;
border:1px solid var(--ap17-border)!important;
border-radius:13px!important;
box-shadow:none!important}
.release-417 .customer-promise i{
background:#e9f5ef!important;
color:#0b7556!important}

.release-417 .command-grid>a{
border-radius:13px!important;
border:1px solid var(--ap17-border)!important;
background:#fff!important;
box-shadow:none!important}
.release-417 .command-grid>a.primary{
background:#f3faf6!important;
border-color:#cae2d6!important;
color:#173329!important}
.release-417 .command-grid>a i{
color:#0a7053!important}
.release-417 .command-grid small{
color:#74857e!important}

.release-417 .career-command{
background:linear-gradient(145deg,#fff,#fffaf0)!important}
.release-417 .career-command aside{
background:#073f30!important;
border-radius:14px!important}


/* Franchise remains fully functional below its executive overview. */
.release-417 .franchise-command-strip{
gap:10px!important}
.release-417 .franchise-command-strip>a{
min-height:76px!important;
border:1px solid var(--ap17-border)!important;
border-radius:13px!important;
background:#fff!important;
color:#173329!important}
.release-417 .franchise-command-strip>a i{
background:#eaf5ef!important;
color:#0a7153!important}


/* The oversized Safe Update green hero is replaced by a compact executive card. */
.release-417 .update-centre{
max-width:1560px!important}
.release-417 .update-hero{
min-height:0!important;
padding:25px 28px!important;
grid-template-columns:minmax(0,1fr) 170px!important;
gap:20px!important;
border:1px solid #d9c171!important;
border-radius:18px!important;
background:linear-gradient(135deg,#fff 0%,#fbfdfc 68%,#fff8e6 100%)!important;
color:#173329!important;
box-shadow:var(--ap17-shadow)!important}

.release-417 .update-hero:after{
display:none!important}
.release-417 .update-hero h1{
margin:4px 0 8px!important;
font-size:clamp(31px,4vw,48px)!important;
line-height:1!important;
letter-spacing:-.04em!important;
color:#153129!important}
.release-417 .update-hero h1 em{
color:#0a6a50!important}
.release-417 .update-hero p{
max-width:840px!important;
margin:0!important;
font-size:13px!important;
color:#6d7c76!important}
.release-417 .update-badges{
margin-top:13px!important;
gap:6px!important}
.release-417 .update-badges span{
padding:6px 9px!important;
border:1px solid #dce7e2!important;
background:#f5f9f7!important;
color:#426157!important;
font-size:8px!important}
.release-417 .orbit-ring{
width:142px!important;
min-width:142px!important;
box-shadow:none!important;
background:conic-gradient(#c8a13a,#0a7153,#dcebe4,#0a7153,#c8a13a)!important}
.release-417 .orbit-ring:before{
inset:10px!important;
background:#073f30!important}
.release-417 .orbit-ring span{
font-size:2rem!important;
transform:translateY(-32px)!important}
.release-417 .orbit-ring b{
font-size:1rem!important}
.release-417 .orbit-ring small{
transform:translateY(34px)!important;
font-size:8px!important}
.release-417 .health-console{
border-radius:15px!important;
box-shadow:0 7px 22px rgba(15,57,45,.04)!important}


/* Settings must be readable even when a value is structured JSON. */
.release-417 .ap17-setting-value{
display:block;
max-width:520px;
white-space:normal;
overflow-wrap:anywhere;
color:#40564d;
font-size:12px}
.release-417 .ap17-warning-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
border-left:5px solid #c8a13a!important;
background:#fffaf0!important}


/* Public site: preserve content, unify surface and typography only. */
.release-417.public-body{
background:#fff;
color:#183129}
.release-417.public-body .premium-company-header{
box-shadow:0 5px 22px rgba(9,52,39,.05)}


@media(max-width:1180px){

 .release-417 .ap17-overview-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.release-417 .admin-quick-launch{
grid-template-columns:repeat(3,minmax(0,1fr))!important}
.release-417 .ap17-health-row{
grid-template-columns:1fr}
.release-417 .ap17-health-pills{
justify-content:flex-start}

}

@media(max-width:980px){

 .release-417 .portal-sidebar{
width:270px!important}
.release-417 .portal-stage{
margin-left:0!important}
.release-417 .portal-content{
padding:15px!important}
.release-417 .portal-topbar{
padding:0 14px!important}
.release-417 .portal-content .dash-head,.release-417 .portal-content .admin-console-head,.release-417 .portal-content .network-head,.release-417 .seller-hero,.release-417 .customer-hero,.release-417 .franchise-hero{
grid-template-columns:1fr!important;
padding:21px!important}
.release-417 .portal-content .identity,.release-417 .portal-content .root-id-card,.release-417 .portal-content .network-identity,.release-417 .seller-id,.release-417 .customer-hero aside{
min-width:0!important;
width:100%!important}
.release-417 .update-hero{
grid-template-columns:1fr!important}
.release-417 .reverse-orbit{
display:none!important}
.release-417 .admin-quick-launch{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

}

@media(max-width:640px){

 .release-417 .ap17-overview-grid{
grid-template-columns:1fr 1fr;
gap:8px}
.release-417 .ap17-stat{
min-height:96px;
padding:13px;
gap:10px}
.release-417 .ap17-stat>i{
width:38px;
height:38px;
font-size:17px}
.release-417 .ap17-stat b{
font-size:20px}
.release-417 .ap17-stat em{
display:none}
.release-417 .ap17-health-card,.release-417 .ap17-update-card{
align-items:flex-start;
flex-direction:column}
.release-417 .admin-quick-launch{
grid-template-columns:1fr 1fr!important}
.release-417 .portal-content .dash-head h1,.release-417 .portal-content .admin-console-head h1,.release-417 .portal-content .network-head h1,.release-417 .seller-hero h1,.release-417 .customer-hero h1{
font-size:30px!important}
.release-417 .seller-kpis,.release-417 .customer-kpis,.release-417 .franchise-kpis,.release-417 .admin-kpis{
grid-template-columns:1fr 1fr!important}
.release-417 .portal-content .control-card{
padding:17px!important}
.release-417 .ap17-warning-card{
align-items:flex-start;
flex-direction:column}
.release-417 .portal-top-actions>a:nth-child(n+2){
display:none}

}



/* Source: alpline418.css */
/* ALPLINE 4.0.18 — LOCKED CINEMATIC APP DESIGN
   Master direction: dense, graphical, premium, app-like. No decorative control is allowed to replace a real function. */
:root{
--418-ink:#061a21;
--418-deep:#062b2d;
--418-night:#071f2b;
--418-green:#00a878;
--418-green2:#00d084;
--418-gold:#efbd4d;
--418-cyan:#16c2d5;
--418-blue:#2878ff;
--418-purple:#915cff;
--418-red:#ef5b62;
--418-card:#0b3440;
--418-card2:#0e3e47;
--418-paper:#f6fbfa;
--418-line:rgba(255,255,255,.11);
--418-shadow:0 18px 50px rgba(2,21,28,.22)}

*{
box-sizing:border-box}

body.design-lock-418{
background:#eaf3f1;
color:#102c33}

body.design-lock-418 .portal-shell{
background:radial-gradient(circle at 82% 5%,rgba(0,208,132,.10),transparent 26%),linear-gradient(135deg,#071f2b,#0b3940 52%,#062b2d)}

body.design-lock-418 .portal-sidebar{
width:232px;
background:linear-gradient(180deg,#061c28 0%,#072c36 56%,#063b32 100%)!important;
border-right:1px solid rgba(255,255,255,.10);
box-shadow:16px 0 40px rgba(0,0,0,.18);
padding:15px 12px}

body.design-lock-418 .portal-brand{
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
border-radius:17px;
padding:10px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

body.design-lock-418 .portal-brand img{
width:42px;
height:42px;
filter:drop-shadow(0 7px 12px rgba(0,0,0,.35))}

body.design-lock-418 .portal-brand b{
font-size:18px;
letter-spacing:.08em;
color:#fff}

body.design-lock-418 .portal-brand small{
color:#9fd8ca;
letter-spacing:.14em}

body.design-lock-418 .live-data-badge{
margin:12px 3px 8px;
padding:7px 9px;
border:1px solid rgba(0,208,132,.28);
border-radius:999px;
background:rgba(0,208,132,.08);
color:#b8f7dd;
font-size:10px;
font-weight:800;
letter-spacing:.06em}

body.design-lock-418 .live-data-badge i{
background:#00e392;
box-shadow:0 0 12px #00e392}

body.design-lock-418 .portal-nav-label{
color:#6f9aa2;
font-size:9px;
letter-spacing:.18em;
margin:13px 10px 6px}

body.design-lock-418 .portal-nav>a,body.design-lock-418 .portal-nav-group>summary{
min-height:38px;
border-radius:11px;
margin:3px 0;
padding:7px 9px;
color:#d7e7e9;
border:1px solid transparent;
transition:.18s ease}

body.design-lock-418 .portal-nav>a:hover,body.design-lock-418 .portal-nav-group>summary:hover{
background:rgba(255,255,255,.055);
border-color:rgba(255,255,255,.08);
transform:translateX(2px)}

body.design-lock-418 .portal-nav>a.active{
background:linear-gradient(100deg,#00a878,#008d7b)!important;
color:#fff!important;
box-shadow:0 7px 20px rgba(0,168,120,.27);
border-color:rgba(255,255,255,.12)}

body.design-lock-418 .portal-nav a i,body.design-lock-418 .portal-nav-group summary i{
display:grid;
place-items:center;
width:24px;
height:24px;
border-radius:8px;
background:rgba(255,255,255,.08);
font-style:normal;
color:#c7fff1}

body.design-lock-418 .portal-nav>a.active i{
background:rgba(255,255,255,.15);
color:#fff}

body.design-lock-418 .portal-stage{
min-width:0;
background:#edf5f3}

body.design-lock-418 .portal-topbar{
height:68px;
background:linear-gradient(90deg,#071f2b 0%,#0b3940 58%,#06372f 100%);
border-bottom:1px solid rgba(255,255,255,.1);
box-shadow:0 8px 24px rgba(6,31,43,.16);
color:#fff;
padding:0 18px}

body.design-lock-418 .topbar-identity small{
color:#88c7bb;
letter-spacing:.1em}

body.design-lock-418 .topbar-identity b{
color:#fff}

body.design-lock-418 .portal-top-actions>a,body.design-lock-418 .portal-top-actions summary{
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.08);
color:#e5f3f1;
border-radius:10px;
padding:8px 11px}

body.design-lock-418 .portal-content{
background:radial-gradient(circle at 90% 0,rgba(0,168,120,.10),transparent 28%),linear-gradient(#eff7f5,#f8fbfa);
padding:14px 16px 34px;
min-height:calc(100vh - 68px)}

body.design-lock-418 .admin-console,body.design-lock-418 .seller-command,body.design-lock-418 main.dashboard{
max-width:1600px;
margin:auto}

body.design-lock-418 .admin-console-head,body.design-lock-418 .seller-hero,body.design-lock-418 .dash-head{
position:relative;
overflow:hidden;
background:linear-gradient(115deg,#092d36 0%,#0a4a45 54%,#0c6351 100%)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.14);
border-radius:22px;
padding:20px 22px;
box-shadow:var(--418-shadow);
min-height:150px}

body.design-lock-418 .admin-console-head:after,body.design-lock-418 .seller-hero:after,body.design-lock-418 .dash-head:after{
content:"";
position:absolute;
right:-35px;
top:-55px;
width:310px;
height:230px;
background:radial-gradient(circle at 55% 45%,rgba(239,189,77,.22),transparent 38%),radial-gradient(circle at 20% 70%,rgba(0,208,132,.34),transparent 45%);
transform:rotate(-8deg);
pointer-events:none}

body.design-lock-418 .admin-console-head h1,body.design-lock-418 .seller-hero h1,body.design-lock-418 .dash-head h1{
font-size:clamp(27px,3vw,44px);
line-height:1;
letter-spacing:-.035em;
color:#fff!important;
margin:6px 0 8px}

body.design-lock-418 .admin-console-head h1 em,body.design-lock-418 .seller-hero h1 em{
color:var(--418-gold);
font-style:normal}

body.design-lock-418 .admin-console-head p,body.design-lock-418 .seller-hero p,body.design-lock-418 .dash-head p{
color:#c9e3df!important;
max-width:760px}

body.design-lock-418 .root-id-card,body.design-lock-418 .seller-id,body.design-lock-418 .dash-head .identity{
z-index:1;
background:rgba(4,26,33,.58)!important;
border:1px solid rgba(255,255,255,.14)!important;
backdrop-filter:blur(12px);
border-radius:17px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
padding:13px 15px!important}

body.design-lock-418 .root-id-card strong,body.design-lock-418 .seller-id>b,body.design-lock-418 .identity>b{
color:#fff!important}

/* Dense graphical KPI system */
body.design-lock-418 .ap17-overview-grid,body.design-lock-418 .seller-kpis,body.design-lock-418 .franchise-kpis{
display:grid;
grid-template-columns:repeat(6,minmax(145px,1fr));
gap:9px;
margin:11px 0}

body.design-lock-418 .ap17-stat,body.design-lock-418 .seller-kpis article,body.design-lock-418 .franchise-kpis article{
position:relative;
overflow:hidden;
min-height:104px;
border-radius:16px!important;
padding:13px 14px!important;
background:linear-gradient(145deg,#fff,#f1f9f7)!important;
border:1px solid #dceae7!important;
box-shadow:0 8px 20px rgba(12,54,61,.08)!important;
color:#14343a}

body.design-lock-418 .ap17-stat:before,body.design-lock-418 .seller-kpis article:before,body.design-lock-418 .franchise-kpis article:before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:4px;
background:linear-gradient(#00a878,#00d084)}

body.design-lock-418 .ap17-stat:nth-child(2n):before,body.design-lock-418 .seller-kpis article:nth-child(2n):before,body.design-lock-418 .franchise-kpis article:nth-child(2n):before{
background:linear-gradient(#2878ff,#16c2d5)}

body.design-lock-418 .ap17-stat:nth-child(3n):before,body.design-lock-418 .seller-kpis article:nth-child(3n):before,body.design-lock-418 .franchise-kpis article:nth-child(3n):before{
background:linear-gradient(#efbd4d,#f0932b)}

body.design-lock-418 .ap17-stat i{
width:37px;
height:37px;
border-radius:12px;
display:grid;
place-items:center;
background:#e6f8f2;
color:#007c60;
font-size:20px}

body.design-lock-418 .ap17-stat small,body.design-lock-418 .seller-kpis small,body.design-lock-418 .franchise-kpis small{
font-size:10px;
letter-spacing:.08em;
color:#688087;
font-weight:900}

body.design-lock-418 .ap17-stat b,body.design-lock-418 .seller-kpis article>b,body.design-lock-418 .franchise-kpis article>b{
font-size:25px!important;
line-height:1.15;
color:#0a3039!important;
letter-spacing:-.03em}

body.design-lock-418 .ap17-stat em,body.design-lock-418 .seller-kpis article span,body.design-lock-418 .seller-kpis article a,body.design-lock-418 .franchise-kpis article span{
font-size:10px;
color:#58767c;
font-style:normal}

body.design-lock-418 .seller-kpis article.accent{
background:linear-gradient(145deg,#083d3d,#0a6855)!important;
color:#fff!important;
border-color:#0a6855!important}

body.design-lock-418 .seller-kpis article.accent small,body.design-lock-418 .seller-kpis article.accent b,body.design-lock-418 .seller-kpis article.accent a{
color:#fff!important}

body.design-lock-418 .seller-kpis article.purchase-accent{
background:linear-gradient(145deg,#0b3452,#145f85)!important;
color:#fff!important;
border-color:#145f85!important}

body.design-lock-418 .seller-kpis article.purchase-accent small,body.design-lock-418 .seller-kpis article.purchase-accent b,body.design-lock-418 .seller-kpis article.purchase-accent a{
color:#fff!important}

/* Functional graphic launcher */
body.design-lock-418 .admin-quick-launch,body.design-lock-418 .command-grid,body.design-lock-418 .franchise-command-strip,body.design-lock-418 .function-grid{
display:grid;
grid-template-columns:repeat(6,minmax(145px,1fr));
gap:8px}

body.design-lock-418 .admin-quick-launch>a,body.design-lock-418 .command-grid>a,body.design-lock-418 .franchise-command-strip>a,body.design-lock-418 .function-grid>a{
position:relative;
overflow:hidden;
display:flex!important;
align-items:center;
gap:10px;
min-height:68px;
padding:10px 11px!important;
border:1px solid #d8e8e4!important;
background:linear-gradient(145deg,#fff,#f0f8f6)!important;
border-radius:15px!important;
color:#16383d!important;
text-decoration:none;
box-shadow:0 7px 17px rgba(13,54,60,.07);
transition:.16s ease}

body.design-lock-418 .admin-quick-launch>a:hover,body.design-lock-418 .command-grid>a:hover,body.design-lock-418 .franchise-command-strip>a:hover,body.design-lock-418 .function-grid>a:hover{
transform:translateY(-2px);
box-shadow:0 13px 26px rgba(8,58,62,.15);
border-color:#bcded6!important}

body.design-lock-418 .admin-quick-launch>a i,body.design-lock-418 .command-grid>a i,body.design-lock-418 .franchise-command-strip>a i,body.design-lock-418 .function-grid>a i{
flex:0 0 38px;
width:38px;
height:38px;
border-radius:12px;
display:grid;
place-items:center;
background:linear-gradient(145deg,#0b735f,#00a878);
color:#fff;
font-size:19px;
font-style:normal;
box-shadow:0 8px 15px rgba(0,168,120,.22)}

body.design-lock-418 .admin-quick-launch>a:nth-child(4n+2) i,body.design-lock-418 .command-grid>a:nth-child(4n+2) i,body.design-lock-418 .franchise-command-strip>a:nth-child(4n+2) i{
background:linear-gradient(145deg,#245dcf,#16a6d7)}

body.design-lock-418 .admin-quick-launch>a:nth-child(4n+3) i,body.design-lock-418 .command-grid>a:nth-child(4n+3) i,body.design-lock-418 .franchise-command-strip>a:nth-child(4n+3) i{
background:linear-gradient(145deg,#7452d8,#a361ec)}

body.design-lock-418 .admin-quick-launch>a:nth-child(4n) i,body.design-lock-418 .command-grid>a:nth-child(4n) i,body.design-lock-418 .franchise-command-strip>a:nth-child(4n) i{
background:linear-gradient(145deg,#c78016,#efbd4d);
color:#162f32}

body.design-lock-418 .admin-quick-launch>a.primary,body.design-lock-418 .command-grid>a.primary{
background:linear-gradient(135deg,#083941,#0a6a59)!important;
border-color:#0a6a59!important;
color:white!important}

body.design-lock-418 .admin-quick-launch>a.primary b,body.design-lock-418 .admin-quick-launch>a.primary small,body.design-lock-418 .command-grid>a.primary b,body.design-lock-418 .command-grid>a.primary small{
color:#fff!important}

body.design-lock-418 .admin-quick-launch a b,body.design-lock-418 .command-grid a b,body.design-lock-418 .franchise-command-strip a b{
font-size:11px;
letter-spacing:.01em}

body.design-lock-418 .admin-quick-launch a small,body.design-lock-418 .command-grid a small,body.design-lock-418 .franchise-command-strip a small{
font-size:9px;
line-height:1.25;
color:#688188}

/* Charts and intelligence feel like a real app */
body.design-lock-418 .command-panel,body.design-lock-418 .control-card,body.design-lock-418 .glass-panel,body.design-lock-418 .admin-action-inbox,body.design-lock-418 .ap17-health-card,body.design-lock-418 .ap17-update-card{
border-radius:18px!important;
border:1px solid #d8e7e4!important;
background:rgba(255,255,255,.96)!important;
box-shadow:0 8px 22px rgba(11,61,68,.075)!important}

body.design-lock-418 .command-panel header h2,body.design-lock-418 .control-card h2{
color:#12343b}

body.design-lock-418 .executive-intelligence{
gap:10px}

body.design-lock-418 .trend-chart,body.design-lock-418 .ring-chart,body.design-lock-418 .level-chart{
background:linear-gradient(180deg,#f9fdfc,#edf8f5);
border:1px solid #e1efec;
border-radius:15px;
padding:10px}

body.design-lock-418 .career-command{
background:linear-gradient(115deg,#092e36,#0b4f48)!important;
color:#fff!important;
border-color:#0b5f51!important}

body.design-lock-418 .career-command *{
color:inherit}

body.design-lock-418 .career-command aside{
background:rgba(255,255,255,.08)!important;
border-color:rgba(255,255,255,.12)!important}

body.design-lock-418 .career-progress{
background:rgba(255,255,255,.12)!important}

body.design-lock-418 .career-progress i{
background:linear-gradient(90deg,#00d084,#efbd4d)!important}

body.design-lock-418 .income-mix{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px}

body.design-lock-418 .income-mix>a{
position:relative;
overflow:hidden;
border:1px solid #dfebe8;
border-radius:14px;
background:linear-gradient(145deg,#fbfefd,#eef8f5);
padding:10px 12px!important}

body.design-lock-418 .income-mix>a:after{
content:"";
position:absolute;
left:0;
bottom:0;
height:4px;
width:var(--mix,68%);
background:linear-gradient(90deg,#00a878,#16c2d5,#915cff);
border-radius:0 10px 10px 0}

body.design-lock-418 .income-mix>a:nth-child(2n):after{
width:82%;
background:linear-gradient(90deg,#2878ff,#915cff)}

body.design-lock-418 .income-mix>a:nth-child(3n):after{
width:55%;
background:linear-gradient(90deg,#efbd4d,#f06b4f)}

/* Tables/forms: dense but readable */
body.design-lock-418 table{
border-collapse:separate;
border-spacing:0;
width:100%}

body.design-lock-418 th{
background:#0a3941!important;
color:#dff6f1!important;
font-size:9px;
letter-spacing:.08em;
padding:9px 10px!important;
position:sticky;
top:0;
z-index:1}

body.design-lock-418 td{
padding:9px 10px!important;
border-bottom:1px solid #e4efec!important;
font-size:12px}

body.design-lock-418 tr:hover td{
background:#f1faf7}

body.design-lock-418 input,body.design-lock-418 select,body.design-lock-418 textarea{
border:1px solid #cfe0dc!important;
border-radius:10px!important;
background:#fff!important;
min-height:40px!important;
box-shadow:inset 0 1px 2px rgba(0,0,0,.03)}

body.design-lock-418 .btn{
border-radius:11px!important;
font-weight:900!important;
letter-spacing:.04em!important}

body.design-lock-418 .btn.gold{
background:linear-gradient(135deg,#efbd4d,#ffd979)!important;
color:#173239!important;
box-shadow:0 7px 16px rgba(239,189,77,.25)}

body.design-lock-418 .btn.dark{
background:linear-gradient(135deg,#0a3941,#0a6657)!important;
color:#fff!important}

/* Public cinematic website */
body.public-body.design-lock-418{
background:#061f27;
color:#fff}

body.public-body.design-lock-418 .premium-company-header{
background:rgba(5,29,35,.94)!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
backdrop-filter:blur(14px)}

body.public-body.design-lock-418 .utility-bar{
background:#04181e!important;
color:#9bc5bd!important;
border:0!important}

body.public-body.design-lock-418 .main-header{
background:linear-gradient(90deg,#071f2b,#073630)!important}

body.public-body.design-lock-418 .brand b,body.public-body.design-lock-418 .brand small,body.public-body.design-lock-418 .primary-nav a{
color:#fff!important}

body.public-body.design-lock-418 .primary-nav a.active,body.public-body.design-lock-418 .primary-nav a:hover{
color:#7ff0cd!important}

body.public-body.design-lock-418 .alp-page{
background:#061f27}

body.public-body.design-lock-418 .alp-hero{
position:relative;
overflow:hidden;
min-height:610px;
background:radial-gradient(circle at 78% 32%,rgba(239,189,77,.24),transparent 19%),radial-gradient(circle at 67% 78%,rgba(0,208,132,.20),transparent 27%),linear-gradient(135deg,#061b25 0%,#07423c 54%,#123c47 100%)!important;
border-bottom:1px solid rgba(255,255,255,.11)}

body.public-body.design-lock-418 .alp-hero:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(160deg,transparent 42%,rgba(0,0,0,.25)),radial-gradient(ellipse at 70% 105%,rgba(0,0,0,.35),transparent 55%);
pointer-events:none}

body.public-body.design-lock-418 .alp-hero-copy{
z-index:1;
max-width:680px}

body.public-body.design-lock-418 .alp-hero-copy h1{
font-size:clamp(48px,6vw,88px);
line-height:.92;
letter-spacing:-.055em;
color:#fff!important;
text-shadow:0 10px 38px rgba(0,0,0,.25)}

body.public-body.design-lock-418 .alp-hero-copy h1 em{
color:#f3cf78!important;
font-style:normal}

body.public-body.design-lock-418 .alp-hero-copy p{
color:#cde3df!important;
font-size:17px;
max-width:620px}

body.public-body.design-lock-418 .alp-overline{
color:#78e8c5!important;
letter-spacing:.16em;
font-weight:900}

body.public-body.design-lock-418 .alp-btn.primary{
background:linear-gradient(135deg,#00a878,#00d084)!important;
color:#fff!important;
box-shadow:0 10px 25px rgba(0,208,132,.22)}

body.public-body.design-lock-418 .alp-btn.ghost{
border-color:rgba(255,255,255,.22)!important;
color:#fff!important;
background:rgba(255,255,255,.06)!important}

body.public-body.design-lock-418 .alp-hero-visual{
z-index:1;
filter:drop-shadow(0 30px 60px rgba(0,0,0,.35))}

body.public-body.design-lock-418 .alp-product-stage{
background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(6,37,43,.52))!important;
border:1px solid rgba(255,255,255,.17)!important;
backdrop-filter:blur(9px);
border-radius:34px!important}

body.public-body.design-lock-418 .alp-product-stage img{
max-height:365px;
filter:drop-shadow(0 24px 28px rgba(0,0,0,.38))}

body.public-body.design-lock-418 .alp-statbar{
background:linear-gradient(90deg,#06262d,#093c38)!important;
border-color:rgba(255,255,255,.08)!important;
box-shadow:0 12px 40px rgba(0,0,0,.18)}

body.public-body.design-lock-418 .alp-statbar article{
border-color:rgba(255,255,255,.08)!important}

body.public-body.design-lock-418 .alp-statbar b{
color:#f2cb71!important}

body.public-body.design-lock-418 .alp-statbar span{
color:#b9d9d3!important}

body.public-body.design-lock-418 .alp-section.light{
background:#f6fbfa!important;
color:#12323a}

body.public-body.design-lock-418 .alp-section.dark{
background:linear-gradient(135deg,#061d26,#0a3b39)!important}

body.public-body.design-lock-418 .alp-product-card,body.public-body.design-lock-418 .alp-card{
border-radius:20px!important;
box-shadow:0 14px 34px rgba(12,55,61,.10)!important;
border-color:#dbe9e6!important}

body.public-body.design-lock-418 .alp-product-card:hover{
transform:translateY(-5px);
box-shadow:0 22px 45px rgba(6,50,56,.18)!important}

body.public-body.design-lock-418 .alp-portal-grid>a{
border-radius:18px!important;
background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
border-color:rgba(255,255,255,.11)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

body.public-body.design-lock-418 .site-footer{
background:#04171d!important;
color:#bed8d3!important;
border-top:1px solid rgba(255,255,255,.09)!important}

/* Franchise gets its own luminous app identity */
body.franchise-portal.design-lock-418 .portal-sidebar{
background:linear-gradient(180deg,#071f2b,#123341 55%,#473713)!important}

body.franchise-portal.design-lock-418 .dash-head{
background:linear-gradient(115deg,#0a2b3a,#0b5063 58%,#6a5119)!important}

body.franchise-portal.design-lock-418 .franchise-command-strip>a:first-child{
background:linear-gradient(135deg,#0b3f48,#0a7160)!important;
color:#fff!important;
border-color:#0a7160!important}

body.franchise-portal.design-lock-418 .franchise-command-strip>a:first-child b,body.franchise-portal.design-lock-418 .franchise-command-strip>a:first-child small{
color:#fff!important}

/* Mobile = native-app feeling */
@media(max-width:1180px){
body.design-lock-418 .ap17-overview-grid,body.design-lock-418 .seller-kpis,body.design-lock-418 .franchise-kpis{
grid-template-columns:repeat(3,minmax(0,1fr))}
body.design-lock-418 .admin-quick-launch,body.design-lock-418 .command-grid,body.design-lock-418 .franchise-command-strip,body.design-lock-418 .function-grid{
grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
body.design-lock-418 .portal-topbar{
height:58px;
padding:0 9px}
body.design-lock-418 .portal-content{
padding:8px 8px 92px}
body.design-lock-418 .admin-console-head,body.design-lock-418 .seller-hero,body.design-lock-418 .dash-head{
border-radius:18px;
padding:16px 14px;
min-height:0}
body.design-lock-418 .admin-console-head h1,body.design-lock-418 .seller-hero h1,body.design-lock-418 .dash-head h1{
font-size:28px}
body.design-lock-418 .ap17-overview-grid,body.design-lock-418 .seller-kpis,body.design-lock-418 .franchise-kpis{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px}
body.design-lock-418 .ap17-stat,body.design-lock-418 .seller-kpis article,body.design-lock-418 .franchise-kpis article{
min-height:92px;
padding:10px!important}
body.design-lock-418 .ap17-stat b,body.design-lock-418 .seller-kpis article>b,body.design-lock-418 .franchise-kpis article>b{
font-size:20px!important}
body.design-lock-418 .admin-quick-launch,body.design-lock-418 .command-grid,body.design-lock-418 .franchise-command-strip,body.design-lock-418 .function-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px}
body.design-lock-418 .admin-quick-launch>a,body.design-lock-418 .command-grid>a,body.design-lock-418 .franchise-command-strip>a,body.design-lock-418 .function-grid>a{
min-height:72px;
padding:9px!important}
body.design-lock-418 .admin-quick-launch>a i,body.design-lock-418 .command-grid>a i,body.design-lock-418 .franchise-command-strip>a i{
width:34px;
height:34px;
flex-basis:34px;
font-size:16px}
body.design-lock-418 .income-mix{
grid-template-columns:1fr}
body.public-body.design-lock-418 .alp-hero{
min-height:auto;
padding:42px 18px!important}
body.public-body.design-lock-418 .alp-hero-copy h1{
font-size:47px}
body.public-body.design-lock-418 .alp-hero-visual{
margin-top:20px}
body.public-body.design-lock-418 .alp-product-stage img{
max-height:240px}
}

@media(max-width:420px){
body.design-lock-418 .admin-quick-launch,body.design-lock-418 .command-grid,body.design-lock-418 .franchise-command-strip,body.design-lock-418 .function-grid{
grid-template-columns:1fr 1fr}
body.design-lock-418 .portal-content{
padding-left:6px;
padding-right:6px}
body.public-body.design-lock-418 .alp-hero-copy h1{
font-size:40px}
}



/* Source: alpline419.css */
/* ALPLINE 4.0.19 — TRUE LOCKED APP UI IMPLEMENTATION
   Purpose: replace the pale/legacy visual shell with the approved cinematic, dense, graphical application experience.
   All tiles remain functional links or live data cards. No database or business-rule changes live in this stylesheet. */
:root{

  --419-night:#04131a;
--419-navy:#061f29;
--419-deep:#07343b;
--419-deep2:#084b45;

  --419-emerald:#00b87c;
--419-mint:#3ce4b5;
--419-gold:#f4c95d;
--419-blue:#2e88ff;

  --419-cyan:#1cc9db;
--419-violet:#8c66ff;
--419-orange:#ff9a45;
--419-red:#ff5f6d;

  --419-ink:#eaf8f5;
--419-muted:#9cc7c0;
--419-line:rgba(255,255,255,.10);

  --419-panel:rgba(8,38,47,.92);
--419-panel2:rgba(11,51,60,.92);

  --419-shadow:0 20px 55px rgba(0,0,0,.28);
--419-soft:0 12px 32px rgba(0,0,0,.16)
}

body.design-lock-419{
background:var(--419-night)!important;
color:var(--419-ink)!important}

body.design-lock-419 .portal-shell{
background:
  radial-gradient(circle at 78% 0%,rgba(0,184,124,.14),transparent 26%),
  radial-gradient(circle at 100% 35%,rgba(46,136,255,.10),transparent 22%),
  linear-gradient(135deg,#04141b 0%,#05242d 48%,#07372f 100%)!important}

body.design-lock-419 .portal-sidebar{
width:226px!important;
background:linear-gradient(180deg,#03141c 0%,#062935 48%,#07372f 100%)!important;
border-right:1px solid rgba(99,238,202,.12)!important;
box-shadow:18px 0 45px rgba(0,0,0,.24)!important}

body.design-lock-419 .portal-brand{
background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.018))!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.16)!important}

body.design-lock-419 .portal-brand b{
color:#fff!important}
 body.design-lock-419 .portal-brand small{
color:#8ee1ca!important}

body.design-lock-419 .portal-nav>a,body.design-lock-419 .portal-nav-group>summary{
color:#d4e7e4!important}

body.design-lock-419 .portal-nav>a:hover,body.design-lock-419 .portal-nav-group>summary:hover{
background:rgba(255,255,255,.06)!important;
border-color:rgba(255,255,255,.08)!important}

body.design-lock-419 .portal-nav>a.active{
background:linear-gradient(100deg,#00b87c,#098a77)!important;
color:#fff!important;
box-shadow:0 10px 25px rgba(0,184,124,.25)!important}

body.design-lock-419 .portal-stage{
background:transparent!important}

body.design-lock-419 .portal-topbar{
height:64px!important;
background:rgba(3,19,26,.86)!important;
backdrop-filter:blur(18px);
border-bottom:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 10px 30px rgba(0,0,0,.16)!important}

body.design-lock-419 .topbar-identity small{
color:#84cdbd!important}
body.design-lock-419 .topbar-identity b{
color:#fff!important}

body.design-lock-419 .portal-top-actions>a,body.design-lock-419 .portal-top-actions summary{
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.09)!important;
color:#eefbf8!important}

body.design-lock-419 .portal-content{
background:transparent!important;
padding:12px 14px 34px!important;
min-height:calc(100vh - 64px)!important}

body.design-lock-419 .admin-console,body.design-lock-419 .seller-command,body.design-lock-419 main.dashboard{
max-width:1680px!important;
margin:0 auto!important}


/* ===== 4.0.19 ADMIN FIRST FOLD ===== */
body.admin-portal.design-lock-419 .admin-console>.admin-console-head,
body.admin-portal.design-lock-419 .admin-console>.ap17-overview-grid,
body.admin-portal.design-lock-419 .admin-console>.ap17-health-row{
display:none!important}

body.design-lock-419 .ap419-admin-hero{
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,.11);
border-radius:24px;
padding:18px;
background:
  radial-gradient(circle at 83% 18%,rgba(244,201,93,.18),transparent 18%),
  radial-gradient(circle at 73% 92%,rgba(0,184,124,.22),transparent 28%),
  linear-gradient(118deg,#061c25 0%,#073d42 50%,#096247 100%);
box-shadow:var(--419-shadow);
margin-bottom:10px}

body.design-lock-419 .ap419-admin-hero:after{
content:"";
position:absolute;
right:-7%;
bottom:-58%;
width:58%;
height:145%;
border-radius:50%;
border:1px solid rgba(255,255,255,.08);
box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 95px rgba(255,255,255,.018);
transform:rotate(-13deg);
pointer-events:none}

body.design-lock-419 .ap419-hero-top{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);
gap:12px;
align-items:stretch}

body.design-lock-419 .ap419-hero-copy{
padding:8px 8px 4px}

body.design-lock-419 .ap419-kicker{
margin:0 0 4px;
color:#71efca!important;
font-weight:900;
font-size:10px;
letter-spacing:.18em;
text-transform:uppercase}

body.design-lock-419 .ap419-hero-copy h1{
margin:0;
color:#fff!important;
font-size:clamp(32px,4vw,58px);
line-height:.96;
letter-spacing:-.045em}

body.design-lock-419 .ap419-hero-copy h1 em{
color:var(--419-gold);
font-style:normal}

body.design-lock-419 .ap419-hero-copy>p{
max-width:800px;
color:#c1e1dc!important;
font-size:14px;
margin:9px 0 12px}

body.design-lock-419 .ap419-hero-actions{
display:flex;
gap:7px;
flex-wrap:wrap}

body.design-lock-419 .ap419-hero-actions a{
display:inline-flex;
align-items:center;
gap:6px;
text-decoration:none;
font-size:10px;
font-weight:900;
letter-spacing:.06em;
color:#fff!important;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.10);
border-radius:999px;
padding:8px 11px}

body.design-lock-419 .ap419-hero-actions a:first-child{
background:linear-gradient(135deg,#00b87c,#0c8f79)!important;
box-shadow:0 9px 20px rgba(0,184,124,.22)}

body.design-lock-419 .ap419-owner-panel{
position:relative;
z-index:1;
background:rgba(3,21,28,.48);
border:1px solid rgba(255,255,255,.11);
backdrop-filter:blur(12px);
border-radius:19px;
padding:13px 14px;
display:grid;
grid-template-columns:1fr auto;
gap:8px}

body.design-lock-419 .ap419-owner-panel small{
grid-column:1/-1;
color:#83cabb;
font-weight:900;
letter-spacing:.13em;
font-size:9px}

body.design-lock-419 .ap419-owner-panel strong{
font-size:27px;
color:#fff;
letter-spacing:-.03em}

body.design-lock-419 .ap419-owner-panel em{
align-self:start;
font-style:normal;
font-weight:900;
color:#10251f;
background:linear-gradient(135deg,#f2bf4d,#ffe58e);
padding:5px 8px;
border-radius:999px;
font-size:9px}

body.design-lock-419 .ap419-owner-panel span{
grid-column:1/-1;
color:#b8d8d2;
font-size:11px}

body.design-lock-419 .ap419-kpi-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(8,minmax(118px,1fr));
gap:8px;
margin-top:13px}

body.design-lock-419 .ap419-kpi{
position:relative;
overflow:hidden;
min-height:86px;
border-radius:15px;
padding:11px 11px 9px;
background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
border:1px solid rgba(255,255,255,.095);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}

body.design-lock-419 .ap419-kpi:after{
content:"";
position:absolute;
left:0;
bottom:0;
height:3px;
width:72%;
background:linear-gradient(90deg,#00d59a,#45efd0);
border-radius:0 8px 0 0}

body.design-lock-419 .ap419-kpi:nth-child(2):after{
width:58%;
background:linear-gradient(90deg,#2e88ff,#1cc9db)}

body.design-lock-419 .ap419-kpi:nth-child(3):after{
width:84%;
background:linear-gradient(90deg,#f4c95d,#ff9a45)}

body.design-lock-419 .ap419-kpi:nth-child(4):after{
width:67%;
background:linear-gradient(90deg,#8c66ff,#c875ff)}

body.design-lock-419 .ap419-kpi:nth-child(5):after{
width:77%;
background:linear-gradient(90deg,#1cc9db,#00b87c)}

body.design-lock-419 .ap419-kpi:nth-child(6):after{
width:50%;
background:linear-gradient(90deg,#ff5f6d,#ff9a45)}

body.design-lock-419 .ap419-kpi:nth-child(7):after{
width:63%;
background:linear-gradient(90deg,#f4c95d,#00b87c)}

body.design-lock-419 .ap419-kpi:nth-child(8):after{
width:88%;
background:linear-gradient(90deg,#2e88ff,#8c66ff)}

body.design-lock-419 .ap419-kpi small{
display:block;
color:#8fc6bd!important;
font-size:8px;
font-weight:900;
letter-spacing:.10em;
line-height:1.2;
text-transform:uppercase}

body.design-lock-419 .ap419-kpi b{
display:block;
color:#fff!important;
font-size:20px;
line-height:1.08;
margin:6px 0 3px;
letter-spacing:-.03em}

body.design-lock-419 .ap419-kpi span{
color:#b8d8d2!important;
font-size:9px}


/* ===== GLOBAL DARK GLASS CONTENT ===== */
body.design-lock-419 .control-card,body.design-lock-419 .glass-panel,body.design-lock-419 .command-panel,
body.design-lock-419 .admin-action-inbox,body.design-lock-419 .admin-kpis>article,
body.design-lock-419 .executive-intelligence>article,body.design-lock-419 details.control-card{

  background:linear-gradient(145deg,rgba(8,38,47,.95),rgba(8,52,58,.91))!important;

  color:#eaf8f5!important;
border:1px solid rgba(255,255,255,.09)!important;

  box-shadow:var(--419-soft)!important;
border-radius:18px!important
}

body.design-lock-419 .control-card h2,body.design-lock-419 .command-panel h2,body.design-lock-419 .section-title h2,
body.design-lock-419 .control-card b,body.design-lock-419 .command-panel b{
color:#fff!important}

body.design-lock-419 .control-card p,body.design-lock-419 .command-panel p,body.design-lock-419 .control-card small,
body.design-lock-419 .command-panel small,body.design-lock-419 .control-card span,body.design-lock-419 .command-panel span{
color:#a8cec7}

body.design-lock-419 .eyebrow.dark,body.design-lock-419 .command-kicker.dark{
color:#65e8c2!important}

body.design-lock-419 .admin-quick-launch{
grid-template-columns:repeat(6,minmax(135px,1fr))!important;
gap:8px!important;
margin:10px 0!important}

body.design-lock-419 .admin-quick-launch>a,body.design-lock-419 .command-grid>a,body.design-lock-419 .function-grid>a,body.design-lock-419 .franchise-command-strip>a{

  background:linear-gradient(145deg,rgba(12,52,63,.98),rgba(8,41,51,.96))!important;

  border:1px solid rgba(255,255,255,.09)!important;
color:#edf9f6!important;
box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
border-radius:15px!important
}

body.design-lock-419 .admin-quick-launch>a:hover,body.design-lock-419 .command-grid>a:hover,body.design-lock-419 .function-grid>a:hover,body.design-lock-419 .franchise-command-strip>a:hover{
transform:translateY(-3px)!important;
border-color:rgba(93,237,198,.30)!important;
box-shadow:0 15px 34px rgba(0,0,0,.24)!important}

body.design-lock-419 .admin-quick-launch>a b,body.design-lock-419 .command-grid>a b,body.design-lock-419 .function-grid>a b,body.design-lock-419 .franchise-command-strip>a b{
color:#fff!important;
font-size:10px!important}

body.design-lock-419 .admin-quick-launch>a small,body.design-lock-419 .command-grid>a small,body.design-lock-419 .function-grid>a small,body.design-lock-419 .franchise-command-strip>a small{
color:#9fc6c0!important;
font-size:9px!important}

body.design-lock-419 .admin-quick-launch>a i,body.design-lock-419 .command-grid>a i,body.design-lock-419 .function-grid>a i,body.design-lock-419 .franchise-command-strip>a i{
background:linear-gradient(145deg,#00b87c,#068b77)!important;
box-shadow:0 9px 20px rgba(0,184,124,.20)!important}

body.design-lock-419 .admin-quick-launch>a:nth-child(4n+2) i,body.design-lock-419 .command-grid>a:nth-child(4n+2) i{
background:linear-gradient(145deg,#2e88ff,#1cc9db)!important}

body.design-lock-419 .admin-quick-launch>a:nth-child(4n+3) i,body.design-lock-419 .command-grid>a:nth-child(4n+3) i{
background:linear-gradient(145deg,#8c66ff,#c16cff)!important}

body.design-lock-419 .admin-quick-launch>a:nth-child(4n) i,body.design-lock-419 .command-grid>a:nth-child(4n) i{
background:linear-gradient(145deg,#f4c95d,#ff9a45)!important;
color:#18322f!important}

body.design-lock-419 .data-badge{
background:#ff5f6d!important;
color:#fff!important;
box-shadow:0 0 0 3px rgba(255,95,109,.15)}

body.design-lock-419 .data-badge.critical{
background:#ff344d!important}


/* Live stats / KPIs become coloured mini-app cards */
body.design-lock-419 .admin-kpis,body.design-lock-419 .seller-kpis,body.design-lock-419 .franchise-kpis{
display:grid!important;
grid-template-columns:repeat(6,minmax(125px,1fr))!important;
gap:8px!important}

body.design-lock-419 .admin-kpis>article,body.design-lock-419 .seller-kpis article,body.design-lock-419 .franchise-kpis article{
min-height:98px!important;
padding:12px!important;
position:relative;
overflow:hidden}

body.design-lock-419 .admin-kpis>article:after,body.design-lock-419 .seller-kpis article:after,body.design-lock-419 .franchise-kpis article:after{
content:"";
position:absolute;
inset:auto -25% -72% 38%;
height:120px;
border-radius:50%;
background:radial-gradient(circle,rgba(0,216,155,.30),transparent 68%);
pointer-events:none}

body.design-lock-419 .admin-kpis>article:nth-child(2n):after,body.design-lock-419 .seller-kpis article:nth-child(2n):after,body.design-lock-419 .franchise-kpis article:nth-child(2n):after{
background:radial-gradient(circle,rgba(46,136,255,.30),transparent 68%)}

body.design-lock-419 .admin-kpis>article:nth-child(3n):after,body.design-lock-419 .seller-kpis article:nth-child(3n):after,body.design-lock-419 .franchise-kpis article:nth-child(3n):after{
background:radial-gradient(circle,rgba(244,201,93,.28),transparent 68%)}

body.design-lock-419 .admin-kpis b,body.design-lock-419 .seller-kpis b,body.design-lock-419 .franchise-kpis b{
font-size:22px!important;
color:#fff!important}

body.design-lock-419 .admin-kpis small,body.design-lock-419 .seller-kpis small,body.design-lock-419 .franchise-kpis small{
color:#8dc4bb!important}


/* Graphs / rings / maps */
body.design-lock-419 .executive-intelligence,body.design-lock-419 .seller-layout{
gap:9px!important}

body.design-lock-419 .trend-chart,body.design-lock-419 .level-chart,body.design-lock-419 .activity-heatmap,
body.design-lock-419 .india-coverage-map,body.design-lock-419 .balance-ring,body.design-lock-419 .intelligence-ring{
filter:saturate(1.15) contrast(1.03)}

body.design-lock-419 .trend-grid line,body.design-lock-419 svg .grid-line{
stroke:rgba(255,255,255,.09)!important}

body.design-lock-419 .chart-legend,body.design-lock-419 .chart-legend span{
color:#a8d0c8!important}

body.design-lock-419 .income-mix{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important}

body.design-lock-419 .income-mix>a{
min-height:82px;
background:linear-gradient(145deg,rgba(11,51,61,.98),rgba(8,36,45,.96))!important;
border:1px solid rgba(255,255,255,.09)!important;
color:#eaf8f5!important;
border-radius:15px!important}

body.design-lock-419 .income-mix>a b{
color:#fff!important;
font-size:16px!important}

body.design-lock-419 .income-mix>a small,body.design-lock-419 .income-mix>a span{
color:#9cc6bf!important}

body.design-lock-419 .income-mix>a:after{
height:5px!important;
background:linear-gradient(90deg,#00d59a,#1cc9db,#8c66ff)!important}

body.design-lock-419 .income-mix>a:nth-child(2n):after{
background:linear-gradient(90deg,#2e88ff,#8c66ff)!important}

body.design-lock-419 .income-mix>a:nth-child(3n):after{
background:linear-gradient(90deg,#f4c95d,#ff8c42)!important}


/* Tables inside app shell */
body.design-lock-419 table{
background:transparent!important;
color:#dff1ed!important}

body.design-lock-419 th{
background:#062b35!important;
color:#bfe4dc!important;
border-bottom:1px solid rgba(255,255,255,.10)!important}

body.design-lock-419 td{
color:#cce1dd!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
background:transparent!important}

body.design-lock-419 tr:hover td{
background:rgba(255,255,255,.035)!important}

body.design-lock-419 input,body.design-lock-419 select,body.design-lock-419 textarea{
background:#f8fffd!important;
color:#15343a!important;
border-color:#a9d4ca!important}


/* ===== MEMBER / SELLER ===== */
body.member-portal.design-lock-419 .seller-hero{
background:
  radial-gradient(circle at 78% 25%,rgba(244,201,93,.22),transparent 20%),
  radial-gradient(circle at 92% 110%,rgba(46,136,255,.20),transparent 32%),
  linear-gradient(120deg,#061b25,#07433f 52%,#096f52)!important;
border-radius:23px!important;
box-shadow:var(--419-shadow)!important}

body.member-portal.design-lock-419 .sale-only-banner{
background:linear-gradient(90deg,rgba(0,184,124,.16),rgba(28,201,219,.08))!important;
border:1px solid rgba(82,238,200,.16)!important;
color:#e8fbf6!important}

body.member-portal.design-lock-419 .sale-only-banner p,body.member-portal.design-lock-419 .sale-only-banner a{
color:#b8dcd5!important}

body.member-portal.design-lock-419 .career-command{
background:linear-gradient(120deg,#071f2a,#0a544a 62%,#775b18)!important;
border-color:rgba(244,201,93,.25)!important;
box-shadow:var(--419-shadow)!important}

body.member-portal.design-lock-419 .seller-kpis article.accent{
background:linear-gradient(145deg,#075d4b,#00a878)!important}

body.member-portal.design-lock-419 .seller-kpis article.purchase-accent{
background:linear-gradient(145deg,#0b3a68,#2e88ff)!important}


/* ===== FRANCHISE ===== */
body.franchise-portal.design-lock-419 .portal-sidebar{
background:linear-gradient(180deg,#041723,#0a3240 48%,#5a4315 100%)!important}

body.franchise-portal.design-lock-419 .dash-head{
background:
 radial-gradient(circle at 84% 18%,rgba(244,201,93,.25),transparent 22%),
 linear-gradient(118deg,#071f2c,#0a5062 58%,#6a4b12)!important;
border-radius:23px!important;
box-shadow:var(--419-shadow)!important}

body.franchise-portal.design-lock-419 .franchise-kpis article:nth-child(4n+1){
background:linear-gradient(145deg,#074b45,#086f5c)!important}

body.franchise-portal.design-lock-419 .franchise-kpis article:nth-child(4n+2){
background:linear-gradient(145deg,#0b3b66,#155ea1)!important}

body.franchise-portal.design-lock-419 .franchise-kpis article:nth-child(4n+3){
background:linear-gradient(145deg,#573c80,#7b54aa)!important}

body.franchise-portal.design-lock-419 .franchise-kpis article:nth-child(4n){
background:linear-gradient(145deg,#6a4a13,#9b7020)!important}

body.franchise-portal.design-lock-419 .franchise-kpis article small,body.franchise-portal.design-lock-419 .franchise-kpis article b,body.franchise-portal.design-lock-419 .franchise-kpis article span{
color:#fff!important}


/* ===== PUBLIC WEBSITE TRUE CINEMATIC HERO ===== */
body.public-body.design-lock-419{
background:#03171e!important;
color:#eefaf7!important}

body.public-body.design-lock-419 .premium-company-header{
background:rgba(3,19,26,.92)!important;
backdrop-filter:blur(18px)!important;
border-bottom:1px solid rgba(255,255,255,.08)!important}

body.public-body.design-lock-419 .utility-bar{
background:#020f14!important;
color:#7fb8ad!important}

body.public-body.design-lock-419 .main-header{
background:linear-gradient(90deg,rgba(4,24,32,.96),rgba(5,53,49,.94))!important}

body.public-body.design-lock-419 .alp-page{
background:#03171e!important}

body.public-body.design-lock-419 .alp-hero{
min-height:650px!important;
padding-top:58px!important;
background:
  radial-gradient(circle at 77% 27%,rgba(244,201,93,.28),transparent 18%),
  radial-gradient(circle at 69% 95%,rgba(0,184,124,.27),transparent 34%),
  linear-gradient(125deg,#041822 0%,#07363c 48%,#0a5a43 100%)!important}

body.public-body.design-lock-419 .alp-hero:after{
content:"";
position:absolute;
left:-4%;
right:-4%;
bottom:-86px;
height:220px;
background:linear-gradient(155deg,transparent 44%,rgba(1,17,22,.88) 45%),linear-gradient(205deg,transparent 44%,rgba(2,30,30,.88) 45%);
filter:drop-shadow(0 -12px 35px rgba(0,0,0,.18));
pointer-events:none}

body.public-body.design-lock-419 .alp-hero-copy{
max-width:720px!important}

body.public-body.design-lock-419 .alp-hero-copy h1{
font-size:clamp(56px,7vw,98px)!important;
line-height:.88!important;
letter-spacing:-.06em!important}

body.public-body.design-lock-419 .alp-hero-copy p{
font-size:17px!important;
color:#c5e0da!important}

body.public-body.design-lock-419 .alp-product-stage{
min-height:430px!important;
display:flex!important;
align-items:flex-end!important;
justify-content:center!important;
background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(2,28,34,.35))!important;
border:1px solid rgba(255,255,255,.14)!important;
box-shadow:0 30px 65px rgba(0,0,0,.30)!important}

body.public-body.design-lock-419 .alp-product-stage img{
max-height:330px!important;
filter:drop-shadow(0 25px 32px rgba(0,0,0,.42))!important}

body.public-body.design-lock-419 .ap419-product-cluster{
position:relative;
width:100%;
min-height:395px;
display:flex;
align-items:flex-end;
justify-content:center;
gap:0;
padding:40px 18px 52px}

body.public-body.design-lock-419 .ap419-product-cluster img{
position:relative;
object-fit:contain;
max-width:30%;
max-height:300px;
filter:drop-shadow(0 24px 28px rgba(0,0,0,.42));
transition:.2s ease}

body.public-body.design-lock-419 .ap419-product-cluster img:nth-child(1){
transform:translate(42px,13px) rotate(-4deg);
z-index:1}

body.public-body.design-lock-419 .ap419-product-cluster img:nth-child(2){
transform:translate(18px,-17px) scale(1.12);
z-index:3}

body.public-body.design-lock-419 .ap419-product-cluster img:nth-child(3){
transform:translate(-18px,3px) rotate(3deg);
z-index:2}

body.public-body.design-lock-419 .ap419-product-cluster img:nth-child(4){
transform:translate(-45px,20px) scale(.92);
z-index:1}

body.public-body.design-lock-419 .ap419-product-cluster:before{
content:"PREMIUM WELLNESS • PRODUCT FIRST";
position:absolute;
top:18px;
left:24px;
color:#85e8ca;
font-size:9px;
font-weight:900;
letter-spacing:.14em}

body.public-body.design-lock-419 .ap419-product-cluster:after{
content:"Health • Wealth • Happiness";
position:absolute;
bottom:17px;
right:23px;
color:#f1ce75;
font-size:12px;
font-weight:900;
letter-spacing:.05em}

body.public-body.design-lock-419 .alp-statbar{
position:relative;
z-index:2;
background:linear-gradient(90deg,#041b24,#07433e)!important;
border-color:rgba(255,255,255,.09)!important}

body.public-body.design-lock-419 .alp-section.light{
background:#f2faf8!important;
color:#12363c!important}

body.public-body.design-lock-419 .alp-section.dark{
background:linear-gradient(135deg,#031820,#073c3a)!important}


/* ===== MOBILE: native application, zero wasted space ===== */
@media(max-width:1280px){

 body.design-lock-419 .ap419-kpi-grid{
grid-template-columns:repeat(4,minmax(120px,1fr))}

 body.design-lock-419 .admin-quick-launch{
grid-template-columns:repeat(4,minmax(135px,1fr))!important}

 body.design-lock-419 .admin-kpis,body.design-lock-419 .seller-kpis,body.design-lock-419 .franchise-kpis{
grid-template-columns:repeat(3,minmax(130px,1fr))!important}

 body.design-lock-419 .income-mix{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

}

@media(max-width:900px){

 body.design-lock-419 .portal-sidebar{
width:260px!important}

 body.design-lock-419 .ap419-hero-top{
grid-template-columns:1fr}

 body.design-lock-419 .ap419-owner-panel{
max-width:520px}

 body.design-lock-419 .ap419-kpi-grid{
grid-template-columns:repeat(4,minmax(0,1fr))}

 body.design-lock-419 .admin-quick-launch,body.design-lock-419 .command-grid,body.design-lock-419 .franchise-command-strip{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

}

@media(max-width:760px){

 body.design-lock-419 .portal-content{
padding:7px 6px 88px!important}

 body.design-lock-419 .ap419-admin-hero{
border-radius:18px;
padding:12px 10px}

 body.design-lock-419 .ap419-hero-copy h1{
font-size:33px}

 body.design-lock-419 .ap419-hero-copy>p{
font-size:12px;
margin:7px 0 9px}

 body.design-lock-419 .ap419-owner-panel{
display:flex;
flex-wrap:wrap;
align-items:center;
padding:10px 11px}

 body.design-lock-419 .ap419-owner-panel small{
width:100%}

 body.design-lock-419 .ap419-owner-panel span{
width:100%}

 body.design-lock-419 .ap419-kpi-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:6px;
margin-top:8px}

 body.design-lock-419 .ap419-kpi{
min-height:78px;
padding:9px}

 body.design-lock-419 .ap419-kpi b{
font-size:18px}

 body.design-lock-419 .admin-quick-launch,body.design-lock-419 .command-grid,body.design-lock-419 .franchise-command-strip,body.design-lock-419 .function-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:6px!important}

 body.design-lock-419 .admin-quick-launch>a,body.design-lock-419 .command-grid>a,body.design-lock-419 .franchise-command-strip>a,body.design-lock-419 .function-grid>a{
min-height:68px!important;
padding:8px!important}

 body.design-lock-419 .admin-kpis,body.design-lock-419 .seller-kpis,body.design-lock-419 .franchise-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:6px!important}

 body.design-lock-419 .income-mix{
grid-template-columns:1fr 1fr!important;
gap:6px!important}

 body.public-body.design-lock-419 .alp-hero{
min-height:auto!important;
padding:34px 15px 24px!important}

 body.public-body.design-lock-419 .alp-hero-copy h1{
font-size:47px!important}

 body.public-body.design-lock-419 .ap419-product-cluster{
min-height:300px;
padding:30px 0 42px}

 body.public-body.design-lock-419 .ap419-product-cluster img{
max-height:225px;
max-width:34%}

}

@media(max-width:430px){

 body.design-lock-419 .ap419-hero-copy h1{
font-size:29px}

 body.design-lock-419 .ap419-kpi-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}

 body.design-lock-419 .admin-quick-launch,body.design-lock-419 .command-grid,body.design-lock-419 .franchise-command-strip,body.design-lock-419 .function-grid{
grid-template-columns:1fr 1fr!important}

 body.design-lock-419 .income-mix{
grid-template-columns:1fr!important}

 body.public-body.design-lock-419 .alp-hero-copy h1{
font-size:40px!important}

}



/* Source: alpline420.css */
/* ALPLINE 4.0.20 — Locked cinematic application refinement
   Goal: same approved dense app direction, no wasted first-fold space. */
:root{
--a420-bg:#03151d;
--a420-panel:#082631;
--a420-panel2:#0b3940;
--a420-emerald:#08a777;
--a420-mint:#63e6ba;
--a420-cyan:#4fc3f7;
--a420-gold:#f0c864;
--a420-ink:#071820;
--a420-white:#f7fffd;
--a420-muted:#9fc4be;
--a420-border:rgba(137,244,213,.14);
--a420-shadow:0 20px 52px rgba(0,12,18,.28)}

body.design-lock-420{
font-family:Inter,"Segoe UI",Arial,sans-serif!important;
letter-spacing:0!important}

body.design-lock-420 .portal-stage{
background:linear-gradient(135deg,#eaf5f2 0%,#f8fbfa 45%,#eef6f8 100%)!important}

body.design-lock-420 .portal-content{
padding:12px 14px 26px!important}

body.design-lock-420 .portal-topbar{
min-height:58px!important;
height:58px!important;
background:rgba(248,253,252,.94)!important;
border-bottom:1px solid rgba(7,61,57,.09)!important;
backdrop-filter:blur(18px)}

body.design-lock-420 .portal-sidebar{
width:228px!important;
background:linear-gradient(180deg,#031720 0%,#052b31 60%,#092e28 100%)!important;
box-shadow:14px 0 42px rgba(1,17,23,.16)!important}

body.design-lock-420 .portal-brand{
padding:16px 14px 12px!important}

body.design-lock-420 .portal-brand img{
width:40px!important;
height:40px!important;
object-fit:contain}

body.design-lock-420 .portal-brand b{
font-size:16px!important;
letter-spacing:.06em!important}

body.design-lock-420 .portal-brand small{
font-size:8px!important;
color:#9fd4c9!important}

body.design-lock-420 .live-data-badge{
margin:0 11px 10px!important;
padding:7px 9px!important;
font-size:8px!important}

body.design-lock-420 .portal-nav-label{
margin:9px 14px 5px!important;
font-size:8px!important}

body.design-lock-420 .portal-nav{
padding:0 8px 12px!important;
gap:2px!important}

body.design-lock-420 .portal-nav>a,body.design-lock-420 .portal-nav-group>summary{
min-height:34px!important;
padding:7px 9px!important;
border-radius:9px!important;
font-size:11px!important}

body.design-lock-420 .portal-nav>a i,body.design-lock-420 .portal-nav-group>summary i{
width:23px!important;
height:23px!important;
border-radius:7px!important;
font-size:11px!important}

body.design-lock-420 .portal-nav>a.active{
background:linear-gradient(90deg,#0bb680,#087b68)!important;
color:white!important;
box-shadow:0 8px 18px rgba(0,167,119,.22)!important}

body.design-lock-420 .portal-public-link{
margin:7px 10px!important;
padding:8px!important;
font-size:8px!important;
border-radius:9px!important}


/* ADMIN — compact command deck */
body.admin-portal.design-lock-420 .admin-console{
max-width:1600px;
margin:0 auto;
display:grid;
gap:10px}

body.admin-portal.design-lock-420 .ap419-admin-hero{
position:relative;
overflow:hidden;
padding:18px!important;
border-radius:22px!important;
background:
 radial-gradient(circle at 88% 20%,rgba(240,200,100,.24),transparent 24%),
 radial-gradient(circle at 76% 100%,rgba(0,214,156,.24),transparent 31%),
 linear-gradient(120deg,#041923 0%,#07373d 46%,#08684e 100%)!important;
box-shadow:var(--a420-shadow)!important;
border:1px solid rgba(117,236,201,.13)!important}

body.admin-portal.design-lock-420 .ap419-admin-hero:after{
content:"";
position:absolute;
right:-20px;
bottom:-28px;
width:330px;
height:260px;
background:url('india-admin1.svg') center/contain no-repeat;
opacity:.12;
filter:drop-shadow(0 0 24px rgba(75,238,190,.45));
pointer-events:none}

body.admin-portal.design-lock-420 .ap419-hero-top{
position:relative;
z-index:1;
display:grid!important;
grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr)!important;
gap:14px!important;
align-items:start!important}

body.admin-portal.design-lock-420 .ap419-hero-copy{
max-width:none!important}

body.admin-portal.design-lock-420 .ap419-kicker{
margin:0 0 5px!important;
color:#6ce6c1!important;
font-size:9px!important;
letter-spacing:.13em!important;
font-weight:900!important}

body.admin-portal.design-lock-420 .ap419-hero-copy h1{
font-family:Inter,"Segoe UI",sans-serif!important;
font-size:clamp(31px,3.2vw,53px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
margin:0!important;
color:white!important;
font-weight:850!important}

body.admin-portal.design-lock-420 .ap419-hero-copy h1 em{
color:var(--a420-gold)!important;
font-style:normal!important}

body.admin-portal.design-lock-420 .ap419-hero-copy>p{
font-size:12px!important;
max-width:780px!important;
margin:8px 0 10px!important;
color:#c4e0da!important;
line-height:1.55!important}

body.admin-portal.design-lock-420 .ap419-hero-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:5px!important}

body.admin-portal.design-lock-420 .ap419-hero-actions a{
padding:7px 9px!important;
border-radius:8px!important;
font-size:8px!important;
font-weight:900!important;
letter-spacing:.04em!important;
background:rgba(255,255,255,.07)!important;
border:1px solid rgba(255,255,255,.11)!important;
color:#eefef9!important}

body.admin-portal.design-lock-420 .ap419-hero-actions a:first-child{
background:linear-gradient(90deg,#f0c864,#dca93a)!important;
color:#15282a!important;
border-color:transparent!important}

body.admin-portal.design-lock-420 .ap419-owner-panel{
position:relative;
z-index:1;
min-height:116px!important;
padding:13px!important;
border-radius:16px!important;
background:rgba(2,20,27,.46)!important;
border:1px solid rgba(255,255,255,.12)!important;
display:grid!important;
grid-template-columns:1fr auto!important;
gap:3px 10px!important;
align-content:start!important}

body.admin-portal.design-lock-420 .ap419-owner-panel small{
grid-column:1/-1;
font-size:8px!important;
color:#7fe2c5!important}

body.admin-portal.design-lock-420 .ap419-owner-panel strong{
font-size:22px!important;
color:white!important;
line-height:1.1!important}

body.admin-portal.design-lock-420 .ap419-owner-panel em{
font-style:normal!important;
background:var(--a420-gold)!important;
color:#162a2d!important;
border-radius:20px!important;
padding:4px 8px!important;
font-size:9px!important;
font-weight:900!important;
justify-self:end}

body.admin-portal.design-lock-420 .ap419-owner-panel span{
grid-column:1/-1;
color:#bbd8d2!important;
font-size:9px!important;
line-height:1.4!important}

body.admin-portal.design-lock-420 .ap419-kpi-grid{
position:relative;
z-index:1;
display:grid!important;
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:7px!important;
margin-top:12px!important}

body.admin-portal.design-lock-420 .ap419-kpi{
position:relative;
overflow:hidden;
min-height:82px!important;
padding:10px!important;
border-radius:13px!important;
background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(0,15,22,.28))!important;
border:1px solid rgba(255,255,255,.10)!important;
color:white!important}

body.admin-portal.design-lock-420 .ap419-kpi:after{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:8px;
height:3px;
border-radius:6px;
background:linear-gradient(90deg,var(--a420-mint),var(--a420-cyan),transparent)}

body.admin-portal.design-lock-420 .ap419-kpi:nth-child(4n+2):after{
background:linear-gradient(90deg,var(--a420-gold),#ff9d58,transparent)}

body.admin-portal.design-lock-420 .ap419-kpi:nth-child(4n+3):after{
background:linear-gradient(90deg,#a78bfa,#5bc8ff,transparent)}

body.admin-portal.design-lock-420 .ap419-kpi small{
font-size:7px!important;
color:#9fd5cc!important;
letter-spacing:.09em!important}

body.admin-portal.design-lock-420 .ap419-kpi b{
display:block;
font-size:17px!important;
line-height:1.15!important;
margin:4px 0!important;
color:white!important;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}

body.admin-portal.design-lock-420 .ap419-kpi span{
font-size:8px!important;
color:#bddbd5!important;
line-height:1.2!important}

body.admin-portal.design-lock-420 .ap420-system-strip{
display:grid;
grid-template-columns:repeat(4,minmax(90px,1fr)) minmax(180px,1.35fr);
gap:7px}

body.admin-portal.design-lock-420 .ap420-system-strip>span,body.admin-portal.design-lock-420 .ap420-system-strip>a{
min-height:50px;
border-radius:13px;
padding:8px 10px;
background:#fff;
border:1px solid rgba(11,87,75,.09);
box-shadow:0 7px 18px rgba(6,54,50,.05);
display:grid;
grid-template-columns:auto 1fr;
grid-template-rows:auto auto;
column-gap:8px;
align-content:center;
text-decoration:none;
color:#103638}

body.admin-portal.design-lock-420 .ap420-system-strip i{
grid-row:1/3;
width:9px;
height:9px;
border-radius:50%;
background:#0bb680;
box-shadow:0 0 0 4px rgba(11,182,128,.11);
align-self:center}

body.admin-portal.design-lock-420 .ap420-system-strip b{
font-size:9px;
letter-spacing:.05em}

body.admin-portal.design-lock-420 .ap420-system-strip small{
font-size:8px;
color:#6c8b88}

body.admin-portal.design-lock-420 .ap420-system-strip>a{
grid-template-columns:1fr auto;
background:linear-gradient(100deg,#0a3538,#0a5a4c);
color:white;
border:none}

body.admin-portal.design-lock-420 .ap420-system-strip>a small{
color:#a9d8ce}
.ap420-system-strip>a strong{
grid-row:1/3;
grid-column:2;
align-self:center;
color:#f0c864;
font-size:9px}

body.admin-portal.design-lock-420 .admin-quick-launch{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:7px!important}

body.admin-portal.design-lock-420 .admin-quick-launch>a{
position:relative;
overflow:hidden;
min-height:74px!important;
padding:9px 9px!important;
border-radius:13px!important;
background:linear-gradient(145deg,#fff,#f2f8f6)!important;
border:1px solid rgba(10,99,81,.10)!important;
box-shadow:0 7px 20px rgba(4,58,49,.06)!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
color:#103338!important}

body.admin-portal.design-lock-420 .admin-quick-launch>a:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:3px;
background:linear-gradient(90deg,#0bad7c,#65dbbd)}

body.admin-portal.design-lock-420 .admin-quick-launch>a:nth-child(4n+2):after{
background:linear-gradient(90deg,#2f80ed,#56ccf2)}

body.admin-portal.design-lock-420 .admin-quick-launch>a:nth-child(4n+3):after{
background:linear-gradient(90deg,#8b5cf6,#c084fc)}

body.admin-portal.design-lock-420 .admin-quick-launch>a:nth-child(4n):after{
background:linear-gradient(90deg,#d8a531,#f0d57a)}

body.admin-portal.design-lock-420 .admin-quick-launch>a>i{
flex:0 0 32px!important;
width:32px!important;
height:32px!important;
border-radius:10px!important;
display:grid!important;
place-items:center!important;
background:#0d4d47!important;
color:#7df0cd!important;
font-style:normal!important;
font-size:14px!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}

body.admin-portal.design-lock-420 .admin-quick-launch>a:nth-child(4n+2)>i{
background:#123b67!important;
color:#75c9ff!important}
body.admin-portal.design-lock-420 .admin-quick-launch>a:nth-child(4n+3)>i{
background:#4b3572!important;
color:#d3b9ff!important}
body.admin-portal.design-lock-420 .admin-quick-launch>a:nth-child(4n)>i{
background:#594416!important;
color:#f7da79!important}

body.admin-portal.design-lock-420 .admin-quick-launch b{
font-size:9px!important;
letter-spacing:.015em!important}
body.admin-portal.design-lock-420 .admin-quick-launch small{
font-size:7.5px!important;
line-height:1.25!important;
color:#758f8b!important;
margin-top:2px!important}

body.admin-portal.design-lock-420 .admin-action-inbox,body.admin-portal.design-lock-420 .control-card,body.admin-portal.design-lock-420 .recent-ids{
border-radius:16px!important;
border:1px solid rgba(8,79,69,.09)!important;
box-shadow:0 9px 25px rgba(5,59,51,.055)!important}

body.admin-portal.design-lock-420 .admin-kpis{
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:7px!important}
body.admin-portal.design-lock-420 .admin-kpis article{
min-height:72px!important;
padding:9px!important;
border-radius:12px!important;
background:#fff!important;
border:1px solid rgba(8,79,69,.09)!important}
body.admin-portal.design-lock-420 .admin-kpis small{
font-size:7px!important}
body.admin-portal.design-lock-420 .admin-kpis b{
font-size:17px!important}

body.admin-portal.design-lock-420 .executive-intelligence{
gap:8px!important;
grid-template-columns:1.4fr .8fr .8fr 1fr!important}
body.admin-portal.design-lock-420 .executive-intelligence .control-card{
min-height:230px!important;
padding:12px!important}

body.admin-portal.design-lock-420 .section-title h2,body.admin-portal.design-lock-420 .control-card h2{
font-family:Inter,"Segoe UI",sans-serif!important;
font-size:18px!important;
letter-spacing:-.025em!important}


/* SETTINGS — safe, readable, no 500 / no oversized rows */
body.admin-portal.design-lock-420 .theme-control-page{
max-width:1450px;
margin:auto;
display:grid;
gap:10px}

body.admin-portal.design-lock-420 .theme-control-page .dash-head{
padding:16px!important;
border-radius:18px!important;
background:linear-gradient(115deg,#05222c,#08634e)!important;
color:white!important}

body.admin-portal.design-lock-420 .theme-control-page .dash-head h1{
font:850 34px/1 Inter,"Segoe UI",sans-serif!important;
margin:4px 0!important}

body.admin-portal.design-lock-420 .governance-login-card,body.admin-portal.design-lock-420 .theme-studio{
border-radius:16px!important;
padding:14px!important;
background:#fff!important;
border:1px solid rgba(8,79,69,.1)!important;
box-shadow:0 10px 26px rgba(5,59,51,.06)!important}

body.admin-portal.design-lock-420 .theme-control-page table{
font-size:10px!important}
body.admin-portal.design-lock-420 .theme-control-page th{
font-size:7px!important;
letter-spacing:.08em!important}
body.admin-portal.design-lock-420 .theme-control-page td{
padding:7px!important}
.ap17-setting-value{
display:block;
max-width:400px;
white-space:normal;
overflow-wrap:anywhere;
font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:9px;
color:#466}


/* MEMBER — every income has a real data-driven mini graphic */
body.member-portal.design-lock-420 .seller-command{
max-width:1500px;
margin:auto;
display:grid;
gap:9px}

body.member-portal.design-lock-420 .seller-hero{
padding:16px!important;
border-radius:20px!important;
background:radial-gradient(circle at 84% 20%,rgba(240,200,100,.23),transparent 25%),linear-gradient(120deg,#041923,#08413d 54%,#087358)!important;
box-shadow:var(--a420-shadow)!important}

body.member-portal.design-lock-420 .seller-hero h1{
font:850 clamp(28px,3vw,44px)/1 Inter,"Segoe UI",sans-serif!important;
letter-spacing:-.04em!important}

body.member-portal.design-lock-420 .seller-kpis{
grid-template-columns:repeat(9,minmax(0,1fr))!important;
gap:6px!important}
body.member-portal.design-lock-420 .seller-kpis article{
min-height:96px!important;
padding:9px!important;
border-radius:13px!important;
box-shadow:0 8px 22px rgba(5,59,51,.06)!important}
body.member-portal.design-lock-420 .seller-kpis small{
font-size:7px!important}
body.member-portal.design-lock-420 .seller-kpis b{
font-size:17px!important}

body.member-portal.design-lock-420 .command-grid{
grid-template-columns:repeat(7,minmax(0,1fr))!important;
gap:6px!important}
body.member-portal.design-lock-420 .command-grid>a{
min-height:74px!important;
padding:8px!important;
border-radius:12px!important;
box-shadow:none!important;
border:1px solid rgba(8,79,69,.09)!important}
body.member-portal.design-lock-420 .command-grid>a i{
width:28px!important;
height:28px!important;
border-radius:9px!important}

body.member-portal.design-lock-420 .income-mix{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important}
body.member-portal.design-lock-420 .income-mix>a{
position:relative;
overflow:hidden;
min-height:78px!important;
padding:10px 11px!important;
border-radius:13px!important;
background:linear-gradient(145deg,#fafffd,#eef8f5)!important;
border:1px solid rgba(6,110,88,.1)!important;
display:grid!important;
grid-template-columns:1fr auto!important;
gap:8px!important;
align-items:center!important;
text-decoration:none!important}
body.member-portal.design-lock-420 .income-mix>a strong{
font-size:15px!important;
color:#076a52!important}
.income-graphic{
display:block!important;
margin-top:7px!important;
width:100%!important;
height:6px!important;
border-radius:10px!important;
background:#dceee9!important;
overflow:hidden!important}
.income-graphic em{
display:block!important;
width:var(--income-pct)!important;
height:100%!important;
border-radius:10px!important;
background:linear-gradient(90deg,#08a777,#4fc3f7)!important;
box-shadow:0 0 14px rgba(8,167,119,.2)!important}
body.member-portal.design-lock-420 .income-mix>a:nth-child(4n+2) .income-graphic em{
background:linear-gradient(90deg,#2f80ed,#5cd7ef)!important}
body.member-portal.design-lock-420 .income-mix>a:nth-child(4n+3) .income-graphic em{
background:linear-gradient(90deg,#8b5cf6,#d66efd)!important}
body.member-portal.design-lock-420 .income-mix>a:nth-child(4n) .income-graphic em{
background:linear-gradient(90deg,#d69d28,#f2d36d)!important}


/* FRANCHISE */
body.franchise-portal.design-lock-420 .franchise-page{
max-width:1500px;
margin:auto}
body.franchise-portal.design-lock-420 .dash-head{
padding:16px!important;
border-radius:20px!important}
body.franchise-portal.design-lock-420 .franchise-kpis{
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:7px!important}
body.franchise-portal.design-lock-420 .franchise-kpis article{
border-radius:13px!important;
min-height:88px!important;
padding:9px!important}


/* PUBLIC — polished application-grade storefront, compact first fold */
body.public-body.design-lock-420{
background:#03151d!important;
color:#eefbf7!important;
font-family:Inter,"Segoe UI",Arial,sans-serif!important}

body.public-body.design-lock-420 .utility-bar{
display:none!important}

body.public-body.design-lock-420 .premium-company-header{
position:sticky!important;
top:0!important;
z-index:90!important;
background:rgba(3,20,27,.88)!important;
backdrop-filter:blur(20px)!important;
border-bottom:1px solid rgba(129,235,203,.1)!important}

body.public-body.design-lock-420 .main-header{
max-width:1500px!important;
margin:auto!important;
min-height:64px!important;
padding:8px 18px!important;
background:transparent!important}

body.public-body.design-lock-420 .brand .crest{
width:39px!important;
height:39px!important}
body.public-body.design-lock-420 .brand b{
font-size:17px!important;
color:white!important}
body.public-body.design-lock-420 .brand small{
font-size:7px!important;
color:#95c9bf!important}
.public-body.design-lock-420 .primary-nav a{
color:#c5ded9!important;
font-size:10px!important;
font-weight:800!important}
.public-body.design-lock-420 .primary-nav a.active,.public-body.design-lock-420 .primary-nav a:hover{
color:#6de5c1!important}

body.public-body.design-lock-420 .alp-page{
background:#03151d!important}

body.public-body.design-lock-420 .alp-hero{
position:relative!important;
overflow:hidden!important;
max-width:1540px!important;
margin:0 auto!important;
min-height:520px!important;
padding:44px 28px 38px!important;
display:grid!important;
grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr)!important;
gap:22px!important;
align-items:center!important;
background:radial-gradient(circle at 84% 18%,rgba(240,200,100,.21),transparent 20%),radial-gradient(circle at 68% 105%,rgba(0,192,137,.28),transparent 31%),linear-gradient(122deg,#031720 0%,#07343a 46%,#087057 100%)!important}

body.public-body.design-lock-420 .alp-hero:before{
content:"";
position:absolute;
left:-5%;
right:-5%;
bottom:-75px;
height:230px;
background:linear-gradient(155deg,transparent 47%,rgba(2,22,28,.72) 48%),linear-gradient(205deg,transparent 47%,rgba(5,57,50,.62) 48%);
filter:drop-shadow(0 -20px 26px rgba(0,0,0,.18));
pointer-events:none}

body.public-body.design-lock-420 .alp-hero-copy{
position:relative;
z-index:2;
max-width:650px!important}

body.public-body.design-lock-420 .alp-overline{
font-size:9px!important;
letter-spacing:.16em!important;
font-weight:900!important;
color:#70e6c2!important}

body.public-body.design-lock-420 .alp-hero-copy h1{
font-family:Inter,"Segoe UI",Arial,sans-serif!important;
font-size:clamp(43px,5.2vw,76px)!important;
line-height:.94!important;
letter-spacing:-.055em!important;
font-weight:900!important;
margin:9px 0 13px!important;
color:#fff!important}

body.public-body.design-lock-420 .alp-hero-copy h1 em{
font-style:normal!important;
color:var(--a420-gold)!important}

body.public-body.design-lock-420 .alp-hero-copy p{
font-size:14px!important;
line-height:1.6!important;
color:#c6e0db!important;
max-width:610px!important}

body.public-body.design-lock-420 .alp-actions{
gap:7px!important;
margin-top:16px!important}
.public-body.design-lock-420 .alp-btn{
min-height:40px!important;
padding:10px 14px!important;
border-radius:10px!important;
font-size:9px!important;
font-weight:900!important;
letter-spacing:.04em!important}
.public-body.design-lock-420 .alp-btn.primary{
background:linear-gradient(90deg,#f2cc68,#dca43c)!important;
color:#122727!important;
box-shadow:0 10px 24px rgba(230,178,57,.18)!important}
.public-body.design-lock-420 .alp-btn.ghost{
background:rgba(255,255,255,.055)!important;
border-color:rgba(255,255,255,.16)!important;
color:#e8faf5!important}

body.public-body.design-lock-420 .alp-hero-proof{
margin-top:17px!important;
display:flex!important;
gap:7px!important;
flex-wrap:wrap!important}
.public-body.design-lock-420 .alp-hero-proof span{
padding:7px 9px!important;
border-radius:9px!important;
background:rgba(2,19,26,.35)!important;
border:1px solid rgba(124,233,201,.11)!important;
color:#b8dcd5!important;
font-size:8px!important}
.public-body.design-lock-420 .alp-hero-proof b{
color:#67e2bc!important}

body.public-body.design-lock-420 .alp-hero-visual{
position:relative;
z-index:2!important}
.public-body.design-lock-420 .alp-product-stage{
min-height:365px!important;
border-radius:24px!important;
background:linear-gradient(150deg,rgba(255,255,255,.11),rgba(1,21,28,.42))!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 26px 60px rgba(0,0,0,.28)!important;
overflow:hidden!important}
.public-body.design-lock-420 .alp-product-stage:before{
content:"PREMIUM WELLNESS COLLECTION";
position:absolute;
left:19px;
top:17px;
color:#70e6c2;
font-size:8px;
font-weight:900;
letter-spacing:.15em;
z-index:3}
.public-body.design-lock-420 .alp-product-stage:after{
content:"PRODUCT • PEOPLE • PROSPERITY";
position:absolute;
right:19px;
bottom:14px;
color:#f0cd72;
font-size:8px;
font-weight:900;
letter-spacing:.12em;
z-index:3}

body.public-body.design-lock-420 .ap419-product-cluster{
min-height:365px!important;
padding:46px 4px 38px!important;
gap:0!important}
.public-body.design-lock-420 .ap419-product-cluster:before,.public-body.design-lock-420 .ap419-product-cluster:after{
display:none!important}
.public-body.design-lock-420 .ap419-product-cluster img{
max-height:250px!important;
max-width:27%!important;
filter:drop-shadow(0 23px 25px rgba(0,0,0,.38))!important}
.public-body.design-lock-420 .ap419-product-cluster img:nth-child(1){
transform:translate(45px,10px) rotate(-4deg)!important}
.public-body.design-lock-420 .ap419-product-cluster img:nth-child(2){
transform:translate(18px,-18px) scale(1.08)!important}
.public-body.design-lock-420 .ap419-product-cluster img:nth-child(3){
transform:translate(-15px,-2px) rotate(2deg)!important}
.public-body.design-lock-420 .ap419-product-cluster img:nth-child(4){
transform:translate(-43px,15px) scale(.92)!important}

body.public-body.design-lock-420 .alp-statbar{
max-width:1500px!important;
margin:-18px auto 0!important;
position:relative!important;
z-index:5!important;
padding:0 28px 18px!important;
background:transparent!important;
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:8px!important}
.public-body.design-lock-420 .alp-statbar article{
min-height:72px!important;
padding:12px!important;
border-radius:14px!important;
background:rgba(7,42,46,.96)!important;
border:1px solid rgba(113,232,197,.12)!important;
box-shadow:0 13px 30px rgba(0,0,0,.15)!important}
.public-body.design-lock-420 .alp-statbar b{
font-size:12px!important;
color:#f3d173!important}
.public-body.design-lock-420 .alp-statbar span{
font-size:9px!important;
color:#a9cfc7!important;
line-height:1.3!important}

body.public-body.design-lock-420 .alp-section{
padding:52px 22px!important}
.public-body.design-lock-420 .alp-shell{
max-width:1440px!important}
.public-body.design-lock-420 .alp-section.light{
background:linear-gradient(180deg,#f2f8f6,#e8f3f0)!important;
color:#103237!important}
.public-body.design-lock-420 .alp-section-head h2,.public-body.design-lock-420 .alp-story h2,.public-body.design-lock-420 .alp-care-grid h2,.public-body.design-lock-420 .alp-band h2{
font-family:Inter,"Segoe UI",Arial,sans-serif!important;
font-weight:900!important;
letter-spacing:-.045em!important;
font-size:clamp(30px,3.5vw,50px)!important;
line-height:.98!important}

body.public-body.design-lock-420 .alp-showcase-grid{
display:grid!important;
grid-template-columns:1.3fr repeat(3,1fr)!important;
gap:10px!important}
.public-body.design-lock-420 .alp-product-card{
min-height:330px!important;
border-radius:18px!important;
overflow:hidden!important;
background:linear-gradient(155deg,#fff,#e8f3ef)!important;
border:1px solid rgba(6,100,80,.09)!important;
box-shadow:0 14px 34px rgba(10,67,57,.08)!important}
.public-body.design-lock-420 .alp-product-image{
height:210px!important;
padding:12px!important;
background:radial-gradient(circle at 50% 75%,rgba(10,175,126,.12),transparent 48%)!important;
display:grid!important;
place-items:center!important}
.public-body.design-lock-420 .alp-product-image img{
max-height:185px!important;
max-width:95%!important;
object-fit:contain!important;
filter:drop-shadow(0 14px 14px rgba(0,0,0,.12))!important}
.public-body.design-lock-420 .alp-product-body{
padding:12px 14px 14px!important}
.public-body.design-lock-420 .alp-product-body h3{
font:850 19px/1.1 Inter,"Segoe UI",sans-serif!important;
margin:4px 0!important}
.public-body.design-lock-420 .alp-product-body small{
font-size:7px!important;
letter-spacing:.12em!important;
color:#0a8064!important}
.public-body.design-lock-420 .alp-product-body p{
font-size:10px!important;
color:#587470!important}
.public-body.design-lock-420 .alp-product-body a{
font-size:8px!important;
font-weight:900!important;
color:#075e4b!important}

body.public-body.design-lock-420 .alp-experience-section,body.public-body.design-lock-420 .alp-care-section{
background:linear-gradient(135deg,#031820,#073a38)!important}
.public-body.design-lock-420 .alp-values .alp-value,.public-body.design-lock-420 .alp-card{
border-radius:15px!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.09)!important;
color:#e9faf6!important}
.public-body.design-lock-420 .alp-value small,.public-body.design-lock-420 .alp-card p{
color:#9fc7bf!important}


@media(max-width:1200px){

 body.admin-portal.design-lock-420 .ap419-kpi-grid{
grid-template-columns:repeat(4,1fr)!important}

 body.admin-portal.design-lock-420 .admin-quick-launch{
grid-template-columns:repeat(4,1fr)!important}

 body.member-portal.design-lock-420 .seller-kpis{
grid-template-columns:repeat(3,1fr)!important}

 body.member-portal.design-lock-420 .command-grid{
grid-template-columns:repeat(4,1fr)!important}

 body.public-body.design-lock-420 .alp-hero{
grid-template-columns:1fr 1fr!important}

}

@media(max-width:900px){

 body.design-lock-420 .portal-sidebar{
width:250px!important}

 body.admin-portal.design-lock-420 .ap419-hero-top{
grid-template-columns:1fr!important}

 body.admin-portal.design-lock-420 .ap419-owner-panel{
max-width:none!important}

 body.admin-portal.design-lock-420 .ap420-system-strip{
grid-template-columns:repeat(2,1fr)!important}

 body.admin-portal.design-lock-420 .ap420-system-strip>a{
grid-column:1/-1}

 body.admin-portal.design-lock-420 .executive-intelligence{
grid-template-columns:1fr 1fr!important}

 body.public-body.design-lock-420 .alp-hero{
grid-template-columns:1fr!important;
min-height:auto!important;
padding:32px 18px!important}

 body.public-body.design-lock-420 .alp-hero-copy{
max-width:none!important}

 body.public-body.design-lock-420 .alp-product-stage{
min-height:310px!important}

 body.public-body.design-lock-420 .ap419-product-cluster{
min-height:310px!important}

 body.public-body.design-lock-420 .alp-showcase-grid{
grid-template-columns:1fr 1fr!important}

}

@media(max-width:760px){

 body.design-lock-420 .portal-topbar{
height:52px!important;
min-height:52px!important}

 body.design-lock-420 .portal-content{
padding:7px 6px 88px!important}

 body.admin-portal.design-lock-420 .ap419-admin-hero{
padding:12px!important;
border-radius:16px!important}

 body.admin-portal.design-lock-420 .ap419-hero-copy h1{
font-size:31px!important}

 body.admin-portal.design-lock-420 .ap419-kpi-grid{
grid-template-columns:repeat(2,1fr)!important;
gap:5px!important}

 body.admin-portal.design-lock-420 .ap419-kpi{
min-height:72px!important;
padding:8px!important}

 body.admin-portal.design-lock-420 .admin-quick-launch{
grid-template-columns:repeat(2,1fr)!important;
gap:5px!important}

 body.admin-portal.design-lock-420 .admin-quick-launch>a{
min-height:64px!important;
padding:7px!important}

 body.admin-portal.design-lock-420 .admin-kpis{
grid-template-columns:repeat(2,1fr)!important}

 body.admin-portal.design-lock-420 .executive-intelligence{
grid-template-columns:1fr!important}

 body.member-portal.design-lock-420 .seller-kpis{
grid-template-columns:repeat(2,1fr)!important}

 body.member-portal.design-lock-420 .command-grid{
grid-template-columns:repeat(2,1fr)!important}

 body.member-portal.design-lock-420 .income-mix{
grid-template-columns:1fr!important}

 body.franchise-portal.design-lock-420 .franchise-kpis{
grid-template-columns:repeat(2,1fr)!important}

 body.public-body.design-lock-420 .main-header{
padding:7px 10px!important;
min-height:56px!important}

 body.public-body.design-lock-420 .alp-hero{
padding:25px 13px 21px!important;
gap:12px!important}

 body.public-body.design-lock-420 .alp-hero-copy h1{
font-size:42px!important}

 body.public-body.design-lock-420 .alp-hero-copy p{
font-size:12px!important}

 body.public-body.design-lock-420 .alp-product-stage{
min-height:265px!important;
border-radius:17px!important}

 body.public-body.design-lock-420 .ap419-product-cluster{
min-height:265px!important;
padding:38px 0 33px!important}
.public-body.design-lock-420 .ap419-product-cluster img{
max-height:180px!important;
max-width:31%!important}

 body.public-body.design-lock-420 .alp-statbar{
grid-template-columns:repeat(2,1fr)!important;
margin:0 auto!important;
padding:8px 13px 13px!important}
.public-body.design-lock-420 .alp-statbar article{
min-height:60px!important;
padding:9px!important}

 body.public-body.design-lock-420 .alp-section{
padding:34px 13px!important}
.public-body.design-lock-420 .alp-showcase-grid{
grid-template-columns:1fr 1fr!important;
gap:7px!important}
.public-body.design-lock-420 .alp-product-card{
min-height:260px!important}
.public-body.design-lock-420 .alp-product-image{
height:165px!important}
.public-body.design-lock-420 .alp-product-image img{
max-height:145px!important}
.public-body.design-lock-420 .alp-product-body{
padding:9px!important}
.public-body.design-lock-420 .alp-product-body h3{
font-size:15px!important}

}

@media(max-width:440px){

 body.public-body.design-lock-420 .alp-hero-copy h1{
font-size:36px!important}

 body.public-body.design-lock-420 .alp-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important}
.public-body.design-lock-420 .alp-actions .alp-btn:first-child{
grid-column:1/-1}

 body.public-body.design-lock-420 .alp-showcase-grid{
grid-template-columns:1fr!important}
.public-body.design-lock-420 .alp-product-card{
display:grid!important;
grid-template-columns:42% 58%!important;
min-height:150px!important}
.public-body.design-lock-420 .alp-product-image{
height:150px!important}
.public-body.design-lock-420 .alp-product-image img{
max-height:128px!important}

}



/* Source: alpline421.css */
/* ALPLINE 4.0.21 — MASTER VISUAL LOCK
   Purpose: one coherent premium application system for Public / Admin / Member / Franchise.
   Loaded last intentionally. Functional markup and routes remain unchanged. */
:root{

  --v421-bg:#03131a;
--v421-bg2:#061f27;
--v421-panel:#08252d;
--v421-panel2:#0c3138;

  --v421-emerald:#10b981;
--v421-emerald2:#38e5b5;
--v421-teal:#0ea5a7;
--v421-blue:#3182f6;

  --v421-violet:#8b5cf6;
--v421-orange:#ff9f43;
--v421-gold:#f5c95d;
--v421-red:#ff5e6c;

  --v421-white:#f7fffd;
--v421-muted:#9bbdb8;
--v421-line:rgba(139,232,210,.14);

  --v421-shadow:0 18px 55px rgba(0,12,18,.28);
--v421-radius:18px;

}

body.design-lock-421{
font-family:Inter,"Segoe UI",Arial,sans-serif!important}

body.design-lock-421 *{
box-sizing:border-box}


/* ========================= PORTAL CHROME ========================= */
body.design-lock-421.portal-body{
background:var(--v421-bg)!important;
color:#eaf8f5!important}

body.design-lock-421 .portal-stage{
background:
  radial-gradient(circle at 88% 4%,rgba(16,185,129,.13),transparent 26%),
  radial-gradient(circle at 55% 35%,rgba(49,130,246,.07),transparent 32%),
  linear-gradient(135deg,#04151c 0%,#071f27 52%,#04171d 100%)!important}

body.design-lock-421 .portal-content{
padding:14px 16px 30px!important;
background:transparent!important}

body.design-lock-421 .portal-topbar{
height:60px!important;
min-height:60px!important;
padding:0 18px!important;
background:rgba(3,19,26,.93)!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
box-shadow:0 9px 28px rgba(0,0,0,.16)!important;
backdrop-filter:blur(18px)}

body.design-lock-421 .portal-topbar small{
color:#7fb7ae!important;
font-size:9px!important}

body.design-lock-421 .portal-topbar b,body.design-lock-421 .portal-top-actions>a,body.design-lock-421 .portal-top-actions summary{
color:#edfdf9!important}

body.design-lock-421 .portal-sidebar{
width:232px!important;
background:
 radial-gradient(circle at 20% 0%,rgba(28,203,153,.12),transparent 26%),
 linear-gradient(180deg,#020d13 0%,#061e27 52%,#072c27 100%)!important;
border-right:1px solid rgba(255,255,255,.06)!important;
box-shadow:18px 0 45px rgba(0,0,0,.20)!important}

body.design-lock-421 .portal-stage{
margin-left:232px!important}

body.design-lock-421 .portal-brand{
height:62px!important;
margin:0 0 9px!important;
padding:9px 10px!important;
border-bottom:1px solid rgba(255,255,255,.06)}

body.design-lock-421 .portal-brand img{
width:42px!important;
height:42px!important;
border-radius:12px!important;
background:rgba(255,255,255,.96)!important;
padding:3px!important}

body.design-lock-421 .portal-brand b{
font-size:15px!important;
letter-spacing:.08em!important;
color:#fff!important}

body.design-lock-421 .portal-brand small{
font-size:8px!important;
color:#7ecbb9!important}

body.design-lock-421 .live-data-badge{
margin:8px 8px 11px!important;
padding:7px 9px!important;
border-radius:9px!important;
background:rgba(16,185,129,.10)!important;
border:1px solid rgba(65,228,183,.14)!important;
color:#8ee5cd!important}

body.design-lock-421 .portal-nav-label{
margin:10px 12px 5px!important;
color:#577c78!important;
font-size:8px!important}

body.design-lock-421 .portal-nav{
padding:0 7px 12px!important;
gap:2px!important}

body.design-lock-421 .portal-nav>a,body.design-lock-421 .portal-nav-group>summary{
min-height:36px!important;
padding:6px 8px!important;
border-radius:10px!important;
color:#bfd5d1!important;
font-size:10px!important}

body.design-lock-421 .portal-nav>a i,body.design-lock-421 .portal-nav-group>summary i{
width:24px!important;
height:24px!important;
border-radius:8px!important;
background:rgba(255,255,255,.05)!important;
color:#f4cb66!important}

body.design-lock-421 .portal-nav>a:hover,body.design-lock-421 .portal-nav-group>summary:hover{
background:rgba(255,255,255,.05)!important;
color:white!important}

body.design-lock-421 .portal-nav>a.active{
background:linear-gradient(100deg,#0ca977,#087b69)!important;
color:white!important;
box-shadow:0 8px 20px rgba(0,176,128,.24)!important}

body.design-lock-421 .portal-public-link{
margin:6px 9px!important;
padding:8px!important;
border-radius:10px!important;
border-color:rgba(255,255,255,.11)!important;
background:rgba(255,255,255,.025)!important;
color:#d9eee8!important}


/* ========================= ADMIN COMMAND CENTER ========================= */
body.admin-portal.design-lock-421 .admin-console{
max-width:none!important;
margin:0!important;
display:grid!important;
gap:12px!important;
color:#e8faf5!important}

body.admin-portal.design-lock-421 .ap419-admin-hero{
position:relative;
isolation:isolate;
overflow:hidden;
padding:18px!important;
border-radius:22px!important;
background:
 radial-gradient(circle at 86% 18%,rgba(245,201,93,.20),transparent 22%),
 radial-gradient(circle at 71% 110%,rgba(27,224,170,.17),transparent 35%),
 linear-gradient(118deg,#051924 0%,#063c3e 52%,#08644d 100%)!important;
border:1px solid rgba(94,235,193,.15)!important;
box-shadow:var(--v421-shadow)!important}

body.admin-portal.design-lock-421 .ap419-admin-hero:before{
content:"";
position:absolute;
inset:auto -3% -24% 42%;
height:80%;
z-index:-1;
opacity:.35;
background:
 linear-gradient(145deg,transparent 0 42%,#0a4b4a 43% 52%,transparent 53%),
 linear-gradient(220deg,transparent 0 43%,#0e6255 44% 55%,transparent 56%),
 linear-gradient(160deg,transparent 0 57%,#0b342f 58% 70%,transparent 71%);
filter:drop-shadow(0 -9px 18px rgba(20,207,159,.18))}

body.admin-portal.design-lock-421 .ap419-admin-hero:after{
content:"";
position:absolute;
right:24px;
top:20px;
width:260px;
height:210px;
background:url('india-admin1.svg') center/contain no-repeat;
opacity:.12;
filter:drop-shadow(0 0 28px rgba(63,243,194,.45));
z-index:-1}

body.admin-portal.design-lock-421 .ap419-hero-top{
display:grid!important;
grid-template-columns:minmax(0,1.55fr) minmax(245px,.45fr)!important;
gap:14px!important}

body.admin-portal.design-lock-421 .ap419-kicker{
font-size:8px!important;
letter-spacing:.17em!important;
color:#67e5c0!important}

body.admin-portal.design-lock-421 .ap419-hero-copy h1{
font-size:clamp(34px,3.2vw,56px)!important;
line-height:.93!important;
font-weight:900!important;
letter-spacing:-.055em!important;
color:#fff!important;
margin:3px 0 8px!important}

body.admin-portal.design-lock-421 .ap419-hero-copy h1 em{
color:var(--v421-gold)!important}

body.admin-portal.design-lock-421 .ap419-hero-copy>p{
max-width:760px!important;
color:#b7d9d3!important;
font-size:11px!important;
line-height:1.5!important;
margin:0 0 10px!important}

body.admin-portal.design-lock-421 .ap419-hero-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:5px!important}

body.admin-portal.design-lock-421 .ap419-hero-actions a{
min-height:30px!important;
padding:7px 10px!important;
border-radius:9px!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.10)!important;
color:#eafaf6!important;
font-size:8px!important;
font-weight:900!important;
text-decoration:none!important}

body.admin-portal.design-lock-421 .ap419-hero-actions a:first-child{
background:linear-gradient(90deg,#f4ce68,#dda73b)!important;
color:#102525!important;
border:0!important}

body.admin-portal.design-lock-421 .ap419-owner-panel{
padding:13px!important;
border-radius:17px!important;
background:linear-gradient(145deg,rgba(2,18,25,.72),rgba(7,52,49,.55))!important;
border:1px solid rgba(255,255,255,.11)!important;
box-shadow:inset 0 1px rgba(255,255,255,.05)!important}

body.admin-portal.design-lock-421 .ap419-owner-panel small{
color:#62dcbc!important;
font-size:8px!important}

body.admin-portal.design-lock-421 .ap419-owner-panel strong{
color:#fff!important;
font-size:23px!important}

body.admin-portal.design-lock-421 .ap419-owner-panel em{
background:var(--v421-gold)!important;
color:#0c2c2a!important}

body.admin-portal.design-lock-421 .ap419-owner-panel span{
color:#9ec7c0!important;
font-size:8px!important}

body.admin-portal.design-lock-421 .ap419-kpi-grid{
display:grid!important;
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:7px!important;
margin-top:13px!important}

body.admin-portal.design-lock-421 .ap419-kpi{
position:relative;
overflow:hidden;
min-height:92px!important;
padding:10px 10px 15px!important;
border-radius:14px!important;
background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(2,24,30,.50))!important;
border:1px solid rgba(255,255,255,.09)!important;
color:white!important;
box-shadow:inset 0 1px rgba(255,255,255,.04)!important}

body.admin-portal.design-lock-421 .ap419-kpi:before{
content:"";
position:absolute;
right:-12px;
top:-15px;
width:52px;
height:52px;
border-radius:50%;
background:var(--kpi,#19c997);
opacity:.18;
box-shadow:0 0 32px var(--kpi,#19c997)}

body.admin-portal.design-lock-421 .ap419-kpi:after{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:7px;
height:4px;
border-radius:10px;
background:linear-gradient(90deg,var(--kpi,#19c997) 0 72%,rgba(255,255,255,.08) 72%)}

body.admin-portal.design-lock-421 .ap419-kpi:nth-child(1){
--kpi:#26d49f}
body.admin-portal.design-lock-421 .ap419-kpi:nth-child(2){
--kpi:#3d91ff}
body.admin-portal.design-lock-421 .ap419-kpi:nth-child(3){
--kpi:#f4c85e}
body.admin-portal.design-lock-421 .ap419-kpi:nth-child(4){
--kpi:#a879ff}
body.admin-portal.design-lock-421 .ap419-kpi:nth-child(5){
--kpi:#00c2d6}
body.admin-portal.design-lock-421 .ap419-kpi:nth-child(6){
--kpi:#ff955b}
body.admin-portal.design-lock-421 .ap419-kpi:nth-child(7){
--kpi:#4f9cff}
body.admin-portal.design-lock-421 .ap419-kpi:nth-child(8){
--kpi:#ff6173}

body.admin-portal.design-lock-421 .ap419-kpi small{
font-size:7px!important;
letter-spacing:.09em!important;
color:#9bc4bd!important}

body.admin-portal.design-lock-421 .ap419-kpi b{
display:block!important;
margin:4px 0!important;
color:#fff!important;
font-size:18px!important;
line-height:1.05!important}

body.admin-portal.design-lock-421 .ap419-kpi span{
font-size:7px!important;
color:#aed0ca!important}

body.admin-portal.design-lock-421 .ap420-system-strip{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr)) minmax(180px,1.3fr)!important;
gap:7px!important}

body.admin-portal.design-lock-421 .ap420-system-strip>span,body.admin-portal.design-lock-421 .ap420-system-strip>a{
min-height:52px!important;
border-radius:13px!important;
background:linear-gradient(145deg,#09252d,#0b3036)!important;
border:1px solid var(--v421-line)!important;
color:#e7f8f4!important;
box-shadow:0 9px 22px rgba(0,0,0,.12)!important}

body.admin-portal.design-lock-421 .ap420-system-strip b{
color:#eefcf8!important}
body.admin-portal.design-lock-421 .ap420-system-strip small{
color:#7fa9a3!important}
body.admin-portal.design-lock-421 .ap420-system-strip>a{
background:linear-gradient(105deg,#0b5f4e,#0c8060)!important}
body.admin-portal.design-lock-421 .ap420-system-strip>a strong{
color:#f7d473!important}

body.admin-portal.design-lock-421 .admin-quick-launch{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:7px!important}

body.admin-portal.design-lock-421 .admin-quick-launch>a{
position:relative;
overflow:hidden;
min-height:78px!important;
padding:10px!important;
border-radius:14px!important;
background:linear-gradient(150deg,#09242c,#0b3037)!important;
border:1px solid rgba(120,229,203,.10)!important;
box-shadow:0 10px 25px rgba(0,0,0,.13)!important;
color:#edf9f7!important;
display:flex!important;
align-items:center!important;
gap:9px!important;
text-decoration:none!important}

body.admin-portal.design-lock-421 .admin-quick-launch>a:hover{
transform:translateY(-2px)!important;
border-color:rgba(91,239,197,.30)!important;
background:linear-gradient(150deg,#0b2a33,#0d3b40)!important}

body.admin-portal.design-lock-421 .admin-quick-launch>a i{
flex:0 0 34px!important;
width:34px!important;
height:34px!important;
display:grid!important;
place-items:center!important;
border-radius:11px!important;
background:linear-gradient(145deg,#0fb17d,#087d69)!important;
color:#fff!important;
font-style:normal!important;
box-shadow:0 8px 18px rgba(0,175,128,.22)!important}

body.admin-portal.design-lock-421 .admin-quick-launch>a:nth-child(4n+2) i{
background:linear-gradient(145deg,#357ff0,#275ec5)!important}
body.admin-portal.design-lock-421 .admin-quick-launch>a:nth-child(4n+3) i{
background:linear-gradient(145deg,#8c5cf5,#6840c2)!important}
body.admin-portal.design-lock-421 .admin-quick-launch>a:nth-child(4n) i{
background:linear-gradient(145deg,#e0aa3f,#aa7818)!important}

body.admin-portal.design-lock-421 .admin-quick-launch b{
font-size:9px!important;
color:#fff!important}
body.admin-portal.design-lock-421 .admin-quick-launch small{
font-size:7px!important;
color:#83aaa5!important;
line-height:1.25!important}

body.admin-portal.design-lock-421 .data-badge{
background:#f3c95e!important;
color:#142622!important}

body.admin-portal.design-lock-421 .data-badge.critical{
background:#ff6273!important;
color:#fff!important}


/* Admin data surfaces: dark, graphical, dense */
body.admin-portal.design-lock-421 .control-card,body.admin-portal.design-lock-421 .recent-ids,body.admin-portal.design-lock-421 .command-panel,body.admin-portal.design-lock-421 .launch-readiness,body.admin-portal.design-lock-421 .admin-functions-archive{
margin:0!important;
padding:16px!important;
border-radius:16px!important;
background:linear-gradient(145deg,#08222a,#0a2d33)!important;
border:1px solid rgba(123,221,199,.10)!important;
box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
color:#e9f8f5!important}

body.admin-portal.design-lock-421 .control-card h2,body.admin-portal.design-lock-421 .recent-ids h2,body.admin-portal.design-lock-421 .section-title h2{
color:#fff!important;
font-size:21px!important}

body.admin-portal.design-lock-421 .eyebrow.dark{
color:#69d9bc!important}

body.admin-portal.design-lock-421 .control-card p,body.admin-portal.design-lock-421 .recent-ids p{
color:#9fc1bb!important}

body.admin-portal.design-lock-421 .control-card table,body.admin-portal.design-lock-421 .recent-ids table{
background:transparent!important}

body.admin-portal.design-lock-421 th{
color:#6ea59c!important;
background:rgba(255,255,255,.025)!important}

body.admin-portal.design-lock-421 td{
color:#d6eae6!important;
border-color:rgba(255,255,255,.06)!important;
background:transparent!important}

body.admin-portal.design-lock-421 tr:hover td{
background:rgba(255,255,255,.025)!important}

body.admin-portal.design-lock-421 .pulse-chart{
height:190px!important}

body.admin-portal.design-lock-421 .pulse-chart div span{
background:linear-gradient(180deg,#4de0b3,#0b8e70)!important;
box-shadow:0 6px 18px rgba(24,205,151,.20)!important}

body.admin-portal.design-lock-421 .insight-grid,body.admin-portal.design-lock-421 .operations-grid,body.admin-portal.design-lock-421 .executive-intelligence{
gap:10px!important}


/* ========================= MEMBER / DIRECT SELLER ========================= */
body.member-portal.design-lock-421 .seller-command{
max-width:none!important;
margin:0!important;
display:grid!important;
gap:11px!important}

body.member-portal.design-lock-421 .seller-hero{
position:relative;
overflow:hidden;
padding:17px!important;
border-radius:21px!important;
background:
 radial-gradient(circle at 86% 18%,rgba(245,201,93,.18),transparent 21%),
 radial-gradient(circle at 68% 120%,rgba(36,214,165,.16),transparent 36%),
 linear-gradient(118deg,#041a24,#073e3d 55%,#087052)!important;
border:1px solid rgba(83,226,187,.14)!important;
box-shadow:var(--v421-shadow)!important}

body.member-portal.design-lock-421 .seller-hero:after{
content:"";
position:absolute;
right:-15px;
bottom:-70px;
width:330px;
height:250px;
background:url('india-admin1.svg') center/contain no-repeat;
opacity:.10;
pointer-events:none}

body.member-portal.design-lock-421 .seller-welcome h1{
font-size:clamp(28px,3vw,46px)!important;
color:#fff!important;
letter-spacing:-.045em!important;
margin:3px 0 6px!important}

body.member-portal.design-lock-421 .seller-welcome>p{
color:#b6d9d2!important;
font-size:10px!important}

body.member-portal.design-lock-421 .seller-badges span{
background:rgba(255,255,255,.06)!important;
border:1px solid rgba(255,255,255,.10)!important;
color:#d9f4ed!important}

body.member-portal.design-lock-421 .seller-id{
background:rgba(2,21,26,.54)!important;
border:1px solid rgba(255,255,255,.12)!important;
border-radius:15px!important}

body.member-portal.design-lock-421 .sale-only-banner{
margin:0!important;
padding:10px 13px!important;
border-radius:14px!important;
background:linear-gradient(100deg,rgba(17,185,129,.14),rgba(11,84,84,.17))!important;
border:1px solid rgba(69,226,187,.12)!important}

body.member-portal.design-lock-421 .seller-kpis{
display:grid!important;
grid-template-columns:repeat(9,minmax(0,1fr))!important;
gap:7px!important;
margin:0!important}

body.member-portal.design-lock-421 .seller-kpis article{
position:relative;
overflow:hidden;
min-height:96px!important;
padding:10px!important;
border-radius:14px!important;
background:linear-gradient(145deg,#09242c,#0b3036)!important;
border:1px solid rgba(124,228,203,.10)!important;
color:#eefbf8!important;
box-shadow:0 10px 24px rgba(0,0,0,.12)!important}

body.member-portal.design-lock-421 .seller-kpis article:after{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:8px;
height:4px;
border-radius:9px;
background:linear-gradient(90deg,var(--sk,#20ce99) 0 68%,rgba(255,255,255,.07) 68%)}

body.member-portal.design-lock-421 .seller-kpis article:nth-child(1){
--sk:#2ed5a3}
body.member-portal.design-lock-421 .seller-kpis article:nth-child(2){
--sk:#3f92ff}
body.member-portal.design-lock-421 .seller-kpis article:nth-child(3){
--sk:#f1c35c}
body.member-portal.design-lock-421 .seller-kpis article:nth-child(4){
--sk:#9d68ff}
body.member-portal.design-lock-421 .seller-kpis article:nth-child(5){
--sk:#1fc8d9}
body.member-portal.design-lock-421 .seller-kpis article:nth-child(6){
--sk:#57d374}
body.member-portal.design-lock-421 .seller-kpis article:nth-child(7){
--sk:#ff9a56}
body.member-portal.design-lock-421 .seller-kpis article:nth-child(8){
--sk:#43a0ff}
body.member-portal.design-lock-421 .seller-kpis article:nth-child(9){
--sk:#ef6ee5}

body.member-portal.design-lock-421 .seller-kpis small{
color:#84aaa4!important;
font-size:7px!important}
body.member-portal.design-lock-421 .seller-kpis b{
color:#fff!important;
font-size:18px!important}
body.member-portal.design-lock-421 .seller-kpis a,body.member-portal.design-lock-421 .seller-kpis span{
color:#8fc3b9!important;
font-size:7px!important}

body.member-portal.design-lock-421 .command-panel,body.member-portal.design-lock-421 .career-command,body.member-portal.design-lock-421 .coverage-card{
margin:0!important;
padding:15px!important;
border-radius:17px!important;
background:linear-gradient(145deg,#08222a,#0b3037)!important;
border:1px solid rgba(121,224,201,.10)!important;
box-shadow:0 11px 27px rgba(0,0,0,.12)!important;
color:#e8f8f5!important}

body.member-portal.design-lock-421 .command-panel h2,body.member-portal.design-lock-421 .career-command h2{
color:#fff!important;
font-size:20px!important}

body.member-portal.design-lock-421 .command-kicker.dark{
color:#63d7b8!important}

body.member-portal.design-lock-421 .command-panel header>a{
color:#f2cf72!important}

body.member-portal.design-lock-421 .command-grid{
display:grid!important;
grid-template-columns:repeat(7,minmax(0,1fr))!important;
gap:7px!important}

body.member-portal.design-lock-421 .command-grid>a{
min-height:78px!important;
padding:9px!important;
border-radius:13px!important;
background:linear-gradient(145deg,#0b2b33,#0b383d)!important;
border:1px solid rgba(255,255,255,.06)!important;
color:#eaf8f5!important;
box-shadow:none!important}

body.member-portal.design-lock-421 .command-grid>a i{
width:31px!important;
height:31px!important;
border-radius:10px!important;
background:linear-gradient(145deg,#0dbb83,#087f6c)!important;
color:#fff!important;
display:grid!important;
place-items:center!important;
font-style:normal!important}

body.member-portal.design-lock-421 .command-grid>a:nth-child(4n+2) i{
background:linear-gradient(145deg,#3a89fa,#285fc6)!important}
body.member-portal.design-lock-421 .command-grid>a:nth-child(4n+3) i{
background:linear-gradient(145deg,#9160f4,#673fc0)!important}
body.member-portal.design-lock-421 .command-grid>a:nth-child(4n) i{
background:linear-gradient(145deg,#e5ad41,#a9791b)!important}

body.member-portal.design-lock-421 .command-grid b{
color:#fff!important;
font-size:9px!important}
body.member-portal.design-lock-421 .command-grid small{
color:#7fa59f!important;
font-size:7px!important}

body.member-portal.design-lock-421 .income-mix{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important}

body.member-portal.design-lock-421 .income-mix>a{
position:relative;
overflow:hidden;
min-height:84px!important;
padding:11px!important;
border-radius:14px!important;
background:linear-gradient(135deg,#0a2831,#0d3b3e)!important;
border:1px solid rgba(255,255,255,.06)!important;
color:#eefaf7!important}

body.member-portal.design-lock-421 .income-mix>a:nth-child(5n+2){
background:linear-gradient(135deg,#102b43,#123c60)!important}
body.member-portal.design-lock-421 .income-mix>a:nth-child(5n+3){
background:linear-gradient(135deg,#38275a,#4b3379)!important}
body.member-portal.design-lock-421 .income-mix>a:nth-child(5n+4){
background:linear-gradient(135deg,#4b3618,#644b1d)!important}
body.member-portal.design-lock-421 .income-mix>a:nth-child(5n){
background:linear-gradient(135deg,#46263c,#642f53)!important}

body.member-portal.design-lock-421 .income-mix b,body.member-portal.design-lock-421 .income-mix strong{
color:#fff!important}
body.member-portal.design-lock-421 .income-mix small{
color:#9dbbb6!important}

body.member-portal.design-lock-421 .income-graphic{
display:block!important;
height:5px!important;
margin-top:8px!important;
border-radius:8px!important;
background:rgba(255,255,255,.08)!important;
overflow:hidden!important}
body.member-portal.design-lock-421 .income-graphic em{
display:block!important;
width:var(--income-pct)!important;
height:100%!important;
background:linear-gradient(90deg,#35e0aa,#f5ca61)!important;
border-radius:8px!important}

body.member-portal.design-lock-421 .business-feed>a,body.member-portal.design-lock-421 .business-feed>div{
border-color:rgba(255,255,255,.06)!important;
color:#dff2ee!important}

body.member-portal.design-lock-421 .business-feed i{
background:#0c4c45!important;
color:#6ee2c0!important}

body.member-portal.design-lock-421 .career-mini-ladder span{
background:rgba(255,255,255,.035)!important;
border-color:rgba(255,255,255,.07)!important;
color:#dcefeb!important}

body.member-portal.design-lock-421 .career-mini-ladder span.done{
background:linear-gradient(145deg,#0d6b55,#0c8966)!important}


/* ========================= FRANCHISE ========================= */
body.franchise-portal.design-lock-421 .dashboard{
display:grid!important;
gap:11px!important}

body.franchise-portal.design-lock-421 .dash-head{
margin:0!important;
min-height:190px!important;
padding:20px!important;
border-radius:21px!important;
background:
 radial-gradient(circle at 86% 18%,rgba(244,200,92,.22),transparent 22%),linear-gradient(118deg,#061b27,#0b4450 54%,#715216)!important;
border:1px solid rgba(246,207,105,.16)!important;
box-shadow:var(--v421-shadow)!important}

body.franchise-portal.design-lock-421 .dash-head h1{
color:#fff!important;
font-size:clamp(30px,3vw,46px)!important;
letter-spacing:-.045em!important}

body.franchise-portal.design-lock-421 .dash-head p{
color:#c8dad6!important}

body.franchise-portal.design-lock-421 .identity{
background:rgba(2,17,22,.50)!important;
border:1px solid rgba(255,255,255,.12)!important}

body.franchise-portal.design-lock-421 .franchise-kpis{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:7px!important;
margin:0!important}

body.franchise-portal.design-lock-421 .franchise-kpis article{
min-height:95px!important;
padding:11px!important;
border-radius:14px!important;
border:1px solid rgba(255,255,255,.07)!important;
box-shadow:0 10px 23px rgba(0,0,0,.12)!important}

body.franchise-portal.design-lock-421 .franchise-kpis article:nth-child(1){
background:linear-gradient(145deg,#0c684f,#0b4e43)!important}
body.franchise-portal.design-lock-421 .franchise-kpis article:nth-child(2){
background:linear-gradient(145deg,#174f8d,#113965)!important}
body.franchise-portal.design-lock-421 .franchise-kpis article:nth-child(3){
background:linear-gradient(145deg,#68499e,#49316f)!important}
body.franchise-portal.design-lock-421 .franchise-kpis article:nth-child(4){
background:linear-gradient(145deg,#987020,#6d4d13)!important}
body.franchise-portal.design-lock-421 .franchise-kpis article:nth-child(5){
background:linear-gradient(145deg,#0d7580,#0a5059)!important}
body.franchise-portal.design-lock-421 .franchise-kpis article:nth-child(6){
background:linear-gradient(145deg,#8a3d65,#5b2945)!important}

body.franchise-portal.design-lock-421 .franchise-kpis small,body.franchise-portal.design-lock-421 .franchise-kpis b,body.franchise-portal.design-lock-421 .franchise-kpis span{
color:#fff!important}

body.franchise-portal.design-lock-421 .franchise-command-strip{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:7px!important;
margin:0!important}

body.franchise-portal.design-lock-421 .franchise-command-strip>a{
min-height:76px!important;
padding:9px!important;
border-radius:14px!important;
background:linear-gradient(145deg,#09252e,#0b333a)!important;
border:1px solid rgba(255,255,255,.07)!important;
color:#edf8f6!important}

body.franchise-portal.design-lock-421 .franchise-command-strip i{
background:linear-gradient(145deg,#12b983,#087b69)!important;
color:#fff!important;
border-radius:10px!important}

body.franchise-portal.design-lock-421 .control-card{
margin:0!important;
padding:16px!important;
border-radius:16px!important;
background:linear-gradient(145deg,#08232b,#0b3037)!important;
border:1px solid rgba(123,222,201,.10)!important;
color:#e6f6f2!important;
box-shadow:0 11px 28px rgba(0,0,0,.12)!important}

body.franchise-portal.design-lock-421 .control-card h2,body.franchise-portal.design-lock-421 .control-card summary{
color:#fff!important}
body.franchise-portal.design-lock-421 .control-card p,body.franchise-portal.design-lock-421 .control-card small{
color:#92b8b1!important}
body.franchise-portal.design-lock-421 th{
color:#6fa69c!important;
background:rgba(255,255,255,.02)!important}
body.franchise-portal.design-lock-421 td{
color:#dcefeb!important;
border-color:rgba(255,255,255,.06)!important;
background:transparent!important}


/* ========================= PUBLIC WEBSITE ========================= */
body.public-body.design-lock-421{
background:#021219!important;
color:#edf9f6!important}

body.public-body.design-lock-421 .premium-company-header{
background:rgba(2,18,25,.96)!important;
border-bottom:1px solid rgba(255,255,255,.06)!important;
box-shadow:0 12px 38px rgba(0,0,0,.20)!important}

body.public-body.design-lock-421 .utility-bar{
background:#020d12!important;
color:#74a9a0!important}

body.public-body.design-lock-421 .main-header{
background:linear-gradient(90deg,#04171e,#063b36)!important}

body.public-body.design-lock-421 .main-header a{
color:#e6f6f2!important}

body.public-body.design-lock-421 .alp-page{
background:#021219!important}

body.public-body.design-lock-421 .alp-hero{
position:relative;
isolation:isolate;
min-height:620px!important;
padding:54px max(4vw,28px) 42px!important;
display:grid!important;
grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr)!important;
gap:34px!important;
align-items:center!important;
overflow:hidden!important;
background:
 radial-gradient(circle at 73% 18%,rgba(246,201,90,.27),transparent 16%),
 radial-gradient(circle at 68% 95%,rgba(16,185,129,.20),transparent 34%),
 linear-gradient(120deg,#03151d 0%,#063a3a 52%,#0a6549 100%)!important}

body.public-body.design-lock-421 .alp-hero:before{
content:"";
position:absolute;
z-index:-2;
inset:0;
background:
 linear-gradient(150deg,transparent 0 49%,rgba(5,42,42,.70) 50% 62%,transparent 63%) 58% 20%/48% 78% no-repeat,
 linear-gradient(215deg,transparent 0 49%,rgba(4,29,35,.86) 50% 64%,transparent 65%) 100% 40%/58% 90% no-repeat,
 linear-gradient(150deg,transparent 0 56%,rgba(3,27,30,.70) 57% 72%,transparent 73%) 8% 70%/45% 55% no-repeat}

body.public-body.design-lock-421 .alp-hero:after{
content:"";
position:absolute;
z-index:-1;
left:-8%;
right:-8%;
bottom:-120px;
height:260px;
background:radial-gradient(ellipse at center,rgba(7,108,76,.50),rgba(2,18,25,0) 65%);
filter:blur(10px)}

body.public-body.design-lock-421 .alp-hero-copy{
max-width:720px!important;
align-self:center!important}

body.public-body.design-lock-421 .alp-overline{
color:#62dfbc!important;
font-size:9px!important;
letter-spacing:.16em!important;
font-weight:900!important}

body.public-body.design-lock-421 .alp-hero-copy h1{
margin:9px 0 13px!important;
font-size:clamp(56px,6vw,92px)!important;
line-height:.88!important;
letter-spacing:-.065em!important;
color:#fff!important;
font-weight:900!important}

body.public-body.design-lock-421 .alp-hero-copy h1 em{
color:var(--v421-gold)!important;
font-style:normal!important}

body.public-body.design-lock-421 .alp-hero-copy>p{
max-width:680px!important;
color:#bedbd5!important;
font-size:15px!important;
line-height:1.55!important}

body.public-body.design-lock-421 .alp-actions{
gap:8px!important;
margin-top:18px!important}

body.public-body.design-lock-421 .alp-btn{
border-radius:12px!important;
min-height:44px!important;
padding:0 17px!important;
font-size:10px!important;
font-weight:900!important}

body.public-body.design-lock-421 .alp-btn.primary{
background:linear-gradient(90deg,#11bd84,#0a8d70)!important;
color:white!important;
box-shadow:0 11px 26px rgba(13,176,127,.25)!important}

body.public-body.design-lock-421 .alp-btn.ghost{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(255,255,255,.14)!important;
color:#eefcf9!important}

body.public-body.design-lock-421 .alp-hero-proof{
margin-top:25px!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:7px!important}

body.public-body.design-lock-421 .alp-hero-proof span{
padding:10px!important;
border-radius:12px!important;
background:rgba(0,0,0,.16)!important;
border:1px solid rgba(255,255,255,.08)!important;
color:#b5d8d1!important;
font-size:9px!important}

body.public-body.design-lock-421 .alp-hero-proof b{
color:#f0ca67!important}

body.public-body.design-lock-421 .ap421-hero-visual{
position:relative;
min-width:0;
align-self:stretch;
display:flex;
align-items:center;
justify-content:center}

body.public-body.design-lock-421 .ap421-product-mosaic{
width:100%;
max-width:690px;
display:grid;
grid-template-columns:1.18fr .82fr;
grid-template-rows:1fr 1fr;
gap:10px;
transform:perspective(1200px) rotateY(-3deg)}

body.public-body.design-lock-421 .ap421-product-tile{
position:relative;
overflow:hidden;
min-height:230px;
padding:12px 12px 14px;
border-radius:20px;
background:linear-gradient(145deg,rgba(251,255,254,.96),rgba(224,242,237,.95));
border:1px solid rgba(255,255,255,.32);
box-shadow:0 25px 58px rgba(0,0,0,.28);
display:grid;
grid-template-columns:1fr;
grid-template-rows:auto 1fr auto auto;
color:#103b37}

body.public-body.design-lock-421 .ap421-product-tile--feature{
grid-row:1/3;
min-height:470px;
background:linear-gradient(145deg,#f2fbf8,#d9efe8)}

body.public-body.design-lock-421 .ap421-product-tile:before{
content:"";
position:absolute;
right:-28px;
top:-28px;
width:120px;
height:120px;
border-radius:50%;
background:radial-gradient(circle,rgba(18,178,126,.18),transparent 70%)}

body.public-body.design-lock-421 .ap421-product-tile span{
font-size:7px;
font-weight:900;
letter-spacing:.13em;
color:#178164;
z-index:2}

body.public-body.design-lock-421 .ap421-product-tile img{
width:100%;
height:100%;
max-height:150px;
object-fit:contain;
align-self:center;
justify-self:center;
filter:drop-shadow(0 12px 14px rgba(0,0,0,.14));
z-index:1}

body.public-body.design-lock-421 .ap421-product-tile--feature img{
max-height:350px}

body.public-body.design-lock-421 .ap421-product-tile b{
font-size:17px;
color:#102f30;
z-index:2}
body.public-body.design-lock-421 .ap421-product-tile small{
font-size:8px;
color:#68837f;
z-index:2}

body.public-body.design-lock-421 .ap421-hero-seal{
position:absolute;
right:-4px;
bottom:12px;
padding:10px 13px;
border-radius:13px;
background:linear-gradient(120deg,#0a2b31,#0a5c49);
border:1px solid rgba(255,255,255,.12);
box-shadow:0 12px 30px rgba(0,0,0,.25);
display:grid;
gap:2px;
color:white}

body.public-body.design-lock-421 .ap421-hero-seal b{
font-size:13px;
letter-spacing:.09em}
body.public-body.design-lock-421 .ap421-hero-seal span{
font-size:7px;
color:#efcf75}

body.public-body.design-lock-421 .alp-statbar{
margin:0!important;
padding:0 max(4vw,28px)!important;
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
background:linear-gradient(90deg,#031921,#073d39)!important;
border-color:rgba(255,255,255,.07)!important}

body.public-body.design-lock-421 .alp-statbar article{
min-height:85px!important;
padding:16px!important;
border-right:1px solid rgba(255,255,255,.07)!important}
body.public-body.design-lock-421 .alp-statbar b{
color:#fff!important}
body.public-body.design-lock-421 .alp-statbar span{
color:#7faea5!important}

body.public-body.design-lock-421 .alp-section.light{
background:linear-gradient(180deg,#edf7f4,#f8fcfb)!important;
color:#153a3a!important}

body.public-body.design-lock-421 .alp-section.dark{
background:linear-gradient(135deg,#031820,#073c3a)!important;
color:#eef9f6!important}

body.public-body.design-lock-421 .alp-showcase-grid{
display:grid!important;
grid-template-columns:1.45fr repeat(3,1fr)!important;
gap:12px!important}

body.public-body.design-lock-421 .alp-product-card{
overflow:hidden!important;
border-radius:18px!important;
border:1px solid rgba(9,78,66,.10)!important;
background:#fff!important;
box-shadow:0 16px 42px rgba(12,72,60,.08)!important}

body.public-body.design-lock-421 .alp-product-card:hover{
transform:translateY(-3px)!important;
box-shadow:0 23px 54px rgba(7,78,64,.13)!important}

body.public-body.design-lock-421 .alp-product-image{
height:210px!important;
background:linear-gradient(145deg,#f5fbf9,#e3f1ed)!important}
body.public-body.design-lock-421 .alp-product-card--feature .alp-product-image{
height:300px!important}

body.public-body.design-lock-421 .alp-product-image img{
max-width:94%!important;
max-height:94%!important;
object-fit:contain!important}

body.public-body.design-lock-421 .alp-product-body{
padding:16px!important}
.alp-product-body h3{
font-size:18px!important}
.alp-product-body a{
color:#0b775e!important;
font-weight:900!important}


/* ========================= MOBILE / TABLET ========================= */
@media(max-width:1280px){

 body.admin-portal.design-lock-421 .ap419-kpi-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important}

 body.admin-portal.design-lock-421 .admin-quick-launch{
grid-template-columns:repeat(4,minmax(0,1fr))!important}

 body.member-portal.design-lock-421 .seller-kpis{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

 body.member-portal.design-lock-421 .command-grid{
grid-template-columns:repeat(5,minmax(0,1fr))!important}

 body.franchise-portal.design-lock-421 .franchise-kpis{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

 body.public-body.design-lock-421 .alp-hero{
grid-template-columns:minmax(0,1fr) minmax(410px,.9fr)!important}

}

@media(max-width:980px){

 body.design-lock-421 .portal-stage{
margin-left:0!important}

 body.design-lock-421 .portal-sidebar{
width:258px!important}

 body.admin-portal.design-lock-421 .ap419-hero-top{
grid-template-columns:1fr!important}

 body.admin-portal.design-lock-421 .ap419-owner-panel{
max-width:520px!important}

 body.admin-portal.design-lock-421 .admin-quick-launch{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

 body.member-portal.design-lock-421 .command-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important}

 body.public-body.design-lock-421 .alp-hero{
grid-template-columns:1fr!important;
padding-top:40px!important}

 body.public-body.design-lock-421 .ap421-hero-visual{
min-height:510px}

 body.public-body.design-lock-421 .ap421-product-mosaic{
max-width:720px;
transform:none}

 body.public-body.design-lock-421 .alp-showcase-grid{
grid-template-columns:1fr 1fr!important}

}

@media(max-width:760px){

 body.design-lock-421 .portal-content{
padding:7px 7px 82px!important}

 body.design-lock-421 .portal-topbar{
height:54px!important;
min-height:54px!important;
padding:0 10px!important}

 body.admin-portal.design-lock-421 .ap419-admin-hero{
padding:13px!important;
border-radius:17px!important}

 body.admin-portal.design-lock-421 .ap419-hero-copy h1{
font-size:31px!important}

 body.admin-portal.design-lock-421 .ap419-kpi-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:6px!important}

 body.admin-portal.design-lock-421 .ap419-kpi{
min-height:82px!important}

 body.admin-portal.design-lock-421 .ap420-system-strip{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

 body.admin-portal.design-lock-421 .ap420-system-strip>a{
grid-column:1/-1!important}

 body.admin-portal.design-lock-421 .admin-quick-launch{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:6px!important}

 body.admin-portal.design-lock-421 .admin-quick-launch>a{
min-height:72px!important}

 body.member-portal.design-lock-421 .seller-hero{
padding:12px!important;
border-radius:17px!important}

 body.member-portal.design-lock-421 .seller-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:6px!important}

 body.member-portal.design-lock-421 .command-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:6px!important}

 body.member-portal.design-lock-421 .income-mix{
grid-template-columns:1fr!important}

 body.franchise-portal.design-lock-421 .dash-head{
grid-template-columns:1fr!important;
min-height:auto!important;
padding:14px!important}

 body.franchise-portal.design-lock-421 .franchise-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

 body.franchise-portal.design-lock-421 .franchise-command-strip{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

 body.public-body.design-lock-421 .alp-hero{
padding:29px 14px 24px!important;
gap:20px!important}

 body.public-body.design-lock-421 .alp-hero-copy h1{
font-size:45px!important}

 body.public-body.design-lock-421 .alp-hero-copy>p{
font-size:12px!important}

 body.public-body.design-lock-421 .alp-hero-proof{
grid-template-columns:1fr!important}

 body.public-body.design-lock-421 .ap421-hero-visual{
min-height:420px}

 body.public-body.design-lock-421 .ap421-product-mosaic{
grid-template-columns:1.1fr .9fr;
gap:7px}

 body.public-body.design-lock-421 .ap421-product-tile{
min-height:178px;
border-radius:15px;
padding:9px}

 body.public-body.design-lock-421 .ap421-product-tile--feature{
min-height:365px}

 body.public-body.design-lock-421 .ap421-product-tile img{
max-height:112px}
body.public-body.design-lock-421 .ap421-product-tile--feature img{
max-height:250px}

 body.public-body.design-lock-421 .ap421-product-tile b{
font-size:13px}

 body.public-body.design-lock-421 .alp-statbar{
grid-template-columns:repeat(2,1fr)!important;
padding:0 10px!important}

 body.public-body.design-lock-421 .alp-showcase-grid{
grid-template-columns:1fr!important}

}

@media(max-width:430px){

 body.admin-portal.design-lock-421 .ap419-hero-copy h1{
font-size:28px!important}

 body.member-portal.design-lock-421 .seller-kpis{
grid-template-columns:1fr 1fr!important}

 body.public-body.design-lock-421 .alp-hero-copy h1{
font-size:39px!important}

 body.public-body.design-lock-421 .ap421-product-mosaic{
grid-template-columns:1fr 1fr;
grid-template-rows:auto auto}

 body.public-body.design-lock-421 .ap421-product-tile--feature{
grid-row:auto;
grid-column:1/-1;
min-height:300px}

 body.public-body.design-lock-421 .ap421-product-tile--feature img{
max-height:210px}

 body.public-body.design-lock-421 .ap421-product-tile:nth-child(4){
grid-column:1/-1;
min-height:190px}

}



/* Source: alpline422.css */
/* ALPLINE 4.0.22 — GLOBAL ADMIN VISUAL UNIFICATION
   Loaded after 4.0.21. Purpose: make every Admin inner module use the locked
   dark-teal / emerald / gold application language, not only the dashboard.
   No functional selectors, route behaviour or business calculations are changed. */
:root{

  --ap422-bg:#03131a;
--ap422-bg2:#06242b;
--ap422-panel:#08252d;
--ap422-panel2:#0c3138;

  --ap422-panel3:#103942;
--ap422-line:rgba(141,231,210,.14);
--ap422-line2:rgba(255,255,255,.08);

  --ap422-text:#effcf9;
--ap422-muted:#9cc2bb;
--ap422-emerald:#16c997;
--ap422-teal:#19b8b4;

  --ap422-gold:#f2c65d;
--ap422-blue:#4a91ff;
--ap422-violet:#9868ff;
--ap422-orange:#ff9c4a;

  --ap422-danger:#ff6370;
--ap422-shadow:0 18px 48px rgba(0,11,17,.28);
--ap422-radius:16px;

}

body.admin-portal.design-lock-422{
background:var(--ap422-bg)!important;
color:var(--ap422-text)!important}

body.admin-portal.design-lock-422 .portal-stage{
min-height:100vh!important;
background:
 radial-gradient(circle at 87% 6%,rgba(22,201,151,.12),transparent 26%),
 radial-gradient(circle at 63% 48%,rgba(74,145,255,.06),transparent 30%),
 linear-gradient(145deg,#03131a 0%,#06232b 54%,#04171d 100%)!important}

body.admin-portal.design-lock-422 .portal-content{
min-height:calc(100vh - 60px)!important;
padding:12px 14px 32px!important;
background:transparent!important}

body.admin-portal.design-lock-422 .portal-content>main,
body.admin-portal.design-lock-422 .portal-content>.admin-page,
body.admin-portal.design-lock-422 .portal-content>.dashboard,
body.admin-portal.design-lock-422 .update-centre{
width:100%!important;
max-width:none!important;
margin:0!important;
color:var(--ap422-text)!important}


/* ---------- universal inner-page frame ---------- */
body.admin-portal.design-lock-422 .admin-page,
body.admin-portal.design-lock-422 .update-centre,
body.admin-portal.design-lock-422 .dashboard{
background:transparent!important}

body.admin-portal.design-lock-422 .admin-page .dash-head,
body.admin-portal.design-lock-422 .admin-page>.section-title,
body.admin-portal.design-lock-422 .portal-content>.section-title{
margin:0 0 10px!important;
padding:16px 18px!important;
border:1px solid var(--ap422-line)!important;
border-radius:18px!important;
background:
 radial-gradient(circle at 88% 15%,rgba(242,198,93,.15),transparent 23%),
 linear-gradient(120deg,#071d26,#0a3d3e 58%,#086047)!important;
box-shadow:var(--ap422-shadow)!important;
color:white!important}

body.admin-portal.design-lock-422 .admin-page .dash-head h1,
body.admin-portal.design-lock-422 .admin-page .section-title h1,
body.admin-portal.design-lock-422 .admin-page .section-title h2{
color:#fff!important;
letter-spacing:-.035em!important}

body.admin-portal.design-lock-422 .admin-page .dash-head p,
body.admin-portal.design-lock-422 .admin-page .section-title p{
color:#a9d0c8!important}


/* ---------- shared cards / panels ---------- */
body.admin-portal.design-lock-422 .control-card,
body.admin-portal.design-lock-422 .glass-panel,
body.admin-portal.design-lock-422 .simple-success-card,
body.admin-portal.design-lock-422 .signed-preview,
body.admin-portal.design-lock-422 .master-action,
body.admin-portal.design-lock-422 .state-panel,
body.admin-portal.design-lock-422 .return-form,
body.admin-portal.design-lock-422 .journey-list article,
body.admin-portal.design-lock-422 .module-grid>a,
body.admin-portal.design-lock-422 .policy-grid span{

 position:relative!important;
margin:0!important;
border:1px solid var(--ap422-line)!important;
border-radius:var(--ap422-radius)!important;

 background:linear-gradient(145deg,rgba(12,49,56,.96),rgba(6,31,39,.97))!important;
color:var(--ap422-text)!important;

 box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 34px rgba(0,7,12,.18)!important;

}

body.admin-portal.design-lock-422 .control-card:before,
body.admin-portal.design-lock-422 .master-action:before,
body.admin-portal.design-lock-422 .module-grid>a:before{
content:"";
position:absolute;
left:0;
top:14px;
bottom:14px;
width:3px;
border-radius:5px;
background:linear-gradient(var(--ap422-emerald),var(--ap422-gold));
opacity:.9}

body.admin-portal.design-lock-422 .control-card{
padding:18px!important}

body.admin-portal.design-lock-422 .control-card h1,
body.admin-portal.design-lock-422 .control-card h2,
body.admin-portal.design-lock-422 .control-card h3,
body.admin-portal.design-lock-422 .master-action h2,
body.admin-portal.design-lock-422 .master-action h3,
body.admin-portal.design-lock-422 .module-grid h3{
color:#f7fffd!important}

body.admin-portal.design-lock-422 .control-card p,
body.admin-portal.design-lock-422 .master-action p,
body.admin-portal.design-lock-422 .module-grid p,
body.admin-portal.design-lock-422 .journey-list p{
color:var(--ap422-muted)!important}

body.admin-portal.design-lock-422 .eyebrow,
body.admin-portal.design-lock-422 .eyebrow.dark{
color:#62dfbd!important;
font-size:8px!important;
letter-spacing:.14em!important}


/* ---------- forms ---------- */
body.admin-portal.design-lock-422 .portal-content label{
color:#b9d8d2!important;
font-weight:800!important}

body.admin-portal.design-lock-422 .portal-content input:not([type=checkbox]):not([type=radio]),
body.admin-portal.design-lock-422 .portal-content select,
body.admin-portal.design-lock-422 .portal-content textarea{

 min-height:40px!important;
border:1px solid rgba(154,224,208,.18)!important;
border-radius:10px!important;

 background:#051c24!important;
color:#ecfbf7!important;
box-shadow:inset 0 1px rgba(255,255,255,.025)!important;

}

body.admin-portal.design-lock-422 .portal-content input::placeholder,
body.admin-portal.design-lock-422 .portal-content textarea::placeholder{
color:#648e87!important}

body.admin-portal.design-lock-422 .portal-content input[type=file]{
padding:8px!important}

body.admin-portal.design-lock-422 .portal-content input[type=checkbox]{
accent-color:var(--ap422-emerald)!important}


/* ---------- buttons ---------- */
body.admin-portal.design-lock-422 .portal-content .btn,
body.admin-portal.design-lock-422 .portal-content button:not(.sidebar-toggle):not(.esc-back){
border-radius:10px!important;
font-weight:900!important;
letter-spacing:.025em!important}

body.admin-portal.design-lock-422 .portal-content .btn.dark,
body.admin-portal.design-lock-422 .portal-content button.btn.dark{
background:linear-gradient(90deg,#11a979,#087a6a)!important;
border:0!important;
color:white!important;
box-shadow:0 8px 20px rgba(10,177,130,.18)!important}

body.admin-portal.design-lock-422 .portal-content .btn.gold,
body.admin-portal.design-lock-422 .portal-content button.btn.gold{
background:linear-gradient(90deg,#f6d473,#dcae3e)!important;
color:#102923!important;
border:0!important;
box-shadow:0 8px 20px rgba(242,198,93,.16)!important}

body.admin-portal.design-lock-422 .portal-content a{
color:#71e4c4}


/* ---------- tables ---------- */
body.admin-portal.design-lock-422 .table-wrap{
border:1px solid var(--ap422-line)!important;
border-radius:14px!important;
background:#061b22!important;
overflow:auto!important}

body.admin-portal.design-lock-422 table{
width:100%!important;
background:transparent!important;
color:#e9f9f5!important}

body.admin-portal.design-lock-422 th{
position:sticky;
top:0;
z-index:2;
background:#0a3138!important;
color:#8fd5c4!important;
border-color:rgba(255,255,255,.07)!important;
font-size:8px!important;
letter-spacing:.09em!important}

body.admin-portal.design-lock-422 td{
background:rgba(6,31,39,.74)!important;
color:#d9ede8!important;
border-color:rgba(255,255,255,.055)!important}

body.admin-portal.design-lock-422 tbody tr:hover td{
background:#0a3037!important}

body.admin-portal.design-lock-422 td small{
color:#769f98!important}


/* ---------- KPI / metric families across inner pages ---------- */
body.admin-portal.design-lock-422 .guardrails,
body.admin-portal.design-lock-422 .metrics,
body.admin-portal.design-lock-422 .admin-kpis,
body.admin-portal.design-lock-422 .change-kpis,
body.admin-portal.design-lock-422 .policy-grid,
body.admin-portal.design-lock-422 .level-grid{
gap:8px!important;
background:transparent!important;
padding:0!important}

body.admin-portal.design-lock-422 .guardrails article,
body.admin-portal.design-lock-422 .metrics article,
body.admin-portal.design-lock-422 .admin-kpis article,
body.admin-portal.design-lock-422 .change-kpis article,
body.admin-portal.design-lock-422 .level-grid article{

 min-height:84px!important;
padding:12px!important;
border:1px solid var(--ap422-line)!important;
border-radius:14px!important;

 background:linear-gradient(145deg,#0b3037,#071f27)!important;
color:#ecfbf7!important;
box-shadow:inset 0 1px rgba(255,255,255,.03)!important;

}

body.admin-portal.design-lock-422 .guardrails b,
body.admin-portal.design-lock-422 .metrics b,
body.admin-portal.design-lock-422 .admin-kpis b,
body.admin-portal.design-lock-422 .change-kpis b,
body.admin-portal.design-lock-422 .level-grid b{
color:#f5cd67!important}

body.admin-portal.design-lock-422 .change-kpis article:nth-child(2){
box-shadow:inset 0 -3px #18c997!important}

body.admin-portal.design-lock-422 .change-kpis article:nth-child(3){
box-shadow:inset 0 -3px #f2c65d!important}

body.admin-portal.design-lock-422 .change-kpis article:nth-child(4){
box-shadow:inset 0 -3px #4a91ff!important}

body.admin-portal.design-lock-422 .change-kpis article:nth-child(5){
box-shadow:inset 0 -3px #9868ff!important}


/* ==================== SECURE UPDATE STUDIO ==================== */
body.admin-portal.design-lock-422 .update-centre{
display:grid!important;
gap:10px!important}

body.admin-portal.design-lock-422 .update-hero{
min-height:230px!important;
padding:20px 22px!important;
border-radius:20px!important;
grid-template-columns:minmax(0,1.55fr) minmax(220px,.45fr)!important;
background:
 radial-gradient(circle at 86% 18%,rgba(242,198,93,.18),transparent 21%),
 radial-gradient(circle at 70% 110%,rgba(22,201,151,.18),transparent 34%),
 linear-gradient(120deg,#061923,#0a3a3d 57%,#08634c)!important;
border:1px solid var(--ap422-line)!important;
box-shadow:var(--ap422-shadow)!important}

body.admin-portal.design-lock-422 .update-hero:after{
inset:8px!important;
border-radius:15px!important;
border-color:rgba(255,255,255,.07)!important}

body.admin-portal.design-lock-422 .update-hero h1{
font-size:clamp(38px,4.3vw,68px)!important;
line-height:.88!important;
margin:4px 0 9px!important;
color:#fff!important}

body.admin-portal.design-lock-422 .update-hero h1 em{
color:var(--ap422-gold)!important}

body.admin-portal.design-lock-422 .update-hero p{
max-width:760px!important;
font-size:10px!important;
line-height:1.55!important;
color:#acd0c9!important}

body.admin-portal.design-lock-422 .update-badges{
margin-top:10px!important;
gap:5px!important}

body.admin-portal.design-lock-422 .update-badges span{
padding:6px 8px!important;
background:rgba(255,255,255,.04)!important;
border-color:rgba(255,255,255,.09)!important;
font-size:7px!important}

body.admin-portal.design-lock-422 .orbit-ring{
width:165px!important;
min-width:165px!important;
box-shadow:0 0 0 7px rgba(255,255,255,.03),0 16px 36px rgba(0,0,0,.34)!important}

body.admin-portal.design-lock-422 .orbit-ring:before{
inset:9px!important;
background:#061d25!important}

body.admin-portal.design-lock-422 .orbit-ring span{
font-size:2.6rem!important;
transform:translateY(-34px)!important}

body.admin-portal.design-lock-422 .orbit-ring b{
font-size:1rem!important;
color:white!important}

body.admin-portal.design-lock-422 .orbit-ring small{
transform:translateY(38px)!important;
color:#84c3b5!important}

body.admin-portal.design-lock-422 .health-console{
margin:0!important;
padding:14px 16px!important;
grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)!important;
border-radius:15px!important;
background:linear-gradient(135deg,#0a3037,#071e26)!important;
border:1px solid var(--ap422-line)!important;
border-left:4px solid var(--ap422-emerald)!important;
box-shadow:none!important}

body.admin-portal.design-lock-422 .health-console.blocked{
border-left-color:var(--ap422-danger)!important}

body.admin-portal.design-lock-422 .health-console h2{
font-size:19px!important;
color:#fff!important}

body.admin-portal.design-lock-422 .health-console p{
font-size:9px!important;
color:#9dc4bc!important}

body.admin-portal.design-lock-422 .health-pills{
gap:5px!important}

body.admin-portal.design-lock-422 .health-pills span{
padding:6px 8px!important;
border:1px solid rgba(255,255,255,.06)!important;
background:#051c23!important;
color:#b8d8d1!important;
font-size:7px!important}

body.admin-portal.design-lock-422 .update-grid{
gap:9px!important;
grid-template-columns:1fr 1fr!important}

body.admin-portal.design-lock-422 .update-grid .control-card{
min-height:178px!important;
padding:15px 16px!important;
background:linear-gradient(145deg,#0b3037,#071f27)!important}

body.admin-portal.design-lock-422 .update-grid .control-card h2{
font-size:21px!important;
margin:4px 0 6px!important}

body.admin-portal.design-lock-422 .update-grid .control-card p{
font-size:9px!important;
line-height:1.55!important}

body.admin-portal.design-lock-422 .emergency-card{
background:linear-gradient(145deg,#302918,#17251f)!important;
border-color:rgba(242,198,93,.26)!important}

body.admin-portal.design-lock-422 .signed-preview{
padding:16px!important;
margin:0!important;
background:linear-gradient(145deg,#08242c,#071d24)!important}

body.admin-portal.design-lock-422 .preview-head{
gap:12px!important}

body.admin-portal.design-lock-422 .preview-head h2{
color:white!important}

body.admin-portal.design-lock-422 .preview-head p{
color:#a8cbc4!important}

body.admin-portal.design-lock-422 .release-arrow{
background:#0c3439!important;
border:1px solid var(--ap422-line)!important}

body.admin-portal.design-lock-422 .release-arrow span{
color:#8db5ad!important}
body.admin-portal.design-lock-422 .release-arrow strong{
color:#f5cf69!important}

body.admin-portal.design-lock-422 .glass-workflow{
margin:12px 0!important;
padding:10px!important;
border-color:var(--ap422-line)!important;
background:#051c23!important;
box-shadow:none!important}

body.admin-portal.design-lock-422 .glass-workflow div{
color:#d9efea!important}
body.admin-portal.design-lock-422 .glass-workflow small{
color:#759f96!important}

body.admin-portal.design-lock-422 .vip-safety-strip{
gap:6px!important}

body.admin-portal.design-lock-422 .vip-safety-strip>span{
background:#082930!important;
border-color:var(--ap422-line)!important;
color:#d8ede8!important}

body.admin-portal.design-lock-422 .release-notes{
background:#17291f!important;
border-left-color:var(--ap422-gold)!important;
color:#e8f7f3!important}

body.admin-portal.design-lock-422 .file-change-grid{
gap:8px!important;
margin:10px 0!important}

body.admin-portal.design-lock-422 .file-change-grid details{
background:#061b22!important;
border-color:var(--ap422-line)!important;
color:#d9ede8!important}

body.admin-portal.design-lock-422 .file-change-grid code{
background:#0b3037!important;
color:#91dbc9!important}

body.admin-portal.design-lock-422 .rollback-stage{
grid-template-columns:180px 1fr!important;
gap:18px!important;
margin:0!important;
padding:16px 18px!important;
border-radius:18px!important;
background:linear-gradient(135deg,#0a3037,#071e26)!important;
border:1px solid var(--ap422-line)!important;
color:#eaf9f6!important}

body.admin-portal.design-lock-422 .rollback-stage h2{
color:#fff!important}

body.admin-portal.design-lock-422 .rollback-stage p{
color:#9fc4bc!important}

body.admin-portal.design-lock-422 .reverse-face{
width:140px!important;
box-shadow:inset 0 0 0 9px #0d3438,0 12px 30px rgba(0,0,0,.25)!important}

body.admin-portal.design-lock-422 .reverse-face:before{
inset:18px!important;
background:#061c23!important}

body.admin-portal.design-lock-422 .reverse-face span{
font-size:2.2rem!important;
transform:translateY(-31px)!important}

body.admin-portal.design-lock-422 .reverse-face b{
font-size:.75rem!important}
body.admin-portal.design-lock-422 .reverse-face small{
font-size:7px!important;
transform:translateY(31px)!important}

body.admin-portal.design-lock-422 .release-register{
padding:0!important;
overflow:hidden!important}

body.admin-portal.design-lock-422 .release-register>summary{
padding:14px 16px!important;
background:#0b3037!important;
color:#eaf9f6!important}

body.admin-portal.design-lock-422 .release-register>summary small,body.admin-portal.design-lock-422 .release-register>summary em{
color:#86b4aa!important}


/* ---------- miscellaneous old pale surfaces ---------- */
body.admin-portal.design-lock-422 .notice{
background:#172a20!important;
color:#e8d99f!important;
border:1px solid rgba(242,198,93,.18)!important;
border-radius:10px!important}

body.admin-portal.design-lock-422 .activation-strip{
background:#0c3138!important;
color:#eaf9f6!important;
border:1px solid var(--ap422-line)!important}

body.admin-portal.design-lock-422 .checkout-card{
background:#0a3037!important;
border:1px solid var(--ap422-line)!important}

body.admin-portal.design-lock-422 .return-form{
background:#0a2d34!important}

body.admin-portal.design-lock-422 .status.active{
background:rgba(22,201,151,.15)!important;
color:#72e8c8!important}

body.admin-portal.design-lock-422 .status.pending{
background:rgba(242,198,93,.14)!important;
color:#f6d87f!important}

body.admin-portal.design-lock-422 .status.suspended,
body.admin-portal.design-lock-422 .status.closed{
background:rgba(255,99,112,.14)!important;
color:#ff9aa3!important}


/* ---------- desktop density ---------- */
@media(min-width:1200px){

 body.admin-portal.design-lock-422 .module-grid{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:8px!important;
margin-top:10px!important}

 body.admin-portal.design-lock-422 .module-grid>a{
min-height:150px!important;
padding:15px!important}

 body.admin-portal.design-lock-422 .module-grid h3{
margin:14px 0 6px!important;
font-size:18px!important}

 body.admin-portal.design-lock-422 .policy-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
margin-top:10px!important}

}


/* ---------- responsive ---------- */
@media(max-width:980px){

 body.admin-portal.design-lock-422 .update-hero{
grid-template-columns:1fr!important}

 body.admin-portal.design-lock-422 .reverse-orbit{
display:none!important}

 body.admin-portal.design-lock-422 .health-console{
grid-template-columns:1fr!important}

 body.admin-portal.design-lock-422 .health-pills{
justify-content:flex-start!important}

 body.admin-portal.design-lock-422 .rollback-stage{
grid-template-columns:1fr!important}

 body.admin-portal.design-lock-422 .reverse-control{
display:none!important}

}

@media(max-width:720px){

 body.admin-portal.design-lock-422 .portal-content{
padding:7px 7px 78px!important}

 body.admin-portal.design-lock-422 .update-hero{
min-height:auto!important;
padding:14px!important;
border-radius:16px!important}

 body.admin-portal.design-lock-422 .update-hero h1{
font-size:35px!important}

 body.admin-portal.design-lock-422 .update-grid{
grid-template-columns:1fr!important}

 body.admin-portal.design-lock-422 .update-grid .control-card{
min-height:auto!important}

 body.admin-portal.design-lock-422 .change-kpis{
grid-template-columns:1fr 1fr!important}

 body.admin-portal.design-lock-422 .rollback-stage{
padding:13px!important}

 body.admin-portal.design-lock-422 .rollback-fields{
grid-template-columns:1fr!important}

 body.admin-portal.design-lock-422 .control-card{
padding:14px!important}

}


/* ==================== PUBLIC WEBSITE — LOCKED CINEMATIC APPLICATION LOOK ==================== */
body.public-body.design-lock-422{
background:#03131a!important;
color:#eefcf9!important}

body.public-body.design-lock-422 .premium-company-header{
position:sticky!important;
top:0!important;
z-index:120!important;
background:rgba(3,19,26,.94)!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
box-shadow:0 12px 36px rgba(0,0,0,.22)!important;
backdrop-filter:blur(16px)}

body.public-body.design-lock-422 .utility-bar{
height:30px!important;
padding:0 max(3vw,22px)!important;
background:#020d12!important;
color:#85aaa4!important}

body.public-body.design-lock-422 .utility-bar a,body.public-body.design-lock-422 .utility-bar span{
font-size:9px!important;
letter-spacing:.045em!important;
color:#9cc1ba!important}

body.public-body.design-lock-422 .main-header{
min-height:68px!important;
padding:0 max(3vw,22px)!important;
grid-template-columns:auto 1fr auto!important;
gap:22px!important;
background:linear-gradient(90deg,#04171f,#073a36 64%,#082d2f)!important}

body.public-body.design-lock-422 .brand{
min-width:210px!important;
color:#fff!important}
.public-body.design-lock-422 .brand .crest{
width:42px!important;
height:42px!important}
.public-body.design-lock-422 .brand b{
font-size:20px!important;
color:#fff!important}
.public-body.design-lock-422 .brand small{
font-size:8px!important;
color:#8fbab2!important}

body.public-body.design-lock-422 .primary-nav{
justify-content:center!important;
gap:20px!important}
body.public-body.design-lock-422 .primary-nav a{
padding:24px 0 21px!important;
color:#d9eeea!important;
font-size:10px!important;
border-bottom-width:2px!important}
body.public-body.design-lock-422 .primary-nav a.active,body.public-body.design-lock-422 .primary-nav a:hover{
color:#fff!important;
border-color:#f2c65d!important}

body.public-body.design-lock-422 .header-actions{
gap:7px!important}
body.public-body.design-lock-422 .header-join{
height:35px!important;
border-radius:999px!important;
padding:0 13px!important;
background:linear-gradient(90deg,#f5d274,#d9ac3d)!important;
color:#17302a!important;
font-size:9px!important;
box-shadow:0 9px 20px rgba(242,198,93,.17)!important}

body.public-body.design-lock-422 .public-portal-menu>summary,body.public-body.design-lock-422 .public-mobile-menu>summary{
height:35px!important;
display:flex!important;
align-items:center!important;
padding:0 12px!important;
border:1px solid rgba(255,255,255,.12)!important;
border-radius:999px!important;
color:#e8f8f5!important;
background:rgba(255,255,255,.04)!important;
font-size:9px!important}

body.public-body.design-lock-422 .alp-page{
background:#03131a!important}

body.public-body.design-lock-422 .ap422-home-hero{
position:relative!important;
isolation:isolate!important;
max-width:none!important;
min-height:535px!important;
margin:0!important;
padding:34px max(4vw,36px)!important;
display:grid!important;
grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr)!important;
gap:34px!important;
align-items:center!important;
overflow:hidden!important;
background:linear-gradient(120deg,#03131a 0%,#073a37 58%,#0a5c46 100%)!important}

body.public-body.design-lock-422 .ap422-home-hero:before{
content:"";
position:absolute;
z-index:-2;
inset:0;
background:radial-gradient(circle at 78% 16%,rgba(245,210,116,.18),transparent 20%),radial-gradient(circle at 67% 70%,rgba(22,201,151,.20),transparent 30%),linear-gradient(154deg,transparent 0 47%,rgba(255,255,255,.035) 47.2% 48%,transparent 48.2%),linear-gradient(31deg,transparent 0 54%,rgba(255,255,255,.025) 54.2% 55%,transparent 55.2%)!important}

body.public-body.design-lock-422 .ap422-home-hero:after{
content:"";
position:absolute;
z-index:-1;
left:-6%;
right:-6%;
bottom:-125px;
height:260px;
clip-path:polygon(0 72%,12% 42%,20% 60%,31% 19%,42% 65%,52% 38%,60% 57%,69% 24%,77% 57%,87% 35%,100% 69%,100% 100%,0 100%);
background:linear-gradient(180deg,rgba(8,75,65,.75),rgba(2,18,25,.92));
filter:drop-shadow(0 -12px 28px rgba(0,0,0,.18))}

body.public-body.design-lock-422 .ap422-hero-copy{
max-width:690px!important;
z-index:2!important}
body.public-body.design-lock-422 .ap422-hero-copy .alp-overline{
color:#65e6c1!important;
font-size:8px!important;
letter-spacing:.18em!important;
font-weight:900!important}

body.public-body.design-lock-422 .ap422-hero-copy h1{
margin:9px 0 13px!important;
font-size:clamp(49px,5.3vw,78px)!important;
line-height:.91!important;
letter-spacing:-.055em!important;
color:#fff!important;
font-weight:900!important}
body.public-body.design-lock-422 .ap422-hero-copy h1 em{
font-style:normal!important;
color:#f2c65d!important}

body.public-body.design-lock-422 .ap422-hero-copy>p{
max-width:650px!important;
font-size:12px!important;
line-height:1.58!important;
color:#b9d8d2!important}

body.public-body.design-lock-422 .ap422-hero-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
margin-top:16px!important}
body.public-body.design-lock-422 .ap422-hero-actions .alp-btn{
min-height:40px!important;
padding:0 15px!important;
border-radius:10px!important;
font-size:8px!important}

body.public-body.design-lock-422 .ap422-trust-ribbon{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:6px!important;
margin-top:22px!important}
body.public-body.design-lock-422 .ap422-trust-ribbon>span{
min-width:0!important;
padding:9px!important;
display:grid!important;
grid-template-columns:24px 1fr!important;
grid-template-rows:auto auto!important;
column-gap:7px!important;
border:1px solid rgba(255,255,255,.075)!important;
border-radius:12px!important;
background:rgba(0,0,0,.14)!important}
body.public-body.design-lock-422 .ap422-trust-ribbon i{
grid-row:1/3;
width:24px;
height:24px;
display:grid;
place-items:center;
border-radius:8px;
background:linear-gradient(135deg,#18c997,#0d7b6b);
font-style:normal;
font-size:11px;
color:white}
body.public-body.design-lock-422 .ap422-trust-ribbon b{
font-size:8px!important;
color:#eefcf9!important}
body.public-body.design-lock-422 .ap422-trust-ribbon small{
font-size:6px!important;
color:#79a79f!important}

body.public-body.design-lock-422 .ap422-product-stage{
position:relative!important;
min-width:0!important;
height:455px!important;
padding:16px!important;
display:grid!important;
grid-template-columns:minmax(250px,1.25fr) minmax(260px,.75fr)!important;
gap:10px!important;
border:1px solid rgba(255,255,255,.09)!important;
border-radius:28px!important;
background:linear-gradient(145deg,rgba(6,36,43,.89),rgba(4,22,29,.96))!important;
box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)!important;
overflow:hidden!important}

body.public-body.design-lock-422 .ap422-stage-glow{
position:absolute!important;
width:420px!important;
height:420px!important;
right:-80px!important;
top:-110px!important;
border-radius:50%!important;
background:radial-gradient(circle,rgba(242,198,93,.20),rgba(22,201,151,.10) 38%,transparent 70%)!important;
filter:blur(8px)!important;
pointer-events:none!important}

body.public-body.design-lock-422 .ap422-stage-product{
position:relative!important;
min-width:0!important;
overflow:hidden!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:17px!important;
background:linear-gradient(145deg,#eef8f5,#dcebe7)!important;
color:#123a36!important;
box-shadow:0 16px 38px rgba(0,0,0,.22)!important}

body.public-body.design-lock-422 .ap422-stage-product--main{
padding:12px!important;
display:grid!important;
grid-template-rows:auto 1fr auto!important;
background:linear-gradient(145deg,#071920,#0d3536)!important;
color:#fff!important}

body.public-body.design-lock-422 .ap422-stage-product--main>span{
font-size:7px!important;
letter-spacing:.16em!important;
color:#63dfbc!important;
font-weight:900!important;
z-index:2!important}

body.public-body.design-lock-422 .ap422-stage-product--main img{
width:100%!important;
height:330px!important;
object-fit:cover!important;
object-position:center 42%!important;
border-radius:13px!important;
opacity:.97!important;
filter:saturate(1.05) contrast(1.03)!important}

body.public-body.design-lock-422 .ap422-stage-product>div{
padding:9px 10px!important;
display:grid!important;
gap:1px!important}
body.public-body.design-lock-422 .ap422-stage-product>div b{
font-size:12px!important;
color:inherit!important}
body.public-body.design-lock-422 .ap422-stage-product>div small{
font-size:7px!important;
color:#6e918c!important}
.public-body.design-lock-422 .ap422-stage-product--main>div small{
color:#8bb8af!important}

body.public-body.design-lock-422 .ap422-stage-stack{
display:grid!important;
grid-template-rows:repeat(3,1fr)!important;
gap:8px!important;
min-width:0!important}
.public-body.design-lock-422 .ap422-stage-stack .ap422-stage-product{
display:grid!important;
grid-template-columns:92px 1fr!important;
align-items:center!important;
padding:6px!important}
.public-body.design-lock-422 .ap422-stage-stack img{
width:92px!important;
height:112px!important;
object-fit:cover!important;
object-position:center!important;
border-radius:11px!important;
background:#f6faf8!important}
.public-body.design-lock-422 .ap422-stage-stack .ap422-stage-product>div{
padding:8px!important}
.public-body.design-lock-422 .ap422-stage-stack b{
font-size:11px!important}
.public-body.design-lock-422 .ap422-stage-stack small{
font-size:7px!important}

body.public-body.design-lock-422 .ap422-stage-seal{
position:absolute!important;
right:18px!important;
bottom:15px!important;
padding:8px 11px!important;
display:grid!important;
gap:1px!important;
border:1px solid rgba(242,198,93,.30)!important;
border-radius:11px!important;
background:rgba(3,19,26,.90)!important;
color:white!important;
box-shadow:0 10px 25px rgba(0,0,0,.25)!important}
.public-body.design-lock-422 .ap422-stage-seal strong{
font-size:10px!important;
letter-spacing:.12em!important;
color:#f4d173!important}
.public-body.design-lock-422 .ap422-stage-seal span{
font-size:6px!important;
color:#9bc0b8!important}

body.public-body.design-lock-422 .ap422-public-command{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:0!important;
padding:0 max(4vw,36px)!important;
background:linear-gradient(90deg,#041820,#082f31)!important;
border-top:1px solid rgba(255,255,255,.07)!important;
border-bottom:1px solid rgba(255,255,255,.07)!important}
.public-body.design-lock-422 .ap422-public-command>a{
min-width:0!important;
min-height:72px!important;
padding:12px 13px!important;
display:grid!important;
grid-template-columns:32px 1fr!important;
align-items:center!important;
gap:8px!important;
color:#eaf9f6!important;
text-decoration:none!important;
border-right:1px solid rgba(255,255,255,.06)!important;
background:transparent!important}
.public-body.design-lock-422 .ap422-public-command>a:hover{
background:rgba(22,201,151,.08)!important}
.public-body.design-lock-422 .ap422-public-command i{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:10px;
background:linear-gradient(135deg,#12b884,#086d62);
font-style:normal;
font-size:13px;
color:#fff}
.public-body.design-lock-422 .ap422-public-command span{
display:grid!important;
gap:1px!important}
.public-body.design-lock-422 .ap422-public-command b{
font-size:9px!important}
.public-body.design-lock-422 .ap422-public-command small{
font-size:6px!important;
color:#7ca9a1!important}

body.public-body.design-lock-422 .alp-section{
padding:54px max(4vw,36px)!important}
.public-body.design-lock-422 .alp-shell{
max-width:1480px!important}
.public-body.design-lock-422 .alp-section.light{
background:linear-gradient(180deg,#edf7f4,#f7fbfa)!important}
.public-body.design-lock-422 .alp-section-head h2{
font-size:clamp(32px,3.1vw,48px)!important;
line-height:.98!important;
letter-spacing:-.045em!important}
.public-body.design-lock-422 .alp-section-head p{
max-width:560px!important;
font-size:11px!important;
line-height:1.6!important}

body.public-body.design-lock-422 .alp-showcase-grid{
grid-template-columns:1.35fr repeat(3,1fr)!important;
gap:9px!important}
.public-body.design-lock-422 .alp-product-card{
border-radius:16px!important;
box-shadow:0 14px 36px rgba(6,64,53,.09)!important}
.public-body.design-lock-422 .alp-product-image{
height:190px!important}
.public-body.design-lock-422 .alp-product-card--feature .alp-product-image{
height:250px!important}
.public-body.design-lock-422 .alp-product-body{
padding:12px 13px!important}
.public-body.design-lock-422 .alp-product-body h3{
font-size:16px!important}
.public-body.design-lock-422 .alp-product-body p,.public-body.design-lock-422 .alp-product-body a{
font-size:8px!important}

body.public-body.design-lock-422 .premium-company-footer{
background:linear-gradient(135deg,#021116,#052a2b)!important;
border-top:1px solid rgba(255,255,255,.07)!important}


/* ==================== ADMIN INNER PAGE UNIVERSAL FALLBACK ==================== */
body.admin-portal.design-lock-422 .portal-content :is(.report-grid,.filter-bar,.report-filter,.form-grid,.journal-form,.product-master-form,.vault-card,.vault-test,.theme-studio,.theme-preview,.setting-form,.member-editor,.member-editor__hero,.member-editor__form,.private-directory,.directory-filter,.privacy-alert,.level-strip,.courier-steps,.courier-action-row,.admin-live-rate-preview,.tracking-snapshot,.product-master-hero,.media-capability-strip,.master-create,.product-master-card,.readiness-hero,.readiness-grid,.readiness-final-audit,.launch-audit-grid,.registration-gate-grid,.registration-control-form,.launch-records-card,.legal-evidence-grid,.revision-banner,.data-safety-centre,.master-safety,.master-action-grid,.restore-preview,.verified-restore,.storage-health-v4,.integrity-grid,.plan-master-hero,.income-map-grid,.mini-level-rates,.plan-calculator,.calculation-ledger,.career-master-card,.matching-rulebook,.revision-studio,.allocation-head,.plan-rule-editor,.chain-inline-control,.payout-actions){
border-color:var(--ap422-line)!important;
background:linear-gradient(145deg,#0a3037,#061e26)!important;
color:#eaf9f6!important;
box-shadow:0 12px 30px rgba(0,8,13,.16)!important}

body.admin-portal.design-lock-422 .portal-content :is(.report-grid,.filter-bar,.report-filter,.form-grid,.journal-form,.product-master-form,.theme-studio,.setting-form,.member-editor__form,.directory-filter,.registration-control-form,.plan-calculator,.plan-rule-editor){
padding:12px!important;
border:1px solid var(--ap422-line)!important;
border-radius:14px!important}

body.admin-portal.design-lock-422 .portal-content :is(.section-title,.dash-head,.admin-console-head,.network-head,.plan-master-hero,.product-master-hero,.member-editor__hero,.readiness-hero,.safety-master-hero){
background:linear-gradient(120deg,#061c25,#0a3c3d 61%,#086148)!important;
border:1px solid var(--ap422-line)!important;
color:#fff!important;
box-shadow:var(--ap422-shadow)!important;
border-radius:18px!important}

body.admin-portal.design-lock-422 .portal-content :is(.section-title,.dash-head,.admin-console-head,.network-head) h1,body.admin-portal.design-lock-422 .portal-content :is(.section-title,.dash-head,.admin-console-head,.network-head) h2{
color:#fff!important}

body.admin-portal.design-lock-422 .portal-content :is(.section-title,.dash-head,.admin-console-head,.network-head) p{
color:#9fc9c0!important}

body.admin-portal.design-lock-422 .portal-content :is(.notice,.privacy-alert,.revision-banner,.calculation-lock,.safety-banner){
background:#162a22!important;
border:1px solid rgba(242,198,93,.18)!important;
color:#eddc9f!important;
border-radius:11px!important}

body.admin-portal.design-lock-422 .portal-content :is(.empty-state,.field-error){
border-radius:11px!important}

body.admin-portal.design-lock-422 .portal-content hr{
border-color:rgba(255,255,255,.07)!important}


@media(max-width:1180px){

 body.public-body.design-lock-422 .ap422-home-hero{
grid-template-columns:1fr 1fr!important;
padding-left:24px!important;
padding-right:24px!important}
.public-body.design-lock-422 .ap422-product-stage{
grid-template-columns:1fr .78fr!important}
.public-body.design-lock-422 .ap422-trust-ribbon{
grid-template-columns:1fr 1fr!important}
.public-body.design-lock-422 .ap422-public-command{
grid-template-columns:repeat(3,1fr)!important;
padding:0 18px!important}

}

@media(max-width:900px){

 body.public-body.design-lock-422 .main-header{
display:flex!important;
flex-wrap:wrap!important;
padding:8px 14px!important}
.public-body.design-lock-422 .primary-nav{
order:3!important;
width:100%!important;
overflow:auto!important;
justify-content:flex-start!important}
.public-body.design-lock-422 .primary-nav a{
padding:8px 0!important}
.public-body.design-lock-422 .ap422-home-hero{
grid-template-columns:1fr!important;
min-height:auto!important;
padding:28px 18px 24px!important}
.public-body.design-lock-422 .ap422-product-stage{
height:410px!important;
max-width:760px!important;
width:100%!important}
.public-body.design-lock-422 .ap422-hero-copy h1{
font-size:50px!important}
.public-body.design-lock-422 .alp-showcase-grid{
grid-template-columns:1fr 1fr!important}
.public-body.design-lock-422 .ap422-public-command{
grid-template-columns:repeat(2,1fr)!important}

}

@media(max-width:620px){

 body.public-body.design-lock-422 .utility-bar{
display:none!important}
.public-body.design-lock-422 .main-header{
min-height:58px!important}
.public-body.design-lock-422 .brand .crest{
width:34px!important;
height:34px!important}
.public-body.design-lock-422 .brand b{
font-size:16px!important}
.public-body.design-lock-422 .brand small{
display:none!important}
.public-body.design-lock-422 .primary-nav{
display:none!important}
.public-body.design-lock-422 .public-mobile-menu{
display:block!important}
.public-body.design-lock-422 .ap422-home-hero{
padding:22px 12px 18px!important}
.public-body.design-lock-422 .ap422-hero-copy h1{
font-size:40px!important}
.public-body.design-lock-422 .ap422-hero-copy>p{
font-size:10px!important}
.public-body.design-lock-422 .ap422-trust-ribbon{
grid-template-columns:1fr 1fr!important}
.public-body.design-lock-422 .ap422-product-stage{
height:auto!important;
grid-template-columns:1fr!important;
padding:9px!important;
border-radius:18px!important}
.public-body.design-lock-422 .ap422-stage-product--main img{
height:250px!important}
.public-body.design-lock-422 .ap422-stage-stack{
grid-template-columns:repeat(3,1fr)!important;
grid-template-rows:1fr!important}
.public-body.design-lock-422 .ap422-stage-stack .ap422-stage-product{
display:block!important;
padding:5px!important}
.public-body.design-lock-422 .ap422-stage-stack img{
width:100%!important;
height:110px!important}
.public-body.design-lock-422 .ap422-stage-stack .ap422-stage-product>div{
padding:5px!important}
.public-body.design-lock-422 .ap422-stage-stack small{
display:none!important}
.public-body.design-lock-422 .ap422-stage-seal{
display:none!important}
.public-body.design-lock-422 .ap422-public-command{
padding:0 7px!important;
grid-template-columns:1fr 1fr!important}
.public-body.design-lock-422 .ap422-public-command>a{
min-height:62px!important;
padding:8px!important}
.public-body.design-lock-422 .alp-section{
padding:38px 12px!important}
.public-body.design-lock-422 .alp-showcase-grid{
grid-template-columns:1fr!important}

}



/* Source: alpline423.css */
/* ALPLINE 4.0.23 cumulative application polish — additive, no business-data rules. */
.release-423{
--ap423-bg:#061b18;
--ap423-panel:#0b2d27;
--ap423-panel2:#104338;
--ap423-gold:#e4b84b;
--ap423-line:rgba(228,184,75,.22)}

.release-423.admin-portal .portal-content,.release-423.franchise-portal .portal-content{
background:radial-gradient(circle at 88% 4%,rgba(24,116,88,.2),transparent 32%),linear-gradient(145deg,#061b18,#0a2822 62%,#061b18)!important;
min-height:calc(100vh - 72px);
padding:20px!important}

.release-423.admin-portal .portal-content .dashboard,.release-423.franchise-portal .portal-content .dashboard{
background:transparent!important;
color:#eef9f5}

.release-423.admin-portal .control-card,.release-423.admin-portal .glass-panel,.release-423.admin-portal .panel,.release-423.franchise-portal .control-card,.release-423.franchise-portal .glass-panel{
background:linear-gradient(145deg,rgba(14,59,49,.96),rgba(7,35,30,.98))!important;
border:1px solid var(--ap423-line)!important;
box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
color:#edf9f4!important}

.release-423.admin-portal .control-card h1,.release-423.admin-portal .control-card h2,.release-423.admin-portal .control-card h3,.release-423.admin-portal .glass-panel h1,.release-423.admin-portal .glass-panel h2,.release-423.admin-portal .glass-panel h3{
color:#fff!important}

.release-423.admin-portal .control-card p,.release-423.admin-portal .control-card small,.release-423.admin-portal .glass-panel p,.release-423.admin-portal .glass-panel small{
color:#b8d2ca!important}

.release-423.admin-portal table{
background:#092720!important;
color:#edf9f4!important;
border-radius:14px;
overflow:hidden}
.release-423.admin-portal th{
background:#104338!important;
color:#f6d67e!important}
.release-423.admin-portal td{
border-color:rgba(255,255,255,.08)!important}
.release-423.admin-portal input,.release-423.admin-portal select,.release-423.admin-portal textarea{
background:#f7fbf9!important;
color:#0a2a23!important;
border:1px solid rgba(228,184,75,.38)!important}

.release-423 .nav-live-badge,.release-423 .data-badge{
min-width:22px;
height:22px;
padding:0 6px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#e5b94e!important;
color:#10251f!important;
font-weight:900;
font-size:11px}
.release-423 .nav-live-badge[hidden],.release-423 .data-badge[hidden]{
display:none!important}

.release-423.admin-portal .portal-nav a{
position:relative}
.release-423.admin-portal .portal-nav a:hover{
transform:translateX(2px);
background:rgba(255,255,255,.08)}

.release-423 .ap419-kpi,.release-423 .ap419-action-grid>a{
transition:transform .16s ease,border-color .16s ease}
.release-423 .ap419-kpi:hover,.release-423 .ap419-action-grid>a:hover{
transform:translateY(-2px);
border-color:rgba(228,184,75,.55)!important}

@media(max-width:760px){
.release-423.admin-portal .portal-content,.release-423.franchise-portal .portal-content{
padding:10px!important}
.release-423 .dash-head{
padding:16px!important}
.release-423 .ap419-kpi-grid,.release-423 .ap419-action-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important}
.release-423 .ap419-kpi,.release-423 .ap419-action-grid>a{
min-height:92px!important;
padding:12px!important}
.release-423 table{
font-size:12px}
.release-423 .portal-topbar{
min-height:60px}
}


/* 4.0.23 completion layer: dense application shell, safe touch targets, no fake controls. */
.release-423 .portal-main,.release-423 .portal-content,.release-423 main{
min-width:0}

.release-423 .portal-content *{
box-sizing:border-box}

.release-423 .portal-content img,.release-423 .public-main img{
max-width:100%;
height:auto}

.release-423 .portal-content .table-wrap,.release-423 .portal-content .responsive-table{
max-width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
border-radius:14px}

.release-423 .portal-content table{
width:100%;
min-width:680px}

.release-423 .portal-content a,.release-423 .portal-content button,.release-423 .portal-content input,.release-423 .portal-content select,.release-423 .portal-content textarea{
font:inherit}

.release-423 .portal-content button,.release-423 .portal-content .btn,.release-423 .portal-content a.btn{
min-height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px}

.release-423 .portal-content .btn.compact,.release-423 .portal-content button.compact{
min-height:36px}

.release-423 .portal-content form{
min-width:0}

.release-423 .portal-content input,.release-423 .portal-content select,.release-423 .portal-content textarea{
max-width:100%}

.release-423 .flash{
border-radius:14px;
font-weight:800;
box-shadow:0 10px 28px rgba(0,0,0,.14)}

.release-423 .flash.error{
border:1px solid rgba(255,123,123,.35)}

.release-423 .flash.success{
border:1px solid rgba(82,214,151,.35)}


/* All actionable badges are visual counters, not decorative pills. */
.release-423 [data-live-badge]{
vertical-align:middle;
line-height:1;
box-shadow:0 5px 14px rgba(0,0,0,.18)}

.release-423 .ap419-kpi,.release-423 .ap419-action-grid>a,.release-423 .member-command-grid>a,.release-423 .franchise-command-grid>a{
position:relative;
overflow:hidden}

.release-423 .ap419-kpi>[data-live-badge],.release-423 .ap419-action-grid>a>[data-live-badge],.release-423 .member-command-grid>a>[data-live-badge],.release-423 .franchise-command-grid>a>[data-live-badge]{
position:absolute;
right:10px;
top:10px;
z-index:2}

.release-423 .ap419-kpi:focus-visible,.release-423 .ap419-action-grid>a:focus-visible,.release-423 .portal-nav a:focus-visible{
outline:3px solid rgba(244,203,94,.72);
outline-offset:2px}


/* Owner/Admin workspaces: same master skin on every inner page. */
.release-423.admin-portal .portal-content>*,.release-423.franchise-portal .portal-content>*{
max-width:1540px;
margin-left:auto;
margin-right:auto}

.release-423.admin-portal .control-card,.release-423.admin-portal .panel,.release-423.admin-portal .glass-panel,.release-423.admin-portal details.control-card,
.release-423.franchise-portal .control-card,.release-423.franchise-portal .panel,.release-423.franchise-portal .glass-panel,.release-423.franchise-portal details.control-card{
border-radius:18px!important}

.release-423.admin-portal .control-card>a:not(.btn),.release-423.admin-portal .glass-panel>a:not(.btn),.release-423.franchise-portal .control-card>a:not(.btn){
color:#f6d67e}

.release-423.admin-portal .notice,.release-423.franchise-portal .notice{
background:rgba(5,31,26,.68)!important;
border:1px solid rgba(228,184,75,.2)!important;
color:#c9ddd7!important;
border-radius:12px}

.release-423.admin-portal label,.release-423.franchise-portal label{
color:#dcebe6;
font-weight:750}

.release-423.admin-portal summary,.release-423.franchise-portal summary{
cursor:pointer;
color:#f6d67e;
font-weight:900;
letter-spacing:.03em}

.release-423.admin-portal .status,.release-423.franchise-portal .status{
font-weight:900;
border-radius:999px}

.release-423.admin-portal .btn.gold,.release-423.franchise-portal .btn.gold{
background:linear-gradient(135deg,#f5d16c,#c89525)!important;
color:#17352d!important;
border:0!important}

.release-423.admin-portal .btn.dark,.release-423.franchise-portal .btn.dark{
background:linear-gradient(135deg,#0e5b49,#073f34)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.14)!important}


/* Member/customer portal belongs to the same application family. */
.release-423.member-portal .portal-content{
background:radial-gradient(circle at 92% 3%,rgba(19,124,91,.18),transparent 30%),linear-gradient(145deg,#eef8f4,#f8fbfa 52%,#edf5f2)!important;
min-height:calc(100vh - 72px);
padding:18px!important}

.release-423.member-portal .control-card,.release-423.member-portal .glass-panel,.release-423.member-portal .panel{
border-radius:18px;
border:1px solid rgba(8,76,59,.11);
box-shadow:0 12px 30px rgba(8,52,42,.08)}

.release-423.member-portal .member-kpi-grid>a,.release-423.member-portal .income-card,.release-423.member-portal .member-command-grid>a{
border-radius:16px;
transition:transform .16s ease,box-shadow .16s ease}

.release-423.member-portal .member-kpi-grid>a:hover,.release-423.member-portal .income-card:hover,.release-423.member-portal .member-command-grid>a:hover{
transform:translateY(-2px);
box-shadow:0 14px 28px rgba(8,52,42,.1)}


/* Reserved leader placement controls are deliberately visually distinct. */
.release-423 .vault-label-form{
display:grid;
grid-template-columns:minmax(180px,1fr) auto;
gap:9px;
align-items:end;
padding:10px;
border:1px dashed rgba(228,184,75,.35);
border-radius:12px;
background:rgba(228,184,75,.06)}

.release-423 .vault-assignment-confirm{
display:flex!important;
align-items:flex-start;
gap:9px;
padding:10px 12px;
border-radius:12px;
background:rgba(207,93,72,.08);
border:1px solid rgba(207,93,72,.23)}

.release-423 .vault-assignment-confirm input{
width:auto;
min-width:18px;
margin-top:3px}


/* Public first-fold: prevent giant empty cards and keep product art useful on phone. */
.release-423.public-body .ap422-home-hero{
overflow:hidden}

.release-423.public-body .ap422-product-stage{
min-height:0!important}

.release-423.public-body .ap422-product-stage img{
object-fit:contain}

.release-423.public-body .ap422-quick-grid a{
min-height:74px}

.release-423.public-body .alp-shell{
width:min(1180px,calc(100% - 30px))}


@media(max-width:1080px){

  .release-423.admin-portal .portal-content,.release-423.franchise-portal .portal-content,.release-423.member-portal .portal-content{
padding:14px!important}

  .release-423 .ap419-kpi-grid,.release-423 .ap419-action-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

}

@media(max-width:760px){

  html:has(.release-423),body.release-423{
max-width:100%;
overflow-x:hidden}

  .release-423 .portal-content{
padding:10px!important}

  .release-423 .portal-content>*,.release-423 .dashboard{
max-width:100%!important}

  .release-423 .ap419-kpi-grid,.release-423 .ap419-action-grid,.release-423 .member-kpi-grid,.release-423 .member-command-grid,.release-423 .franchise-command-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important}

  .release-423 .ap419-kpi,.release-423 .ap419-action-grid>a,.release-423 .member-command-grid>a,.release-423 .franchise-command-grid>a{
min-height:92px;
padding:12px!important;
border-radius:15px!important}

  .release-423 .ap419-kpi b{
font-size:clamp(18px,6vw,27px)!important}

  .release-423 .portal-content h1{
font-size:clamp(24px,7vw,34px)!important;
line-height:1.04}

  .release-423 .portal-content h2{
font-size:clamp(19px,5.4vw,27px)!important}

  .release-423 .portal-content table{
min-width:620px}

  .release-423 .portal-content input,.release-423 .portal-content select,.release-423 .portal-content textarea{
min-height:44px;
font-size:16px!important}

  .release-423 .portal-content button,.release-423 .portal-content .btn,.release-423 .portal-content a.btn{
min-height:44px;
padding:9px 12px}

  .release-423 .inline-action,.release-423 .journal-form{
gap:8px}

  .release-423 .vault-label-form{
grid-template-columns:1fr}

  .release-423.public-body .alp-shell{
width:min(100% - 20px,1180px)}

  .release-423.public-body .ap422-home-hero{
padding-top:14px!important}

  .release-423.public-body .ap422-quick-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important}

  .release-423.public-body .ap422-quick-grid a{
min-height:66px;
padding:10px!important}

}

@media(max-width:420px){

  .release-423 .ap419-kpi-grid,.release-423 .ap419-action-grid,.release-423 .member-kpi-grid,.release-423 .member-command-grid,.release-423 .franchise-command-grid{
grid-template-columns:1fr 1fr!important}

  .release-423 .ap419-action-grid>a small,.release-423 .member-command-grid>a small,.release-423 .franchise-command-grid>a small{
font-size:10px!important;
line-height:1.25}

  .release-423.public-body .ap422-quick-grid{
grid-template-columns:1fr 1fr!important}

}



/* Source: alpline427.css */
/* ALPLINE 4.0.27 — LOCKED MASTER VISUAL REPAIR
   Purpose: eliminate stretched/empty layouts and unify public/admin/member/franchise
   without touching business data or calculations. Loaded last; intentionally decisive. */
:root{

  --a427-bg:#041713;
--a427-bg2:#07241f;
--a427-panel:#0a2d27;
--a427-panel2:#0d3a31;

  --a427-line:rgba(255,255,255,.085);
--a427-text:#eef8f4;
--a427-muted:#91b2a7;

  --a427-green:#1dc48f;
--a427-green2:#0b8f69;
--a427-gold:#efc45a;
--a427-blue:#58a8ff;

  --a427-purple:#a17bff;
--a427-orange:#ff9b55;
--a427-red:#ff6b70;

  --a427-shadow:0 18px 48px rgba(0,0,0,.20);

}


/* ===== GLOBAL ===== */
.release-427 *{
box-sizing:border-box}

.release-427 a{
text-underline-offset:3px}

.release-427 .flash{
border-radius:12px!important;
margin:10px auto!important;
width:min(1480px,calc(100% - 24px))!important}

.release-427 .portal-content>*{
max-width:1480px!important}

.release-427 .portal-content{
overflow-x:hidden!important}


/* ===== PUBLIC HEADER: remove giant white pill / stretched navigation ===== */
body.public-body.release-427{
background:#041713!important;
color:var(--a427-text)!important}

body.public-body.release-427 .premium-company-header{
position:sticky!important;
top:0!important;
z-index:200!important;
background:rgba(4,23,19,.96)!important;
border-bottom:1px solid var(--a427-line)!important;
box-shadow:0 10px 30px rgba(0,0,0,.22)!important;
backdrop-filter:blur(16px)!important}

body.public-body.release-427 .utility-bar{
height:28px!important;
min-height:28px!important;
padding:0 clamp(16px,3vw,42px)!important;
background:#020d0b!important;
border:0!important}

body.public-body.release-427 .utility-bar nav{
gap:14px!important}

body.public-body.release-427 .utility-bar a,body.public-body.release-427 .utility-bar span{
font-size:9px!important;
color:#9fc0b5!important}

body.public-body.release-427 .main-header{
min-height:68px!important;
padding:8px clamp(16px,3vw,42px)!important;
display:grid!important;
grid-template-columns:230px minmax(0,1fr) auto!important;
align-items:center!important;
gap:18px!important;
background:linear-gradient(90deg,#041713,#07332c 58%,#07372d)!important}

body.public-body.release-427 .brand{
min-width:0!important;
padding:0!important;
border:0!important;
gap:10px!important;
color:#fff!important}

body.public-body.release-427 .brand .crest{
width:44px!important;
height:44px!important;
flex:0 0 44px!important;
padding:0!important;
border:0!important;
background:transparent!important}

body.public-body.release-427 .brand b{
font-size:20px!important;
line-height:1!important;
color:#fff!important;
letter-spacing:.10em!important}

body.public-body.release-427 .brand small{
font-size:7px!important;
color:#80b7a5!important;
letter-spacing:.12em!important}

body.public-body.release-427 .primary-nav{
min-width:0!important;
width:auto!important;
max-width:none!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:4px!important;
margin:0!important;
padding:4px!important;
background:rgba(255,255,255,.035)!important;
border:1px solid rgba(255,255,255,.065)!important;
border-radius:14px!important;
box-shadow:none!important;
overflow:visible!important}

body.public-body.release-427 .primary-nav a{
min-height:38px!important;
padding:0 14px!important;
display:flex!important;
align-items:center!important;
border:0!important;
border-radius:10px!important;
color:#b9d3ca!important;
font-size:10px!important;
font-weight:850!important;
white-space:nowrap!important}

body.public-body.release-427 .primary-nav a:hover,body.public-body.release-427 .primary-nav a.active{
background:linear-gradient(135deg,rgba(27,196,143,.18),rgba(239,196,90,.10))!important;
color:#fff!important;
box-shadow:inset 0 0 0 1px rgba(239,196,90,.18)!important}

body.public-body.release-427 .header-actions{
display:flex!important;
align-items:center!important;
gap:7px!important;
min-width:0!important}

body.public-body.release-427 .site-header .vip-command{
width:auto!important;
min-width:0!important;
flex:0 0 auto!important}

body.public-body.release-427 .site-header .vip-command__trigger{
width:42px!important;
min-width:42px!important;
height:38px!important;
padding:0!important;
border-radius:10px!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.10)!important;
color:#fff!important}

body.public-body.release-427 .site-header .vip-command__trigger b,body.public-body.release-427 .site-header .vip-command__trigger kbd{
display:none!important}

body.public-body.release-427 .site-header .vip-command__trigger>span{
color:#8bd9bd!important;
font-size:18px!important}

body.public-body.release-427 .public-portal-menu>summary,body.public-body.release-427 .public-mobile-menu>summary{
height:38px!important;
padding:0 12px!important;
border-radius:10px!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.10)!important;
color:#fff!important;
font-size:9px!important;
font-weight:900!important}

body.public-body.release-427 .header-join{
height:38px!important;
min-height:38px!important;
padding:0 14px!important;
border-radius:10px!important;
background:linear-gradient(135deg,#f4d375,#dcae3b)!important;
color:#183027!important;
font-size:9px!important;
font-weight:950!important}


/* ===== PUBLIC HOME: compact premium first fold ===== */
body.public-body.release-427 .alp-page{
background:#041713!important}

body.public-body.release-427 .ap426-home-hero,body.public-body.release-427 .ap422-home-hero{
width:min(1500px,calc(100% - 24px))!important;
min-height:500px!important;
margin:12px auto 0!important;
padding:28px 30px!important;
display:grid!important;
grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr)!important;
gap:28px!important;
align-items:center!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:24px!important;
overflow:hidden!important;
background:radial-gradient(circle at 83% 12%,rgba(239,196,90,.16),transparent 19%),radial-gradient(circle at 70% 82%,rgba(29,196,143,.18),transparent 28%),linear-gradient(130deg,#041713 0%,#083b33 58%,#0a5945 100%)!important;
box-shadow:var(--a427-shadow)!important}

body.public-body.release-427 .ap426-home-hero:before,body.public-body.release-427 .ap422-home-hero:before{
content:""!important;
position:absolute!important;
inset:auto -5% -55px 32%!important;
height:190px!important;
background:linear-gradient(150deg,transparent 0 10%,rgba(255,255,255,.025) 10.5% 11.2%,transparent 11.7%),linear-gradient(25deg,transparent 0 35%,rgba(255,255,255,.02) 35.5% 36.2%,transparent 36.7%)!important;
clip-path:polygon(0 72%,12% 42%,20% 60%,31% 19%,42% 65%,52% 38%,60% 57%,69% 24%,77% 57%,87% 35%,100% 69%,100% 100%,0 100%)!important;
pointer-events:none!important}

body.public-body.release-427 .ap422-hero-copy{
max-width:650px!important;
padding:0!important}

body.public-body.release-427 .ap422-hero-copy .alp-overline{
font-size:9px!important;
letter-spacing:.15em!important;
color:#72e3bb!important}

body.public-body.release-427 .ap422-hero-copy h1{
max-width:650px!important;
margin:10px 0 14px!important;
font-size:clamp(45px,4.55vw,68px)!important;
line-height:.93!important;
letter-spacing:-.052em!important;
color:#fff!important}

body.public-body.release-427 .ap422-hero-copy h1 em{
color:var(--a427-gold)!important;
font-style:normal!important}

body.public-body.release-427 .ap422-hero-copy>p{
max-width:620px!important;
margin:0!important;
font-size:14px!important;
line-height:1.55!important;
color:#b8d1c8!important}

body.public-body.release-427 .ap422-hero-actions{
gap:8px!important;
margin-top:18px!important}

body.public-body.release-427 .ap422-hero-actions .alp-btn{
min-height:42px!important;
padding:0 16px!important;
border-radius:11px!important;
font-size:9px!important;
font-weight:950!important}

body.public-body.release-427 .ap422-trust-ribbon{
margin-top:20px!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important}

body.public-body.release-427 .ap422-trust-ribbon>span{
min-height:54px!important;
padding:8px 10px!important;
border-radius:12px!important;
background:rgba(0,0,0,.15)!important;
border:1px solid rgba(255,255,255,.07)!important}

body.public-body.release-427 .ap422-trust-ribbon i{
width:28px!important;
height:28px!important}

body.public-body.release-427 .ap422-trust-ribbon b{
font-size:9px!important}
body.public-body.release-427 .ap422-trust-ribbon small{
font-size:7px!important}


body.public-body.release-427 .ap422-product-stage{
min-width:0!important;
min-height:390px!important;
height:410px!important;
max-height:410px!important;
padding:12px!important;
grid-template-columns:minmax(260px,1.15fr) minmax(220px,.85fr)!important;
gap:9px!important;
border-radius:22px!important;
background:linear-gradient(145deg,rgba(5,29,25,.95),rgba(7,42,35,.93))!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:0 26px 65px rgba(0,0,0,.26)!important}

body.public-body.release-427 .ap422-stage-product{
border-radius:15px!important;
box-shadow:none!important}

body.public-body.release-427 .ap422-stage-product--main{
padding:10px!important;
background:linear-gradient(160deg,#0a322c,#071f1b)!important}

body.public-body.release-427 .ap422-stage-product--main img{
height:300px!important;
width:100%!important;
object-fit:contain!important;
object-position:center!important;
padding:8px!important;
border-radius:12px!important;
background:radial-gradient(circle at 50% 35%,#ffffff 0%,#f0f6f3 55%,#dceae5 100%)!important;
filter:none!important}

body.public-body.release-427 .ap422-stage-product--main>span{
font-size:7px!important}

body.public-body.release-427 .ap422-stage-stack{
gap:7px!important}

body.public-body.release-427 .ap422-stage-stack .ap422-stage-product{
grid-template-columns:82px 1fr!important;
padding:6px!important;
background:#eef5f2!important}

body.public-body.release-427 .ap422-stage-stack img{
width:82px!important;
height:94px!important;
object-fit:contain!important;
padding:3px!important;
background:#fff!important}

body.public-body.release-427 .ap422-stage-stack b{
font-size:11px!important;
color:#10362f!important}

body.public-body.release-427 .ap422-stage-seal{
transform:scale(.86)!important;
transform-origin:right bottom!important}

body.public-body.release-427 .ap422-public-command{
width:min(1500px,calc(100% - 24px))!important;
margin:10px auto 0!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:7px!important}

body.public-body.release-427 .ap422-public-command>a{
min-height:70px!important;
padding:10px!important;
border-radius:13px!important;
background:linear-gradient(145deg,#0a3029,#07231f)!important;
box-shadow:none!important}

body.public-body.release-427 .ap422-public-command i{
width:34px!important;
height:34px!important;
border-radius:10px!important}

body.public-body.release-427 .ap422-public-command b{
font-size:10px!important}
body.public-body.release-427 .ap422-public-command small{
font-size:7px!important}

body.public-body.release-427 .alp-section{
padding:44px 0!important}

body.public-body.release-427 .alp-shell{
width:min(1500px,calc(100% - 24px))!important}

body.public-body.release-427 .alp-section-head h2{
font-size:clamp(30px,3.2vw,48px)!important}

body.public-body.release-427 .alp-product-grid{
grid-template-columns:1.2fr repeat(3,minmax(0,1fr))!important;
gap:10px!important}

body.public-body.release-427 .alp-product-card{
border-radius:16px!important}

body.public-body.release-427 .alp-product-image{
min-height:210px!important;
max-height:230px!important}

body.public-body.release-427 .alp-product-image img{
height:220px!important;
object-fit:contain!important;
padding:10px!important}


/* ===== ADMIN / PORTAL SHELL ===== */
body.portal-body.release-427{
background:#041713!important}

body.portal-body.release-427 .portal-shell{
grid-template-columns:232px minmax(0,1fr)!important;
background:#041713!important}

body.portal-body.release-427 .portal-sidebar{
width:232px!important;
min-width:232px!important;
background:linear-gradient(180deg,#031512,#06251f 58%,#041b17)!important;
border-right:1px solid rgba(255,255,255,.07)!important}

body.portal-body.release-427 .portal-stage{
background:#061d19!important}

body.portal-body.release-427 .portal-topbar{
height:60px!important;
min-height:60px!important;
padding:7px 14px!important;
background:rgba(3,21,18,.96)!important}

body.portal-body.release-427 .portal-content{
padding:12px 14px 24px!important;
background:radial-gradient(circle at 91% -8%,rgba(27,196,143,.12),transparent 24%),#061d19!important;
min-height:calc(100vh - 60px)!important}

body.portal-body.release-427 .portal-nav a{
min-height:38px!important;
padding:7px 8px!important;
font-size:12px!important}

body.portal-body.release-427 .portal-nav a i{
width:28px!important;
height:28px!important}


/* Hero + KPI compact and powerful */
body.admin-portal.release-427 .admin-console{
gap:10px!important}

body.admin-portal.release-427 .ap419-admin-hero{
padding:16px!important;
border-radius:18px!important;
background:radial-gradient(circle at 92% 16%,rgba(239,196,90,.15),transparent 20%),linear-gradient(130deg,#082a24,#0a4538 58%,#0b5a43)!important}

body.admin-portal.release-427 .ap419-hero-copy h1{
font-size:clamp(36px,3.6vw,58px)!important;
margin:5px 0 8px!important}

body.admin-portal.release-427 .ap419-hero-copy>p{
font-size:12px!important;
line-height:1.45!important}

body.admin-portal.release-427 .ap419-owner-panel{
max-width:280px!important}

body.admin-portal.release-427 .ap419-kpi-grid{
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:7px!important;
margin-top:12px!important}

body.admin-portal.release-427 .ap419-kpi{
min-height:88px!important;
padding:10px!important;
border-radius:13px!important}

body.admin-portal.release-427 .ap419-kpi small{
font-size:8px!important}
body.admin-portal.release-427 .ap419-kpi b{
font-size:21px!important}
body.admin-portal.release-427 .ap419-kpi span{
font-size:8px!important;
line-height:1.2!important}


/* Fix the giant white analytics canvas seen on live dashboard */
body.admin-portal.release-427 .executive-intelligence{
width:100%!important;
margin:0!important;
padding:0!important;
display:grid!important;
grid-template-columns:minmax(0,1.45fr) minmax(230px,.72fr) minmax(260px,.80fr)!important;
gap:10px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
color:var(--a427-text)!important;
overflow:visible!important}

body.admin-portal.release-427 .executive-intelligence>article{
min-width:0!important;
min-height:258px!important;
margin:0!important;
padding:14px!important;
border-radius:16px!important;
background:linear-gradient(155deg,#0b302a,#08221e)!important;
border:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
color:var(--a427-text)!important}

body.admin-portal.release-427 .executive-intelligence h2{
margin:3px 0 8px!important;
font-size:20px!important;
line-height:1.05!important;
color:#fff!important}

body.admin-portal.release-427 .executive-intelligence .eyebrow{
font-size:8px!important;
color:#58ddb2!important}

body.admin-portal.release-427 .executive-intelligence svg{
max-width:100%!important}

body.admin-portal.release-427 .intelligence-trend{
min-height:170px!important}

body.admin-portal.release-427 .intelligence-trend svg{
max-height:160px!important}

body.admin-portal.release-427 .intelligence-ring svg{
max-width:155px!important;
max-height:155px!important;
margin:auto!important}

body.admin-portal.release-427 .activity-heatmap{
overflow:hidden!important}

body.admin-portal.release-427 .activity-heatmap i{
height:8px!important;
border-radius:3px!important}

body.admin-portal.release-427 .activity-heatmap footer{
background:transparent!important;
color:#8eaaa1!important}


/* All dashboard / inner-module functional cards: dense, graphical, no waste */
body.admin-portal.release-427 .admin-quick-launch,body.admin-portal.release-427 .ap419-action-grid{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:8px!important}

body.admin-portal.release-427 .admin-quick-launch>a,body.admin-portal.release-427 .ap419-action-grid>a{
min-height:74px!important;
padding:10px!important;
border-radius:13px!important;
position:relative!important;
overflow:hidden!important}

body.admin-portal.release-427 .admin-quick-launch>a:after,body.admin-portal.release-427 .ap419-action-grid>a:after{
content:"";
position:absolute;
right:-20px;
bottom:-24px;
width:70px;
height:70px;
border-radius:50%;
background:radial-gradient(circle,rgba(29,196,143,.16),transparent 68%);
pointer-events:none}

body.admin-portal.release-427 .control-card,body.admin-portal.release-427 .glass-panel,body.admin-portal.release-427 .workspace-card,body.admin-portal.release-427 .coverage-card{
background:linear-gradient(150deg,#0a2d27,#071f1b)!important;
border:1px solid rgba(255,255,255,.075)!important;
color:#eef8f4!important;
box-shadow:0 12px 28px rgba(0,0,0,.13)!important}

body.admin-portal.release-427 .control-card th{
background:#0c362e!important;
color:#78d7b1!important}


/* Member + Franchise: same application family */
body.member-portal.release-427 .seller-kpis,body.franchise-portal.release-427 .seller-kpis{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:8px!important}

body.member-portal.release-427 .seller-kpis article,body.franchise-portal.release-427 .seller-kpis article{
min-height:96px!important;
padding:11px!important;
border-radius:14px!important}

body.member-portal.release-427 .command-grid,body.franchise-portal.release-427 .command-grid,body.franchise-portal.release-427 .franchise-command-grid{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:8px!important}

body.member-portal.release-427 .command-grid>a,body.franchise-portal.release-427 .command-grid>a,body.franchise-portal.release-427 .franchise-command-grid>a{
min-height:76px!important;
padding:10px!important;
border-radius:13px!important}

body.member-portal.release-427 .income-mix{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:8px!important}

body.member-portal.release-427 .income-mix>a{
min-height:94px!important;
padding:11px!important;
position:relative!important;
overflow:hidden!important}

body.member-portal.release-427 .income-mix>a:nth-child(5n+1){
box-shadow:inset 0 3px 0 var(--a427-green)!important}
body.member-portal.release-427 .income-mix>a:nth-child(5n+2){
box-shadow:inset 0 3px 0 var(--a427-blue)!important}
body.member-portal.release-427 .income-mix>a:nth-child(5n+3){
box-shadow:inset 0 3px 0 var(--a427-purple)!important}
body.member-portal.release-427 .income-mix>a:nth-child(5n+4){
box-shadow:inset 0 3px 0 var(--a427-orange)!important}
body.member-portal.release-427 .income-mix>a:nth-child(5n){
box-shadow:inset 0 3px 0 var(--a427-gold)!important}


/* ===== RESPONSIVE ===== */
@media(max-width:1280px){

 body.public-body.release-427 .main-header{
grid-template-columns:210px minmax(0,1fr) auto!important;
gap:10px!important}

 body.public-body.release-427 .primary-nav a{
padding:0 10px!important;
font-size:9px!important}

 body.public-body.release-427 .ap426-home-hero,body.public-body.release-427 .ap422-home-hero{
grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)!important;
padding:24px!important}

 body.admin-portal.release-427 .ap419-kpi-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important}

 body.admin-portal.release-427 .admin-quick-launch,body.admin-portal.release-427 .ap419-action-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important}

}

@media(max-width:980px){

 body.public-body.release-427 .main-header{
display:flex!important;
flex-wrap:wrap!important;
padding:8px 14px!important}

 body.public-body.release-427 .primary-nav{
order:3!important;
width:100%!important;
justify-content:flex-start!important;
overflow:auto!important}

 body.public-body.release-427 .ap426-home-hero,body.public-body.release-427 .ap422-home-hero{
grid-template-columns:1fr!important;
min-height:0!important}

 body.public-body.release-427 .ap422-product-stage{
height:auto!important;
max-height:none!important;
min-height:360px!important}

 body.public-body.release-427 .ap422-public-command{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

 body.public-body.release-427 .alp-product-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

 body.admin-portal.release-427 .executive-intelligence{
grid-template-columns:1fr 1fr!important}

 body.admin-portal.release-427 .executive-intelligence>article:first-child{
grid-column:1/-1!important}

 body.member-portal.release-427 .seller-kpis,body.franchise-portal.release-427 .seller-kpis,body.member-portal.release-427 .command-grid,body.franchise-portal.release-427 .command-grid,body.franchise-portal.release-427 .franchise-command-grid,body.member-portal.release-427 .income-mix{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

}

@media(max-width:760px){

 body.public-body.release-427 .utility-bar{
display:none!important}

 body.public-body.release-427 .main-header{
min-height:58px!important;
flex-wrap:nowrap!important}

 body.public-body.release-427 .brand{
margin-right:auto!important}

 body.public-body.release-427 .brand .crest{
width:38px!important;
height:38px!important;
flex-basis:38px!important}

 body.public-body.release-427 .brand b{
font-size:17px!important}
body.public-body.release-427 .brand small{
display:none!important}

 body.public-body.release-427 .primary-nav{
display:none!important}

 body.public-body.release-427 .public-mobile-menu{
display:block!important}

 body.public-body.release-427 .header-join{
display:none!important}

 body.public-body.release-427 .ap426-home-hero,body.public-body.release-427 .ap422-home-hero{
width:calc(100% - 12px)!important;
margin-top:6px!important;
padding:18px!important;
border-radius:18px!important;
gap:16px!important}

 body.public-body.release-427 .ap422-hero-copy h1{
font-size:clamp(38px,12vw,52px)!important}

 body.public-body.release-427 .ap422-hero-copy>p{
font-size:13px!important}

 body.public-body.release-427 .ap422-product-stage{
grid-template-columns:1fr!important;
min-height:0!important;
padding:9px!important}

 body.public-body.release-427 .ap422-stage-product--main img{
height:230px!important}

 body.public-body.release-427 .ap422-stage-stack{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-template-rows:none!important}

 body.public-body.release-427 .ap422-stage-stack .ap422-stage-product{
display:block!important;
padding:5px!important}
.public-body.release-427 .ap422-stage-stack img{
width:100%!important;
height:90px!important}
.public-body.release-427 .ap422-stage-stack .ap422-stage-product>div{
padding:5px!important}
.public-body.release-427 .ap422-stage-stack small{
display:none!important}

 body.public-body.release-427 .ap422-stage-seal{
display:none!important}

 body.public-body.release-427 .ap422-public-command{
width:calc(100% - 12px)!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important}

 body.public-body.release-427 .alp-shell{
width:calc(100% - 16px)!important}
.public-body.release-427 .alp-product-grid{
grid-template-columns:1fr!important}

 body.portal-body.release-427 .portal-shell{
display:block!important}
.release-427 .portal-sidebar{
position:fixed!important;
left:-245px!important;
z-index:90!important}
.release-427.sidebar-open .portal-sidebar{
left:0!important}

 body.admin-portal.release-427 .ap419-kpi-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

 body.admin-portal.release-427 .executive-intelligence{
grid-template-columns:1fr!important}
body.admin-portal.release-427 .executive-intelligence>article:first-child{
grid-column:auto!important}

 body.admin-portal.release-427 .admin-quick-launch,body.admin-portal.release-427 .ap419-action-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

 body.member-portal.release-427 .seller-kpis,body.franchise-portal.release-427 .seller-kpis,body.member-portal.release-427 .command-grid,body.franchise-portal.release-427 .command-grid,body.franchise-portal.release-427 .franchise-command-grid,body.member-portal.release-427 .income-mix{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

}



/* Source: alpline428.css */
/* ALPLINE 4.0.28 — Admin Visual Repair
   Purpose: remove repeated oversized decorative blobs, restore purposeful functional icons,
   compact admin action cards, and fix low-contrast public story panel without touching logic. */

:root{

  --a428-bg:#061d19;

  --a428-panel:#0a2b25;

  --a428-panel2:#0b342c;

  --a428-line:rgba(255,255,255,.09);

  --a428-text:#edf8f4;

  --a428-muted:#9fc2b8;

  --a428-gold:#efc45a;

  --a428-green:#20c997;

}


/* ---------- ADMIN: purposeful application cards, no decorative blobs ---------- */
body.admin-portal.release-428 .admin-quick-launch,
body.admin-portal.release-428 .ap419-action-grid{

  display:grid!important;

  grid-template-columns:repeat(4,minmax(0,1fr))!important;

  gap:9px!important;

}


body.admin-portal.release-428 .admin-quick-launch>a,
body.admin-portal.release-428 .ap419-action-grid>a{

  min-height:76px!important;

  padding:10px 12px!important;

  display:grid!important;

  grid-template-columns:36px minmax(0,1fr)!important;

  align-items:center!important;

  column-gap:10px!important;

  position:relative!important;

  overflow:hidden!important;

  border-radius:13px!important;

  background:linear-gradient(145deg,#0b312a,#08251f)!important;

  border:1px solid var(--a428-line)!important;

  color:var(--a428-text)!important;

  box-shadow:0 9px 22px rgba(0,0,0,.12)!important;

  text-decoration:none!important;

}

body.admin-portal.release-428 .admin-quick-launch>a:hover,
body.admin-portal.release-428 .ap419-action-grid>a:hover{

  transform:translateY(-2px)!important;

  border-color:rgba(239,196,90,.34)!important;

  background:linear-gradient(145deg,#0c382f,#092b24)!important;

}


/* kill every legacy decorative disc/pseudo graphic on functional cards */
body.admin-portal.release-428 .admin-quick-launch>a::before,
body.admin-portal.release-428 .admin-quick-launch>a::after,
body.admin-portal.release-428 .ap419-action-grid>a::before,
body.admin-portal.release-428 .ap419-action-grid>a::after,
body.admin-portal.release-428 .admin-kpis>article::before,
body.admin-portal.release-428 .admin-kpis>article::after,
body.admin-portal.release-428 .ap419-kpi::before,
body.admin-portal.release-428 .ap419-kpi::after{

  content:none!important;

  display:none!important;

  background:none!important;

  box-shadow:none!important;

}


/* each function keeps its own symbol inside a small controlled app icon */
body.admin-portal.release-428 .admin-quick-launch>a>i,
body.admin-portal.release-428 .ap419-action-grid>a>i{

  position:static!important;

  inset:auto!important;

  width:34px!important;

  height:34px!important;

  min-width:34px!important;

  min-height:34px!important;

  max-width:34px!important;

  max-height:34px!important;

  flex:0 0 34px!important;

  display:grid!important;

  place-items:center!important;

  margin:0!important;

  padding:0!important;

  border-radius:10px!important;

  font-style:normal!important;

  font-size:15px!important;

  font-weight:900!important;

  line-height:1!important;

  color:#fff!important;

  border:1px solid rgba(255,255,255,.12)!important;

  box-shadow:none!important;

  background:linear-gradient(145deg,#0fa87b,#08745f)!important;

  overflow:hidden!important;

}

body.admin-portal.release-428 .admin-quick-launch>a:nth-child(6n+2)>i,
body.admin-portal.release-428 .ap419-action-grid>a:nth-child(6n+2)>i{
background:linear-gradient(145deg,#3e8df5,#245fb8)!important}

body.admin-portal.release-428 .admin-quick-launch>a:nth-child(6n+3)>i,
body.admin-portal.release-428 .ap419-action-grid>a:nth-child(6n+3)>i{
background:linear-gradient(145deg,#8c66e9,#6844b8)!important}

body.admin-portal.release-428 .admin-quick-launch>a:nth-child(6n+4)>i,
body.admin-portal.release-428 .ap419-action-grid>a:nth-child(6n+4)>i{
background:linear-gradient(145deg,#d7a531,#9d721a)!important;
color:#17271f!important}

body.admin-portal.release-428 .admin-quick-launch>a:nth-child(6n+5)>i,
body.admin-portal.release-428 .ap419-action-grid>a:nth-child(6n+5)>i{
background:linear-gradient(145deg,#26a7b6,#16727c)!important}

body.admin-portal.release-428 .admin-quick-launch>a:nth-child(6n)>i,
body.admin-portal.release-428 .ap419-action-grid>a:nth-child(6n)>i{
background:linear-gradient(145deg,#d76372,#9e3447)!important}


body.admin-portal.release-428 .admin-quick-launch>a>span,
body.admin-portal.release-428 .ap419-action-grid>a>span{

  min-width:0!important;

  display:grid!important;

  gap:3px!important;

  align-content:center!important;

}

body.admin-portal.release-428 .admin-quick-launch>a b,
body.admin-portal.release-428 .ap419-action-grid>a b{

  color:#fff!important;

  font-size:10px!important;

  line-height:1.15!important;

  letter-spacing:.025em!important;

  white-space:normal!important;

}

body.admin-portal.release-428 .admin-quick-launch>a small,
body.admin-portal.release-428 .ap419-action-grid>a small{

  color:#90b5aa!important;

  font-size:8px!important;

  line-height:1.25!important;

  white-space:normal!important;

}

body.admin-portal.release-428 .admin-quick-launch .data-badge,
body.admin-portal.release-428 .ap419-action-grid .data-badge{

  position:absolute!important;

  top:7px!important;

  right:7px!important;

  z-index:4!important;

  min-width:20px!important;

  height:20px!important;

  padding:0 6px!important;

  display:grid!important;

  place-items:center!important;

  border-radius:99px!important;

  background:#efc45a!important;

  color:#14241f!important;

  font-size:9px!important;

  font-weight:950!important;

  box-shadow:0 3px 10px rgba(0,0,0,.2)!important;

}

body.admin-portal.release-428 .admin-quick-launch .data-badge.critical,
body.admin-portal.release-428 .ap419-action-grid .data-badge.critical{
background:#ff6678!important;
color:#fff!important}


/* calm KPIs; real data is the graphic, not a giant circle */
body.admin-portal.release-428 .admin-kpis,
body.admin-portal.release-428 .ap419-kpi-grid{
gap:7px!important}

body.admin-portal.release-428 .admin-kpis>article,
body.admin-portal.release-428 .ap419-kpi{

  overflow:hidden!important;

  background:linear-gradient(150deg,#0b3029,#08241f)!important;

  border:1px solid var(--a428-line)!important;

  box-shadow:inset 0 2px 0 rgba(32,201,151,.28),0 8px 20px rgba(0,0,0,.10)!important;

}


/* analytics: no white canvas, no excessive height */
body.admin-portal.release-428 .executive-intelligence{

  grid-template-columns:minmax(0,1.35fr) minmax(210px,.72fr) minmax(240px,.82fr) minmax(260px,.92fr)!important;

  gap:9px!important;

  background:transparent!important;

}

body.admin-portal.release-428 .executive-intelligence>article{

  min-height:245px!important;

  padding:13px!important;

  background:linear-gradient(155deg,#0b302a,#08221e)!important;

  border:1px solid var(--a428-line)!important;

  color:var(--a428-text)!important;

}

body.admin-portal.release-428 .executive-intelligence>article svg{

  max-width:100%!important;

  max-height:165px!important;

}


/* system strip remains compact and purely functional */
body.admin-portal.release-428 .ap420-system-strip{
gap:7px!important}

body.admin-portal.release-428 .ap420-system-strip>a,
body.admin-portal.release-428 .ap420-system-strip>span{

  min-height:54px!important;

  padding:8px 10px!important;

  border-radius:12px!important;

}


/* ---------- PUBLIC: fix the low-contrast cream story panel only ---------- */
body.public-body.release-428 .alp-story--accent{

  background:linear-gradient(145deg,#fffdf7,#efe4ca)!important;

  border-color:#dec995!important;

}

body.public-body.release-428 .alp-story--accent h2{

  color:#0b3028!important;

  text-shadow:none!important;

}

body.public-body.release-428 .alp-story--accent p{

  color:#4b6259!important;

}

body.public-body.release-428 .alp-story--accent .alp-overline{

  color:#16856a!important;

}

body.public-body.release-428 .alp-story--accent .alp-text-link{

  color:#0b3028!important;

  border-color:#0b3028!important;

}


/* ---------- responsive ---------- */
@media(max-width:1280px){

  body.admin-portal.release-428 .admin-quick-launch,
  body.admin-portal.release-428 .ap419-action-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

  body.admin-portal.release-428 .executive-intelligence{
grid-template-columns:1fr 1fr!important}

  body.admin-portal.release-428 .executive-intelligence>article:first-child{
grid-column:1/-1!important}

}

@media(max-width:860px){

  body.admin-portal.release-428 .admin-quick-launch,
  body.admin-portal.release-428 .ap419-action-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

  body.admin-portal.release-428 .executive-intelligence{
grid-template-columns:1fr!important}

  body.admin-portal.release-428 .executive-intelligence>article:first-child{
grid-column:auto!important}

}

@media(max-width:520px){

  body.admin-portal.release-428 .admin-quick-launch>a,
  body.admin-portal.release-428 .ap419-action-grid>a{
min-height:70px!important;
padding:9px!important;
grid-template-columns:32px minmax(0,1fr)!important;
column-gap:8px!important}

  body.admin-portal.release-428 .admin-quick-launch>a>i,
  body.admin-portal.release-428 .ap419-action-grid>a>i{
width:30px!important;
height:30px!important;
min-width:30px!important;
min-height:30px!important;
max-width:30px!important;
max-height:30px!important;
flex-basis:30px!important;
font-size:13px!important}

}


/* ================================================================
   4.0.28 LAYOUT + READABILITY CORRECTION
   User-verified defects addressed here:
   - narrow left menu on Admin / Member / Franchise
   - historical double-offset (grid sidebar + legacy portal-stage margin-left)
   - excessive black gutter before dashboard content
   - over-dark KPI/action cards and unreadable helper copy
   - repeated decorative graphics on functional cards
   ================================================================ */

/* Desktop portal geometry: one sidebar offset only. */
@media (min-width: 981px){

  body.portal-body.release-428 .portal-shell{

    display:grid!important;

    grid-template-columns:304px minmax(0,1fr)!important;

    width:100%!important;

    max-width:none!important;

    min-height:100vh!important;

    background:#092821!important;

  }

  body.portal-body.release-428 .portal-sidebar{

    position:sticky!important;

    left:auto!important;

    top:0!important;

    width:304px!important;

    min-width:304px!important;

    max-width:304px!important;

    height:100vh!important;

    transform:none!important;

    padding:14px 12px 20px!important;

    overflow-y:auto!important;

    background:linear-gradient(180deg,#06231d 0%,#0a332a 56%,#08281f 100%)!important;

    border-right:1px solid rgba(136,226,198,.14)!important;

    box-shadow:12px 0 32px rgba(0,0,0,.12)!important;

  }

  /* Critical: older design-lock CSS added a second 232px/296px offset. */
  body.portal-body.release-428 .portal-stage{

    margin-left:0!important;

    width:100%!important;

    max-width:none!important;

    min-width:0!important;

  }

  body.portal-body.release-428 .portal-content{

    width:100%!important;

    max-width:none!important;

    padding:16px 18px 30px!important;

  }

  body.portal-body.release-428 .portal-content>*{

    width:100%!important;

    max-width:none!important;

    margin-left:0!important;

    margin-right:0!important;

  }

}


/* Sidebar becomes a readable application rail, not a compressed index. */
body.portal-body.release-428 .portal-brand{

  min-height:68px!important;

  height:auto!important;

  padding:9px 10px!important;

  margin:0 0 10px!important;

  border-radius:14px!important;

  border:1px solid rgba(255,255,255,.08)!important;

  background:rgba(255,255,255,.035)!important;

}

body.portal-body.release-428 .portal-brand img{

  width:46px!important;
height:46px!important;
min-width:46px!important;

}

body.portal-body.release-428 .portal-brand b{
font-size:17px!important;
letter-spacing:.085em!important;
color:#fff!important}

body.portal-body.release-428 .portal-brand small{
font-size:9px!important;
letter-spacing:.12em!important;
color:#87d6bd!important}

body.portal-body.release-428 .live-data-badge{

  margin:8px 0 12px!important;
padding:9px 11px!important;
min-height:36px!important;

  font-size:9px!important;
letter-spacing:.08em!important;

}

body.portal-body.release-428 .portal-nav-label{

  margin:13px 9px 6px!important;
font-size:9px!important;
letter-spacing:.14em!important;
color:#79a99b!important
}

body.portal-body.release-428 .portal-nav{
padding:0!important;
gap:3px!important}

body.portal-body.release-428 .portal-nav>a,
body.portal-body.release-428 .portal-nav-group>summary{

  min-height:44px!important;

  padding:7px 10px!important;

  gap:10px!important;

  border-radius:11px!important;

  font-size:12.5px!important;

  line-height:1.2!important;

  font-weight:780!important;

  color:#d8eae4!important;

}

body.portal-body.release-428 .portal-nav>a i,
body.portal-body.release-428 .portal-nav-group>summary i{

  width:30px!important;
height:30px!important;
min-width:30px!important;

  border-radius:9px!important;
font-size:13px!important;
color:#f1ca63!important;

  background:rgba(255,255,255,.055)!important;

}

body.portal-body.release-428 .portal-nav>a span,
body.portal-body.release-428 .portal-nav-group>summary span{
font-size:inherit!important;
color:inherit!important}

body.portal-body.release-428 .portal-nav>a.active{

  background:linear-gradient(100deg,#14a97e,#0a7c66)!important;

  color:#fff!important;

  box-shadow:0 8px 20px rgba(5,116,88,.20)!important;

}

body.portal-body.release-428 .portal-public-link{

  margin:12px 0 0!important;
min-height:45px!important;
font-size:10px!important;
border-radius:11px!important
}


/* Stage is intentionally lighter than 4.0.27 so labels and functions can be read instantly. */
body.portal-body.release-428 .portal-stage{
background:#0a2b25!important}

body.portal-body.release-428 .portal-topbar{

  min-height:64px!important;
height:64px!important;

  background:rgba(6,31,26,.97)!important;

  border-bottom-color:rgba(255,255,255,.10)!important;

}

body.portal-body.release-428 .portal-content{

  color:#eff9f5!important;

  background:radial-gradient(circle at 90% 0,rgba(41,190,143,.12),transparent 26%),linear-gradient(180deg,#0a2c26 0%,#0b312a 100%)!important;

}

body.portal-body.release-428 .portal-content h1,
body.portal-body.release-428 .portal-content h2,
body.portal-body.release-428 .portal-content h3,
body.portal-body.release-428 .portal-content h4,
body.portal-body.release-428 .portal-content strong,
body.portal-body.release-428 .portal-content b{
color:#fff!important}

body.portal-body.release-428 .portal-content p{
color:#c6ddd6!important}

body.portal-body.release-428 .portal-content small{
color:#a9c9bf!important}

body.portal-body.release-428 .portal-content .eyebrow,
body.portal-body.release-428 .portal-content .eyebrow.dark,
body.portal-body.release-428 .portal-content .command-kicker{
color:#69e3b8!important}


/* Admin hero stretches into the recovered gutter and gains readable contrast. */
body.admin-portal.release-428 .admin-console{
width:100%!important;
max-width:none!important;
gap:13px!important}

body.admin-portal.release-428 .ap419-admin-hero{

  width:100%!important;

  padding:22px 24px!important;

  border-radius:20px!important;

  background:radial-gradient(circle at 88% 18%,rgba(246,205,94,.16),transparent 22%),linear-gradient(122deg,#0b352d 0%,#0e5748 58%,#137356 100%)!important;

  border:1px solid rgba(130,232,198,.22)!important;

  box-shadow:0 16px 38px rgba(0,0,0,.16)!important;

}

body.admin-portal.release-428 .ap419-hero-top{
grid-template-columns:minmax(0,1fr) minmax(230px,300px)!important;
gap:18px!important}

body.admin-portal.release-428 .ap419-hero-copy h1{

  font-size:clamp(48px,4.45vw,72px)!important;

  line-height:.94!important;

  max-width:920px!important;

  color:#fff!important;

}

body.admin-portal.release-428 .ap419-hero-copy h1 em{
color:#f4c85f!important}

body.admin-portal.release-428 .ap419-hero-copy>p{
max-width:980px!important;
font-size:13.5px!important;
color:#d0e7df!important}

body.admin-portal.release-428 .ap419-owner-panel{

  max-width:none!important;
min-width:0!important;

  background:rgba(4,38,31,.62)!important;

  border-color:rgba(255,255,255,.13)!important;

}


/* Live KPI cards: values first, high contrast, no decorative discs. */
body.admin-portal.release-428 .ap419-kpi-grid{

  display:grid!important;
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:8px!important;
margin-top:15px!important
}

body.admin-portal.release-428 .ap419-kpi{

  min-height:98px!important;
padding:12px 12px 15px!important;

  border-radius:14px!important;

  background:linear-gradient(145deg,#124a3f,#0d3a32)!important;

  border:1px solid rgba(255,255,255,.13)!important;

  box-shadow:inset 0 3px 0 var(--kpi,#27d2a0),0 7px 18px rgba(0,0,0,.10)!important;

}

body.admin-portal.release-428 .ap419-kpi:nth-child(2n){
background:linear-gradient(145deg,#123f49,#0c3540)!important}

body.admin-portal.release-428 .ap419-kpi:nth-child(3n){
background:linear-gradient(145deg,#4a3f22,#39321e)!important}

body.admin-portal.release-428 .ap419-kpi small{
font-size:9px!important;
line-height:1.15!important;
letter-spacing:.07em!important;
color:#bce0d5!important}

body.admin-portal.release-428 .ap419-kpi b{
font-size:25px!important;
line-height:1.05!important;
margin:6px 0!important;
color:#fff!important}

body.admin-portal.release-428 .ap419-kpi span{
font-size:9px!important;
line-height:1.25!important;
color:#c2d9d2!important}


/* Secondary KPI strip on dashboard: same readable family. */
body.admin-portal.release-428 .admin-kpis{

  display:grid!important;
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:8px!important;
margin:0!important
}

body.admin-portal.release-428 .admin-kpis>article{

  min-height:78px!important;
padding:11px 12px!important;
border-radius:13px!important;

  background:linear-gradient(145deg,#11463c,#0b352e)!important;

  border:1px solid rgba(255,255,255,.11)!important;

}

body.admin-portal.release-428 .admin-kpis>article:nth-child(even){
background:linear-gradient(145deg,#113c46,#0b313a)!important}

body.admin-portal.release-428 .admin-kpis small{
font-size:9px!important;
color:#b8d9cf!important}

body.admin-portal.release-428 .admin-kpis b{
font-size:22px!important;
color:#fff!important}


/* Functional action tiles: small purposeful icon; text remains readable. */
body.admin-portal.release-428 .admin-quick-launch>a,
body.admin-portal.release-428 .ap419-action-grid>a{

  min-height:82px!important;

  background:linear-gradient(145deg,#104239,#0c342d)!important;

  border-color:rgba(255,255,255,.12)!important;

}

body.admin-portal.release-428 .admin-quick-launch>a:nth-child(even),
body.admin-portal.release-428 .ap419-action-grid>a:nth-child(even){
background:linear-gradient(145deg,#103944,#0b3039)!important}

body.admin-portal.release-428 .admin-quick-launch>a b,
body.admin-portal.release-428 .ap419-action-grid>a b{
font-size:11.5px!important;
line-height:1.15!important;
letter-spacing:.01em!important}

body.admin-portal.release-428 .admin-quick-launch>a small,
body.admin-portal.release-428 .ap419-action-grid>a small{
font-size:9.5px!important;
line-height:1.25!important;
color:#b2d0c7!important}


/* Information / graph panels are lighter than the surrounding stage. */
body.admin-portal.release-428 .control-card,
body.admin-portal.release-428 .glass-panel,
body.admin-portal.release-428 .workspace-card,
body.admin-portal.release-428 .coverage-card,
body.admin-portal.release-428 .admin-action-inbox{

  background:linear-gradient(150deg,#104138,#0c342d)!important;

  border:1px solid rgba(255,255,255,.12)!important;

  color:#eff9f6!important;

}

body.admin-portal.release-428 .executive-intelligence>article{

  background:linear-gradient(155deg,#104239,#0d352f)!important;

  border-color:rgba(255,255,255,.12)!important;

}

body.admin-portal.release-428 .executive-intelligence h2{
font-size:21px!important;
color:#fff!important}

body.admin-portal.release-428 .executive-intelligence .eyebrow{
color:#73e4bd!important}


/* Member / Franchise: same enlarged menu and readable application cards. */
body.member-portal.release-428 .seller-kpis article,
body.franchise-portal.release-428 .seller-kpis article,
body.member-portal.release-428 .command-grid>a,
body.franchise-portal.release-428 .command-grid>a,
body.franchise-portal.release-428 .franchise-command-grid>a,
body.member-portal.release-428 .income-mix>a{

  background:linear-gradient(145deg,#11463c,#0d372f)!important;

  border:1px solid rgba(255,255,255,.12)!important;

  color:#f2faf7!important;

}

body.member-portal.release-428 .seller-kpis small,
body.franchise-portal.release-428 .seller-kpis small,
body.member-portal.release-428 .command-grid small,
body.franchise-portal.release-428 .command-grid small{
color:#b3d2c8!important;
font-size:9px!important}

body.member-portal.release-428 .seller-kpis b,
body.franchise-portal.release-428 .seller-kpis b{
font-size:21px!important;
color:#fff!important}

body.member-portal.release-428 .command-grid b,
body.franchise-portal.release-428 .command-grid b{
font-size:11px!important;
color:#fff!important}


/* Laptop widths: preserve space while keeping sidebar meaningfully larger than 4.0.27. */
@media (min-width:981px) and (max-width:1320px){

  body.portal-body.release-428 .portal-shell{
grid-template-columns:280px minmax(0,1fr)!important}

  body.portal-body.release-428 .portal-sidebar{
width:280px!important;
min-width:280px!important;
max-width:280px!important}

  body.admin-portal.release-428 .ap419-kpi-grid,
  body.admin-portal.release-428 .admin-kpis{
grid-template-columns:repeat(4,minmax(0,1fr))!important}

  body.admin-portal.release-428 .ap419-hero-copy h1{
font-size:clamp(44px,4.5vw,60px)!important}

}


/* Mobile drawer follows the enlarged rail and never reserves desktop gutter. */
@media (max-width:980px){

  body.portal-body.release-428 .portal-shell{
display:block!important}

  body.portal-body.release-428 .portal-stage{
margin-left:0!important;
width:100%!important}

  body.portal-body.release-428 .portal-sidebar{

    position:fixed!important;
left:-304px!important;
top:0!important;
z-index:90!important;

    width:304px!important;
min-width:304px!important;
max-width:304px!important;
height:100vh!important;

    transition:left .22s ease!important;
transform:none!important;

  }

  body.portal-body.release-428.sidebar-open .portal-sidebar{
left:0!important}

  body.portal-body.release-428 .portal-content{
padding:10px!important}

  body.admin-portal.release-428 .ap419-hero-top{
grid-template-columns:1fr!important}

  body.admin-portal.release-428 .ap419-owner-panel{
max-width:none!important}

  body.admin-portal.release-428 .ap419-kpi-grid,
  body.admin-portal.release-428 .admin-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

}



/* Source: alpline429.css */
/* ALPLINE 4.0.29 — Network, Direct Team, Territory Intelligence */
.network-visibility-control{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:24px;
align-items:end}
.network-visibility-control h2{
margin:.25rem 0}
.network-visibility-control p{
max-width:850px}
.network-visibility-control form{
display:flex;
align-items:end;
gap:10px}
.network-visibility-control label{
display:grid;
gap:6px;
font-size:10px;
font-weight:900;
letter-spacing:.08em}
.network-visibility-control select{
min-width:180px;
min-height:44px;
padding:0 12px;
border:1px solid #cbd9d3;
border-radius:10px;
background:#fff}

.direct-team-filter{
margin-bottom:18px}
.direct-team-split{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px}
.direct-team-column{
border:1px solid #d7e2dd;
border-radius:16px;
overflow:hidden;
background:#fff}
.direct-team-column>header{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 17px;
border-bottom:1px solid #dbe5e0}
.direct-team-column.leg-a>header{
background:linear-gradient(135deg,#eef9f4,#fff)}
.direct-team-column.leg-b>header{
background:linear-gradient(135deg,#fff8e9,#fff)}
.direct-team-column header span{
display:grid;
gap:3px}
.direct-team-column header small{
font-size:10px;
font-weight:900;
letter-spacing:.08em}
.direct-team-column header strong{
font-size:12px}
.direct-team-column header>b{
font-size:22px}
.direct-team-list{
max-height:620px;
overflow:auto;
padding:9px}
.direct-team-list article{
display:grid;
grid-template-columns:42px minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:10px;
border-bottom:1px solid #edf1ef}
.direct-team-list article:last-child{
border-bottom:0}
.direct-avatar{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:#e8f4ef;
color:#125f46;
font-weight:900}
.leg-b .direct-avatar{
background:#fff0c9;
color:#805f14}
.direct-identity,.direct-meta{
display:grid;
gap:2px}
.direct-identity b{
font-size:12px}
.direct-identity small,.direct-meta small{
font-size:9px;
color:#6b7b74}
.direct-meta{
text-align:right}
.direct-meta b{
font-size:11px}
.direct-pagination{
padding:8px 12px;
border-top:1px solid #edf1ef}
.direct-unplaced{
margin-top:16px;
border:1px dashed #d7b85c;
border-radius:12px;
background:#fffaf0}
.direct-unplaced summary{
padding:12px 15px;
font-weight:900;
font-size:11px;
cursor:pointer}
.franchise-team-map{
margin-top:18px}

.genealogy-level-report{
margin:14px 0 18px;
border:1px solid #d9e4df;
border-radius:15px;
background:#fff;
overflow:hidden}
.genealogy-level-report>header{
padding:12px 15px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
background:linear-gradient(90deg,#f7fbf9,#fff8e9)}
.genealogy-level-report>header div{
display:grid;
gap:2px}
.genealogy-level-report>header small{
font-size:9px;
font-weight:900;
letter-spacing:.1em;
color:#8c6b20}
.genealogy-level-report>header strong{
font-size:13px}
.genealogy-level-report>header>span{
font-size:9px;
color:#6e7b75}
.genealogy-level-report nav{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(82px,1fr));
gap:1px;
background:#e7edea}
.genealogy-level-report nav a{
min-height:75px;
padding:10px;
display:grid;
place-items:center;
background:#fff;
text-decoration:none;
color:#173a2c}
.genealogy-level-report nav a:hover,.genealogy-level-report nav a.active{
background:#edf8f3;
box-shadow:inset 0 -3px #e0a830}
.genealogy-level-report nav span{
font-size:9px;
font-weight:900;
color:#8a691b}
.genealogy-level-report nav b{
font-size:21px}
.genealogy-level-report nav small{
font-size:8px;
color:#718078}

.genealogy-visual{
margin-top:20px;
padding:18px;
border:1px solid #d6e2dc;
border-radius:18px;
background:linear-gradient(180deg,#fff,#f6faf8)}
.genealogy-visual>header{
display:flex;
justify-content:space-between;
gap:20px;
align-items:flex-end}
.genealogy-visual>header h3{
margin:.2rem 0;
font-size:21px}
.genealogy-visual>header p{
max-width:820px;
color:#68776f}
.genealogy-visual>header>span{
font-size:9px;
font-weight:900;
color:#8c6b20;
white-space:nowrap}
.reference-tree{
margin-top:20px}
.reference-tree__root{
width:min(360px,100%);
margin:auto;
padding:12px 14px;
display:grid;
grid-template-columns:44px minmax(0,1fr) auto;
gap:10px;
align-items:center;
border-radius:14px;
background:linear-gradient(135deg,#133d2d,#1d5a43);
color:#fff;
box-shadow:0 12px 30px #0c3a2b22}
.reference-tree__root>span:nth-child(2){
display:grid}
.reference-tree__root small{
font-size:8px;
color:#eacb72}
.reference-tree__root strong{
font-size:12px}
.reference-tree__root b{
font-size:10px;
color:#d9e9e1}
.reference-tree__root em{
font-style:normal;
font-size:8px;
font-weight:900;
padding:5px 8px;
border-radius:20px;
background:#fff2c8;
color:#775814}
.reference-tree__trunk{
height:32px;
position:relative}
.reference-tree__trunk:before{
content:"";
position:absolute;
left:50%;
top:0;
height:32px;
border-left:2px solid #99b7aa}
.reference-tree__trunk i{
position:absolute;
left:25%;
right:25%;
bottom:0;
border-top:2px solid #99b7aa}
.reference-tree__branches{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px}
.reference-branch{
border:1px solid #d5e1db;
border-radius:15px;
overflow:hidden;
background:#fff}
.reference-branch>header{
padding:11px 14px;
display:flex;
justify-content:space-between;
background:#edf8f3}
.reference-branch.is-b>header{
background:#fff7e5}
.reference-branch>header span{
font-weight:900;
font-size:10px}
.reference-branch>header b{
font-size:10px}
.reference-branch__levels{
padding:8px}
.reference-level{
display:grid;
grid-template-columns:68px minmax(0,1fr);
gap:9px;
padding:8px 0;
border-bottom:1px solid #edf1ef}
.reference-level:last-child{
border-bottom:0}
.reference-level>aside{
padding:7px;
display:grid;
align-content:center;
border-radius:10px;
background:#f3f7f5;
text-align:center}
.reference-level>aside b{
font-size:14px}
.reference-level>aside small{
font-size:8px;
color:#738078}
.reference-level__nodes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px}
.reference-node{
padding:7px 8px;
display:grid;
grid-template-columns:30px minmax(0,1fr);
gap:7px;
align-items:center;
border:1px solid #e0e8e4;
border-radius:10px;
background:#fff;
text-decoration:none;
color:#183b2d}
.reference-node:hover{
border-color:#caa847;
background:#fffaf0}
.reference-node>span:last-child{
display:grid;
min-width:0}
.reference-node strong,.reference-node b,.reference-node small{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.reference-node strong{
font-size:10px}
.reference-node b{
font-size:8px;
color:#9a741b}
.reference-node small{
font-size:8px;
color:#718078}
.reference-level__empty,.reference-level__more{
align-self:center;
font-size:9px;
color:#77857e}
.reference-level__more{
font-weight:900;
color:#8d6a1b;
text-decoration:none}

@media(max-width:820px){
.network-visibility-control{
grid-template-columns:1fr}
.network-visibility-control form{
align-items:stretch;
flex-direction:column}
.direct-team-split,.reference-tree__branches{
grid-template-columns:1fr}
.direct-team-list{
max-height:430px}
.direct-team-list article{
grid-template-columns:38px minmax(0,1fr)}
.direct-meta{
grid-column:2;
text-align:left}
.genealogy-visual>header{
align-items:flex-start;
flex-direction:column}
.genealogy-visual>header>span{
white-space:normal}
.reference-tree__trunk i{
display:none}
.reference-level{
grid-template-columns:54px minmax(0,1fr)}
.reference-level__nodes{
grid-template-columns:1fr}
}



/* Source: alpline430.css */
/* ALPLINE 4.0.30 — Cumulative P0 + Visual Reference Lock
   Loaded LAST. This file is intentionally the single current release override so
   historical styles cannot silently win after an Admin update. */

/* ---------- brand tokens ---------- */
.release-430{

  --alp-ink:#102a31;

  --alp-deep:#083e38;

  --alp-teal:#0d6f66;

  --alp-emerald:#0c9a73;

  --alp-blue:#286fb8;

  --alp-gold:#d6a93c;

  --alp-orange:#e67c32;

  --alp-violet:#7258b8;

  --alp-red:#c95454;

  --alp-cream:#f6f1e7;

  --alp-warm:#fbfaf6;

  --alp-card:#ffffff;

  --alp-line:#dce5e1;

  --alp-muted:#687b78;

  --alp-shadow:0 14px 34px rgba(20,55,50,.09);

  --alp-shadow-sm:0 7px 18px rgba(20,55,50,.07);

  color:var(--alp-ink);

}

.release-430 *, .release-430 *::before, .release-430 *::after{
box-sizing:border-box}

.release-430 a{
transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}


/* ---------- active portal shell ---------- */
.release-430.portal-body{
background:var(--alp-cream)!important;
color:var(--alp-ink)!important}

.release-430 .portal-shell{
background:var(--alp-cream)!important}

.release-430 .portal-stage{
background:linear-gradient(180deg,#fbfaf6 0,#f4f7f5 100%)!important;
min-width:0}

.release-430 .portal-content{
background:transparent!important;
color:var(--alp-ink)!important;
padding:22px 24px 44px!important;
max-width:none!important;
width:100%!important}

.release-430 .portal-topbar{
background:rgba(255,255,255,.96)!important;
color:var(--alp-ink)!important;
border-bottom:1px solid var(--alp-line)!important;
box-shadow:0 5px 18px rgba(12,52,45,.05)!important;
backdrop-filter:blur(14px)}

.release-430 .topbar-identity small{
color:var(--alp-teal)!important}
.release-430 .topbar-identity b,.release-430 .topbar-identity span{
color:var(--alp-ink)!important}

.release-430 .esc-back,.release-430 .sidebar-toggle,.release-430 .portal-top-actions>a,.release-430 .portal-top-actions summary{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid #d9e2de!important;
box-shadow:none!important}

.release-430 .portal-top-actions>a:hover,.release-430 .portal-top-actions summary:hover{
border-color:#97bdb1!important;
background:#f1f8f5!important}


.release-430 .portal-sidebar{
background:linear-gradient(180deg,#073c36 0,#0a4b43 55%,#082f2c 100%)!important;
border-right:1px solid rgba(255,255,255,.08)!important}

.release-430 .portal-brand{
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:none!important}

.release-430 .portal-brand b,.release-430 .portal-brand small,.release-430 .portal-nav a,.release-430 .portal-nav summary,.release-430 .portal-nav-label,.release-430 .portal-public-link{
color:#f6f7ef!important}

.release-430 .portal-nav a,.release-430 .portal-nav summary{
border:1px solid transparent!important}

.release-430 .portal-nav a:hover,.release-430 .portal-nav summary:hover{
background:rgba(255,255,255,.08)!important;
border-color:rgba(255,255,255,.1)!important}

.release-430 .portal-nav a.active{
background:linear-gradient(135deg,#11a67f,#0f8d78)!important;
color:white!important;
border-color:rgba(255,255,255,.15)!important;
box-shadow:0 8px 18px rgba(0,0,0,.12)!important}

.release-430 .portal-nav a i,.release-430 .portal-nav summary i{
background:rgba(255,255,255,.08)!important;
color:#f3c75f!important}

.release-430 .portal-nav a.active i{
background:#fff4cf!important;
color:#7b5c11!important}

.release-430 .portal-public-link{
border-color:rgba(255,255,255,.16)!important;
background:rgba(0,0,0,.08)!important}

.release-430 .live-data-badge{
background:rgba(20,184,139,.13)!important;
border-color:rgba(80,220,180,.24)!important}


/* ---------- shared light content system ---------- */
.release-430 .control-card,.release-430 .command-panel,.release-430 .glass-panel,.release-430 .team-section,.release-430 .activation-strip,.release-430 .placement-alert,
.release-430 .business-report .command-panel,.release-430 .franchise-panel,.release-430 .settings-panel,.release-430 .form-card,.release-430 .report-card,
.release-430 .network-page>section:not(.network-head):not(.genealogy-command),.release-430 .admin-network-page>section:not(.network-head):not(.genealogy-command){

  background:var(--alp-card)!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important;

}

.release-430 .control-card h1,.release-430 .control-card h2,.release-430 .control-card h3,.release-430 .command-panel h1,.release-430 .command-panel h2,.release-430 .command-panel h3,
.release-430 .team-section h1,.release-430 .team-section h2,.release-430 .team-section h3{
color:var(--alp-ink)!important}

.release-430 .control-card p,.release-430 .command-panel p,.release-430 .team-section p{
color:var(--alp-muted)!important}

.release-430 .eyebrow.dark,.release-430 .command-kicker.dark{
color:var(--alp-teal)!important}

.release-430 table{
background:#fff!important;
color:var(--alp-ink)!important;
border-collapse:separate!important;
border-spacing:0!important}

.release-430 table thead th{
background:#edf6f3!important;
color:#174940!important;
border-color:#d8e4df!important;
font-size:11px!important;
letter-spacing:.035em}

.release-430 table tbody td{
background:#fff!important;
color:#2a4542!important;
border-color:#e7ece9!important}

.release-430 table tbody tr:nth-child(even) td{
background:#fbfcfa!important}

.release-430 table tbody tr:hover td{
background:#f2f8f5!important}

.release-430 input,.release-430 select,.release-430 textarea{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid #cfdcd7!important;
box-shadow:none!important}

.release-430 input:focus,.release-430 select:focus,.release-430 textarea:focus{
border-color:#45a78d!important;
box-shadow:0 0 0 3px rgba(45,153,123,.10)!important;
outline:none!important}

.release-430 .btn,.release-430 button{
font-weight:800}

.release-430 .btn.dark{
background:var(--alp-deep)!important;
color:#fff!important;
border-color:var(--alp-deep)!important}

.release-430 .btn.gold{
background:linear-gradient(135deg,#f0c65a,#d7a433)!important;
color:#493500!important;
border:0!important}

.release-430 .status.active{
background:#e4f7ef!important;
color:#087453!important}
.release-430 .status.pending{
background:#fff2cf!important;
color:#805e08!important}

.release-430 .status.suspended,.release-430 .status.closed{
background:#fde9e8!important;
color:#a64343!important}


/* ---------- admin dashboard: light command centre ---------- */
.release-430 .admin-console{
max-width:1540px!important;
margin:0 auto!important;
width:100%!important;
color:var(--alp-ink)!important}

.release-430 .ap419-admin-hero{
background:linear-gradient(135deg,#ffffff 0,#f3faf7 52%,#fff8e8 100%)!important;
color:var(--alp-ink)!important;
border:1px solid #d4e3dd!important;
box-shadow:var(--alp-shadow)!important;
border-radius:22px!important;
overflow:hidden!important;
position:relative}

.release-430 .ap419-admin-hero:after{
content:"";
position:absolute;
right:-60px;
bottom:-90px;
width:310px;
height:310px;
border-radius:50%;
background:radial-gradient(circle,rgba(38,111,184,.13),rgba(214,169,60,.08) 38%,transparent 70%);
pointer-events:none}

.release-430 .ap419-hero-copy{
position:relative;
z-index:1}
.release-430 .ap419-kicker{
color:var(--alp-teal)!important}
.release-430 .ap419-hero-copy h1{
color:#133b35!important;
font-size:clamp(34px,4.2vw,62px)!important;
line-height:.98!important;
letter-spacing:-.045em!important}
.release-430 .ap419-hero-copy h1 em{
color:var(--alp-gold)!important}
.release-430 .ap419-hero-copy>p{
color:#58716d!important;
font-size:14px!important;
max-width:880px!important}

.release-430 .ap419-hero-actions a{
background:#fff!important;
color:#17453d!important;
border:1px solid #cfddd8!important}
.release-430 .ap419-hero-actions a:first-child{
background:linear-gradient(135deg,#f0c65a,#d9a633)!important;
color:#4a3500!important;
border-color:transparent!important}

.release-430 .ap419-owner-panel{
background:linear-gradient(145deg,#0b5147,#0b7766)!important;
color:#fff!important;
border:0!important;
box-shadow:0 12px 25px rgba(10,74,65,.18)!important}
.release-430 .ap419-owner-panel small,.release-430 .ap419-owner-panel span{
color:#d8eee8!important}
.release-430 .ap419-owner-panel em{
background:#f3c55b!important;
color:#4d3800!important}

.release-430 .ap419-kpi-grid{
gap:10px!important}

.release-430 .ap419-kpi{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid #d8e3df!important;
box-shadow:0 5px 14px rgba(22,66,57,.05)!important;
min-height:104px!important}

.release-430 .ap419-kpi:nth-child(4n+1){
border-top:3px solid var(--alp-emerald)!important}
.release-430 .ap419-kpi:nth-child(4n+2){
border-top:3px solid var(--alp-blue)!important}
.release-430 .ap419-kpi:nth-child(4n+3){
border-top:3px solid var(--alp-gold)!important}
.release-430 .ap419-kpi:nth-child(4n){
border-top:3px solid var(--alp-violet)!important}

.release-430 .ap419-kpi small{
color:#55716b!important}
.release-430 .ap419-kpi b{
color:#133f38!important;
font-size:23px!important}
.release-430 .ap419-kpi span{
color:#70817d!important}

.release-430 .ap420-system-strip{
background:transparent!important;
gap:10px!important}
.release-430 .ap420-system-strip>a{
background:#fff!important;
color:#17483f!important;
border:1px solid #d8e4df!important;
box-shadow:none!important}
.release-430 .ap420-system-strip>a:nth-child(2n){
border-left:4px solid var(--alp-blue)!important}
.release-430 .ap420-system-strip>a:nth-child(2n+1){
border-left:4px solid var(--alp-emerald)!important}

.release-430 .admin-quick-launch{
gap:12px!important}
.release-430 .admin-quick-launch>a{
background:#fff!important;
color:#153e37!important;
border:1px solid #d8e4df!important;
box-shadow:0 7px 18px rgba(18,60,52,.06)!important;
min-height:88px!important}
.release-430 .admin-quick-launch>a:hover{
transform:translateY(-2px)!important;
border-color:#8ebead!important;
box-shadow:0 12px 28px rgba(18,60,52,.10)!important}
.release-430 .admin-quick-launch>a>i{
background:#edf6f3!important;
color:#0b8466!important}
.release-430 .admin-quick-launch>a:nth-child(5n+2)>i{
background:#eaf2fc!important;
color:var(--alp-blue)!important}
.release-430 .admin-quick-launch>a:nth-child(5n+3)>i{
background:#f0ebfb!important;
color:var(--alp-violet)!important}
.release-430 .admin-quick-launch>a:nth-child(5n+4)>i{
background:#fff3df!important;
color:var(--alp-orange)!important}
.release-430 .admin-quick-launch>a:nth-child(5n)>i{
background:#fff7dc!important;
color:#98720e!important}

.release-430 .admin-quick-launch b{
color:#153e37!important}
.release-430 .admin-quick-launch small{
color:#6b7e79!important}


/* analytics must use the page width rather than a narrow half-stage */
.release-430 .admin-analytics,.release-430 .executive-analytics,.release-430 .admin-intelligence,.release-430 .dashboard-analytics{
max-width:none!important;
width:100%!important;
grid-template-columns:minmax(0,1.55fr) minmax(240px,.75fr) minmax(300px,.95fr)!important;
gap:14px!important;
background:transparent!important}

.release-430 .admin-analytics>*,.release-430 .executive-analytics>*,.release-430 .admin-intelligence>*,.release-430 .dashboard-analytics>*{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important}


/* ---------- seller/member dashboard ---------- */
.release-430.member-portal .portal-content{
background:linear-gradient(180deg,#fbfaf6,#f5f8f6)!important}

.release-430 .seller-command,.release-430 .seller-dashboard,.release-430 .customer-dashboard{
max-width:1500px!important;
margin:0 auto!important;
color:var(--alp-ink)!important}

.release-430 .seller-hero,.release-430 .member-hero,.release-430 .customer-hero{
background:linear-gradient(135deg,#fff 0,#f0faf6 60%,#fff4df 100%)!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow)!important}

.release-430 .seller-hero h1,.release-430 .member-hero h1,.release-430 .customer-hero h1{
color:#123e37!important}
.release-430 .seller-hero p,.release-430 .member-hero p,.release-430 .customer-hero p{
color:#657b76!important}

.release-430 .seller-kpis,.release-430 .customer-kpis{
gap:10px!important;
background:transparent!important}

.release-430 .seller-kpis article,.release-430 .customer-kpis article{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important;
min-height:96px!important}
.release-430 .seller-kpis article:nth-child(4n+1){
border-top:3px solid var(--alp-emerald)!important}
.release-430 .seller-kpis article:nth-child(4n+2){
border-top:3px solid var(--alp-blue)!important}
.release-430 .seller-kpis article:nth-child(4n+3){
border-top:3px solid var(--alp-gold)!important}
.release-430 .seller-kpis article:nth-child(4n){
border-top:3px solid var(--alp-violet)!important}
.release-430 .seller-kpis small,.release-430 .customer-kpis small{
color:#647873!important}
.release-430 .seller-kpis b,.release-430 .customer-kpis b{
color:#123e37!important}


/* ---------- genealogy reference lock ---------- */
.release-430 .network-page{
max-width:1500px!important;
margin:0 auto!important;
color:var(--alp-ink)!important}

.release-430 .network-head{
background:linear-gradient(135deg,#fff 0,#f2faf6 70%,#fff5df 100%)!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow)!important;
border-radius:22px!important}
.release-430 .network-head h1{
color:#113e37!important}
.release-430 .network-head h1 em{
color:#b88716!important}
.release-430 .network-head p{
color:#607672!important}
.release-430 .network-identity{
background:#0b574c!important;
color:#fff!important}
.release-430 .network-identity small,.release-430 .network-identity p{
color:#d8ebe6!important}

.release-430 .network-metrics{
background:transparent!important;
border:0!important;
box-shadow:none!important;
gap:10px!important}
.release-430 .network-metrics article{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important}
.release-430 .network-metrics article:nth-child(4n+1){
border-top:3px solid var(--alp-emerald)!important}
.release-430 .network-metrics article:nth-child(4n+2){
border-top:3px solid var(--alp-blue)!important}
.release-430 .network-metrics article:nth-child(4n+3){
border-top:3px solid var(--alp-gold)!important}
.release-430 .network-metrics article:nth-child(4n){
border-top:3px solid var(--alp-violet)!important}
.release-430 .network-metrics small,.release-430 .network-metrics span{
color:#6a7e79!important}
.release-430 .network-metrics b{
color:#143f38!important}

.release-430 .genealogy-command{
background:transparent!important;
color:var(--alp-ink)!important}

.release-430 .genealogy-command__head{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow)!important;
border-radius:20px!important;
padding:18px 20px!important}
.release-430 .genealogy-command__head h2{
color:#143f38!important}
.release-430 .genealogy-command__head p{
color:#657b76!important}
.release-430 .genealogy-command__nav{
background:#f7f2e7!important;
border:1px solid #eadbb9!important}
.release-430 .genealogy-command__nav a{
color:#6d5312!important}
.release-430 .genealogy-command__nav span{
color:#7a7d72!important}

.release-430 .genealogy-level-report{
background:#fff!important;
border-color:var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important}
.release-430 .genealogy-level-report>header{
background:linear-gradient(90deg,#eef8f4,#fff7e6)!important}
.release-430 .genealogy-level-report nav a{
background:#fff!important;
color:#173c35!important}
.release-430 .genealogy-level-report nav a:hover,.release-430 .genealogy-level-report nav a.active{
background:#f1f9f5!important;
box-shadow:inset 0 -3px var(--alp-gold)!important}

.release-430 .genealogy-command__root{
width:min(520px,100%)!important;
margin:18px auto 0!important;
background:linear-gradient(135deg,#0d5b50,#0e7766)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.14)!important;
box-shadow:0 13px 28px rgba(9,79,66,.18)!important;
padding:13px 15px!important;
border-radius:16px!important}
.release-430 .genealogy-command__identity small{
color:#f1cc69!important}
.release-430 .genealogy-command__identity strong,.release-430 .genealogy-command__identity b{
color:#fff!important}
.release-430 .genealogy-command__status small{
color:#d8ebe5!important}

.release-430 .genealogy-command__connector i,.release-430 .genealogy-command__connector:before,.release-430 .genealogy-command__connector:after{
border-color:#90b6aa!important;
background:#90b6aa!important}

.release-430 .genealogy-command__branches{
gap:18px!important}
.release-430 .genealogy-branch{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important;
border-radius:17px!important}
.release-430 .genealogy-branch:first-child{
border-top:4px solid var(--alp-emerald)!important}
.release-430 .genealogy-branch:last-child{
border-top:4px solid var(--alp-gold)!important}
.release-430 .genealogy-branch__head{
background:#f2f9f6!important;
color:#17483f!important}
.release-430 .genealogy-branch:last-child .genealogy-branch__head{
background:#fff7e5!important}
.release-430 .genealogy-branch__filter{
background:#fbfcfa!important;
border-color:#e1e9e5!important}
.release-430 .genealogy-branch__list{
background:#fff!important;
max-height:620px!important}
.release-430 .genealogy-member-row{
background:#fff!important;
color:#183e37!important;
border-color:#e4ebe8!important}
.release-430 .genealogy-member-row:hover{
background:#f4faf7!important;
border-color:#9ecaba!important}
.release-430 .genealogy-member-row__number{
color:#8c6b18!important}
.release-430 .genealogy-member-row__metric{
background:#f4f8f6!important;
color:#164b41!important}
.release-430 .genealogy-member-row em{
color:#0b755a!important}

.release-430 .genealogy-visual{
background:#fff!important;
border-color:var(--alp-line)!important;
box-shadow:var(--alp-shadow)!important}
.release-430 .genealogy-visual h3{
color:#143f38!important}
.release-430 .genealogy-visual p{
color:#657b76!important}
.release-430 .reference-tree__root{
background:linear-gradient(135deg,#0c5a4e,#0c7663)!important}
.release-430 .reference-branch{
background:#fff!important;
border-color:#d7e3de!important}
.release-430 .reference-branch>header{
background:#eef8f3!important}
.release-430 .reference-branch.is-b>header{
background:#fff6e1!important}
.release-430 .reference-level>aside{
background:#f3f7f5!important}
.release-430 .reference-node{
background:#fff!important;
color:#173e36!important}
.release-430 .reference-node:hover{
background:#fff9ea!important}

.release-430 .direct-team-column{
background:#fff!important;
border-color:var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important}
.release-430 .direct-team-list{
background:#fff!important}
.release-430 .direct-team-list article{
background:#fff!important;
color:var(--alp-ink)!important}
.release-430 .direct-team-column.leg-a>header{
background:#edf8f3!important}
.release-430 .direct-team-column.leg-b>header{
background:#fff6e1!important}


/* ---------- forms/reports/franchise ---------- */
.release-430 .business-report,.release-430 .franchise-dashboard,.release-430 .admin-network-page{
max-width:1500px!important;
margin:0 auto!important}
.release-430 .report-hero{
background:linear-gradient(135deg,#fff,#f0faf6 68%,#fff5df)!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow)!important}
.release-430 .report-hero h1{
color:#143f38!important}
.release-430 .report-hero p{
color:#657b76!important}
.release-430 .report-hero aside{
background:#0c5a4e!important;
color:#fff!important}

.release-430 .team-summary{
background:transparent!important;
gap:10px!important}
.release-430 .team-summary article{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important}
.release-430 .team-summary small,.release-430 .team-summary span{
color:#6b7d79!important}
.release-430 .team-summary b{
color:#143f38!important}

.release-430 .franchise-dashboard .command-panel,.release-430 .franchise-dashboard .control-card{
background:#fff!important;
color:var(--alp-ink)!important}


/* ---------- territory/map utility ---------- */
.release-430 .india-coverage-card,.release-430 .territory-card,.release-430 .territory-intelligence{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow)!important}
.release-430 .india-coverage-card svg,.release-430 .territory-card svg{
background:#fbfcfa!important}
.release-430 .map-controls button{
background:#fff!important;
color:#143f38!important;
border:1px solid #d7e2dd!important}
.release-430 .map-controls button:hover{
background:#eef8f3!important}


/* ---------- public website: visible release change ---------- */
.release-430.public-body{
background:#fbfaf6!important;
color:var(--alp-ink)!important}

.release-430 .site-header{
background:rgba(255,255,255,.98)!important;
color:var(--alp-ink)!important;
border-bottom:1px solid #e0e7e3!important;
box-shadow:0 6px 22px rgba(16,54,47,.06)!important}
.release-430 .utility-bar{
background:#083e38!important;
color:#e9f3ef!important}
.release-430 .utility-bar a,.release-430 .utility-bar span{
color:#e9f3ef!important}
.release-430 .main-header{
background:#fff!important}
.release-430 .brand b{
color:#123e37!important}
.release-430 .brand small{
color:#6a7d79!important}
.release-430 .primary-nav{
background:#f5f8f6!important;
border:1px solid #e0e7e3!important}
.release-430 .primary-nav a{
color:#36554e!important}
.release-430 .primary-nav a.active,.release-430 .primary-nav a:hover{
background:#fff4d8!important;
color:#6f5410!important}
.release-430 .header-actions summary,.release-430 .header-actions>a{
background:#fff!important;
color:#143f38!important;
border:1px solid #dbe4e0!important}
.release-430 .public-portal-menu>div{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid #dbe4e0!important;
box-shadow:var(--alp-shadow)!important}
.release-430 .public-portal-menu a{
color:#143f38!important;
background:#fff!important}
.release-430 .public-portal-menu a:hover{
background:#f3f8f6!important}
.release-430 .public-portal-menu a span{
color:#70817d!important}

.release-430 .ap422-public-hero{
background:linear-gradient(135deg,#fdfbf6 0,#eef8f4 50%,#eaf3fb 100%)!important;
color:var(--alp-ink)!important;
border-bottom:1px solid #d9e4df!important}
.release-430 .ap422-public-hero h1{
color:#143f38!important}
.release-430 .ap422-public-hero h1 em{
color:#b78211!important}
.release-430 .ap422-public-hero p{
color:#5f746f!important}
.release-430 .ap422-stage{
background:linear-gradient(145deg,#0c554b,#0f7262)!important;
box-shadow:var(--alp-shadow)!important}
.release-430 .ap422-stage-product{
background:#fff!important;
color:#173e36!important}
.release-430 .ap422-public-command{
background:#fff!important;
border-color:#e0e7e3!important;
box-shadow:var(--alp-shadow-sm)!important}
.release-430 .ap422-public-command a{
background:#fff!important;
color:#163f38!important;
border-color:#e3eae7!important}
.release-430 .ap422-public-command a:nth-child(4n+1) i{
background:#e7f7f0!important;
color:#0b8766!important}
.release-430 .ap422-public-command a:nth-child(4n+2) i{
background:#e9f2fc!important;
color:var(--alp-blue)!important}
.release-430 .ap422-public-command a:nth-child(4n+3) i{
background:#fff3de!important;
color:var(--alp-orange)!important}
.release-430 .ap422-public-command a:nth-child(4n) i{
background:#f2ecfb!important;
color:var(--alp-violet)!important}

.release-430 .alp-section.light,.release-430 .alp-experience-section,.release-430 .alp-care-section{
background:#fbfaf6!important;
color:var(--alp-ink)!important}
.release-430 .alp-section.dark{
background:#0b4b43!important;
color:#fff!important}
.release-430 .alp-story--accent{
background:#fff7e7!important;
color:var(--alp-ink)!important;
border:1px solid #efdfbd!important}
.release-430 .alp-value{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid #dbe5e1!important}
.release-430 .alp-product-card,.release-430 .alp-card{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid #dde5e2!important;
box-shadow:var(--alp-shadow-sm)!important}
.release-430 .site-footer{
background:#083e38!important;
color:#e7f1ed!important}


/* ---------- responsive ---------- */
@media (max-width:1180px){

  .release-430 .portal-content{
padding:18px 16px 36px!important}

  .release-430 .admin-analytics,.release-430 .executive-analytics,.release-430 .admin-intelligence,.release-430 .dashboard-analytics{
grid-template-columns:1fr 1fr!important}

  .release-430 .ap419-hero-top{
grid-template-columns:1fr!important}
.release-430 .ap419-owner-panel{
max-width:none!important}

}

@media (max-width:820px){

  .release-430 .portal-content{
padding:14px 10px 30px!important}

  .release-430 .portal-topbar{
background:#fff!important}

  .release-430 .admin-analytics,.release-430 .executive-analytics,.release-430 .admin-intelligence,.release-430 .dashboard-analytics{
grid-template-columns:1fr!important}

  .release-430 .ap419-admin-hero{
border-radius:16px!important}
.release-430 .ap419-hero-copy h1{
font-size:34px!important}

  .release-430 .ap419-kpi-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}
.release-430 .admin-quick-launch{
grid-template-columns:1fr!important}

  .release-430 .genealogy-command__branches,.release-430 .direct-team-split{
grid-template-columns:1fr!important}

  .release-430 .genealogy-command__root{
grid-template-columns:42px minmax(0,1fr)!important}
.release-430 .genealogy-command__status{
grid-column:2!important;
align-items:flex-start!important;
text-align:left!important}

  .release-430 .genealogy-branch__list{
max-height:440px!important}

  .release-430 .network-head,.release-430 .report-hero{
border-radius:16px!important}

  .release-430 .primary-nav{
display:none!important}
.release-430 .public-mobile-menu{
display:block!important}

}

@media (max-width:520px){

  .release-430 .ap419-kpi-grid{
grid-template-columns:1fr!important}

  .release-430 .network-metrics,.release-430 .team-summary,.release-430 .seller-kpis,.release-430 .customer-kpis{
grid-template-columns:1fr 1fr!important}

  .release-430 .genealogy-level-report nav{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

}


/* ===== 4.0.30 ACTIVE-SELECTOR FINAL LOCK =====
   These rules target the classes that are actually rendered by current Blade files.
   Historical release classes are no longer present on <body>, so this block is the
   single visual authority for live 4.0.30 pages. */

/* public home — actual live classes */
.release-430 .alp-page{
background:linear-gradient(180deg,#fffdf9 0%,#f5f8f7 42%,#fffaf1 100%)!important;
color:var(--alp-ink)!important}

.release-430 .alp-home-hero{

  width:min(1540px,calc(100% - 28px))!important;
margin:18px auto 16px!important;
padding:34px!important;

  border:1px solid #dbe5e1!important;
border-radius:26px!important;

  background:linear-gradient(125deg,#fffdf9 0%,#eef8f5 52%,#eef5fd 100%)!important;

  color:var(--alp-ink)!important;
box-shadow:0 20px 48px rgba(18,63,55,.10)!important;

}

.release-430 .alp-home-hero h1{
color:#153f38!important;
font-size:clamp(44px,5.4vw,78px)!important;
line-height:.96!important;
letter-spacing:-.045em!important}

.release-430 .alp-home-hero h1 em{
color:#c28a17!important;
font-style:normal!important}

.release-430 .alp-home-hero p{
color:#5d716d!important;
font-size:16px!important;
line-height:1.65!important;
max-width:720px!important}

.release-430 .alp-home-hero .alp-overline{
color:#0b8065!important;
letter-spacing:.15em!important}

.release-430 .alp-home-hero .alp-btn.primary{
background:linear-gradient(135deg,#ed7a31,#f3a23c)!important;
color:#fff!important;
border:0!important;
box-shadow:0 9px 22px rgba(224,116,41,.22)!important}

.release-430 .alp-home-hero .alp-btn.ghost{
background:#fff!important;
color:#17483f!important;
border:1px solid #cfded8!important}

.release-430 .ap422-product-stage{
background:linear-gradient(145deg,#0c5d53 0%,#1b6f7f 48%,#245d8e 100%)!important;
border:1px solid rgba(255,255,255,.38)!important;
box-shadow:0 18px 38px rgba(26,67,79,.16)!important;
border-radius:24px!important;
padding:15px!important}

.release-430 .ap422-stage-product{
background:#fffdf9!important;
color:#163f38!important;
border:1px solid rgba(18,63,55,.10)!important;
box-shadow:0 8px 20px rgba(16,55,48,.07)!important}

.release-430 .ap422-stage-product--main{
background:linear-gradient(180deg,#fff 0%,#f8fbfa 100%)!important}

.release-430 .ap422-stage-product span,.release-430 .ap422-stage-product small{
color:#62807a!important}

.release-430 .ap422-stage-product b{
color:#143f38!important}

.release-430 .ap422-stage-seal{
background:#123f47!important;
color:#fff5d7!important;
border-color:rgba(255,255,255,.22)!important}

.release-430 .ap422-trust-ribbon{
gap:10px!important}

.release-430 .ap422-trust-ribbon>span{
background:#fff!important;
border:1px solid #dbe5e1!important;
box-shadow:0 6px 16px rgba(19,62,54,.05)!important;
color:#173e37!important}

.release-430 .ap422-trust-ribbon>span:nth-child(1) i{
background:#e8f7f1!important;
color:#0a8466!important}

.release-430 .ap422-trust-ribbon>span:nth-child(2) i{
background:#eaf3fd!important;
color:#286fb8!important}

.release-430 .ap422-trust-ribbon>span:nth-child(3) i{
background:#fff1e5!important;
color:#e67c32!important}

.release-430 .ap422-trust-ribbon>span:nth-child(4) i{
background:#fff5d8!important;
color:#9a7110!important}

.release-430 .ap422-public-command{
width:min(1540px,calc(100% - 28px))!important;
margin:0 auto 18px!important;
background:#fff!important;
border:1px solid #dde6e2!important;
border-radius:18px!important;
box-shadow:0 8px 22px rgba(17,58,51,.06)!important}

.release-430 .ap422-public-command a{
background:#fff!important;
color:#153f38!important;
border:0!important;
border-right:1px solid #e8eeeb!important}

.release-430 .ap422-public-command a:last-child{
border-right:0!important}

.release-430 .alp-section.light,.release-430 .alp-experience-section,.release-430 .alp-care-section{
background:#fffdf9!important}

.release-430 .alp-section.dark{
background:linear-gradient(135deg,#0a5148,#1d6177)!important}

.release-430 .alp-story--accent{
background:linear-gradient(135deg,#fff8e9,#fffdf9)!important;
border:1px solid #ead9b5!important}

.release-430 .alp-value{
background:#fff!important;
border-top:3px solid #2f7ab9!important}

.release-430 .alp-value:nth-child(2){
border-top-color:#e67c32!important}
.release-430 .alp-value:nth-child(3){
border-top-color:#0c9a73!important}
.release-430 .alp-value:nth-child(4){
border-top-color:#d6a93c!important}


/* active admin/member/franchise content surfaces */
.release-430 .admin-console,.release-430 .seller-command,.release-430 .customer-command,.release-430 .franchise-dashboard,.release-430 .business-report,.release-430 .network-page,.release-430 .admin-network-page{
width:100%!important;
max-width:1560px!important;
margin:0 auto!important;
color:var(--alp-ink)!important}

.release-430 .dashboard-alert-strip,.release-430 .sale-only-banner{
background:#fff!important;
color:#153f38!important;
border:1px solid #dbe5e1!important;
box-shadow:var(--alp-shadow-sm)!important}

.release-430 .sale-only-banner>i{
background:#e8f7f1!important;
color:#0a8466!important}
.release-430 .sale-only-banner a{
color:#286fb8!important}

.release-430 .seller-id,.release-430 .customer-id,.release-430 .identity{
background:linear-gradient(145deg,#0c5b51,#1c6a7d)!important;
color:#fff!important;
border-color:rgba(255,255,255,.14)!important}

.release-430 .seller-id small,.release-430 .seller-id dt,.release-430 .seller-id dd{
color:#dceee9!important}

.release-430 .executive-intelligence>.command-panel,.release-430 .seller-layout>.command-panel,.release-430 .insight-grid>.control-card,.release-430 .coverage-card,.release-430 .recent-ids,.release-430 .admin-modules,.release-430 .career-command{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important}

.release-430 .executive-intelligence h2,.release-430 .seller-layout h2,.release-430 .coverage-card h2,.release-430 .recent-ids h2{
color:#153f38!important}

.release-430 .executive-intelligence p,.release-430 .seller-layout p,.release-430 .coverage-card p{
color:#667b77!important}

.release-430 .seller-kpis article,.release-430 .customer-kpis article{
padding:16px!important;
border-radius:16px!important;
min-height:104px!important}

.release-430 .seller-kpis article:nth-child(5n+1){
border-top-color:#0c9a73!important}
.release-430 .seller-kpis article:nth-child(5n+2){
border-top-color:#286fb8!important}
.release-430 .seller-kpis article:nth-child(5n+3){
border-top-color:#e67c32!important}
.release-430 .seller-kpis article:nth-child(5n+4){
border-top-color:#7258b8!important}
.release-430 .seller-kpis article:nth-child(5n){
border-top-color:#d6a93c!important}

.release-430 .command-grid>a,.release-430 .admin-quick-launch>a{
background:#fff!important;
color:#163f38!important;
border:1px solid #dbe5e1!important;
box-shadow:0 6px 16px rgba(17,59,51,.055)!important}

.release-430 .command-grid>a:hover,.release-430 .admin-quick-launch>a:hover{
border-color:#93c4b5!important;
background:#fbfdfc!important;
transform:translateY(-2px)!important}

.release-430 .command-grid>a:nth-child(6n+1) i,.release-430 .admin-quick-launch>a:nth-child(6n+1)>i{
background:#e8f7f1!important;
color:#0b8968!important}

.release-430 .command-grid>a:nth-child(6n+2) i,.release-430 .admin-quick-launch>a:nth-child(6n+2)>i{
background:#eaf3fd!important;
color:#286fb8!important}

.release-430 .command-grid>a:nth-child(6n+3) i,.release-430 .admin-quick-launch>a:nth-child(6n+3)>i{
background:#fff1e5!important;
color:#e67c32!important}

.release-430 .command-grid>a:nth-child(6n+4) i,.release-430 .admin-quick-launch>a:nth-child(6n+4)>i{
background:#f0ebfb!important;
color:#7258b8!important}

.release-430 .command-grid>a:nth-child(6n+5) i,.release-430 .admin-quick-launch>a:nth-child(6n+5)>i{
background:#fff5d8!important;
color:#9a7110!important}

.release-430 .command-grid>a:nth-child(6n) i,.release-430 .admin-quick-launch>a:nth-child(6n)>i{
background:#e9f7f8!important;
color:#167e8c!important}


/* genealogy visual reference lock — compact root + balanced A/B workspace */
.release-430 .genealogy-command{
max-width:1480px!important;
margin:0 auto 22px!important}

.release-430 .genealogy-command__head{
display:grid!important;
grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;
gap:18px!important;
align-items:end!important}

.release-430 .genealogy-command__head h2{
font-size:clamp(25px,2.6vw,38px)!important;
line-height:1.05!important}

.release-430 .genealogy-command__search{
background:#f8fbfa!important;
border:1px solid #dfe8e4!important;
border-radius:14px!important;
padding:12px!important}

.release-430 .genealogy-command__nav{
border-radius:12px!important;
padding:8px 10px!important}

.release-430 .genealogy-level-report{
border-radius:16px!important;
overflow:hidden!important}

.release-430 .genealogy-level-report nav{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important;
gap:0!important}

.release-430 .genealogy-command__root{
max-width:480px!important;
min-height:92px!important}

.release-430 .genealogy-command__branches{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
align-items:start!important}

.release-430 .genealogy-branch{
overflow:hidden!important}

.release-430 .genealogy-branch__list{
max-height:540px!important;
overflow:auto!important;
scrollbar-gutter:stable!important}

.release-430 .genealogy-member-row{
min-height:72px!important;
padding:10px 12px!important}

.release-430 .genealogy-member-row__identity b{
font-size:14px!important}
.release-430 .genealogy-member-row__identity small{
font-size:11px!important}

.release-430 .direct-team-split{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:18px!important}

.release-430 .direct-team-column{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
border-radius:16px!important;
box-shadow:var(--alp-shadow-sm)!important;
overflow:hidden!important}

.release-430 .direct-team-column.leg-a{
border-top:4px solid var(--alp-emerald)!important}
.release-430 .direct-team-column.leg-b{
border-top:4px solid var(--alp-blue)!important}

.release-430 .direct-team-list{
max-height:560px!important;
overflow:auto!important;
background:#fff!important}

.release-430 .direct-team-list article{
background:#fff!important;
color:#173e37!important;
border-bottom:1px solid #e8eeeb!important}


/* India intelligence: functional map, light surface, explicit zoom only */
.release-430 .india-intelligence{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid #dce6e2!important;
border-radius:18px!important;
box-shadow:var(--alp-shadow-sm)!important;
overflow:hidden!important}

.release-430 .india-intelligence__head{
background:linear-gradient(90deg,#edf8f4,#fff7e6,#eef5fd)!important;
color:#153f38!important;
border-bottom:1px solid #dde7e3!important}

.release-430 .india-intelligence__workspace{
background:#fff!important}

.release-430 .india-intelligence__map-shell{
background:#f8fbfa!important}

.release-430 .india-map-toolbar{
background:#fff!important;
border:1px solid #dce6e2!important;
box-shadow:0 5px 14px rgba(17,59,51,.06)!important}

.release-430 .india-map-toolbar button{
background:#f3f8f6!important;
color:#16473f!important;
border:1px solid #d9e4df!important}

.release-430 .india-map-toolbar button:hover{
background:#e7f5ef!important;
border-color:#9ec9b9!important}

.release-430 .india-intelligence__detail{
background:linear-gradient(160deg,#0d675b,#245f82)!important;
color:#fff!important}

.release-430 .territory-rank{
background:#fff!important;
border-top:1px solid #e2e9e6!important}

.release-430 .territory-rank button{
background:#fff!important;
color:#163f38!important;
border:1px solid #e0e8e5!important}

.release-430 .territory-rank button:hover{
background:#f4faf7!important;
border-color:#a8cbbc!important}


/* forms/reports/tables — no full-page dark panels */
.release-430 .journal-form,.release-430 .team-filter,.release-430 .filter-bar,.release-430 .settings-grid,.release-430 .form-grid{
background:#fff!important;
color:var(--alp-ink)!important}

.release-430 .table-wrap{
background:#fff!important;
border:1px solid #e0e8e4!important;
border-radius:14px!important;
overflow:auto!important}

.release-430 details.control-card>summary{
color:#153f38!important;
background:#f6faf8!important}


@media (max-width:980px){

  .release-430 .alp-home-hero{
grid-template-columns:1fr!important;
padding:24px!important}

  .release-430 .genealogy-command__head{
grid-template-columns:1fr!important}

}

@media (max-width:820px){

  .release-430 .alp-home-hero{
width:calc(100% - 16px)!important;
margin:8px auto 12px!important;
padding:18px!important;
border-radius:18px!important}

  .release-430 .alp-home-hero h1{
font-size:clamp(38px,12vw,56px)!important}

  .release-430 .ap422-product-stage{
grid-template-columns:1fr!important}

  .release-430 .ap422-public-command{
width:calc(100% - 16px)!important;
display:grid!important;
grid-template-columns:1fr 1fr!important}

  .release-430 .genealogy-command__branches,.release-430 .direct-team-split{
grid-template-columns:1fr!important}

}

@media (max-width:520px){

  .release-430 .ap422-public-command{
grid-template-columns:1fr!important}

  .release-430 .network-metrics,.release-430 .team-summary,.release-430 .seller-kpis,.release-430 .customer-kpis{
grid-template-columns:1fr!important}

}


/* 4.0.30 franchise live-selector correction: the current Blade renders
   main.dashboard + .dash-head + .franchise-kpis, not legacy franchise-dashboard. */
.release-430.franchise-portal .dashboard{

  width:100%!important;
max-width:1560px!important;
margin:0 auto!important;
color:var(--alp-ink)!important;

  display:grid!important;
gap:18px!important;

}

.release-430.franchise-portal .dash-head{

  background:linear-gradient(125deg,#fffdf9 0%,#eef8f5 58%,#eef5fd 100%)!important;

  color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
border-radius:22px!important;

  box-shadow:var(--alp-shadow)!important;
padding:24px!important;

}

.release-430.franchise-portal .dash-head h1{
color:#153f38!important;
font-size:clamp(30px,3.4vw,48px)!important;
line-height:1!important}

.release-430.franchise-portal .dash-head p{
color:#5e746f!important;
font-size:14px!important;
line-height:1.6!important}

.release-430.franchise-portal .dash-head .identity{
background:linear-gradient(145deg,#0d6659,#286f88)!important;
color:#fff!important;
border:0!important;
box-shadow:0 12px 26px rgba(16,83,74,.15)!important}

.release-430.franchise-portal .franchise-kpis{
background:transparent!important;
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
gap:12px!important}

.release-430.franchise-portal .franchise-kpis article{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
border-radius:16px!important;
box-shadow:var(--alp-shadow-sm)!important;
padding:16px!important;
min-height:100px!important}

.release-430.franchise-portal .franchise-kpis article:nth-child(6n+1){
border-top:3px solid var(--alp-emerald)!important}

.release-430.franchise-portal .franchise-kpis article:nth-child(6n+2){
border-top:3px solid var(--alp-blue)!important}

.release-430.franchise-portal .franchise-kpis article:nth-child(6n+3){
border-top:3px solid var(--alp-orange)!important}

.release-430.franchise-portal .franchise-kpis article:nth-child(6n+4){
border-top:3px solid var(--alp-violet)!important}

.release-430.franchise-portal .franchise-kpis article:nth-child(6n+5){
border-top:3px solid var(--alp-gold)!important}

.release-430.franchise-portal .franchise-kpis article:nth-child(6n){
border-top:3px solid #168696!important}

.release-430.franchise-portal .franchise-kpis small,.release-430.franchise-portal .franchise-kpis span{
color:#667b77!important}

.release-430.franchise-portal .franchise-kpis b{
color:#153f38!important;
font-size:24px!important}

.release-430.franchise-portal .franchise-command-strip{
background:#fff!important;
border:1px solid var(--alp-line)!important;
border-radius:18px!important;
box-shadow:var(--alp-shadow-sm)!important;
padding:10px!important;
gap:10px!important}

.release-430.franchise-portal .franchise-command-strip>a{
background:#fbfcfa!important;
color:#173f38!important;
border:1px solid #e0e8e5!important;
border-radius:14px!important;
min-height:74px!important}

.release-430.franchise-portal .franchise-command-strip>a:nth-child(5n+1){
border-left:4px solid var(--alp-emerald)!important}

.release-430.franchise-portal .franchise-command-strip>a:nth-child(5n+2){
border-left:4px solid var(--alp-blue)!important}

.release-430.franchise-portal .franchise-command-strip>a:nth-child(5n+3){
border-left:4px solid var(--alp-orange)!important}

.release-430.franchise-portal .franchise-command-strip>a:nth-child(5n+4){
border-left:4px solid var(--alp-violet)!important}

.release-430.franchise-portal .franchise-command-strip>a:nth-child(5n){
border-left:4px solid var(--alp-gold)!important}

.release-430.franchise-portal .coverage-card,.release-430.franchise-portal .franchise-control-matrix,.release-430.franchise-portal .control-card{
background:#fff!important;
color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important}

@media (max-width:820px){

  .release-430.franchise-portal .dashboard{
gap:12px!important}

  .release-430.franchise-portal .dash-head{
padding:18px!important;
border-radius:16px!important}

  .release-430.franchise-portal .franchise-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

}

@media (max-width:520px){

  .release-430.franchise-portal .franchise-kpis{
grid-template-columns:1fr!important}

}


/* 4.0.30 final active-layout hardening — warm light dominant, readable, full-width. */
.release-430 .portal-stage{
min-height:100vh!important}

.release-430.admin-portal .portal-content,
.release-430.member-portal .portal-content,
.release-430.franchise-portal .portal-content{
padding-inline:clamp(14px,2vw,30px)!important}

.release-430.admin-portal .admin-console,
.release-430.member-portal .seller-command,
.release-430.member-portal .customer-command,
.release-430.franchise-portal .dashboard{
max-width:1680px!important;
width:100%!important}

.release-430 .report-hero,
.release-430 .network-head,
.release-430 .team-command .report-hero{

  background:linear-gradient(125deg,#fffdf9 0%,#eef8f5 58%,#eef5fd 100%)!important;

  color:var(--alp-ink)!important;
border:1px solid var(--alp-line)!important;

  box-shadow:var(--alp-shadow-sm)!important
}

.release-430 .report-hero h1,.release-430 .network-head h1{
color:#153f38!important}

.release-430 .report-hero p,.release-430 .network-head p{
color:#5f746f!important}

.release-430 .team-summary article,.release-430 .network-metrics article{

  background:#fff!important;
color:#153f38!important;
border:1px solid var(--alp-line)!important;

  border-top:3px solid var(--alp-emerald)!important;
box-shadow:var(--alp-shadow-sm)!important
}

.release-430 .team-summary article:nth-child(4n+2),.release-430 .network-metrics article:nth-child(4n+2){
border-top-color:var(--alp-blue)!important}

.release-430 .team-summary article:nth-child(4n+3),.release-430 .network-metrics article:nth-child(4n+3){
border-top-color:var(--alp-orange)!important}

.release-430 .team-summary article:nth-child(4n),.release-430 .network-metrics article:nth-child(4n){
border-top-color:var(--alp-gold)!important}

.release-430 .team-summary small,.release-430 .network-metrics small{
color:#667b77!important}

.release-430 .genealogy-command__root,
.release-430 .genealogy-branch,
.release-430 .genealogy-level-report{

  background:#fff!important;
color:#153f38!important;
border:1px solid var(--alp-line)!important;

  box-shadow:var(--alp-shadow-sm)!important
}

.release-430 .genealogy-branch__head{
background:linear-gradient(90deg,#f1f9f6,#fffaf0)!important;
color:#153f38!important}

.release-430 .genealogy-member-row{
background:#fff!important;
color:#153f38!important;
border-bottom:1px solid #e7eeeb!important}

.release-430 .genealogy-member-row:hover{
background:#f5faf8!important}

.release-430 .genealogy-level-report header{
background:#f7faf8!important;
color:#153f38!important}

.release-430 .genealogy-level-report nav a{
background:#fff!important;
color:#214a43!important;
border-color:#e3ebe7!important}

.release-430 .genealogy-level-report nav a.active{
background:#e7f6f0!important;
color:#087458!important;
box-shadow:inset 0 -3px 0 var(--alp-gold)!important}

.release-430 .direct-unplaced{
background:#fff!important;
color:#153f38!important;
border:1px solid var(--alp-line)!important}

.release-430 .downline-level-groups details{
background:#fff!important;
color:#153f38!important;
border:1px solid var(--alp-line)!important;
box-shadow:var(--alp-shadow-sm)!important}

.release-430 .downline-level-groups summary{
background:#f7faf8!important;
color:#153f38!important}

.release-430 .downline-level-groups summary small{
color:#667b77!important}

@media (max-width:760px){

  .release-430 .portal-content{
padding:12px 10px 32px!important}

  .release-430 .genealogy-command__root{
max-width:100%!important}

  .release-430 .genealogy-branch__list,.release-430 .direct-team-list{
max-height:460px!important}

  .release-430 .genealogy-member-row{
grid-template-columns:auto auto minmax(0,1fr) auto!important}

  .release-430 .genealogy-member-row>em{
display:none!important}

}


/* ========================================================================
   ALPLINE 4.0.31 — EXACT STRUCTURAL RECOVERY FOR ACTIVE release-430 ROOT
   Purpose: restore structural/grid/image-containment rules that were still
   scoped to legacy design-lock-419 / design-lock-422 selectors. This block
   intentionally keeps the approved 4.0.30 light visual treatment unchanged.
   ======================================================================== */

/* Admin first fold: restore structure only; 4.0.30 above remains the color layer. */
.release-430.admin-portal .ap419-admin-hero{

  position:relative!important;
overflow:hidden!important;
padding:18px!important;
margin-bottom:10px!important;

}

.release-430.admin-portal .ap419-hero-top{

  position:relative!important;
z-index:1!important;
display:grid!important;

  grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr)!important;
gap:12px!important;
align-items:stretch!important;

}

.release-430.admin-portal .ap419-hero-copy{
padding:8px 8px 4px!important}

.release-430.admin-portal .ap419-hero-actions{
display:flex!important;
gap:7px!important;
flex-wrap:wrap!important}

.release-430.admin-portal .ap419-hero-actions a{

  display:inline-flex!important;
align-items:center!important;
gap:6px!important;
text-decoration:none!important;

  border-radius:999px!important;
padding:8px 11px!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.04em!important;

}

.release-430.admin-portal .ap419-owner-panel{

  position:relative!important;
z-index:1!important;
display:grid!important;
grid-template-columns:1fr auto!important;

  gap:8px!important;
border-radius:19px!important;
padding:13px 14px!important;

}

.release-430.admin-portal .ap419-owner-panel small{
grid-column:1/-1!important;
font-weight:900!important;
letter-spacing:.10em!important;
font-size:9px!important}

.release-430.admin-portal .ap419-owner-panel strong{
font-size:27px!important;
letter-spacing:-.03em!important}

.release-430.admin-portal .ap419-owner-panel em{
align-self:start!important;
font-style:normal!important;
font-weight:900!important;
padding:5px 8px!important;
border-radius:999px!important;
font-size:9px!important}

.release-430.admin-portal .ap419-owner-panel span{
grid-column:1/-1!important;
font-size:11px!important}

.release-430.admin-portal .ap419-kpi-grid{

  position:relative!important;
z-index:1!important;
display:grid!important;

  grid-template-columns:repeat(8,minmax(118px,1fr))!important;
gap:10px!important;
margin-top:13px!important;

}

.release-430.admin-portal .ap419-kpi{

  position:relative!important;
overflow:hidden!important;
border-radius:15px!important;
padding:11px 11px 9px!important;
text-decoration:none!important;

}

.release-430.admin-portal .ap419-kpi small{
display:block!important;
font-size:9px!important;
font-weight:900!important;
letter-spacing:.08em!important;
line-height:1.2!important;
text-transform:uppercase!important}

.release-430.admin-portal .ap419-kpi b{
display:block!important;
line-height:1.08!important;
margin:6px 0 3px!important;
letter-spacing:-.03em!important}

.release-430.admin-portal .ap419-kpi span{
display:block!important;
font-size:10px!important;
line-height:1.35!important}


/* Public first fold: restore current hero grid and strictly contain product art. */
.release-430.public-body .ap422-home-hero{

  position:relative!important;
isolation:isolate!important;
min-height:520px!important;

  display:grid!important;
grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;

  gap:30px!important;
align-items:center!important;
overflow:hidden!important;

}

.release-430.public-body .ap422-hero-copy{
position:relative!important;
z-index:2!important;
max-width:700px!important;
min-width:0!important}

.release-430.public-body .ap422-hero-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
margin-top:16px!important}

.release-430.public-body .ap422-trust-ribbon{

  display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:10px!important;
margin-top:22px!important;

}

.release-430.public-body .ap422-trust-ribbon>span{

  min-width:0!important;
padding:9px!important;
display:grid!important;
grid-template-columns:28px 1fr!important;

  grid-template-rows:auto auto!important;
column-gap:8px!important;
border-radius:12px!important;

}

.release-430.public-body .ap422-trust-ribbon i{
grid-row:1/3!important;
width:28px!important;
height:28px!important;
display:grid!important;
place-items:center!important;
border-radius:8px!important;
font-style:normal!important}

.release-430.public-body .ap422-product-stage{

  position:relative!important;
min-width:0!important;
width:100%!important;
height:430px!important;

  display:grid!important;
grid-template-columns:minmax(245px,1.18fr) minmax(230px,.82fr)!important;

  gap:10px!important;
overflow:hidden!important;

}

.release-430.public-body .ap422-stage-glow{
position:absolute!important;
width:360px!important;
height:360px!important;
right:-80px!important;
top:-100px!important;
border-radius:50%!important;
pointer-events:none!important}

.release-430.public-body .ap422-stage-product{
position:relative!important;
min-width:0!important;
overflow:hidden!important;
border-radius:17px!important}

.release-430.public-body .ap422-stage-product--main{
padding:12px!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto!important;
min-height:0!important}

.release-430.public-body .ap422-stage-product--main>span{
position:relative!important;
z-index:2!important;
font-size:8px!important;
letter-spacing:.12em!important;
font-weight:900!important}

.release-430.public-body .ap422-stage-product--main img{

  width:100%!important;
height:100%!important;
max-height:310px!important;
min-height:0!important;

  object-fit:contain!important;
object-position:center!important;
border-radius:13px!important;
background:#f7faf8!important;

}

.release-430.public-body .ap422-stage-product>div{
padding:9px 10px!important;
display:grid!important;
gap:1px!important;
min-width:0!important}

.release-430.public-body .ap422-stage-stack{
display:grid!important;
grid-template-rows:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
min-width:0!important;
min-height:0!important}

.release-430.public-body .ap422-stage-stack .ap422-stage-product{
display:grid!important;
grid-template-columns:88px minmax(0,1fr)!important;
align-items:center!important;
padding:6px!important;
min-height:0!important}

.release-430.public-body .ap422-stage-stack img{

  display:block!important;
width:88px!important;
height:104px!important;
max-width:100%!important;

  object-fit:contain!important;
object-position:center!important;
border-radius:11px!important;
background:#f6faf8!important;

}

.release-430.public-body .ap422-stage-seal{
position:absolute!important;
right:18px!important;
bottom:15px!important;
padding:8px 11px!important;
display:grid!important;
gap:1px!important;
border-radius:11px!important;
z-index:3!important}

.release-430.public-body .ap422-public-command{

  display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:0!important;
padding:0!important;
overflow:hidden!important;

}

.release-430.public-body .ap422-public-command>a{

  min-width:0!important;
min-height:72px!important;
padding:12px 13px!important;
display:grid!important;

  grid-template-columns:32px minmax(0,1fr)!important;
align-items:center!important;
gap:8px!important;
text-decoration:none!important;

}

.release-430.public-body .ap422-public-command i{
width:32px!important;
height:32px!important;
display:grid!important;
place-items:center!important;
border-radius:10px!important;
font-style:normal!important}

.release-430.public-body .ap422-public-command span{
display:grid!important;
gap:1px!important;
min-width:0!important}


/* 4.0.31 responsive recovery. */
@media(max-width:1280px){

  .release-430.admin-portal .ap419-kpi-grid{
grid-template-columns:repeat(4,minmax(120px,1fr))!important}

  .release-430.public-body .ap422-home-hero{
grid-template-columns:minmax(0,1fr) minmax(440px,1fr)!important}

  .release-430.public-body .ap422-product-stage{
grid-template-columns:minmax(220px,1fr) minmax(210px,.78fr)!important}

  .release-430.public-body .ap422-public-command{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

}

@media(max-width:900px){

  .release-430.admin-portal .ap419-hero-top{
grid-template-columns:1fr!important}

  .release-430.admin-portal .ap419-owner-panel{
max-width:560px!important}

  .release-430.admin-portal .ap419-kpi-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important}

  .release-430.public-body .ap422-home-hero{
grid-template-columns:1fr!important;
min-height:auto!important}

  .release-430.public-body .ap422-product-stage{
height:410px!important;
max-width:760px!important;
margin-inline:auto!important}

  .release-430.public-body .ap422-trust-ribbon{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .release-430.public-body .ap422-public-command{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

}

@media(max-width:620px){

  .release-430.admin-portal .ap419-admin-hero{
padding:12px 10px!important;
border-radius:18px!important}

  .release-430.admin-portal .ap419-owner-panel{
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
padding:10px 11px!important}

  .release-430.admin-portal .ap419-owner-panel small,.release-430.admin-portal .ap419-owner-panel span{
width:100%!important}

  .release-430.admin-portal .ap419-kpi-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
margin-top:8px!important}

  .release-430.admin-portal .ap419-kpi{
min-height:82px!important;
padding:9px!important}

  .release-430.public-body .ap422-product-stage{
height:auto!important;
grid-template-columns:1fr!important;
padding:9px!important;
border-radius:18px!important}

  .release-430.public-body .ap422-stage-product--main img{
height:245px!important;
max-height:245px!important}

  .release-430.public-body .ap422-stage-stack{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-template-rows:1fr!important}

  .release-430.public-body .ap422-stage-stack .ap422-stage-product{
display:block!important;
padding:5px!important}

  .release-430.public-body .ap422-stage-stack img{
width:100%!important;
height:105px!important}

  .release-430.public-body .ap422-stage-stack .ap422-stage-product>div{
padding:5px!important}

  .release-430.public-body .ap422-stage-stack small{
display:none!important}

  .release-430.public-body .ap422-stage-seal{
display:none!important}

}


/* ========================================================================
   ALPLINE 4.0.32 — PUBLIC FIRST-FOLD GEOMETRY ACCEPTANCE FIX
   Screenshot-driven correction after successful 4.0.31 live install.
   Scope: desktop/tablet hero proportions only. No business/data logic.
   ======================================================================== */

/* Keep the product showcase aligned with the copy instead of vertically
   centering it inside an over-tall first fold. */
.release-430.public-body .ap422-home-hero{

  min-height:0!important;

  padding:24px 26px!important;

  grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr)!important;

  gap:24px!important;

  align-items:start!important;

}

.release-430.public-body .ap422-hero-copy{

  max-width:660px!important;

  align-self:start!important;

  padding-top:3px!important;

}

.release-430.public-body .ap422-hero-copy .alp-overline{

  font-size:9px!important;

  line-height:1.35!important;

  letter-spacing:.14em!important;

}

.release-430.public-body .ap422-hero-copy h1{

  max-width:650px!important;

  margin:8px 0 11px!important;

  font-size:clamp(44px,4vw,62px)!important;

  line-height:.94!important;

  letter-spacing:-.045em!important;

}

.release-430.public-body .ap422-hero-copy>p{

  max-width:620px!important;

  margin:0!important;

  font-size:14px!important;

  line-height:1.5!important;

}

.release-430.public-body .ap422-hero-actions{

  margin-top:13px!important;

  gap:7px!important;

}

.release-430.public-body .ap422-hero-actions .alp-btn{

  min-height:38px!important;

  padding:0 14px!important;

}

.release-430.public-body .ap422-trust-ribbon{

  margin-top:15px!important;

  gap:7px!important;

}

.release-430.public-body .ap422-trust-ribbon>span{

  padding:7px!important;

  grid-template-columns:25px minmax(0,1fr)!important;

  column-gap:6px!important;

}

.release-430.public-body .ap422-trust-ribbon i{

  width:25px!important;

  height:25px!important;

}

.release-430.public-body .ap422-trust-ribbon b{
font-size:8px!important;
line-height:1.2!important}

.release-430.public-body .ap422-trust-ribbon small{
font-size:6.5px!important;
line-height:1.25!important}

.release-430.public-body .ap422-product-stage{

  align-self:start!important;

  height:390px!important;

  max-height:390px!important;

  padding:12px!important;

  grid-template-columns:minmax(235px,1.16fr) minmax(215px,.84fr)!important;

  gap:8px!important;

}

.release-430.public-body .ap422-stage-product--main{
padding:10px!important}

.release-430.public-body .ap422-stage-product--main img{

  max-height:274px!important;

}

.release-430.public-body .ap422-stage-stack{
gap:7px!important}

.release-430.public-body .ap422-stage-stack .ap422-stage-product{

  grid-template-columns:78px minmax(0,1fr)!important;

  padding:5px!important;

}

.release-430.public-body .ap422-stage-stack img{

  width:78px!important;

  height:88px!important;

}

.release-430.public-body .ap422-stage-product>div{
padding:7px 8px!important}

.release-430.public-body .ap422-stage-seal{
right:14px!important;
bottom:12px!important;
padding:7px 9px!important}


@media(max-width:1280px){

  .release-430.public-body .ap422-home-hero{

    padding:22px!important;

    grid-template-columns:minmax(0,1fr) minmax(430px,1fr)!important;

    gap:20px!important;

  }

  .release-430.public-body .ap422-hero-copy h1{
font-size:clamp(42px,4.5vw,58px)!important}

  .release-430.public-body .ap422-product-stage{

    height:375px!important;

    max-height:375px!important;

    grid-template-columns:minmax(210px,1fr) minmax(190px,.78fr)!important;

  }

  .release-430.public-body .ap422-stage-product--main img{
max-height:258px!important}

}

@media(max-width:900px){

  .release-430.public-body .ap422-home-hero{

    grid-template-columns:1fr!important;

    padding:22px 18px!important;

    gap:18px!important;

  }

  .release-430.public-body .ap422-hero-copy{
max-width:720px!important}

  .release-430.public-body .ap422-hero-copy h1{
max-width:720px!important;
font-size:50px!important}

  .release-430.public-body .ap422-product-stage{

    width:100%!important;

    max-width:760px!important;

    height:390px!important;

    max-height:390px!important;

    margin-inline:auto!important;

  }

}

@media(max-width:620px){

  .release-430.public-body .ap422-home-hero{
padding:18px 12px!important;
gap:14px!important}

  .release-430.public-body .ap422-hero-copy h1{
font-size:clamp(38px,12vw,50px)!important}

  .release-430.public-body .ap422-hero-copy>p{
font-size:12.5px!important}

  .release-430.public-body .ap422-trust-ribbon{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
margin-top:13px!important}

  .release-430.public-body .ap422-product-stage{
height:auto!important;
max-height:none!important;
grid-template-columns:1fr!important}

  .release-430.public-body .ap422-stage-product--main img{
height:235px!important;
max-height:235px!important}

  .release-430.public-body .ap422-stage-stack{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-template-rows:1fr!important}

  .release-430.public-body .ap422-stage-stack .ap422-stage-product{
display:block!important;
padding:5px!important}

  .release-430.public-body .ap422-stage-stack img{
width:100%!important;
height:100px!important}

}


/* === ALPLINE 4.0.34 LOCKED WHITE-PREMIUM GENEALOGY + PUBLIC PLAN === */
.release-430 .genealogy-command{
background:#f7faf9!important;
border-radius:24px!important;
padding:16px!important;
border:1px solid #e0e9e5!important;
box-shadow:0 18px 45px rgba(18,62,53,.08)!important}

.release-430 .genealogy-command__head{
background:linear-gradient(180deg,#ffffff,#fbfdfc)!important;
border:1px solid #dfe9e4!important;
box-shadow:0 12px 30px rgba(18,62,53,.07)!important}

.release-430 .genealogy-command__nav{
background:#ffffff!important;
border:1px solid #dfe7e3!important;
box-shadow:0 6px 18px rgba(20,60,52,.05)!important}

.release-430 .genealogy-command__nav a{
background:#f5faf7!important;
border:1px solid #d7e8df!important;
border-radius:10px!important;
padding:8px 11px!important;
color:#0b5c4c!important;
font-weight:800!important}

.release-430 .genealogy-command__root{
background:#fff!important;
color:#153f38!important;
border:1px solid #b9d8cb!important;
box-shadow:0 16px 34px rgba(13,88,73,.12)!important;
position:relative!important}

.release-430 .genealogy-command__root:before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:7px;
border-radius:16px 0 0 16px;
background:linear-gradient(180deg,#0b8b69,#d7aa37)}

.release-430 .genealogy-command__identity small{
color:#9b7220!important}
.release-430 .genealogy-command__identity strong,.release-430 .genealogy-command__identity b{
color:#123f36!important}
.release-430 .genealogy-command__status small{
color:#54736b!important}

.release-430 .genealogy-command__branches{
gap:16px!important}

.release-430 .genealogy-branch{
border:1px solid #dce9e4!important;
box-shadow:0 12px 26px rgba(15,67,57,.07)!important}

.release-430 .genealogy-branch:first-child{
border-top:5px solid #0a9a70!important}
.release-430 .genealogy-branch:last-child{
border-top:5px solid #1677d2!important}

.release-430 .genealogy-branch__head{
background:linear-gradient(90deg,#effaf5,#fff)!important;
padding:13px 14px!important}
.release-430 .genealogy-branch:last-child .genealogy-branch__head{
background:linear-gradient(90deg,#eef6ff,#fff)!important}

.release-430 .genealogy-branch__head b{
font-size:16px!important;
color:#173e37!important}
.release-430 .genealogy-branch__head b small{
font-size:10px!important;
color:#6a817a!important}

.release-430 .genealogy-branch__filter{
margin:10px!important;
border:1px solid #dce7e2!important;
border-radius:12px!important;
background:#fbfdfc!important}

.release-430 .genealogy-branch__list{
max-height:610px!important;
padding:8px!important;
background:#fff!important}

.release-430 .genealogy-member-row{
display:grid!important;
grid-template-columns:30px 34px minmax(0,1fr) 90px auto 58px!important;
gap:8px!important;
align-items:center!important;
border:1px solid #e3ece8!important;
border-radius:11px!important;
margin-bottom:7px!important;
padding:9px 10px!important;
box-shadow:none!important}

.release-430 .genealogy-member-row:hover{
transform:translateY(-1px);
box-shadow:0 8px 18px rgba(13,83,69,.08)!important}

.release-430 .genealogy-member-row__identity{
min-width:0!important}
.release-430 .genealogy-member-row__identity strong{
display:block!important;
font-size:14px!important;
line-height:1.15!important;
color:#173e37!important;
white-space:normal!important}
.release-430 .genealogy-member-row__identity b{
display:block!important;
font-size:11px!important;
margin-top:3px!important;
color:#55746c!important;
letter-spacing:.35px!important}

.release-430 .genealogy-member-row__metric{
padding:6px 7px!important;
border-radius:9px!important;
text-align:center!important}
.release-430 .genealogy-member-row__metric small{
display:block!important;
font-size:9px!important}
.release-430 .genealogy-member-row__metric b{
display:block!important;
font-size:12px!important}

.release-430 .genealogy-visual{
background:linear-gradient(180deg,#fff,#f8fbfa)!important;
border:1px solid #dce8e3!important;
border-radius:22px!important}

.release-430 .reference-tree{
background:radial-gradient(circle at 50% 0,#f2faf6 0,#fff 38%,#f8faf9 100%)!important;
border-radius:18px!important;
padding:18px!important}

.release-430 .reference-tree__root{
background:#fff!important;
color:#173f37!important;
border:2px solid #8cc8b2!important;
box-shadow:0 13px 28px rgba(17,102,82,.12)!important}
.release-430 .reference-tree__root strong,.release-430 .reference-tree__root b{
color:#173f37!important}
.release-430 .reference-tree__root small{
color:#8c6a20!important}

.release-430 .reference-branch{
border:1px solid #dbe8e2!important;
box-shadow:0 10px 22px rgba(12,60,52,.06)!important}
.release-430 .reference-branch.is-a{
border-top:4px solid #0a9870!important}
.release-430 .reference-branch.is-b{
border-top:4px solid #1677d2!important}

.release-430 .reference-node{
border:1px solid #e1ebe7!important;
border-radius:10px!important;
box-shadow:0 5px 12px rgba(18,64,55,.04)!important}
.release-430 .reference-node strong{
font-size:13px!important}
.release-430 .reference-node b{
font-size:10px!important;
color:#657c76!important}

.release-430 .genealogy-level-report{
background:#fff!important;
border:1px solid #dde8e4!important;
border-radius:16px!important;
padding:12px!important;
box-shadow:0 8px 20px rgba(12,67,56,.05)!important}
.release-430 .genealogy-level-report nav{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(105px,1fr))!important;
gap:8px!important}
.release-430 .genealogy-level-report nav a{
background:#f8fbfa!important;
border:1px solid #deebe5!important;
border-radius:11px!important;
padding:10px!important}
.release-430 .genealogy-level-report nav a.active{
background:#0b6a58!important;
color:#fff!important;
border-color:#0b6a58!important}

.release-430 .team-level-navigator{
background:#fff!important;
border:1px solid #dfe9e5!important;
border-radius:18px!important;
box-shadow:0 10px 24px rgba(14,65,56,.06)!important}
.release-430 .team-level-navigator__paid{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
gap:9px!important}
.release-430 .team-level-navigator__paid a{
background:#f8fbfa!important;
border:1px solid #deebe6!important;
border-radius:11px!important}
.release-430 .team-level-navigator__paid a.is-selected{
background:#0b6c58!important;
color:#fff!important;
border-color:#0b6c58!important}


.release-430 .alp-public-plan-v2{
max-width:1480px!important;
margin:0 auto!important;
padding-bottom:28px!important}

.release-430 .plan-public-heads,.release-430 .plan-two-engine-stage,.release-430 .plan-business-flow{
margin:18px 0!important}

.release-430 .plan-public-heads>header{
display:flex!important;
justify-content:space-between!important;
gap:20px!important;
align-items:end!important;
background:#fff!important;
border:1px solid #e1e9e5!important;
border-radius:18px!important;
padding:18px 20px!important}

.release-430 .plan-public-head-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
margin-top:12px!important}

.release-430 .plan-public-head{
background:#fff!important;
border:1px solid #dfe9e4!important;
border-radius:18px!important;
padding:17px!important;
box-shadow:0 10px 24px rgba(14,63,54,.06)!important;
position:relative!important;
overflow:hidden!important}
.release-430 .plan-public-head:before{
content:"";
position:absolute;
inset:0 0 auto;
height:5px;
background:#0b8166}
.release-430 .plan-public-head.head-2:before{
background:#19a15f}
.release-430 .plan-public-head.head-3:before{
background:#e58b1a}
.release-430 .plan-public-head.head-4:before{
background:#7a53c7}
.release-430 .plan-public-head.head-5:before{
background:#d43e79}
.release-430 .plan-public-head.reward-head:before{
background:#0a8e94}
.release-430 .plan-public-head.support-head:before{
background:#2873c5}

.release-430 .plan-public-head>span{
font-weight:900;
color:#9b7624;
font-size:12px}
.release-430 .plan-public-head small{
display:block;
margin-top:8px;
color:#6a817a;
font-weight:800}
.release-430 .plan-public-head h3{
margin:5px 0;
color:#143f38;
font-size:19px}
.release-430 .plan-public-head>b{
font-size:31px;
color:#0a6f59}
.release-430 .plan-public-head p{
color:#60766f;
line-height:1.45}

.release-430 .plan-two-engine-stage{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:14px!important}
.release-430 .plan-two-engine-stage>article{
background:#fff!important;
border:1px solid #dfe8e4!important;
border-radius:20px!important;
padding:20px!important;
box-shadow:0 12px 28px rgba(15,65,55,.06)!important}
.release-430 .fresh-engine{
border-top:5px solid #126fc0!important}
.release-430 .repurchase-engine{
border-top:5px solid #16925e!important}

.release-430 .matching-visual{
display:grid!important;
grid-template-columns:1fr auto 1fr!important;
align-items:center!important;
gap:12px!important;
background:#f5f9fc!important;
border-radius:15px!important;
padding:15px!important;
margin:12px 0!important;
text-align:center!important}
.release-430 .matching-visual span{
font-weight:900;
color:#214e6f}
.release-430 .matching-visual strong{
font-size:22px;
color:#0b6a58}

.release-430 .fresh-cap-strip,.release-430 .repurchase-chip-grid{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important;
gap:8px!important;
margin-top:13px!important}
.release-430 .fresh-cap-strip span,.release-430 .repurchase-chip-grid span{
background:#f8fbfa!important;
border:1px solid #deebe5!important;
border-radius:12px!important;
padding:10px!important;
text-align:center!important}
.release-430 .fresh-cap-strip b,.release-430 .repurchase-chip-grid b{
display:block;
color:#0d5e4f;
font-size:17px}
.release-430 .fresh-cap-strip em,.release-430 .repurchase-chip-grid small{
display:block;
color:#6b7e79;
font-style:normal;
font-size:11px;
margin-top:3px}

.release-430 .public-level-plan{
background:#fff!important;
border:1px solid #dfe8e4!important;
border-radius:20px!important;
padding:20px!important;
box-shadow:0 12px 28px rgba(16,65,55,.06)!important}
.release-430 .public-level-plan .level-rate-chart article{
background:#fbfdfc!important;
border:1px solid #e0eae6!important}

.release-430 .public-reward-ladder{
background:#fff!important;
border:1px solid #dfe8e4!important;
border-radius:20px!important;
padding:20px!important}
.release-430 .public-reward-ladder .career-level-grid article{
background:#fbfdfc!important;
border:1px solid #e1eae6!important}

.release-430 .plan-business-flow{
display:grid!important;
grid-template-columns:1fr auto 1fr auto 1fr auto 1fr!important;
gap:10px!important;
align-items:center!important;
background:#fff!important;
border:1px solid #e0e9e5!important;
border-radius:20px!important;
padding:15px!important}
.release-430 .plan-business-flow article{
text-align:center;
background:#f8fbfa!important;
border-radius:13px!important;
padding:14px!important}
.release-430 .plan-business-flow i{
display:block;
font-style:normal;
font-weight:900;
color:#a07a27}
.release-430 .plan-business-flow b{
display:block;
font-size:18px;
color:#123f36}
.release-430 .plan-business-flow span{
font-size:12px;
color:#627872}

@media(max-width:980px){
.release-430 .plan-public-head-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}
.release-430 .plan-two-engine-stage{
grid-template-columns:1fr!important}
.release-430 .plan-business-flow{
grid-template-columns:1fr!important}
.release-430 .plan-business-flow>strong{
display:none!important}
}

@media(max-width:720px){
.release-430 .genealogy-member-row{
grid-template-columns:26px 32px minmax(0,1fr) auto!important}
.release-430 .genealogy-member-row__metric,.release-430 .genealogy-member-row>em{
display:none!important}
.release-430 .genealogy-member-row>.status{
grid-column:4!important}
.release-430 .plan-public-head-grid{
grid-template-columns:1fr!important}
.release-430 .plan-public-heads>header{
display:block!important}
.release-430 .reference-tree{
padding:9px!important}
}

.release-430 .admin-plan-control-page{
max-width:1480px!important;
margin:0 auto 32px!important}
.release-430 .function-control-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
margin-top:14px!important}
.release-430 .function-switch-card,.release-430 .function-link-card{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:8px 12px!important;
align-items:center!important;
background:#fff!important;
border:1px solid #dfe9e4!important;
border-radius:15px!important;
padding:14px!important;
box-shadow:0 8px 18px rgba(16,62,54,.05)!important}
.release-430 .function-switch-card span b,.release-430 .function-link-card span b{
display:block;
color:#153f38!important}
.release-430 .function-switch-card span small,.release-430 .function-link-card span small{
display:block;
color:#70827d!important;
margin-top:3px!important}
.release-430 .function-switch-card input[type=checkbox]{
width:24px!important;
height:24px!important;
accent-color:#0b745d!important}
.release-430 .function-switch-card i{
grid-column:2!important;
font-style:normal;
font-weight:900;
color:#0b745d!important;
font-size:11px!important}
.release-430 .function-link-card strong{
color:#0b745d!important}
.release-430 .function-link-card a{
grid-column:1/-1!important;
font-weight:800!important;
color:#0b6c58!important}
.release-430 .function-control-grid.financial .function-switch-card{
border-top:4px solid #d8af49!important}
.release-430 .revision-save-bar{
position:sticky!important;
bottom:10px!important;
z-index:9!important;
background:#123f36!important;
color:#fff!important;
border-radius:16px!important;
padding:13px 15px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
box-shadow:0 15px 35px rgba(7,47,40,.22)!important}
.release-430 .revision-save-bar b,.release-430 .revision-save-bar span{
display:block!important}
.release-430 .revision-save-bar span{
color:#dcebe6!important;
font-size:12px!important;
margin-top:3px!important}
@media(max-width:980px){
.release-430 .function-control-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
.release-430 .function-control-grid{
grid-template-columns:1fr!important}
.release-430 .revision-save-bar{
position:static!important;
display:block!important}
.release-430 .revision-save-bar .btn{
width:100%!important;
margin-top:10px!important}
}



/* Source: alpline435.css */
/*
 * ALPLINE 4.0.35 visual convergence layer
 * ---------------------------------------
 * Human-readable final override for the approved white-premium public site
 * and network/genealogy areas. Existing release styles remain untouched so
 * rollback stays simple; this file is loaded last by the shared layout.
 */

/* =========================
   1. PUBLIC SITE FOUNDATION
   ========================= */
.release-435.public-body {

    background: #f7faf8 !important;

    color: #153a34 !important;

    font-size: 16px !important;

    line-height: 1.58 !important;

}

.release-435.public-body .alp-page,
.release-435.public-body .alp-public-435 {

    background: #f7faf8 !important;

}

.release-435.public-body .alp435-shell {

    width: min(1480px, calc(100% - 48px));

    margin-inline: auto;

}

.release-435.public-body .alp435-kicker,
.release-435.public-body .alp-overline {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #0d7a60 !important;

    font-size: 12px !important;

    line-height: 1.2 !important;

    font-weight: 900 !important;

    letter-spacing: .11em !important;

    text-transform: uppercase !important;

}

.release-435.public-body .alp435-kicker::before {

    content: "";

    width: 22px;

    height: 2px;

    border-radius: 4px;

    background: linear-gradient(90deg,#d9aa2b,#0d7a60);

}

.release-435.public-body h1,
.release-435.public-body h2,
.release-435.public-body h3 {

    color: #123f38 !important;

    letter-spacing: -.025em !important;

}

.release-435.public-body h1 {
 font-size: clamp(44px, 5vw, 76px) !important;
 line-height: 1.02 !important;
 }

.release-435.public-body h2 {
 font-size: clamp(30px, 3.2vw, 48px) !important;
 line-height: 1.08 !important;
 }

.release-435.public-body h3 {
 font-size: 21px !important;
 line-height: 1.2 !important;
 }

.release-435.public-body p {
 color: #58726c !important;
 font-size: 16px !important;
 }


/* =========================
   2. PUBLIC HEADER / NAV
   ========================= */
.release-435.public-body .alp435-site-header {

    position: sticky;

    top: 0;

    z-index: 50;

    background: rgba(255,255,255,.96) !important;

    border-bottom: 1px solid #e2ebe7 !important;

    box-shadow: 0 8px 24px rgba(18,63,56,.07) !important;

    backdrop-filter: blur(16px);

}

.release-435.public-body .alp435-utility-bar {

    min-height: 34px !important;

    background: #0b463b !important;

    color: #eff9f5 !important;

    padding: 0 max(20px, calc((100vw - 1480px)/2)) !important;

}

.release-435.public-body .alp435-utility-bar nav {

    gap: 18px !important;

    align-items: center !important;

}

.release-435.public-body .alp435-utility-bar span,
.release-435.public-body .alp435-utility-bar a {

    color: #eff9f5 !important;

    font-size: 11px !important;

    font-weight: 750 !important;

    text-decoration: none !important;

}

.release-435.public-body .alp435-utility-bar .alp435-division-note {
 color: #dcebe5 !important;
 opacity: .82;
 }

.release-435.public-body .alp435-main-header {

    width: min(1540px, calc(100% - 32px)) !important;

    min-height: 82px !important;

    margin: 0 auto !important;

    padding: 10px 0 !important;

    display: grid !important;

    grid-template-columns: minmax(250px, .85fr) minmax(500px, 1.45fr) auto !important;

    gap: 18px !important;

    align-items: center !important;

}

.release-435.public-body .alp435-brand {

    display: inline-flex !important;

    align-items: center !important;

    gap: 12px !important;

    min-width: 0 !important;

    color: #123f38 !important;

    text-decoration: none !important;

}

.release-435.public-body .alp435-brand .crest {

    width: 56px !important;

    height: 56px !important;

    border-radius: 16px !important;

    background: #fff !important;

    border: 1px solid #e1ebe6 !important;

    box-shadow: 0 8px 18px rgba(15,68,57,.09) !important;

    display: grid !important;

    place-items: center !important;

    overflow: hidden !important;

}

.release-435.public-body .alp435-brand .crest img {
 width: 48px !important;
 height: 48px !important;
 object-fit: contain !important;
 }

.release-435.public-body .alp435-brand > span:last-child {
 display: grid !important;
 min-width: 0 !important;
 }

.release-435.public-body .alp435-brand b {
 font-size: 20px !important;
 line-height: 1 !important;
 color: #0b463b !important;
 letter-spacing: .03em !important;
 }

.release-435.public-body .alp435-brand small {
 margin-top: 3px !important;
 font-size: 10px !important;
 line-height: 1.15 !important;
 font-weight: 900 !important;
 letter-spacing: .12em !important;
 color: #607c75 !important;
 }

.release-435.public-body .alp435-brand em {
 margin-top: 4px !important;
 font-size: 9.5px !important;
 line-height: 1.2 !important;
 font-style: normal !important;
 color: #b18416 !important;
 font-weight: 800 !important;
 }

.release-435.public-body .alp435-primary-nav {

    display: flex !important;

    justify-content: center !important;

    gap: 4px !important;

    flex-wrap: wrap !important;

}

.release-435.public-body .alp435-primary-nav a {

    padding: 10px 11px !important;

    border-radius: 10px !important;

    color: #375f57 !important;

    font-size: 13px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    transition: .2s ease !important;

}

.release-435.public-body .alp435-primary-nav a:hover,
.release-435.public-body .alp435-primary-nav a.active {

    color: #0a6e57 !important;

    background: #eaf7f2 !important;

}

.release-435.public-body .alp435-header-actions {
 gap: 8px !important;
 }

.release-435.public-body .alp435-header-actions summary,
.release-435.public-body .alp435-header-actions .header-join {

    min-height: 42px !important;

    border-radius: 12px !important;

    font-size: 12px !important;

    font-weight: 900 !important;

}

.release-435.public-body .alp435-header-actions .header-join {

    background: linear-gradient(135deg,#0d7a60,#075a47) !important;

    color: #fff !important;

    box-shadow: 0 9px 20px rgba(13,122,96,.18) !important;

}


/* =========================
   3. HOME HERO
   ========================= */
.release-435.public-body .alp-home-hero,
.release-435.public-body .ap422-home-hero {

    width: min(1540px, calc(100% - 32px)) !important;

    min-height: 610px !important;

    margin: 18px auto 16px !important;

    padding: clamp(28px,4vw,62px) !important;

    border-radius: 30px !important;

    display: grid !important;

    grid-template-columns: minmax(0,1.05fr) minmax(440px,.95fr) !important;

    align-items: center !important;

    gap: 38px !important;

    overflow: hidden !important;

    background:
        radial-gradient(circle at 10% 8%, rgba(222,178,59,.16), transparent 27%),
        radial-gradient(circle at 95% 10%, rgba(13,122,96,.13), transparent 28%),
        linear-gradient(135deg,#fbfdfc 0%,#f0f8f5 52%,#fffaf0 100%) !important;

    border: 1px solid #ddebe6 !important;

    box-shadow: 0 24px 60px rgba(18,63,56,.10) !important;

}

.release-435.public-body .ap422-hero-copy h1 {
 max-width: 830px !important;
 margin: 12px 0 18px !important;
 }

.release-435.public-body .ap422-hero-copy h1 em {
 color: #0d7a60 !important;
 font-style: normal !important;
 }

.release-435.public-body .ap422-hero-copy > p {
 max-width: 740px !important;
 font-size: 18px !important;
 line-height: 1.7 !important;
 }

.release-435.public-body .alp-actions,
.release-435.public-body .ap422-hero-actions,
.release-435.public-body .alp435-actions {
 display: flex !important;
 flex-wrap: wrap !important;
 gap: 10px !important;
 align-items: center !important;
 }

.release-435.public-body .alp-btn,
.release-435.public-body .alp435-btn {

    min-height: 46px !important;

    padding: 12px 18px !important;

    border-radius: 12px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 7px !important;

    border: 1px solid transparent !important;

    font-size: 12px !important;

    line-height: 1 !important;

    font-weight: 900 !important;

    letter-spacing: .02em !important;

    text-decoration: none !important;

    cursor: pointer !important;

}

.release-435.public-body .alp-btn.primary,
.release-435.public-body .alp-btn.ink,
.release-435.public-body .alp435-btn.primary {

    background: linear-gradient(135deg,#0d7a60,#075a47) !important;

    color: #fff !important;

    box-shadow: 0 10px 24px rgba(13,122,96,.17) !important;

}

.release-435.public-body .alp-btn.ghost,
.release-435.public-body .alp-btn.outline-ink,
.release-435.public-body .alp435-btn.secondary {

    background: #fff !important;

    color: #174c42 !important;

    border-color: #cfded8 !important;

}

.release-435.public-body .alp435-btn.gold {
 background: #deb23b !important;
 color: #153a34 !important;
 }

.release-435.public-body .alp435-btn.light {
 background: rgba(255,255,255,.12) !important;
 border-color: rgba(255,255,255,.28) !important;
 color: #fff !important;
 }


.release-435.public-body .ap422-product-stage {

    min-height: 470px !important;

    border-radius: 26px !important;

    background: rgba(255,255,255,.92) !important;

    border: 1px solid #e0ebe6 !important;

    box-shadow: 0 22px 50px rgba(22,70,60,.13) !important;

    padding: 16px !important;

}

.release-435.public-body .ap422-stage-product {

    background: #fff !important;

    border: 1px solid #e4ece9 !important;

    box-shadow: 0 9px 22px rgba(25,72,63,.07) !important;

}

.release-435.public-body .ap422-stage-product img {

    object-fit: contain !important;

    object-position: center !important;

    background: #fff !important;

}

.release-435.public-body .ap422-stage-product--main img {
 max-height: 330px !important;
 width: 100% !important;
 }

.release-435.public-body .ap422-stage-stack img {
 width: 92px !important;
 height: 92px !important;
 object-fit: contain !important;
 }

.release-435.public-body .ap422-stage-seal {
 background: #0b463b !important;
 color: #fff4cf !important;
 }


.release-435.public-body .ap422-trust-ribbon {
 gap: 10px !important;
 margin-top: 20px !important;
 }

.release-435.public-body .ap422-trust-ribbon > span {

    min-height: 58px !important;

    background: #fff !important;

    border: 1px solid #dde8e3 !important;

    border-radius: 14px !important;

    padding: 10px 12px !important;

    box-shadow: 0 6px 18px rgba(18,63,56,.05) !important;

}

.release-435.public-body .ap422-trust-ribbon b {
 font-size: 11px !important;
 color: #173f38 !important;
 }

.release-435.public-body .ap422-trust-ribbon small {
 font-size: 9.5px !important;
 color: #6e8580 !important;
 }


.release-435.public-body .alp435-home-command,
.release-435.public-body .ap422-public-command {

    width: min(1480px, calc(100% - 48px)) !important;

    margin: 0 auto 22px !important;

    display: grid !important;

    grid-template-columns: repeat(6,minmax(0,1fr)) !important;

    background: #fff !important;

    border: 1px solid #dfe9e5 !important;

    border-radius: 20px !important;

    overflow: hidden !important;

    box-shadow: 0 9px 24px rgba(18,63,56,.06) !important;

}

.release-435.public-body .alp435-home-command a,
.release-435.public-body .ap422-public-command a {

    min-height: 78px !important;

    padding: 12px 13px !important;

    display: grid !important;

    grid-template-columns: 38px 1fr !important;

    align-items: center !important;

    gap: 10px !important;

    background: #fff !important;

    border-right: 1px solid #ebf0ee !important;

    color: #153f38 !important;

    text-decoration: none !important;

}

.release-435.public-body .alp435-home-command a:last-child {
 border-right: 0 !important;
 }

.release-435.public-body .alp435-home-command i {
 width: 36px !important;
 height: 36px !important;
 border-radius: 11px !important;
 display: grid !important;
 place-items: center !important;
 background: #eaf7f2 !important;
 color: #0d7a60 !important;
 font-style: normal !important;
 }

.release-435.public-body .alp435-home-command b {
 font-size: 12px !important;
 color: #173f38 !important;
 }

.release-435.public-body .alp435-home-command small {
 font-size: 9.5px !important;
 color: #738a84 !important;
 }


/* =========================
   4. GENERIC PUBLIC SECTIONS
   ========================= */
.release-435.public-body .alp-section,
.release-435.public-body .alp435-section {
 padding: 74px 0 !important;
 }

.release-435.public-body .alp435-section.white,
.release-435.public-body .alp-section.light {
 background: #fff !important;
 }

.release-435.public-body .alp435-section.soft {
 background: #eef6f2 !important;
 }

.release-435.public-body .alp435-section-head,
.release-435.public-body .alp-section-head {

    display: grid !important;

    grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr) !important;

    gap: 42px !important;

    align-items: end !important;

    margin-bottom: 32px !important;

}

.release-435.public-body .alp435-section-head h2,
.release-435.public-body .alp-section-head h2 {
 margin: 8px 0 0 !important;
 max-width: 820px !important;
 }

.release-435.public-body .alp435-section-head > p,
.release-435.public-body .alp-section-head > p {
 margin: 0 !important;
 font-size: 15px !important;
 line-height: 1.7 !important;
 }

.release-435.public-body .alp435-feature-grid {
 display: grid !important;
 gap: 16px !important;
 }

.release-435.public-body .alp435-feature-grid.four {
 grid-template-columns: repeat(4,minmax(0,1fr)) !important;
 }

.release-435.public-body .alp435-feature-grid.five {
 grid-template-columns: repeat(5,minmax(0,1fr)) !important;
 }

.release-435.public-body .alp435-feature-grid > article,
.release-435.public-body .alp435-feature-grid > a {

    position: relative !important;

    min-height: 220px !important;

    padding: 24px !important;

    border-radius: 20px !important;

    background: #fff !important;

    border: 1px solid #dfe9e5 !important;

    box-shadow: 0 9px 24px rgba(18,63,56,.05) !important;

    color: #153f38 !important;

    text-decoration: none !important;

    transition: transform .2s ease, box-shadow .2s ease !important;

}

.release-435.public-body .alp435-feature-grid > a:hover {
 transform: translateY(-3px) !important;
 box-shadow: 0 16px 34px rgba(18,63,56,.10) !important;
 }

.release-435.public-body .alp435-feature-grid article > span,
.release-435.public-body .alp435-feature-grid a > span {

    width: 40px !important;

    height: 40px !important;

    display: grid !important;

    place-items: center !important;

    border-radius: 12px !important;

    background: #eaf7f2 !important;

    color: #0d7a60 !important;

    font-size: 11px !important;

    font-weight: 900 !important;

}

.release-435.public-body .alp435-feature-grid h3 {
 margin: 22px 0 9px !important;
 }

.release-435.public-body .alp435-feature-grid p {
 margin: 0 !important;
 font-size: 14px !important;
 line-height: 1.65 !important;
 }

.release-435.public-body .alp435-feature-grid a > b {
 display: block !important;
 margin-top: 20px !important;
 color: #0d7a60 !important;
 font-size: 12px !important;
 }


/* =========================
   5. SUBPAGE HEROES
   ========================= */
.release-435.public-body .alp435-page-hero,
.release-435.public-body .alp-page-hero {

    padding: 78px 0 70px !important;

    background:
        radial-gradient(circle at 88% 8%, rgba(222,178,59,.14), transparent 30%),
        radial-gradient(circle at 7% 15%, rgba(13,122,96,.10), transparent 28%),
        linear-gradient(135deg,#fbfdfc,#f0f8f4) !important;

    border-bottom: 1px solid #dfe9e5 !important;

}

.release-435.public-body .alp435-page-hero__grid,
.release-435.public-body .alp-page-hero > .alp-shell {

    display: grid !important;

    grid-template-columns: minmax(0,1.12fr) minmax(340px,.58fr) !important;

    gap: 56px !important;

    align-items: center !important;

}

.release-435.public-body .alp435-page-hero h1,
.release-435.public-body .alp-page-hero h1 {
 margin: 12px 0 18px !important;
 max-width: 950px !important;
 }

.release-435.public-body .alp435-page-hero p,
.release-435.public-body .alp-page-hero p {
 max-width: 860px !important;
 font-size: 17px !important;
 line-height: 1.72 !important;
 }

.release-435.public-body .alp435-breadcrumb,
.release-435.public-body .alp-breadcrumb {
 display: flex !important;
 gap: 8px !important;
 align-items: center !important;
 margin-bottom: 22px !important;
 font-size: 12px !important;
 color: #789089 !important;
 }

.release-435.public-body .alp435-breadcrumb a,
.release-435.public-body .alp-breadcrumb a {
 color: #0d7a60 !important;
 text-decoration: none !important;
 font-weight: 800 !important;
 }

.release-435.public-body .alp435-page-hero aside,
.release-435.public-body .alp-page-hero aside,
.release-435.public-body .alp435-manufacturing-card,
.release-435.public-body .alp435-learning-card,
.release-435.public-body .alp435-help-card,
.release-435.public-body .alp435-contact-card {

    padding: 28px !important;

    border-radius: 24px !important;

    background: #0b463b !important;

    color: #fff !important;

    box-shadow: 0 20px 42px rgba(11,70,59,.18) !important;

}

.release-435.public-body .alp435-page-hero aside > span,
.release-435.public-body .alp-page-hero aside > small {
 color: #efd37f !important;
 font-size: 11px !important;
 font-weight: 900 !important;
 letter-spacing: .1em !important;
 }

.release-435.public-body .alp435-page-hero aside > b,
.release-435.public-body .alp-page-hero aside > strong {
 display: block !important;
 margin: 10px 0 !important;
 color: #fff !important;
 font-size: 22px !important;
 line-height: 1.25 !important;
 }

.release-435.public-body .alp435-page-hero aside p,
.release-435.public-body .alp435-page-hero aside span:not(:first-child) {
 color: #dcebe5 !important;
 font-size: 13px !important;
 }


.release-435.public-body .alp435-manufacturing-card ol {
 list-style: none !important;
 margin: 18px 0 0 !important;
 padding: 0 !important;
 display: grid !important;
 gap: 11px !important;
 }

.release-435.public-body .alp435-manufacturing-card li {
 display: grid !important;
 grid-template-columns: 34px 1fr !important;
 gap: 8px 12px !important;
 align-items: start !important;
 padding: 11px 0 !important;
 border-top: 1px solid rgba(255,255,255,.12) !important;
 }

.release-435.public-body .alp435-manufacturing-card li > b {
 grid-row: 1/3 !important;
 width: 30px !important;
 height: 30px !important;
 display: grid !important;
 place-items: center !important;
 border-radius: 9px !important;
 background: rgba(255,255,255,.11) !important;
 color: #f0d580 !important;
 font-size: 10px !important;
 }

.release-435.public-body .alp435-manufacturing-card li strong {
 color: #fff !important;
 font-size: 13px !important;
 }

.release-435.public-body .alp435-manufacturing-card li small {
 color: #bed5ce !important;
 font-size: 11px !important;
 line-height: 1.45 !important;
 }


/* =========================
   6. PRODUCTS / REAL MEDIA
   ========================= */
.release-435.public-body .alp-product-grid {
 gap: 18px !important;
 }

.release-435.public-body .alp-product-card {

    background: #fff !important;

    border: 1px solid #dfe9e5 !important;

    border-radius: 22px !important;

    overflow: hidden !important;

    box-shadow: 0 9px 24px rgba(18,63,56,.06) !important;

}

.release-435.public-body .alp-product-image {

    height: 280px !important;

    min-height: 280px !important;

    max-height: 280px !important;

    background: linear-gradient(180deg,#fff,#f7faf8) !important;

    display: grid !important;

    place-items: center !important;

    overflow: hidden !important;

    padding: 18px !important;

}

.release-435.public-body .alp-product-image img {

    width: 100% !important;

    height: 100% !important;

    max-width: 100% !important;

    max-height: 100% !important;

    object-fit: contain !important;

    object-position: center !important;

}

.release-435.public-body .alp-product-body {
 padding: 22px !important;
 }

.release-435.public-body .alp-product-body h3 {
 margin: 6px 0 14px !important;
 }

.release-435.public-body .alp-product-body > small {
 font-size: 10px !important;
 color: #0d7a60 !important;
 font-weight: 900 !important;
 letter-spacing: .09em !important;
 }

.release-435.public-body .alp-product-actions {
 display: flex !important;
 gap: 8px !important;
 flex-wrap: wrap !important;
 }

.release-435.public-body .alp435-product-strip {
 display: grid !important;
 grid-template-columns: repeat(4,minmax(0,1fr)) !important;
 gap: 16px !important;
 }

.release-435.public-body .alp435-product-strip article {
 background: #fff !important;
 border: 1px solid #dfe9e5 !important;
 border-radius: 20px !important;
 overflow: hidden !important;
 box-shadow: 0 8px 22px rgba(18,63,56,.05) !important;
 }

.release-435.public-body .alp435-product-strip img {
 width: 100% !important;
 height: 250px !important;
 object-fit: contain !important;
 background: #fff !important;
 padding: 12px !important;
 }

.release-435.public-body .alp435-product-strip div {
 padding: 16px 18px 20px !important;
 display: grid !important;
 gap: 3px !important;
 }

.release-435.public-body .alp435-product-strip small {
 color: #0d7a60 !important;
 font-size: 9px !important;
 font-weight: 900 !important;
 letter-spacing: .08em !important;
 }

.release-435.public-body .alp435-product-strip b {
 color: #153f38 !important;
 font-size: 17px !important;
 }


/* =========================
   7. PUBLIC SPECIAL BLOCKS
   ========================= */
.release-435.public-body .alp435-split {
 display: grid !important;
 grid-template-columns: repeat(2,minmax(0,1fr)) !important;
 gap: 18px !important;
 }

.release-435.public-body .alp435-story-card {
 min-height: 300px !important;
 padding: 34px !important;
 border-radius: 24px !important;
 background: #fff !important;
 border: 1px solid #dce9e4 !important;
 }

.release-435.public-body .alp435-story-card.accent {
 background: #0b463b !important;
 }

.release-435.public-body .alp435-story-card.accent h2 {
 color: #fff !important;
 }

.release-435.public-body .alp435-story-card.accent p {
 color: #cfe1db !important;
 }

.release-435.public-body .alp435-story-card.accent .alp435-kicker {
 color: #efd37f !important;
 }

.release-435.public-body .alp435-cta-band {
 padding: 52px 0 !important;
 background: linear-gradient(135deg,#0a463a,#0d6b56) !important;
 }

.release-435.public-body .alp435-cta-band .alp435-shell {
 display: flex !important;
 justify-content: space-between !important;
 align-items: center !important;
 gap: 24px !important;
 }

.release-435.public-body .alp435-cta-band h2 {
 color: #fff !important;
 margin: 8px 0 0 !important;
 }

.release-435.public-body .alp435-cta-band .alp435-kicker {
 color: #efd37f !important;
 }

.release-435.public-body .alp435-wellness-orbit {
 display: grid !important;
 grid-template-columns: repeat(2,minmax(0,1fr)) !important;
 gap: 10px !important;
 }

.release-435.public-body .alp435-wellness-orbit div {
 min-height: 130px !important;
 padding: 18px !important;
 border-radius: 18px !important;
 background: #fff !important;
 border: 1px solid #dfe9e5 !important;
 display: grid !important;
 align-content: center !important;
 gap: 8px !important;
 box-shadow: 0 8px 20px rgba(18,63,56,.05) !important;
 }

.release-435.public-body .alp435-wellness-orbit b {
 color: #d5a625 !important;
 font-size: 14px !important;
 }

.release-435.public-body .alp435-wellness-orbit span {
 color: #173f38 !important;
 font-size: 14px !important;
 font-weight: 850 !important;
 }

.release-435.public-body .alp435-product-focus {
 display: grid !important;
 grid-template-columns: 1fr 1fr !important;
 gap: 46px !important;
 align-items: center !important;
 }

.release-435.public-body .alp435-product-mini-grid {
 display: grid !important;
 grid-template-columns: repeat(3,minmax(0,1fr)) !important;
 gap: 12px !important;
 }

.release-435.public-body .alp435-product-mini-grid img {
 width: 100% !important;
 height: 260px !important;
 object-fit: contain !important;
 padding: 12px !important;
 border-radius: 18px !important;
 border: 1px solid #dce8e3 !important;
 background: #fff !important;
 }

.release-435.public-body .alp435-contact-grid {
 display: grid !important;
 grid-template-columns: repeat(3,minmax(0,1fr)) !important;
 gap: 18px !important;
 }

.release-435.public-body .alp435-contact-grid article {
 padding: 30px !important;
 border-radius: 22px !important;
 background: #fff !important;
 border: 1px solid #dde9e4 !important;
 }

.release-435.public-body .alp435-contact-grid article > span {
 color: #0d7a60 !important;
 font-size: 10px !important;
 font-weight: 900 !important;
 letter-spacing: .09em !important;
 }

.release-435.public-body .alp435-contact-summary {
 display: grid !important;
 grid-template-columns: minmax(0,.85fr) minmax(420px,1.15fr) !important;
 gap: 44px !important;
 align-items: start !important;
 }

.release-435.public-body .alp435-contact-summary dl {
 margin: 0 !important;
 padding: 8px !important;
 border-radius: 22px !important;
 background: #fff !important;
 border: 1px solid #dce8e3 !important;
 }

.release-435.public-body .alp435-contact-summary dl > div {
 display: grid !important;
 grid-template-columns: minmax(150px,.55fr) minmax(0,1fr) !important;
 gap: 16px !important;
 padding: 15px 16px !important;
 border-bottom: 1px solid #edf2f0 !important;
 }

.release-435.public-body .alp435-contact-summary dl > div:last-child {
 border-bottom: 0 !important;
 }

.release-435.public-body .alp435-contact-summary dt {
 color: #658079 !important;
 font-size: 11px !important;
 font-weight: 850 !important;
 }

.release-435.public-body .alp435-contact-summary dd {
 margin: 0 !important;
 color: #153f38 !important;
 font-size: 13px !important;
 font-weight: 800 !important;
 overflow-wrap: anywhere !important;
 }


.release-435.public-body .alp435-presence-grid {
 display: grid !important;
 grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr) !important;
 gap: 44px !important;
 align-items: center !important;
 }

.release-435.public-body .alp435-state-cloud {
 display: grid !important;
 grid-template-columns: repeat(3,minmax(0,1fr)) !important;
 gap: 10px !important;
 }

.release-435.public-body .alp435-state-cloud span {
 display: grid !important;
 gap: 3px !important;
 padding: 14px 15px !important;
 border-radius: 14px !important;
 background: #fff !important;
 border: 1px solid #dce8e3 !important;
 }

.release-435.public-body .alp435-state-cloud b {
 font-size: 12px !important;
 color: #153f38 !important;
 }

.release-435.public-body .alp435-state-cloud small {
 font-size: 9.5px !important;
 color: #6d857f !important;
 }


/* =========================
   8. PUBLIC FOOTER
   ========================= */
.release-435.public-body .alp435-site-footer {

    /* The footer grid is a child; do not apply the old four-column outer grid. */
    display: block !important;

    margin: 0 !important;

    padding: 56px max(24px,calc((100vw - 1480px)/2)) 22px !important;

    background: #092f28 !important;

    color: #d7e6e1 !important;

    min-height: 0 !important;

}

.release-435.public-body .alp435-footer-grid {
 display: grid !important;
 grid-template-columns: 1.45fr repeat(4,minmax(140px,.7fr)) !important;
 gap: 34px !important;
 align-items: start !important;
 }

.release-435.public-body .alp435-site-footer .footer-brand {
 display: grid !important;
 gap: 8px !important;
 }

.release-435.public-body .alp435-site-footer .footer-brand .crest {
 width: 52px !important;
 height: 52px !important;
 display: grid !important;
 place-items: center !important;
 border-radius: 15px !important;
 background: #fff !important;
 overflow: hidden !important;
 }

.release-435.public-body .alp435-site-footer .footer-brand img {
 width: 46px !important;
 height: 46px !important;
 object-fit: contain !important;
 }

.release-435.public-body .alp435-site-footer strong {
 color: #efd37f !important;
 font-size: 10px !important;
 letter-spacing: .09em !important;
 }

.release-435.public-body .alp435-site-footer a,
.release-435.public-body .alp435-site-footer span {
 color: #c5d9d2 !important;
 font-size: 12px !important;
 line-height: 1.45 !important;
 text-decoration: none !important;
 }

.release-435.public-body .alp435-site-footer > .alp435-footer-grid > div:not(.footer-brand) {
 display: grid !important;
 gap: 9px !important;
 }

.release-435.public-body .alp435-footer-legal {
 margin-top: 38px !important;
 padding-top: 18px !important;
 border-top: 1px solid rgba(255,255,255,.12) !important;
 display: flex !important;
 flex-wrap: wrap !important;
 justify-content: space-between !important;
 gap: 10px 20px !important;
 }


/* =========================
   9. COMPACT MEMBER GENEALOGY
   ========================= */
.release-435 .network-page,
.release-435 .admin-network-page,
.release-435 .genealogy-command {

    --gene-ink: #173f38;

    --gene-muted: #6f8580;

    --gene-line: #dce7e3;

    --gene-green: #0d7a60;

    --gene-blue: #2e6ea6;

    --gene-gold: #d4a52a;

}

.release-435 .network-page,
.release-435 .admin-network-page {
 background: #f4f8f6 !important;
 }

.release-435 .genealogy-command {

    padding: 12px !important;

    border-radius: 18px !important;

    background: #123b33 !important;

    border: 1px solid #286052 !important;

    color: #f5f9f5 !important;

}

.release-435 .genealogy-command__head {

    padding: 14px 16px !important;

    border-radius: 13px !important;

    background: #17493d !important;

    border: 1px solid #377161 !important;

    box-shadow: none !important;

}

.release-435 .genealogy-command__head h2,
.release-435 .genealogy-command__head h3 {
 color: #fff9e7 !important;
 }

.release-435 .genealogy-command__head p,
.release-435 .genealogy-command__head label {
 color: #d5e8df !important;
 }

.release-435 .genealogy-command__search {
 background: #10372f !important;
 border-color: #377161 !important;
 }

.release-435 .genealogy-command__nav {
 background: #153e35 !important;
 border-color: #397362 !important;
 box-shadow: none !important;
 }

.release-435 .genealogy-command__nav span {
 color: #d5e8df !important;
 }

.release-435 .genealogy-command__nav a,
.release-435 .genealogy-command__nav button,
.release-435 .genealogy-command__depth select,
.release-435 .genealogy-command__search input {

    min-height: 40px !important;

    border-radius: 10px !important;

    border: 1px solid var(--gene-line) !important;

    background: #fff !important;

    color: var(--gene-ink) !important;

    font-size: 12px !important;

}

.release-435 .genealogy-command__root {

    width: min(520px,100%) !important;

    min-height: 0 !important;

    margin: 12px auto 0 !important;

    padding: 11px 14px !important;

    border-radius: 13px !important;

    background: #fffaf0 !important;

    border: 1px solid #d7b562 !important;

    box-shadow: 0 6px 14px rgba(3,32,27,.16) !important;

}

.release-435 .genealogy-avatar {
 background: #e9f6f1 !important;
 color: #0d7a60 !important;
 border: 1px solid #cfe5dc !important;
 }

.release-435 .genealogy-command__identity strong,
.release-435 .genealogy-command__identity b {
 color: var(--gene-ink) !important;
 }

.release-435 .genealogy-command__status small {
 color: var(--gene-muted) !important;
 }

.release-435 .genealogy-command__connector {
 height: 22px !important;
 }

.release-435 .genealogy-command__connector::before,
.release-435 .genealogy-command__connector i {
 background: #bfd1ca !important;
 }

.release-435 .genealogy-command__branches {
 display: grid !important;
 grid-template-columns: repeat(2,minmax(0,1fr)) !important;
 gap: 16px !important;
 align-items: start !important;
 }

.release-435 .genealogy-branch {

    overflow: hidden !important;

    border-radius: 13px !important;

    background: #fff !important;

    border: 1px solid var(--gene-line) !important;

    box-shadow: 0 8px 22px rgba(18,63,56,.05) !important;

}

.release-435 .genealogy-branch[data-branch="A"] {
 border-top: 4px solid var(--gene-green) !important;
 }

.release-435 .genealogy-branch[data-branch="B"] {
 border-top: 4px solid var(--gene-blue) !important;
 }

.release-435 .genealogy-branch__head {
 padding: 10px 12px !important;
 background: #f8fbfa !important;
 border-bottom: 1px solid var(--gene-line) !important;
 }

.release-435 .genealogy-branch__head strong,
.release-435 .genealogy-branch__head b {
 color: var(--gene-ink) !important;
 }

.release-435 .genealogy-branch__filter {
 margin: 8px 10px !important;
 padding: 0 10px !important;
 min-height: 38px !important;
 border-radius: 9px !important;
 background: #fff !important;
 border: 1px solid var(--gene-line) !important;
 color: var(--gene-muted) !important;
 }

.release-435 .genealogy-branch__filter input {
 color: var(--gene-ink) !important;
 font-size: 12px !important;
 }

.release-435 .genealogy-branch__list {
 max-height: 345px !important;
 overflow: auto !important;
 padding: 0 9px 9px !important;
 }

.release-435 .genealogy-member-row {

    min-height: 55px !important;

    margin-bottom: 4px !important;

    padding: 6px 9px !important;

    border-radius: 9px !important;

    border: 1px solid #e3ece8 !important;

    background: #fff !important;

    color: var(--gene-ink) !important;

}

.release-435 .genealogy-member-row:hover {
 background: #f2f8f5 !important;
 border-color: #d7e8e1 !important;
 }

.release-435 .genealogy-member-row__number {
 color: #91a19d !important;
 font-size: 10px !important;
 }

.release-435 .genealogy-member-row__identity strong {
 color: var(--gene-ink) !important;
 font-size: 13px !important;
 }

.release-435 .genealogy-member-row__identity b {
 color: #0d7a60 !important;
 font-size: 11px !important;
 }

.release-435 .genealogy-member-row__metric small {
 color: var(--gene-muted) !important;
 font-size: 9px !important;
 }

.release-435 .genealogy-member-row__metric b {
 color: var(--gene-ink) !important;
 font-size: 11px !important;
 }

.release-435 .genealogy-member-row > em {
 color: #0d7a60 !important;
 font-size: 9px !important;
 }

.release-435 .genealogy-visual {
 margin-top: 12px !important;
 padding: 12px !important;
 border-radius: 13px !important;
 background: #fff !important;
 border: 1px solid var(--gene-line) !important;
 }

.release-435 .genealogy-visual > header {
 padding-bottom: 6px !important;
 }

.release-435 .genealogy-visual > header h3 {
 font-size: 20px !important;
 }

.release-435 .genealogy-visual > header p {
 margin: 4px 0 !important;
 }

.release-435 .reference-tree {
 padding: 10px 2px 0 !important;
 background: #fff !important;
 }

.release-435 .reference-tree__root {
 width: min(320px,100%) !important;
 padding: 9px 11px !important;
 }

.release-435 .reference-tree__groups {
 margin-top: 9px;
 }

.release-435 .reference-tree__trunk {
 height: 27px !important;
 }

.release-435 .reference-tree__trunk::before {
 height: 27px !important;
 }

.release-435 .reference-tree__canvas {

    padding: 8px;

    border: 1px solid #d5e4dd;

    border-radius: 9px;

    background: #fff;

}

.release-435 .reference-directs {

    display: block !important;

    width: 100%;

    min-height: 0;

    padding: 7px;

    box-sizing: border-box;

    overflow-x: auto;

    /* The outer scroller always starts with the first member visible. */
    overscroll-behavior-inline: contain;

    scroll-snap-type: x proximity;

    scrollbar-width: thin;

    scrollbar-color: #b89348 #eff4f1;

}

.release-435 .reference-directs__track {

    display: flex;

    width: max-content;

    min-width: 0;

    gap: 9px;

    align-items: flex-start;

}

.release-435 .reference-directs .reference-node {

    width: 185px;

    box-sizing: border-box;

    flex: 0 0 185px;

    min-height: 62px !important;

    align-self: start;

    scroll-snap-align: start;

}

.release-435 .reference-tree__groups {
 display: flex;
 justify-content: center;
 gap: 8px;
 flex-wrap: wrap;
 }

.release-435 .reference-group-count {
 display: inline-flex;
 gap: 8px;
 align-items: center;
 padding: 6px 10px;
 border: 1px solid #cee4da;
 border-radius: 20px;
 font-size: 10px;
 font-weight: 750;
 color: #135b47;
 background: #f2faf6;
 }

.release-435 .reference-group-count.is-b {
 border-color: #e7dbb7;
 color: #766019;
 background: #fffaf0;
 }

.release-435 .reference-tree__scroll {
 display: flex;
 width: 100%;
 min-width: 0;
 gap: 4px;
 align-items: center;
 }

.release-435 .reference-tree__scroll .reference-directs {
 flex: 1 1 0;
 min-width: 0;
 }

.release-435 .reference-tree__scroll.is-short {
 justify-content: center;
 }

.release-435 .reference-tree__scroll.is-short .reference-directs {
 flex: 0 1 auto;
 width: auto;
 max-width: 100%;
 }

.release-435 .reference-tree__scroll.is-short .reference-directs__track {

    width: max-content;

    min-width: 0;

}

.release-435 .reference-tree__scroll.is-short .reference-directs .reference-node {
 width: 185px;
 flex: 0 0 185px;
 }

.release-435 .reference-tree__arrow {
 width: 32px;
 height: 36px;
 border: 1px solid #d5e7dd;
 border-radius: 9px;
 background: #fff;
 color: #0f664e;
 cursor: pointer;
 }

.release-435 .reference-tree__arrow[hidden] {
 visibility: hidden;
 }

.release-435 .reference-tree__arrow:hover {
 background: #e9f6ef;
 }

.release-435 .reference-node__group {
 display: inline-block;
 width: max-content;
 padding: 1px 5px;
 border-radius: 4px;
 color: #126449 !important;
 background: #e6f6eb;
 font-weight: 800;
 }

.release-435 .reference-node__group.is-b {
 color: #825d12 !important;
 background: #fff0cc;
 }

.release-435 .reference-directs__more {
 margin: 3px 0 0;
 text-align: center;
 color: #607c6c;
 font-size: 11px;
 }

.release-435 .reference-directs__empty {

    align-self: center;

    margin: 0 !important;

    color: #527268 !important;

    font-size: 12px !important;

}

.release-435 .reference-branch > footer {

    padding: 6px 12px !important;

    border-top: 1px solid #e1eae5;

    color: #546f65;

    font-size: 11px;

}

.release-435 .reference-node {
 min-height: 50px !important;
 }

.release-435 .reference-node__status {
 color: #0d765d !important;
 font-weight: 700;
 }


/* The level report remains one report: each L1/L2/... header opens its rows. */
.release-435.member-portal .downline-level-groups {
 display: grid;
 gap: 9px;
 }

.release-435.member-portal .downline-level-groups details {

    border: 1px solid #d4e2db !important;

    border-radius: 12px !important;

    overflow: hidden;

    box-shadow: none !important;

}

.release-435.member-portal .downline-level-groups details[open] {
 border-color: #a6cbbb !important;
 }

.release-435.member-portal .downline-level-groups summary {

    min-height: 55px;

    padding: 9px 14px !important;

    background: #f0f7f3 !important;

    cursor: pointer;

}

.release-435.member-portal .downline-level-groups details[open] summary {

    background: #e6f3eb !important;

    border-bottom: 1px solid #d4e2db;

}

.release-435.member-portal .downline-level-groups summary b {
 color: #104e40;
 font-size: 14px;
 }

.release-435.member-portal .downline-level-groups summary small {
 font-size: 11px;
 }

.release-435.member-portal .downline-level-groups .table-wrap {

    max-height: 560px;

    overflow: auto;

}

.release-435.member-portal .downline-level-table {
 width: 100%;
 min-width: 880px;
 border-collapse: collapse;
 }

.release-435.member-portal .downline-level-table th {

    position: sticky;

    top: 0;

    z-index: 1;

    padding: 11px 12px;

    background: #143e35;

    color: #fff9e7;

    text-align: left;

    white-space: nowrap;

    font-size: 11px;

}

.release-435.member-portal .downline-level-table td {

    padding: 9px 12px;

    border-bottom: 1px solid #e3ece7;

    color: #23483d;

    font-size: 12px;

}

.release-435.member-portal .downline-level-table tr:nth-child(even) td {
 background: #f8fbf9;
 }

.release-435.member-portal .downline-level-table td:first-child {
 white-space: nowrap;
 font-weight: 700;
 }

.release-435 .reference-tree__root {
 background: #fffdf6 !important;
 border: 1px solid #e7d7a7 !important;
 color: var(--gene-ink) !important;
 box-shadow: 0 8px 20px rgba(18,63,56,.05) !important;
 }

.release-435 .reference-tree__trunk i,
.release-435 .reference-tree__trunk::before,
.release-435 .reference-tree__branches::before {
 background: #bfd1ca !important;
 }

.release-435 .reference-branch {
 background: #f9fbfa !important;
 border: 1px solid var(--gene-line) !important;
 border-radius: 16px !important;
 }

.release-435 .reference-branch.is-a {
 border-top: 4px solid var(--gene-green) !important;
 }

.release-435 .reference-branch.is-b {
 border-top: 4px solid var(--gene-blue) !important;
 }

.release-435 .reference-level {
 border-top: 1px solid #edf2f0 !important;
 }

.release-435 .reference-node {
 background: #fff !important;
 border: 1px solid #e0e9e5 !important;
 color: var(--gene-ink) !important;
 border-radius: 12px !important;
 }

.release-435 .reference-node strong,
.release-435 .reference-node b {
 color: var(--gene-ink) !important;
 }

.release-435 .reference-node small {
 color: var(--gene-muted) !important;
 }


/* =========================
   10. PLAN / CONTROL READABILITY
   ========================= */
.release-435 .control-card,
.release-435 .team-section,
.release-435 .network-metrics article {

    background: #fff !important;

    border-color: #dce7e3 !important;

    box-shadow: 0 7px 20px rgba(18,63,56,.045) !important;

}

.release-435 .control-card h1,
.release-435 .control-card h2,
.release-435 .control-card h3,
.release-435 .team-section h2,
.release-435 .team-section h3 {
 color: #173f38 !important;
 }


/* =========================
   11. RESPONSIVE
   ========================= */
@media (max-width: 1280px) {

    .release-435.public-body .alp435-main-header {
 grid-template-columns: minmax(230px,.8fr) 1fr auto !important;
 }

    .release-435.public-body .alp435-primary-nav a {
 padding: 9px 8px !important;
 font-size: 11px !important;
 }

    .release-435.public-body .alp435-feature-grid.five {
 grid-template-columns: repeat(3,minmax(0,1fr)) !important;
 }

    .release-435.public-body .alp435-footer-grid {
 grid-template-columns: 1.4fr repeat(2,1fr) !important;
 }

}

@media (max-width: 1024px) {

    .release-435.public-body .alp435-shell {
 width: min(100% - 28px, 1480px) !important;
 }

    .release-435.public-body .alp435-primary-nav {
 display: none !important;
 }

    .release-435.public-body .alp435-main-header {
 grid-template-columns: 1fr auto !important;
 }

    .release-435.public-body .alp-home-hero,
    .release-435.public-body .ap422-home-hero {
 grid-template-columns: 1fr !important;
 min-height: 0 !important;
 }

    .release-435.public-body .ap422-product-stage {
 max-width: 760px !important;
 width: 100% !important;
 margin-inline: auto !important;
 }

    .release-435.public-body .alp435-home-command {
 grid-template-columns: repeat(3,minmax(0,1fr)) !important;
 }

    .release-435.public-body .alp435-page-hero__grid,
    .release-435.public-body .alp-page-hero > .alp-shell {
 grid-template-columns: 1fr !important;
 }

    .release-435.public-body .alp435-section-head,
    .release-435.public-body .alp-section-head {
 grid-template-columns: 1fr !important;
 gap: 16px !important;
 }

    .release-435.public-body .alp435-feature-grid.four {
 grid-template-columns: repeat(2,minmax(0,1fr)) !important;
 }

    .release-435.public-body .alp435-product-strip {
 grid-template-columns: repeat(2,minmax(0,1fr)) !important;
 }

    .release-435.public-body .alp435-presence-grid,
    .release-435.public-body .alp435-contact-summary {
 grid-template-columns: 1fr !important;
 }

    .release-435 .genealogy-command__branches {
 grid-template-columns: 1fr !important;
 }

}

@media (max-width: 720px) {

    .release-435.public-body h1 {
 font-size: clamp(38px,12vw,54px) !important;
 }

    .release-435.public-body h2 {
 font-size: 31px !important;
 }

    .release-435.public-body .alp435-utility-bar {
 display: none !important;
 }

    .release-435.public-body .alp435-main-header {
 width: calc(100% - 20px) !important;
 min-height: 70px !important;
 }

    .release-435.public-body .alp435-brand .crest {
 width: 46px !important;
 height: 46px !important;
 }

    .release-435.public-body .alp435-brand .crest img {
 width: 40px !important;
 height: 40px !important;
 }

    .release-435.public-body .alp435-brand em {
 display: none !important;
 }

    .release-435.public-body .alp435-header-actions > :not(.public-mobile-menu):not(.public-portal-menu) {
 display: none !important;
 }

    .release-435.public-body .alp-home-hero,
    .release-435.public-body .ap422-home-hero {
 width: calc(100% - 16px) !important;
 margin-top: 8px !important;
 padding: 24px 16px !important;
 border-radius: 22px !important;
 gap: 22px !important;
 }

    .release-435.public-body .ap422-product-stage {
 min-height: 0 !important;
 }

    .release-435.public-body .ap422-stage-stack {
 grid-template-columns: repeat(3,minmax(0,1fr)) !important;
 grid-template-rows: 1fr !important;
 }

    .release-435.public-body .ap422-stage-stack .ap422-stage-product {
 display: block !important;
 }

    .release-435.public-body .ap422-stage-stack img {
 width: 100% !important;
 height: 105px !important;
 }

    .release-435.public-body .alp435-home-command {
 width: calc(100% - 16px) !important;
 grid-template-columns: repeat(2,minmax(0,1fr)) !important;
 }

    .release-435.public-body .alp435-feature-grid.four,
    .release-435.public-body .alp435-feature-grid.five,
    .release-435.public-body .alp435-product-strip,
    .release-435.public-body .alp435-split,
    .release-435.public-body .alp435-product-focus,
    .release-435.public-body .alp435-contact-grid {
 grid-template-columns: 1fr !important;
 }

    .release-435.public-body .alp435-state-cloud {
 grid-template-columns: repeat(2,minmax(0,1fr)) !important;
 }

    .release-435.public-body .alp435-product-mini-grid {
 grid-template-columns: repeat(3,minmax(0,1fr)) !important;
 }

    .release-435.public-body .alp435-product-mini-grid img {
 height: 150px !important;
 }

    .release-435.public-body .alp435-cta-band .alp435-shell {
 align-items: flex-start !important;
 flex-direction: column !important;
 }

    .release-435.public-body .alp435-footer-grid {
 grid-template-columns: 1fr 1fr !important;
 }

    .release-435.public-body .footer-brand {
 grid-column: 1/-1 !important;
 }

    .release-435.public-body .alp435-footer-legal {
 flex-direction: column !important;
 }

    .release-435 .genealogy-command {
 padding: 10px !important;
 border-radius: 15px !important;
 }

    .release-435 .genealogy-command__root {
 padding: 12px !important;
 }

    .release-435 .genealogy-member-row {
 grid-template-columns: 24px 34px minmax(0,1fr) auto !important;
 }

    .release-435 .genealogy-member-row > em {
 display: none !important;
 }

}


/* =========================
   12. PUBLIC INDIA PRESENCE
   =========================
   Public map uses only aggregated state-level coverage from TeamTerritoryService.
   Keep this presentation compact so it supports the corporate page rather than
   looking like an Admin dashboard.
*/
.release-435.public-body .alp435-presence-head {
 margin-bottom: 24px !important;
 }

.release-435.public-body .alp435-public-map .india-intelligence {

    margin-top: 0 !important;

    border-radius: 24px !important;

    border: 1px solid #dce8e3 !important;

    box-shadow: 0 16px 38px rgba(18,63,56,.07) !important;

}

.release-435.public-body .alp435-public-map .india-intelligence__head {

    padding: 16px 18px !important;

    background: linear-gradient(90deg,#eff8f4,#fffaf0) !important;

}

.release-435.public-body .alp435-public-map .india-intelligence__workspace {

    grid-template-columns: minmax(360px,1.35fr) minmax(250px,.65fr) !important;

    min-height: 360px !important;

}

.release-435.public-body .alp435-public-map .india-map-canvas {
 height: 360px !important;
 cursor: default !important;
 }

.release-435.public-body .alp435-public-map .india-intelligence__detail {
 padding: 24px !important;
 }

.release-435.public-body .alp435-public-map .territory-rank {
 grid-template-columns: repeat(4,minmax(0,1fr)) !important;
 }

.release-435.public-body .alp435-presence-actions {
 display: flex !important;
 gap: 10px !important;
 flex-wrap: wrap !important;
 margin-top: 18px !important;
 }


@media (max-width: 900px) {

    .release-435.public-body .alp435-public-map .india-intelligence__workspace {
 grid-template-columns: 1fr !important;
 }

    .release-435.public-body .alp435-public-map .india-map-canvas {
 height: 330px !important;
 }

    .release-435.public-body .alp435-public-map .territory-rank {
 grid-template-columns: repeat(2,minmax(0,1fr)) !important;
 }

}

@media (max-width: 560px) {

    .release-435.public-body .alp435-public-map .india-map-canvas {
 height: 300px !important;
 }

    .release-435.public-body .alp435-public-map .territory-rank {
 grid-template-columns: 1fr !important;
 }

}


/* Admin's own member preview uses a POST; keep its button aligned with the topbar. */
.release-435 .portal-top-actions .admin-member-preview-form {
 margin: 0;
 }

.release-435 .portal-top-actions .admin-member-preview-form button {

    min-height: 36px;

    padding: 0 11px;

    border: 1px solid #d9e2de;

    border-radius: 9px;

    background: #fff;

    color: #203a32;

    font: inherit;

    font-weight: 700;

    cursor: pointer;

}

.release-435 .portal-nav .admin-member-preview-menu {
 margin: 0;
 }

.release-435 .portal-nav .admin-member-preview-menu button {

    display: flex;

    align-items: center;

    gap: 10px;

    width: 100%;

    padding: 12px 14px;

    border: 0;

    border-radius: 10px;

    background: transparent;

    color: inherit;

    font: inherit;

    text-align: left;

    cursor: pointer;

}

@media (max-width: 700px) {

    .release-435 .portal-top-actions .admin-member-preview-form {
 display: none;
 }

}


/* The readiness hero uses a dark background; retain readable text on mobile. */
.release-435 .readiness-hero h1 {
 color: #fff !important;
 }

.release-435 .readiness-hero h1 em {
 color: #f1cf72 !important;
 }

.release-435 .readiness-hero .eyebrow {
 color: #d4eae0 !important;
 }

.release-435 .readiness-hero p:not(.eyebrow) {
 color: #edf6f0 !important;
 }


/* Member workspace: readable values and a persistent, safe preview exit. */
.release-435.member-portal .seller-kpis {

    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 12px !important;

}

.release-435.member-portal .seller-kpis article {

    min-width: 0 !important;

    min-height: 116px !important;

    padding: 17px !important;

}

.release-435.member-portal .seller-kpis article small {

    font-size: 11px !important;

    line-height: 1.35 !important;

    letter-spacing: .04em !important;

}

.release-435.member-portal .seller-kpis article b {

    font-size: clamp(19px, 2.2vw, 27px) !important;

    overflow-wrap: anywhere !important;

}

.release-435.member-portal .seller-kpis article a,
.release-435.member-portal .seller-kpis article span {

    font-size: 11px !important;

    line-height: 1.35 !important;

}

.release-435.member-portal .impersonation-banner {

    position: sticky !important;

    top: 0 !important;

    z-index: 60 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    flex-wrap: wrap !important;

    gap: 8px 16px !important;

    padding: 10px 18px !important;

    background: #143c35 !important;

    color: #fff !important;

}

.release-435.member-portal .impersonation-banner button {

    min-height: 40px !important;

    padding: 8px 14px !important;

    border: 1px solid #f1cd72 !important;

    border-radius: 9px !important;

    background: #f1cd72 !important;

    color: #17352d !important;

    font-weight: 800 !important;

}

/* Preview returns share the audited POST action on member and public pages. */
.release-435 .preview-return {
 margin: 8px 0;
 }

.release-435 .preview-return button {

    width: 100%;

    min-height: 44px;

    padding: 10px 14px;

    border: 1px solid #d9b85d;

    border-radius: 9px;

    background: #f1cd72;

    color: #17352d;

    font: 700 13px/1.4 var(--theme-font, sans-serif);

    cursor: pointer;

}

/* Text-only submenu links must span their row, not the old 24px icon column. */
.release-435 .portal-nav-group > a {

    display: block !important;

    padding-left: 40px !important;

    overflow-wrap: break-word;

}

.release-435 .portal-stage,
.release-435 .portal-content,
.release-435 .activity-heatmap {
 min-width: 0;
 }

.release-435 .activity-heatmap > footer {

    display: flex !important;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

    min-height: 0 !important;

    margin: 10px 0 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color: #526b63 !important;

    font-size: 10px !important;

}

.release-435 .activity-heatmap > footer b {

    display: inline-flex;

    align-items: center;

    gap: 4px;

    font-size: 11px !important;

    color: #526b63 !important;

}

.release-435 .activity-heatmap > footer i {
 width: 12px;
 height: 12px;
 }

.release-435.public-body .alp435-site-footer .footer-brand {

    grid-template-columns: minmax(0, 1fr) !important;

    padding: 0 !important;

    min-width: 0;

}

.release-435.public-body .alp435-site-footer .footer-brand p {
 color: #d7e6e1 !important;
 }

.release-435.public-body .alp-product-image img {
 transform: none !important;
 max-height: 100%;
 }

.release-435.public-body .login-suite {
 min-height: 0 !important;
 }

.release-435.public-body .login-suite__intro h1 {
 color: #fffaf0 !important;
 }

.release-435.public-body .login-suite__intro > p {
 color: #d9e9e2 !important;
 }

.release-435.public-body .login-portal-grid > a {

    display: grid;

    grid-template-columns: 24px minmax(0, 1fr) auto;

    align-items: center;

    gap: 10px;

    padding: 14px;

    text-decoration: none;

}

.release-435.public-body .login-portal-grid > a span,
.release-435.public-body .secure-login-note {
 display: grid;
 gap: 5px;
 }

.release-435.public-body .login-portal-grid small {
 font-size: 12px;
 line-height: 1.5;
 }

.release-435.public-body .login-card__links {
 display: flex;
 flex-wrap: wrap;
 gap: 12px 24px;
 }

.release-435.public-body .login-suite__intro::after {
 pointer-events: none;
 }

@media (max-width: 1000px) {

    .release-435.member-portal .seller-kpis {
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 }

}

@media (max-width: 560px) {

    .release-435.member-portal .seller-kpis {
 grid-template-columns: 1fr !important;
 }

    .release-435.member-portal .seller-kpis article {
 min-height: 98px !important;
 }

}

@media (max-width: 720px) {

    .release-435 .genealogy-member-row {

        grid-template-columns: 23px 32px minmax(0, 1fr) auto !important;

        gap: 4px 7px !important;

        min-height: 72px !important;

    }

    .release-435 .genealogy-member-row__identity {
 grid-column: 3 !important;
 }

    .release-435 .genealogy-member-row__metric {

        display: flex !important;

        grid-column: 3 !important;

        grid-row: 2 !important;

        gap: 8px !important;

        align-items: center !important;

    }

    .release-435 .genealogy-member-row__metric small,
    .release-435 .genealogy-member-row__metric b {
 font-size: 10px !important;
 }

    .release-435 .genealogy-member-row > .status {

        display: inline-flex !important;

        grid-column: 4 !important;

        grid-row: 1 / span 2 !important;

        font-size: 9px !important;

    }

}


/* Compact operational screens; keep every real control and data field visible. */
.release-435 .ap419-hero-copy h1,
.release-435 .seller-hero h1 {

    font-size: clamp(28px, 3vw, 44px) !important;

    line-height: 1.12 !important;

    margin: 8px 0 14px !important;

}

.release-435 .seller-welcome > p,
.release-435 .seller-welcome .command-kicker {
 color: #3e665c !important;
 }

.release-435 .seller-badges > span {
 color: #175d4b !important;
 background: #e6f3ed !important;
 }

.release-435 .ap419-owner-panel {
 min-height: 160px !important;
 }

.release-435 .ap420-system-strip {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

    gap: 10px;

    margin: 14px 0;

}

.release-435 .ap420-system-strip > a {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 6px 10px;

    padding: 12px;

    border: 1px solid #d8e6e0;

    border-radius: 10px;

    color: #164b3e;

    background: #fff;

    text-decoration: none;

}

.release-435 .ap420-system-strip > a b {
 font-size: 12px;
 }

.release-435 .admin-action-feed > a {

    display: grid;

    grid-template-columns: 28px minmax(0, 1fr) auto;

    align-items: center;

    gap: 12px;

    padding: 14px;

    text-decoration: none;

    color: #153a34;

}

.release-435 .admin-action-feed > a > span {
 display: grid;
 gap: 4px;
 }

.release-435 .admin-action-feed small,
.release-435 .admin-action-feed em {
 font-size: 12px;
 font-style: normal;
 color: #526b63;
 }

.release-435 .admin-quick-launch > a.primary span b {
 color: #153a34 !important;
 }

.release-435 .admin-quick-launch > a.primary span small {
 color: #526b63 !important;
 }

.release-435 .executive-intelligence {
 align-items: start !important;
 }

.release-435 .executive-intelligence > article {
 min-width: 0;
 }

@media (max-width: 560px) {

    .release-435 .admin-action-feed > a {
 grid-template-columns: 24px minmax(0, 1fr);
 }

    .release-435 .admin-action-feed > a > strong {
 grid-column: 2;
 font-size: 12px;
 }

}

@media print {

    .preview-return {
 display: none !important;
 }

}


/* A printable view of the active plan, generated from the public page data. */
.release-435 .plan-print-toolbar {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 12px 20px;

    padding: 18px 24px;

    background: #fff;

    border-bottom: 1px solid #dce8e2;

}

.release-435 .plan-print-toolbar p {
 flex-basis: 100%;
 margin: 0;
 }

.release-435 .plan-print-identity {
 display: flex;
 gap: 14px;
 align-items: center;
 padding: 24px;
 }

.release-435 .plan-print-identity img {
 width: 64px;
 height: 64px;
 object-fit: contain;
 }

@media print {

    body.plan-print-mode {
 background: #fff !important;
 color: #17352d !important;
 font-size: 11pt !important;
 }

    .plan-print-mode .site-header,
    .plan-print-mode .site-footer,
    .plan-print-mode .plan-print-toolbar,
    .plan-print-mode .career-hero .actions,
    .plan-print-mode .assist,
    .plan-print-mode .assist-button {
 display: none !important;
 }

    .plan-print-mode .career-public {
 width: 100% !important;
 margin: 0 !important;
 }

    .plan-print-mode .career-public section {

        margin: 0 0 16px !important;

        padding: 16px !important;

        min-height: 0 !important;

        background: #fff !important;

        color: #17352d !important;

        box-shadow: none !important;

        overflow: visible !important;

    }

    .plan-print-mode .career-hero,
    .plan-print-mode .performance-section {
 display: block !important;
 }

    .plan-print-mode .career-public h1 {
 font-size: 28pt !important;
 }

    .plan-print-mode .career-public h2 {
 font-size: 19pt !important;
 }

    .plan-print-mode .career-public p,
    .plan-print-mode .career-public small {
 color: #334d44 !important;
 }

    .plan-print-mode .plan-public-head-grid,
    .plan-print-mode .career-level-grid {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 gap: 10px !important;
 }

    .plan-print-mode article,
    .plan-print-mode .level-rate-chart > article,
    .plan-print-mode .plan-print-identity {
 break-inside: avoid;
 }

    .plan-print-mode a {
 color: #17352d !important;
 text-decoration: none;
 }

}


/* 4.0.42 operational layout. This is the existing final stylesheet loaded by
   every portal; data, links and financial forms retain their original markup. */
body.release-435.portal-body {

    --ap-canvas: #f7f9f6;

    background: #f7f9f6 !important;

    color: #193d33;

}

body.release-435.portal-body .portal-content {

    padding: clamp(12px, 2vw, 22px) !important;

    background: #f7f9f6 !important;

}

body.release-435.portal-body .portal-content > main {
 min-height: 0;
 }

body.release-435.portal-body .portal-content :is(.dash-head, .network-head, .admin-console-head),
body.release-435.portal-body .update-hero {

    min-height: 0 !important;

    padding: 17px 20px !important;

    border: 1px solid #dbe8df !important;

    border-left: 4px solid #148269 !important;

    border-radius: 12px !important;

    background: #fff !important;

    color: #193d33 !important;

    box-shadow: none !important;

}

body.release-435.portal-body .portal-content :is(.dash-head, .network-head, .admin-console-head)::after,
body.release-435.portal-body .update-hero::after {
 display: none !important;
 }

body.release-435.portal-body .portal-content :is(.dash-head, .network-head, .admin-console-head) h1,
body.release-435.portal-body .update-hero h1 {

    margin: 3px 0 5px !important;

    font: 750 clamp(21px, 2.1vw, 29px)/1.2 Inter, "Segoe UI", sans-serif !important;

    letter-spacing: -.025em !important;

    color: #193d33 !important;

}

body.release-435.portal-body .portal-content :is(.dash-head, .network-head, .admin-console-head) h1 em,
body.release-435.portal-body .update-hero h1 em {
 color: #16735b !important;
 }

body.release-435.portal-body .portal-content :is(.dash-head, .network-head, .admin-console-head) p,
body.release-435.portal-body .update-hero p {
 margin: 3px 0 !important;
 color: #5b7166 !important;
 font-size: 12px !important;
 line-height: 1.45 !important;
 }

body.release-435.admin-portal .update-hero {
 grid-template-columns: minmax(0, 1fr) 145px !important;
 align-items: center !important;
 gap: 14px !important;
 }

body.release-435.admin-portal .update-hero .orbit-ring {
 width: 130px !important;
 min-width: 130px !important;
 height: 130px !important;
 box-shadow: none !important;
 }

body.release-435.admin-portal .update-hero .orbit-ring::before {
 inset: 10px !important;
 }

body.release-435.admin-portal .update-hero .orbit-ring :is(span, b) {
 font-size: 17px !important;
 }

body.release-435.admin-portal .update-hero .update-badges {
 margin-top: 8px !important;
 }

body.release-435.admin-portal .update-hero .update-badges span {
 padding: 5px 7px !important;
 color: #285c48 !important;
 border: 1px solid #d9e8df !important;
 background: #f2f8f4 !important;
 }

body.release-435.admin-portal .simple-success-card {

    min-height: 0 !important;

    padding: 14px 18px !important;

    gap: 15px !important;

    align-items: center !important;

}

body.release-435.admin-portal .simple-success-card h2 {

    margin: 2px 0 5px !important;

    font: 700 clamp(18px, 2vw, 24px)/1.25 Inter, "Segoe UI", sans-serif !important;

}

body.release-435.admin-portal .simple-success-card p {

    margin: 2px 0 !important;

    font-size: 12px !important;

    line-height: 1.45 !important;

}

body.release-435.admin-portal .simple-success-card .mini-orbit {

    width: 38px !important;

    height: 38px !important;

    min-width: 38px !important;

    font-size: 18px !important;

}

body.release-435.portal-body .portal-content .eyebrow {
 color: #13785e !important;
 font-size: 10px !important;
 letter-spacing: .08em !important;
 }

body.release-435.portal-body .portal-content .control-card {

    padding: 16px !important;

    border: 1px solid #dfeae2 !important;

    border-radius: 12px !important;

    background: #fff !important;

    color: #193d33 !important;

    box-shadow: 0 3px 12px rgba(16, 67, 49, .035) !important;

}

body.release-435.portal-body .portal-content .control-card > h2,
body.release-435.portal-body .portal-content .section-title h2 {
 margin: 3px 0 10px !important;
 font-size: clamp(16px, 1.6vw, 20px) !important;
 line-height: 1.3 !important;
 color: #193d33 !important;
 }

body.release-435.portal-body .portal-content .table-wrap {
 max-width: 100%;
 overflow-x: auto;
 }

body.release-435.portal-body .portal-content table {
 font-size: 12px;
 }

body.release-435.portal-body .portal-content table th {
 padding: 10px 12px !important;
 background: #edf5ef !important;
 color: #205847 !important;
 }

body.release-435.portal-body .portal-content table td {
 padding: 10px 12px !important;
 color: #29473b !important;
 border-bottom-color: #e5eee8 !important;
 }

body.release-435.portal-body .portal-content :is(input, select, textarea) {
 max-width: 100%;
 }


/* Owner overview: existing live counters and links in compact white cards. */
body.release-435.admin-portal .ap419-admin-hero {

    padding: 15px !important;

    border: 1px solid #dbe8df !important;

    border-radius: 12px !important;

    background: #fff !important;

    color: #193d33 !important;

    box-shadow: none !important;

}

body.release-435.admin-portal .ap419-admin-hero::after {
 display: none !important;
 }

body.release-435.admin-portal .ap419-hero-top {
 grid-template-columns: minmax(0, 1fr) minmax(195px, 235px) !important;
 gap: 12px !important;
 align-items: start !important;
 }

body.release-435.admin-portal .ap419-hero-copy {
 padding: 0 !important;
 }

body.release-435.admin-portal .ap419-hero-copy h1 {

    font: 750 clamp(21px, 2.1vw, 29px)/1.2 Inter, "Segoe UI", sans-serif !important;

    color: #193d33 !important;

    letter-spacing: -.025em !important;

    margin: 2px 0 5px !important;

}

body.release-435.admin-portal .ap419-hero-copy h1 em {
 color: #18765d !important;
 }

body.release-435.admin-portal .ap419-hero-copy > p {
 color: #587264 !important;
 font-size: 11px !important;
 margin: 4px 0 9px !important;
 }

body.release-435.admin-portal .ap419-kicker {
 color: #18765d !important;
 }

body.release-435.admin-portal .ap419-hero-actions {
 gap: 6px !important;
 }

body.release-435.admin-portal .ap419-hero-actions a {
 padding: 7px 9px !important;
 border-color: #d9e9de !important;
 background: #f5faf6 !important;
 color: #175a48 !important;
 font-size: 10px !important;
 }

body.release-435.admin-portal .ap419-owner-panel {

    min-height: 0 !important;

    padding: 10px !important;

    border: 1px solid #dcebe1 !important;

    border-radius: 9px !important;

    background: #f7faf7 !important;

    box-shadow: none !important;

}

body.release-435.admin-portal .ap419-owner-panel :is(small, span) {
 color: #516b5f !important;
 }

body.release-435.admin-portal .ap419-owner-panel strong {
 font-size: 16px !important;
 color: #193d33 !important;
 }

body.release-435.admin-portal .ap419-kpi-grid {
 grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
 gap: 8px !important;
 margin-top: 12px !important;
 }

body.release-435.admin-portal .ap419-kpi {

    min-width: 0 !important;

    min-height: 72px !important;

    padding: 10px !important;

    border: 1px solid #dfeae2 !important;

    border-radius: 9px !important;

    background: #f9fbf9 !important;

    color: #193d33 !important;

    box-shadow: none !important;

}

body.release-435.admin-portal .ap419-kpi :is(small, span) {
 color: #566f61 !important;
 }

body.release-435.admin-portal .ap419-kpi b {
 color: #175b47 !important;
 font-size: 19px !important;
 }


/* Read-only queues reuse the dashboard's already calculated operational data.
   Bar widths are relative to the largest visible queue, not income targets. */
body.release-435.admin-portal .admin-live-visuals {

    margin: 12px 0;

    padding: 14px;

    border: 1px solid #dfeae2;

    border-radius: 12px;

    background: #fff;

}

body.release-435.admin-portal .admin-live-visuals__head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    margin-bottom: 10px;

}

body.release-435.admin-portal .admin-live-visuals__head h2 {
 margin: 2px 0 0;
 font-size: 17px;
 color: #193d33;
 }

body.release-435.admin-portal .admin-live-visuals__head a {
 font-size: 11px;
 font-weight: 700;
 color: #146b54;
 }

body.release-435.admin-portal .admin-live-visuals__grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
 gap: 8px;
 }

body.release-435.admin-portal .admin-live-signal {

    display: grid;

    gap: 4px;

    min-width: 0;

    padding: 10px;

    border: 1px solid #e1ebe3;

    border-radius: 9px;

    background: #f9fbf9;

    color: #193d33;

    text-decoration: none;

}

body.release-435.admin-portal .admin-live-signal:hover {
 border-color: #78b99d;
 }

body.release-435.admin-portal .admin-live-signal span {
 font-size: 11px;
 font-weight: 700;
 }

body.release-435.admin-portal .admin-live-signal b {
 font-size: 18px;
 line-height: 1.15;
 color: #17634e;
 }

body.release-435.admin-portal .admin-live-signal small {
 color: #638073;
 font-size: 10px;
 }

body.release-435.admin-portal .admin-live-signal > i {
 height: 5px;
 overflow: hidden;
 border-radius: 5px;
 background: #e4eee7;
 }

body.release-435.admin-portal .admin-live-signal > i em {
 display: block;
 height: 100%;
 border-radius: inherit;
 background: #1a9272;
 }

body.release-435.admin-portal .admin-live-signal:nth-child(2n) > i em {
 background: #2c91a1;
 }

body.release-435.admin-portal .admin-live-signal:nth-child(3n) > i em {
 background: #d7a53d;
 }


/* Member and franchise operational panels use the same light hierarchy. */
body.release-435.member-portal .seller-hero {
 padding: 15px !important;
 border: 1px solid #dbe8df !important;
 border-radius: 12px !important;
 background: #fff !important;
 color: #193d33 !important;
 box-shadow: none !important;
 }

body.release-435.member-portal .seller-hero h1 {
 font: 750 clamp(21px, 2.1vw, 29px)/1.2 Inter, "Segoe UI", sans-serif !important;
 color: #193d33 !important;
 margin: 2px 0 5px !important;
 }

body.release-435.member-portal .seller-hero p {
 color: #587264 !important;
 }

body.release-435.member-portal .career-command {
 padding: 15px !important;
 border: 1px solid #deebe2 !important;
 border-radius: 12px !important;
 background: #fff !important;
 color: #193d33 !important;
 box-shadow: none !important;
 }

body.release-435.member-portal .career-command :is(h2, aside b, aside strong) {
 color: #193d33 !important;
 }

body.release-435.member-portal .career-command :is(p, small) {
 color: #61776b !important;
 }

body.release-435.member-portal .career-qualification-gap {
 margin: 7px 0 0 !important;
 font-size: 11px;
 color: #375f4b !important;
 }

body.release-435.member-portal .career-qualification-gap strong {
 color: #966812;
 }

body.release-435.member-portal .career-mini-ladder > span {
 background: #f8faf8 !important;
 color: #325244 !important;
 border-color: #e0e9e1 !important;
 }

body.release-435.member-portal .career-mini-ladder > span.done {
 background: #e3f5eb !important;
 color: #126647 !important;
 border-color: #83c4a0 !important;
 }

body.release-435.member-portal .career-mini-ladder > span.next {
 background: #fff4d7 !important;
 color: #77520b !important;
 border-color: #dfbd5a !important;
 }

body.release-435.member-portal .income-mix > a {
 background: #fff !important;
 color: #193d33 !important;
 border-color: #deebe2 !important;
 box-shadow: none !important;
 }

body.release-435.franchise-portal .franchise-kpis article {
 min-height: 80px !important;
 padding: 12px !important;
 background: #fff !important;
 border-color: #deebe2 !important;
 border-radius: 10px !important;
 box-shadow: none !important;
 }

body.release-435.franchise-portal .franchise-kpis b {
 font-size: 19px !important;
 }


/* Visual genealogy keeps the actual sponsor and placement data and both legs. */
body.release-435 .genealogy-command {
 padding: 12px !important;
 background: #fff !important;
 color: #193d33 !important;
 border: 1px solid #dbe8df !important;
 border-radius: 12px !important;
 }

body.release-435 .genealogy-command__head {
 padding: 10px 12px !important;
 background: #f7faf7 !important;
 border: 1px solid #e1ebe3 !important;
 border-radius: 9px !important;
 }

body.release-435 .genealogy-command__head :is(h2, h3) {
 color: #193d33 !important;
 font-size: 18px !important;
 }

body.release-435 .genealogy-command__head :is(p, label) {
 color: #587264 !important;
 }

body.release-435 .genealogy-command__search,
body.release-435 .genealogy-command__nav {
 background: #fff !important;
 border-color: #dbe9e0 !important;
 box-shadow: none !important;
 }

body.release-435 .genealogy-command__nav span {
 color: #587264 !important;
 }

body.release-435 .genealogy-command__root {
 width: min(490px, 100%) !important;
 margin: 9px auto 0 !important;
 padding: 9px 11px !important;
 background: #f8fbf7 !important;
 border: 1px solid #b5d6c5 !important;
 box-shadow: none !important;
 }

body.release-435 .genealogy-command__connector {
 height: 18px !important;
 }

body.release-435 .genealogy-command__branches {
 gap: 10px !important;
 }

body.release-435 .genealogy-branch {
 border-radius: 9px !important;
 box-shadow: none !important;
 }

body.release-435 .genealogy-branch__list {
 max-height: 290px !important;
 }

/* The portal theme styles generic section footers. Keep the two live team
   panels readable even when that theme is changed by the owner. */
body.release-435 .genealogy-command .genealogy-branch {

    background: #fff !important;

    color: #193d33 !important;

}

body.release-435 .genealogy-command .genealogy-branch__head {

    background: #f4faf6 !important;

    color: #193d33 !important;

}

body.release-435 .genealogy-command .genealogy-branch[data-branch="B"] .genealogy-branch__head {

    background: #fff9ec !important;

}

body.release-435 .genealogy-command .genealogy-branch__list,
body.release-435 .genealogy-command .genealogy-branch__list.is-empty {

    background: #fff !important;

    color: #193d33 !important;

}

body.release-435 .genealogy-command .genealogy-branch > footer {

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    min-height: 34px !important;

    padding: 6px 11px !important;

    background: #f5f9f6 !important;

    color: #597268 !important;

    font: 600 11px/1.35 Inter, "Segoe UI", sans-serif !important;

}

body.release-435 .genealogy-command .genealogy-branch > footer b {

    color: #126a54 !important;

    font-size: 10px !important;

}

body.release-435 .reference-directs {
 min-width: 0;
 }

body.release-435 .reference-tree__trunk i {
 display: none !important;
 }

body.release-435 .network-report-link {

    display: flex !important;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    padding: 14px 18px !important;

}

body.release-435 .network-report-link h2 {

    margin: 2px 0 3px !important;

    font: 700 18px/1.3 Inter, "Segoe UI", sans-serif !important;

}

body.release-435 .network-report-link p {
 margin: 2px 0 !important;
 font-size: 12px !important;
 }

/* Operational pages share a compact heading scale. The member KYC page was
   still inheriting the old full-screen login hero and obscuring its form. */
body.release-435.member-portal .kyc-shell {

    display: grid !important;

    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr) !important;

    align-items: start !important;

    gap: 16px !important;

    width: 100% !important;

    max-width: 1280px !important;

    min-height: 0 !important;

    margin: 12px auto !important;

    padding: 0 !important;

    background: transparent !important;

}

body.release-435.member-portal .kyc-shell > section:first-child {

    min-height: 0 !important;

    padding: 18px !important;

    border: 1px solid #dbe8df !important;

    border-radius: 12px !important;

    background: #fff !important;

    color: #193d33 !important;

    box-shadow: none !important;

}

body.release-435.member-portal .kyc-shell h1 {

    margin: 5px 0 10px !important;

    color: #193d33 !important;

    font: 750 clamp(22px, 2.1vw, 29px)/1.17 Inter, "Segoe UI", sans-serif !important;

}

body.release-435.member-portal .kyc-shell h1 em {
 color: #15785e !important;
 }

body.release-435.member-portal .kyc-shell > section:first-child > p {

    margin: 6px 0 !important;

    color: #587268 !important;

    font-size: 12px !important;

    line-height: 1.5 !important;

}

body.release-435.member-portal .kyc-shell .login-card {

    padding: 18px !important;

    border-radius: 12px !important;

    box-shadow: none !important;

}

body.release-435.member-portal .kyc-shell .login-card h2 {

    margin: 0 0 12px !important;

    font: 700 20px/1.25 Inter, "Segoe UI", sans-serif !important;

}

body.release-435.member-portal .kyc-shell .kyc-form {
 gap: 10px !important;
 }

body.release-435.member-portal .kyc-shell .kyc-form input {
 padding: 10px 11px !important;
 }

body.release-435.member-portal .kyc-shell .upload-readiness {

    margin-top: 12px !important;

    gap: 7px !important;

}

body.release-435.public-body .login-shell {

    min-height: 0 !important;

    width: min(1040px, 100%) !important;

    margin: 20px auto !important;

    padding: 18px !important;

    gap: 22px !important;

    align-items: start !important;

    background: #f8faf7 !important;

}

body.release-435.public-body .login-shell h1 {

    margin: 3px 0 10px !important;

    font: 750 clamp(23px, 2.4vw, 32px)/1.2 Inter, "Segoe UI", sans-serif !important;

}

body.release-435.public-body .login-shell .login-card {

    padding: 20px !important;

    border-radius: 12px !important;

}

/* Finance stays a register and audit workspace rather than an oversized hero. */
body.release-435.admin-portal .admin-page .payout-reconciliation {

    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    gap: 9px !important;

    margin: 12px 0 !important;

    padding: 12px !important;

}

body.release-435.admin-portal .admin-page .payout-reconciliation > div {

    grid-column: 1 / -1 !important;

}

body.release-435.admin-portal .admin-page .payout-reconciliation h2,
body.release-435.admin-portal .admin-page .payout-reserve-card h2 {

    margin: 2px 0 5px !important;

    font: 700 19px/1.25 Inter, "Segoe UI", sans-serif !important;

}

body.release-435.admin-portal .admin-page .payout-reconciliation > span {

    min-width: 0 !important;

    padding: 9px !important;

    border-radius: 9px !important;

    background: #fff !important;

}

body.release-435.admin-portal .admin-page .payout-actions {

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 9px !important;

}

body.release-435.admin-portal .admin-page .table-wrap {

    overflow-x: auto !important;

    max-width: 100% !important;

}

@media (max-width: 640px) {

    body.release-435 .network-report-link {
 flex-wrap: wrap;
 }

    body.release-435 .reference-directs .reference-node {
 flex-basis: 165px;
 width: 165px;
 }

    body.release-435 .reference-tree__scroll.is-short .reference-directs .reference-node {
 flex-basis: 165px;
 width: 165px;
 }

    body.release-435.member-portal .kyc-shell {
 grid-template-columns: 1fr !important;
 }

    body.release-435.admin-portal .admin-page .payout-reconciliation {

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    }

}


/* Public informational sections should follow the same restrained scale. */
body.release-435.public-body :is(.alp-hero, .career-hero) {
 min-height: 0 !important;
 }

body.release-435.public-body :is(.alp-hero, .career-hero) h1 {
 font-size: clamp(28px, 3.5vw, 43px) !important;
 line-height: 1.16 !important;
 }

body.release-435.public-body :is(.alp-home-hero, .career-hero, .alp-page-hero) {

    min-height: 0 !important;

    padding-block: clamp(24px, 3vw, 44px) !important;

    background: #f8faf6 !important;

    color: #193d33 !important;

    box-shadow: none !important;

}

body.release-435.public-body :is(.alp-home-hero, .career-hero, .alp-page-hero) h1,
body.release-435.public-body :is(.alp-home-hero, .career-hero, .alp-page-hero) h2 {
 color: #193d33 !important;
 font: 750 clamp(25px, 3.2vw, 42px)/1.16 Inter, "Segoe UI", sans-serif !important;
 }

body.release-435.public-body :is(.alp-home-hero, .career-hero, .alp-page-hero) p {
 color: #526d60 !important;
 }

body.release-435.public-body .alp-statbar {
 margin-top: 0 !important;
 background: #f8faf6 !important;
 }

body.release-435.public-body .alp-statbar article {
 background: #fff !important;
 border-color: #dfeae2 !important;
 box-shadow: none !important;
 }

body.release-435.public-body .alp-statbar :is(b, span) {
 color: #255845 !important;
 }

body.release-435.public-body :is(.alp-experience-section, .alp-care-section) {
 background: #f8faf6 !important;
 color: #193d33 !important;
 }

body.release-435.public-body :is(.alp-experience-section, .alp-care-section) :is(h2, h3) {
 color: #193d33 !important;
 }

body.release-435.public-body :is(.alp-experience-section, .alp-care-section) :is(.alp-card, .alp-value) {
 background: #fff !important;
 color: #193d33 !important;
 border-color: #dfeae2 !important;
 }

body.release-435.public-body .alp-section {
 padding-block: clamp(24px, 3vw, 42px) !important;
 }

body.release-435.public-body .alp-section-head h2 {
 font-size: clamp(22px, 2.5vw, 32px) !important;
 line-height: 1.2 !important;
 }

@media (max-width: 840px) {

    body.release-435.admin-portal .ap419-hero-top {
 grid-template-columns: 1fr !important;
 }

    body.release-435.admin-portal .ap419-kpi-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 }

    body.release-435.admin-portal .update-hero {
 grid-template-columns: 1fr !important;
 }

    body.release-435.admin-portal .update-hero .reverse-orbit {
 display: none !important;
 }

}

@media (max-width: 520px) {

    body.release-435.portal-body .portal-content {
 padding: 10px !important;
 }

    body.release-435.admin-portal .ap419-kpi-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 }

    body.release-435 .genealogy-command__branches {
 grid-template-columns: 1fr !important;
 }

    body.release-435 .reference-tree__trunk i,
    body.release-435 .reference-tree__branches::before {
 display: none !important;
 }

}


/* Owner-confirmed payment instructions stay compact on Member and Finance pages. */
body.release-435 .wallet-payment-details {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 12px;

    margin: 12px 0;

    padding: 12px;

    border: 1px solid #d7e9df;

    border-radius: 12px;

    background: #f7fbf8;

}

body.release-435 .wallet-payment-details > div {
 display: grid;
 gap: 3px;
 min-width: 200px;
 }

body.release-435 .wallet-payment-details small {
 color: #397360;
 font-weight: 750;
 }

body.release-435 .wallet-payment-details b {
 overflow-wrap: anywhere;
 }

body.release-435 .wallet-payment-details img {

    max-width: 160px;

    object-fit: contain;

    border: 1px solid #d7e9df;

    background: #fff;

    padding: 5px;

}

body.release-435 .wallet-action-grid h2 {
 font-size: clamp(18px, 2vw, 23px) !important;
 }

body.release-435 .wallet-action-grid .journal-form {
 gap: 10px;
 }

body.release-435.admin-portal .admin-page .member-actions form {
 display: grid;
 gap: 8px;
 min-width: 210px;
 }



/* Source: alpline455.css */
/*
 * ALPLINE 4.0.55 — Master Visual System
 * Human-readable additive presentation layer.
 *
 * Goals:
 * - Preserve existing routes, forms, permissions and business logic.
 * - Apply one paper-clean enterprise visual language across public, member,
 *   franchise and administration workspaces.
 * - Keep content screen-fit and prevent text/card overlap.
 * - Keep genealogy intentionally simple: one visual level, centred sponsor,
 *   fixed-size member cards and full-width horizontal scrolling.
 */

:root {

    --alp455-ink: #0d241d;

    --alp455-muted: #62746d;

    --alp455-line: #e2ebe6;

    --alp455-paper: #ffffff;

    --alp455-canvas: #f7faf8;

    --alp455-emerald: #075342;

    --alp455-emerald-deep: #043c31;

    --alp455-gold: #d8a82f;

    --alp455-blue: #1c7fe8;

    --alp455-red: #e84e71;

    --alp455-violet: #8a43e8;

    --alp455-radius: 12px;

    --alp455-shadow: 0 10px 26px rgba(17, 54, 43, 0.055);

    --alp455-content-max: 1280px;

    --alp455-sidebar: 228px;

}


/* --------------------------------------------------------------------------
   Global safety and typography
   -------------------------------------------------------------------------- */
body.release-455,
body.release-455 button,
body.release-455 input,
body.release-455 select,
body.release-455 textarea {

    font-family: Inter, "Segoe UI", Arial, sans-serif !important;

}


body.release-455 {

    color: var(--alp455-ink);

    background: var(--alp455-canvas);

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

}


body.release-455 *,
body.release-455 *::before,
body.release-455 *::after {

    box-sizing: border-box;

}


body.release-455 img {

    max-width: 100%;

}


body.release-455 :is(h1, h2, h3, h4, p) {

    overflow-wrap: anywhere;

}


body.release-455 :is(input, select, textarea, button) {

    min-width: 0;

}


body.release-455 .table-wrap {

    width: 100%;

    max-width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

}


body.release-455 table {

    width: 100%;

    border-collapse: collapse;

    font-size: 12px;

}


body.release-455 th {

    white-space: nowrap;

    font-size: 10px;

    letter-spacing: .045em;

}


body.release-455 td {

    vertical-align: middle;

}


/* --------------------------------------------------------------------------
   Shared portal shell — same structure for Admin, Member and Franchise
   -------------------------------------------------------------------------- */
body.release-455.portal-body {

    min-height: 100vh;

    background: var(--alp455-canvas) !important;

}


body.release-455 .portal-shell {

    display: grid !important;

    grid-template-columns: var(--alp455-sidebar) minmax(0, 1fr) !important;

    min-height: 100vh;

}


body.release-455 .portal-sidebar {

    position: sticky;

    top: 0;

    height: 100vh;

    overflow-y: auto;

    overflow-x: hidden;

    background:
        linear-gradient(180deg, rgba(3, 59, 47, .98), rgba(2, 48, 39, .99)) !important;

    border-right: 1px solid rgba(255, 255, 255, .08);

    box-shadow: none !important;

    scrollbar-width: thin;

}


body.release-455 .portal-brand {

    min-height: 70px;

    padding: 12px 16px !important;

    border-bottom: 1px solid rgba(255,255,255,.09);

}


body.release-455 .portal-brand img {

    width: 38px !important;

    height: 38px !important;

    object-fit: contain;

}


body.release-455 .portal-brand b {

    font-size: 18px !important;

    letter-spacing: .045em;

}


body.release-455 .portal-brand small {

    font-size: 8.5px !important;

    letter-spacing: .11em;

    opacity: .8;

}


body.release-455 .live-data-badge {

    margin: 8px 12px 4px !important;

    padding: 7px 9px !important;

    border: 1px solid rgba(255,255,255,.09) !important;

    border-radius: 9px !important;

    background: rgba(255,255,255,.045) !important;

    font-size: 9px !important;

}


body.release-455 .portal-nav-label {

    margin: 13px 15px 5px !important;

    font-size: 8.5px !important;

    letter-spacing: .15em;

    color: rgba(255,255,255,.55) !important;

}


body.release-455 .portal-nav {

    padding: 0 9px;

}


body.release-455 .portal-nav > a,
body.release-455 .portal-nav-group > summary,
body.release-455 .admin-member-preview-menu button {

    min-height: 38px !important;

    margin: 2px 0 !important;

    padding: 8px 10px !important;

    border: 1px solid transparent !important;

    border-radius: 9px !important;

    font-size: 11.5px !important;

    font-weight: 650 !important;

    color: rgba(255,255,255,.9) !important;

    background: transparent !important;

}


body.release-455 .portal-nav > a i,
body.release-455 .portal-nav-group > summary i,
body.release-455 .admin-member-preview-menu i {

    width: 22px !important;

    min-width: 22px !important;

    font-size: 14px !important;

    text-align: center;

    color: #f2d16f !important;

}


body.release-455 .portal-nav > a:hover,
body.release-455 .portal-nav-group > summary:hover,
body.release-455 .admin-member-preview-menu button:hover {

    background: rgba(255,255,255,.06) !important;

}


body.release-455 .portal-nav > a.active,
body.release-455 .portal-nav-group a.active {

    color: #102018 !important;

    background: linear-gradient(135deg, #f7dc7c, #d8a82f) !important;

    border-color: #f1d269 !important;

    box-shadow: 0 5px 12px rgba(0,0,0,.12) !important;

}


body.release-455 .portal-nav > a.active i {

    color: #143128 !important;

}


body.release-455 .portal-nav-group > a {

    margin: 1px 0 1px 31px !important;

    padding: 7px 10px !important;

    border-radius: 8px !important;

    color: rgba(255,255,255,.72) !important;

    font-size: 10.5px !important;

}


body.release-455 .portal-public-link {

    margin: 12px !important;

    border-radius: 9px !important;

    font-size: 10px !important;

}


body.release-455 .portal-stage {

    min-width: 0;

    width: 100%;

    background: var(--alp455-canvas) !important;

}


body.release-455 .portal-topbar {

    position: sticky;

    top: 0;

    z-index: 70;

    min-height: 58px !important;

    padding: 7px 16px !important;

    gap: 10px !important;

    background: rgba(255,255,255,.97) !important;

    border-bottom: 1px solid var(--alp455-line) !important;

    box-shadow: 0 3px 12px rgba(21,55,43,.035) !important;

    backdrop-filter: blur(10px);

}


body.release-455 .topbar-identity small {

    font-size: 8.5px !important;

    letter-spacing: .08em;

}


body.release-455 .topbar-identity b {

    font-size: 12.5px !important;

}


body.release-455 .topbar-identity span {

    font-size: 10px !important;

}


body.release-455 .portal-top-actions {

    gap: 5px !important;

}


body.release-455 .portal-top-actions > a,
body.release-455 .portal-top-actions summary {

    padding: 7px 9px !important;

    border-radius: 8px !important;

    font-size: 10px !important;

}


body.release-455 .portal-content {

    width: 100%;

    padding: 14px 16px 28px !important;

    background: var(--alp455-canvas) !important;

}


body.release-455 .portal-content > main,
body.release-455 .portal-content > .dashboard,
body.release-455 .portal-content > .network-page,
body.release-455 .portal-content > .profile-centre,
body.release-455 .portal-content > .login-shell {

    width: min(100%, var(--alp455-content-max));

    margin-inline: auto !important;

}


/* --------------------------------------------------------------------------
   Shared paper-clean cards, forms and page headings
   -------------------------------------------------------------------------- */
body.release-455 .dash-head,
body.release-455 .network-head,
body.release-455 .control-card,
body.release-455 .workspace-card,
body.release-455 .team-section,
body.release-455 .invite-card,
body.release-455 .activation-strip,
body.release-455 .profile-intro,
body.release-455 .profile-form,
body.release-455 .game-stage,
body.release-455 .login-card,
body.release-455 .customer-panel {

    border: 1px solid var(--alp455-line) !important;

    background: var(--alp455-paper) !important;

    border-radius: var(--alp455-radius) !important;

    box-shadow: var(--alp455-shadow) !important;

}


body.release-455 .dash-head,
body.release-455 .network-head {

    padding: 16px 18px !important;

    margin-bottom: 12px !important;

}


body.release-455 .dash-head h1,
body.release-455 .network-head h1,
body.release-455 .profile-intro h1 {

    margin: 3px 0 5px !important;

    font-size: clamp(22px, 2vw, 30px) !important;

    line-height: 1.06 !important;

    letter-spacing: -.025em;

}


body.release-455 .dash-head p,
body.release-455 .network-head p,
body.release-455 .profile-intro p {

    max-width: 760px;

    margin: 4px 0 !important;

    color: var(--alp455-muted) !important;

    font-size: 11.5px !important;

    line-height: 1.5 !important;

}


body.release-455 .eyebrow {

    font-size: 8.5px !important;

    letter-spacing: .13em !important;

    font-weight: 800 !important;

}


body.release-455 .identity {

    min-width: 180px !important;

    padding: 10px 12px !important;

    border-radius: 10px !important;

    background: #f7faf8 !important;

    border: 1px solid var(--alp455-line) !important;

}


body.release-455 .identity b {

    font-size: 18px !important;

}


body.release-455 .control-card {

    margin: 11px 0 !important;

    padding: 14px !important;

}


body.release-455 .control-card > summary {

    min-height: 34px;

    font-size: 11.5px !important;

    font-weight: 800 !important;

}


body.release-455 .control-card h2,
body.release-455 .section-title h2,
body.release-455 .team-section h2 {

    font-size: 17px !important;

    line-height: 1.15 !important;

}


body.release-455 .notice {

    margin: 8px 0 !important;

    padding: 9px 11px !important;

    border-radius: 8px !important;

    font-size: 10.5px !important;

    line-height: 1.45 !important;

}


body.release-455 .form-grid,
body.release-455 .journal-form {

    gap: 10px !important;

}


body.release-455 label {

    font-size: 10.5px !important;

    font-weight: 700;

}


body.release-455 :is(input, select, textarea) {

    min-height: 38px;

    padding: 8px 10px !important;

    border: 1px solid #dbe6e0 !important;

    border-radius: 8px !important;

    background: #fff !important;

    color: var(--alp455-ink) !important;

    font-size: 11px !important;

    box-shadow: none !important;

}


body.release-455 textarea {

    min-height: 88px;

}


body.release-455 .btn,
body.release-455 button.btn {

    min-height: 36px;

    padding: 8px 13px !important;

    border-radius: 8px !important;

    font-size: 10.5px !important;

    font-weight: 800 !important;

    letter-spacing: .015em;

}


/* --------------------------------------------------------------------------
   Member dashboard and common inner pages
   -------------------------------------------------------------------------- */
body.release-455.member-portal .dashboard {

    display: block;

}


body.release-455 .workspace-grid {

    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 10px !important;

    margin: 0 0 10px !important;

}


body.release-455 .workspace-card {

    min-height: 150px !important;

    padding: 14px !important;

}


body.release-455 .workspace-card > span:first-child {

    width: 28px !important;

    height: 28px !important;

    border-radius: 8px !important;

    font-size: 10px !important;

}


body.release-455 .workspace-card h3 {

    margin: 8px 0 5px !important;

    font-size: 22px !important;

}


body.release-455 .workspace-card p,
body.release-455 .workspace-card :is(dt,dd,a) {

    font-size: 10.5px !important;

}


body.release-455 .live-summary,
body.release-455 .network-metrics,
body.release-455 .franchise-kpis {

    display: grid !important;

    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;

    gap: 9px !important;

    margin: 10px 0 !important;

}


body.release-455 .live-summary > article,
body.release-455 .network-metrics > article,
body.release-455 .franchise-kpis > article {

    min-width: 0;

    padding: 11px 12px !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 10px !important;

    background: #fff !important;

    box-shadow: none !important;

}


body.release-455 .live-summary > article b,
body.release-455 .network-metrics > article b,
body.release-455 .franchise-kpis > article b {

    font-size: 19px !important;

    line-height: 1.1;

}


body.release-455 .function-launchpad,
body.release-455 .team-snapshot,
body.release-455 .reward-section,
body.release-455 .catalog-mini,
body.release-455 .admin-radar {

    margin: 11px 0 !important;

    padding: 14px !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 12px !important;

    background: #fff !important;

    box-shadow: var(--alp455-shadow) !important;

}


body.release-455 .function-grid {

    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 9px !important;

}


body.release-455 .function-grid > a {

    min-height: 74px !important;

    padding: 10px !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 10px !important;

    background: linear-gradient(135deg,#ffffff,#f7faf8) !important;

    box-shadow: none !important;

}


body.release-455 .function-grid > a i {

    width: 31px !important;

    height: 31px !important;

    border-radius: 9px !important;

}


body.release-455 .function-grid > a b {

    font-size: 11.5px !important;

}


body.release-455 .function-grid > a small {

    font-size: 9.5px !important;

    line-height: 1.35;

}


body.release-455 .mini-products {

    gap: 9px !important;

}


body.release-455 .mini-products article {

    min-width: 0 !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 10px !important;

    background: #fff !important;

}


/* Inner member pages use the same paper language even when old markup differs. */
body.release-455.member-portal .portal-content :is(
    .order-card,
    .wallet-card,
    .level-card,
    .team-card,
    .income-card,
    .shop-products > article,
    .product-card,
    .kyc-card,
    .feedback-card,
    .conversation-thread,
    .business-card,
    .direct-team-shell
) {

    border-color: var(--alp455-line) !important;

    border-radius: 10px !important;

    box-shadow: none !important;

}


body.release-455 .shop-products {

    gap: 10px !important;

}


body.release-455 .shop-products > article {

    background: #fff !important;

    padding: 11px !important;

}


body.release-455 .shop-products .product-image {

    min-height: 140px !important;

    max-height: 160px;

    border-radius: 9px !important;

    background: #fbfcfb !important;

}


body.release-455 .shop-products .product-image img {

    width: 100%;

    height: 150px;

    object-fit: contain;

}


/* --------------------------------------------------------------------------
   Administration dashboard — compact enterprise cards, no horizontal sprawl
   -------------------------------------------------------------------------- */
body.release-455.admin-portal .admin-console {

    width: min(100%, var(--alp455-content-max));

    margin-inline: auto;

}


body.release-455 .ap419-admin-hero {

    margin: 0 0 10px !important;

    padding: 14px !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 12px !important;

    background: #fff !important;

    color: var(--alp455-ink) !important;

    box-shadow: var(--alp455-shadow) !important;

}


body.release-455 .ap419-hero-top {

    gap: 10px !important;

}


body.release-455 .ap419-hero-copy h1 {

    margin: 2px 0 !important;

    color: var(--alp455-ink) !important;

    font-size: 24px !important;

}


body.release-455 .ap419-hero-copy p,
body.release-455 .ap419-owner-panel span {

    color: var(--alp455-muted) !important;

    font-size: 10.5px !important;

}


body.release-455 .ap419-hero-actions {

    gap: 6px !important;

}


body.release-455 .ap419-hero-actions a {

    padding: 7px 9px !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 8px !important;

    background: #f8faf9 !important;

    color: var(--alp455-emerald) !important;

    font-size: 9.5px !important;

}


body.release-455 .ap419-owner-panel {

    padding: 10px 12px !important;

    border: 1px solid #eadbad !important;

    border-radius: 10px !important;

    background: #fffdf7 !important;

    color: var(--alp455-ink) !important;

}


body.release-455 .ap419-kpi-grid {

    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 8px !important;

    margin-top: 11px !important;

}


body.release-455 .ap419-kpi {

    min-height: 86px !important;

    padding: 11px !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 10px !important;

    background: #fff !important;

    color: var(--alp455-ink) !important;

    box-shadow: none !important;

}


body.release-455 .ap419-kpi:nth-child(4n+1) {
 border-top: 3px solid #18a96b !important;
 }

body.release-455 .ap419-kpi:nth-child(4n+2) {
 border-top: 3px solid #1c7fe8 !important;
 }

body.release-455 .ap419-kpi:nth-child(4n+3) {
 border-top: 3px solid #e0aa2e !important;
 }

body.release-455 .ap419-kpi:nth-child(4n+4) {
 border-top: 3px solid #8a43e8 !important;
 }


body.release-455 .ap419-kpi small,
body.release-455 .ap419-kpi span {

    color: var(--alp455-muted) !important;

}


body.release-455 .ap419-kpi b {

    color: var(--alp455-ink) !important;

    font-size: 22px !important;

}


body.release-455 .admin-live-visuals,
body.release-455 .ap420-system-strip,
body.release-455 .admin-quick-launch {

    margin: 10px 0 !important;

    border-color: var(--alp455-line) !important;

    box-shadow: none !important;

}


body.release-455 .admin-live-visuals__grid,
body.release-455 .admin-quick-launch {

    gap: 8px !important;

}


body.release-455 .admin-live-signal,
body.release-455 .admin-quick-launch > a,
body.release-455 .ap420-system-strip > a {

    border: 1px solid var(--alp455-line) !important;

    border-radius: 9px !important;

    background: #fff !important;

    box-shadow: none !important;

}


/* --------------------------------------------------------------------------
   Franchise — same visual system, business logic untouched
   -------------------------------------------------------------------------- */
body.release-455.franchise-portal .dashboard,
body.release-455.admin-portal .dashboard {

    width: min(100%, var(--alp455-content-max));

    margin-inline: auto;

}


body.release-455 .franchise-command-strip {

    display: grid !important;

    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;

    gap: 8px !important;

    margin: 10px 0 !important;

}


body.release-455 .franchise-command-strip > a {

    min-width: 0 !important;

    padding: 10px !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 10px !important;

    background: #fff !important;

    box-shadow: none !important;

}


body.release-455 .franchise-command-strip > a b {

    font-size: 10.5px !important;

}


body.release-455 .franchise-command-strip > a small {

    font-size: 9px !important;

}


/* --------------------------------------------------------------------------
   Genealogy — approved one-level, centred, scrollable paper-clean visual
   -------------------------------------------------------------------------- */
body.release-455 .network-page {

    width: min(100%, var(--alp455-content-max));

    margin-inline: auto;

}


body.release-455 .network-head {

    display: grid !important;

    grid-template-columns: 1fr auto !important;

    align-items: center !important;

    gap: 14px !important;

}


body.release-455 .network-head h1 {

    font-size: 24px !important;

}


body.release-455 .network-head h1 br {

    display: none;

}


body.release-455 .network-head h1 em {

    font-style: normal;

}


body.release-455 .network-identity,
body.release-455 .network-root-search {

    max-width: 360px;

}


body.release-455 .genealogy-command {

    margin: 10px 0 12px !important;

    padding: 12px !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 12px !important;

    background: #fff !important;

    color: var(--alp455-ink) !important;

    box-shadow: var(--alp455-shadow) !important;

}


body.release-455 .genealogy-command__head {

    display: grid !important;

    grid-template-columns: 1fr minmax(250px, 390px) !important;

    align-items: end !important;

    gap: 12px !important;

    padding: 0 0 10px !important;

    border: 0 !important;

    border-bottom: 1px solid var(--alp455-line) !important;

    border-radius: 0 !important;

    background: transparent !important;

}


body.release-455 .genealogy-command__head h2 {

    margin: 2px 0 4px !important;

    color: var(--alp455-ink) !important;

    font-size: 17px !important;

}


body.release-455 .genealogy-command__head p,
body.release-455 .genealogy-command__head label {

    margin: 0 !important;

    color: var(--alp455-muted) !important;

    font-size: 10px !important;

}


body.release-455 .genealogy-command__search {

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

}


body.release-455 .genealogy-command__search span {

    display: flex;

    gap: 6px;

}


body.release-455 .genealogy-command__search button {

    min-width: 72px;

    border: 0;

    border-radius: 8px;

    background: var(--alp455-emerald);

    color: #fff;

    font-size: 10px;

    font-weight: 800;

}


body.release-455 .genealogy-command__nav {

    display: flex !important;

    flex-wrap: wrap;

    gap: 6px !important;

    margin: 9px 0 0 !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

}


body.release-455 .genealogy-command__nav a,
body.release-455 .genealogy-command__nav span {

    padding: 6px 8px !important;

    border: 1px solid var(--alp455-line) !important;

    border-radius: 7px !important;

    background: #fbfcfb !important;

    color: var(--alp455-muted) !important;

    font-size: 9px !important;

    font-weight: 750;

}


body.release-455 .genealogy-one-level {

    position: relative;

    padding: 18px 0 4px;

}


body.release-455 .genealogy-sponsor {

    width: 102px;

    margin: 0 auto;

    text-align: center;

}


body.release-455 .genealogy-person-photo,
body.release-455 .genealogy-person-initials {

    display: grid;

    width: 58px;

    height: 58px;

    margin: 0 auto 5px;

    place-items: center;

    overflow: hidden;

    border: 1px solid #d8e4de;

    border-radius: 9px;

    background: linear-gradient(145deg,#edf7f2,#f8fbf9);

    color: var(--alp455-emerald);

    font-size: 20px;

    font-weight: 900;

}


body.release-455 .genealogy-person-photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


body.release-455 .genealogy-sponsor strong,
body.release-455 .genealogy-direct-card strong {

    display: block;

    width: 100%;

    overflow: hidden;

    color: var(--alp455-ink);

    font-size: 10.5px;

    font-weight: 800;

    line-height: 1.2;

    text-align: center;

    text-overflow: ellipsis;

    white-space: nowrap;

}


body.release-455 .genealogy-sponsor b,
body.release-455 .genealogy-direct-card b {

    display: block;

    margin-top: 2px;

    color: #70817a;

    font-size: 9px;

    font-weight: 650;

    line-height: 1.2;

    text-align: center;

}


body.release-455 .genealogy-sponsor .status,
body.release-455 .genealogy-direct-card .status {

    display: inline-flex;

    margin-top: 5px;

    padding: 3px 7px !important;

    border-radius: 999px !important;

    font-size: 8px !important;

}


body.release-455 .genealogy-sponsor-line {

    position: relative;

    width: 1px;

    height: 34px;

    margin: 6px auto 0;

    background: #baccc4;

}


body.release-455 .genealogy-direct-shell {

    position: relative;

    width: 100%;

    min-height: 202px;

    padding: 18px 42px 26px;

    overflow: hidden;

    border: 1px solid #e4ece8;

    border-radius: 10px;

    background: #fff;

}


body.release-455 .genealogy-direct-shell::before {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    width: 1px;

    height: 18px;

    background: #baccc4;

}


body.release-455 .genealogy-direct-scroll {

    width: 100%;

    max-width: 100%;

    overflow-x: auto;

    overflow-y: hidden;

    padding: 2px 2px 11px;

    scroll-behavior: smooth;

    scrollbar-width: thin;

    scrollbar-color: #cbd8d2 #f3f6f4;

}


body.release-455 .genealogy-direct-scroll::-webkit-scrollbar {

    height: 7px;

}


body.release-455 .genealogy-direct-scroll::-webkit-scrollbar-track {

    border-radius: 999px;

    background: #f3f6f4;

}


body.release-455 .genealogy-direct-scroll::-webkit-scrollbar-thumb {

    border-radius: 999px;

    background: #cbd8d2;

}


body.release-455 .genealogy-direct-track {

    display: flex;

    width: max-content;

    min-width: 100%;

    min-height: 145px;

    align-items: flex-start;

    justify-content: center;

    gap: clamp(26px, 4vw, 58px);

    padding: 18px clamp(18px, 5vw, 66px) 4px;

}


body.release-455 .genealogy-direct-track.is-overflowing {

    justify-content: flex-start;

    gap: 18px;

}


body.release-455 .genealogy-direct-card {

    position: relative;

    flex: 0 0 86px;

    width: 86px;

    min-width: 86px;

    padding-top: 10px;

    text-decoration: none;

}


body.release-455 .genealogy-direct-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    width: 1px;

    height: 9px;

    background: #c3d2cb;

}


body.release-455 .genealogy-direct-card .genealogy-person-photo,
body.release-455 .genealogy-direct-card .genealogy-person-initials {

    width: 54px;

    height: 54px;

    margin-bottom: 5px;

    font-size: 17px;

}


body.release-455 .genealogy-leg {

    display: inline-flex;

    margin-top: 4px;

    padding: 2px 6px;

    border-radius: 999px;

    background: #eef7f2;

    color: var(--alp455-emerald);

    font-size: 7.5px;

    font-weight: 850;

    letter-spacing: .06em;

}


body.release-455 .genealogy-leg.is-b {

    background: #fff7e7;

    color: #936c0b;

}


body.release-455 .genealogy-direct-empty {

    width: 100%;

    padding: 45px 10px;

    text-align: center;

    color: var(--alp455-muted);

    font-size: 11px;

}


body.release-455 .genealogy-scroll-arrow {

    position: absolute;

    top: 50%;

    z-index: 5;

    display: grid;

    width: 30px;

    height: 30px;

    place-items: center;

    transform: translateY(-35%);

    border: 1px solid #dde7e2;

    border-radius: 50%;

    background: rgba(255,255,255,.96);

    color: #4d655a;

    cursor: pointer;

    box-shadow: 0 3px 9px rgba(18,55,43,.05);

}


body.release-455 .genealogy-scroll-arrow.left {
 left: 8px;
 }

body.release-455 .genealogy-scroll-arrow.right {
 right: 8px;
 }

body.release-455 .genealogy-scroll-arrow[hidden] {
 display: none !important;
 }


body.release-455 .genealogy-summary-line {

    display: flex;

    justify-content: center;

    gap: 8px;

    margin-top: 7px;

    color: var(--alp455-muted);

    font-size: 9px;

}


body.release-455 .genealogy-summary-line span {

    padding: 4px 7px;

    border: 1px solid var(--alp455-line);

    border-radius: 999px;

    background: #fbfcfb;

}


/* Old heavy genealogy sections are intentionally retired from the graphical
   view. Their detailed data remains available in Direct Team / Level Report. */
body.release-455 .genealogy-command__root,
body.release-455 .genealogy-command__connector,
body.release-455 .genealogy-command__branches,
body.release-455 .genealogy-visual.genealogy-reference {

    display: none !important;

}


/* --------------------------------------------------------------------------
   Public website — approved compact-width / taller page rhythm
   -------------------------------------------------------------------------- */
body.release-455.public-body {

    background: #fff !important;

}


body.release-455 .alp435-site-header {

    background: rgba(255,255,255,.98) !important;

    border-bottom: 1px solid #e7ece9 !important;

}


body.release-455 .alp435-utility-bar {

    min-height: 26px !important;

    font-size: 8.5px !important;

}


body.release-455 .alp435-main-header {

    max-width: 1180px !important;

    min-height: 62px !important;

    margin-inline: auto !important;

    padding-inline: 14px !important;

}


body.release-455 .alp435-brand b {

    font-size: 18px !important;

}


body.release-455 .alp435-primary-nav {

    gap: 16px !important;

}


body.release-455 .alp435-primary-nav a {

    font-size: 10px !important;

}


body.release-455 .alp-page,
body.release-455 .alp-public-435 {

    background: #fff !important;

}


body.release-455 .alp-shell,
body.release-455 .alp435-shell {

    width: min(100% - 28px, 1180px) !important;

    margin-inline: auto !important;

}


body.release-455 .alp-section,
body.release-455 .alp435-section {

    padding-top: 28px !important;

    padding-bottom: 28px !important;

}


body.release-455 .alp-hero,
body.release-455 .alp435-hero {

    min-height: 410px !important;

}


body.release-455 .alp-hero h1,
body.release-455 .alp435-hero h1 {

    font-size: clamp(34px,4.4vw,58px) !important;

    line-height: .98 !important;

}


body.release-455 .alp-product-card,
body.release-455 .alp-card,
body.release-455 .alp-value,
body.release-455 .alp435-feature-grid > * {

    border-color: #e6ece8 !important;

    border-radius: 11px !important;

    box-shadow: none !important;

}


body.release-455 .alp-product-image img {

    max-height: 190px !important;

    object-fit: contain;

}


body.release-455 .alp435-site-footer {

    margin-top: 22px;

}


/* --------------------------------------------------------------------------
   Profile photo: fixed low-KB square source for genealogy and identity pages
   -------------------------------------------------------------------------- */
body.release-455 .profile-photo-field {

    grid-column: 1 / -1;

    display: grid;

    grid-template-columns: auto 1fr;

    align-items: center;

    gap: 12px;

    padding: 10px;

    border: 1px solid var(--alp455-line);

    border-radius: 10px;

    background: #fafcfb;

}


body.release-455 .profile-photo-preview {

    width: 58px;

    height: 58px;

    overflow: hidden;

    border: 1px solid #d8e4de;

    border-radius: 9px;

    background: #eef6f2;

}


body.release-455 .profile-photo-preview img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


body.release-455 .profile-photo-preview span {

    display: grid;

    width: 100%;

    height: 100%;

    place-items: center;

    color: var(--alp455-emerald);

    font-weight: 900;

}


/* --------------------------------------------------------------------------
   Responsive rules: shrink columns, never shrink text into overlap
   -------------------------------------------------------------------------- */
@media (max-width: 1180px) {

    body.release-455 .ap419-kpi-grid,
    body.release-455 .workspace-grid,
    body.release-455 .function-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    }

}


@media (max-width: 960px) {

    body.release-455 .portal-shell {

        grid-template-columns: 1fr !important;

    }


    body.release-455 .portal-sidebar {

        position: fixed;

        left: 0;

        z-index: 100;

        width: min(82vw, 280px);

        transform: translateX(-101%);

        transition: transform .2s ease;

    }


    body.release-455.sidebar-open .portal-sidebar {

        transform: translateX(0);

    }


    body.release-455 .portal-content {

        padding: 11px !important;

    }


    body.release-455 .genealogy-command__head,
    body.release-455 .network-head {

        grid-template-columns: 1fr !important;

    }


    body.release-455 .network-root-search,
    body.release-455 .network-identity {

        max-width: none;

    }

}


@media (max-width: 680px) {

    body.release-455 .portal-topbar {

        min-height: 52px !important;

        padding: 6px 9px !important;

    }


    body.release-455 .topbar-identity,
    body.release-455 .portal-top-actions > a:not(:first-child) {

        display: none !important;

    }


    body.release-455 .workspace-grid,
    body.release-455 .function-grid,
    body.release-455 .ap419-kpi-grid {

        grid-template-columns: 1fr !important;

    }


    body.release-455 .dash-head,
    body.release-455 .network-head {

        padding: 13px !important;

    }


    body.release-455 .dash-head h1,
    body.release-455 .network-head h1 {

        font-size: 21px !important;

    }


    body.release-455 .genealogy-command {

        padding: 9px !important;

    }


    body.release-455 .genealogy-command__head {

        gap: 8px !important;

    }


    body.release-455 .genealogy-direct-shell {

        min-height: 190px;

        padding-inline: 34px;

    }


    body.release-455 .genealogy-direct-track {

        gap: 22px;

        padding-inline: 18px;

    }


    body.release-455 .genealogy-scroll-arrow {

        width: 27px;

        height: 27px;

    }


    body.release-455 .alp435-primary-nav,
    body.release-455 .alp435-utility-bar {

        display: none !important;

    }


    body.release-455 .alp435-main-header {

        min-height: 58px !important;

    }

}


/* Native checkbox/radio controls must never inherit text-field dimensions. */
body.release-455 input[type="checkbox"],
body.release-455 input[type="radio"] {

    width: auto !important;

    min-width: 0 !important;

    min-height: 0 !important;

    height: auto !important;

    padding: 0 !important;

}


/* Approved public-home proportion: less horizontal sprawl, more vertical rhythm. */
body.release-455 .alp-home-hero {

    width: min(100% - 28px, 1180px) !important;

    min-height: 470px !important;

    margin: 0 auto !important;

    padding: 34px 0 30px !important;

    gap: 28px !important;

}


body.release-455 .ap422-hero-copy {

    max-width: 590px !important;

}


body.release-455 .ap422-hero-copy h1 {

    font-size: clamp(38px, 4.8vw, 62px) !important;

    line-height: .98 !important;

    letter-spacing: -.04em !important;

}


body.release-455 .ap422-hero-copy > p {

    max-width: 570px !important;

    font-size: 13px !important;

    line-height: 1.55 !important;

}


body.release-455 .ap422-product-stage {

    min-height: 410px !important;

}


body.release-455 .alp435-home-command {

    width: min(100% - 28px, 1180px) !important;

    margin-inline: auto !important;

}


@media (max-width: 860px) {

    body.release-455 .alp-home-hero {

        min-height: 0 !important;

        grid-template-columns: 1fr !important;

        padding-top: 24px !important;

    }


    body.release-455 .ap422-product-stage {

        min-height: 350px !important;

    }

}



/* Source: alpline456.css */
/* ALPLINE 4.0.56 — approved master visual correction.
   Human-readable, additive, route-safe presentation layer. */
:root{
--a456-ink:#11261f;
--a456-muted:#65766f;
--a456-line:#e5ece8;
--a456-paper:#fff;
--a456-canvas:#f8faf9;
--a456-green:#075445;
--a456-green2:#0b8a67;
--a456-gold:#d8aa32;
--a456-blue:#1686ee;
--a456-violet:#963be8;
--a456-rose:#ee4774;
--a456-shadow:0 8px 24px rgba(18,57,45,.055);
--a456-max:1160px}

body.release-456{
background:var(--a456-canvas)!important;
color:var(--a456-ink)!important}

body.release-456 .portal-shell{
grid-template-columns:210px minmax(0,1fr)!important}

body.release-456 .portal-content{
padding:12px 14px 30px!important}

body.release-456 .portal-content>main,body.release-456 .portal-content>.dashboard,body.release-456 .portal-content>.network-page{
width:min(100%,var(--a456-max))!important;
margin-inline:auto!important}

body.release-456 .portal-topbar{
min-height:54px!important;
padding:6px 14px!important}

body.release-456 .portal-sidebar{
font-size:11px!important}

body.release-456 .portal-nav>a,body.release-456 .portal-nav-group>summary,body.release-456 .admin-member-preview-menu button{
min-height:36px!important;
font-size:11px!important}

body.release-456 .portal-brand{
min-height:64px!important}

body.release-456 .portal-brand img{
width:34px!important;
height:34px!important}

body.release-456 .portal-brand b{
font-size:17px!important}


/* shared page cleanliness */
body.release-456 .control-card,body.release-456 .command-panel,body.release-456 .glass-panel,body.release-456 .team-section,body.release-456 .invite-card,body.release-456 .network-head,body.release-456 .dash-head{
border:1px solid var(--a456-line)!important;
background:#fff!important;
border-radius:10px!important;
box-shadow:var(--a456-shadow)!important}

body.release-456 .control-card,body.release-456 .command-panel,body.release-456 .glass-panel{
padding:14px!important;
margin:10px 0!important}

body.release-456 h1{
font-size:26px!important;
line-height:1.08!important}

body.release-456 h2{
font-size:17px!important;
line-height:1.18!important}

body.release-456 h3{
font-size:14px!important}

body.release-456 p,body.release-456 label,body.release-456 input,body.release-456 select,body.release-456 textarea{
font-size:11.5px!important;
line-height:1.48!important}

body.release-456 table{
font-size:11px!important}

body.release-456 th{
font-size:9.5px!important}

body.release-456 .table-wrap{
border:1px solid var(--a456-line);
border-radius:9px;
background:#fff}

body.release-456 .table-wrap table{
min-width:720px}


/* Admin approved dashboard */
.alp456-admin-dashboard{
display:block}

.alp456-page-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin-bottom:12px;
padding:4px 2px 10px;
border-bottom:1px solid var(--a456-line)}

.alp456-page-head h1{
margin:3px 0 4px!important}
.alp456-page-head p{
margin:0;
color:var(--a456-muted)}

.alp456-kicker{
margin:0!important;
font-size:8.5px!important;
font-weight:850;
letter-spacing:.14em;
color:var(--a456-green)!important}

.alp456-page-meta{
text-align:right}
.alp456-page-meta span{
display:block;
font-size:11px}
.alp456-page-meta small{
color:var(--a456-muted);
font-size:9.5px}

.alp456-note{
padding:9px 11px;
margin-bottom:10px;
border:1px solid #f0dfaa;
border-radius:8px;
background:#fffaf0;
font-size:10.5px}

.alp456-kpi-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:9px;
margin-bottom:10px}

.alp456-kpi{
position:relative;
min-height:104px;
padding:13px 14px;
border-radius:10px;
color:#fff!important;
text-decoration:none;
overflow:hidden;
box-shadow:0 7px 18px rgba(14,52,41,.09)}

.alp456-kpi span,.alp456-kpi small{
display:block;
color:rgba(255,255,255,.92)}
.alp456-kpi span{
font-size:10px;
font-weight:750}
.alp456-kpi b{
display:block;
margin:5px 0 4px;
font-size:24px;
line-height:1}
.alp456-kpi small{
font-size:9px}
.alp456-kpi i{
position:absolute;
right:12px;
top:28px;
font-style:normal;
font-size:28px;
opacity:.92}

.alp456-kpi.green{
background:linear-gradient(135deg,#0b9c67,#067547)}
.alp456-kpi.amber{
background:linear-gradient(135deg,#e4aa22,#c88608)}
.alp456-kpi.blue{
background:linear-gradient(135deg,#1d95f3,#066fd1)}
.alp456-kpi.coral{
background:linear-gradient(135deg,#ef5b79,#d93760)}
.alp456-kpi.teal{
background:linear-gradient(135deg,#0aa18b,#08776b)}
.alp456-kpi.violet{
background:linear-gradient(135deg,#a143e9,#7920ce)}
.alp456-kpi.rose{
background:linear-gradient(135deg,#ef4c86,#cc2b66)}
.alp456-kpi.indigo{
background:linear-gradient(135deg,#5367f2,#3449ca)}

.alp456-dashboard-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px}
.alp456-panel{
min-width:0;
padding:14px;
border:1px solid var(--a456-line);
border-radius:10px;
background:#fff;
box-shadow:var(--a456-shadow)}
.alp456-panel.span-2{
grid-column:span 2}
.alp456-panel>header{
display:flex;
justify-content:space-between;
gap:10px;
align-items:flex-start;
margin-bottom:10px}
.alp456-panel header small{
display:block;
font-size:8px;
font-weight:850;
letter-spacing:.1em;
color:var(--a456-green)}
.alp456-panel header h2{
margin:3px 0 0!important}
.alp456-panel header a{
font-size:9px;
color:#1677c8;
text-decoration:none;
font-weight:750}

.alp456-bars{
height:180px;
display:flex;
align-items:end;
gap:7px;
padding-top:12px}
.alp456-bars>div{
flex:1;
min-width:0;
text-align:center}
.alp456-bars b{
display:block;
height:16px;
font-size:7px;
color:var(--a456-muted);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.alp456-bars span{
display:flex;
align-items:end;
height:125px;
border-bottom:1px solid var(--a456-line);
background:linear-gradient(180deg,#fff,#f9fbfa);
border-radius:4px 4px 0 0}
.alp456-bars i{
display:block;
width:72%;
margin:0 auto;
background:linear-gradient(180deg,#11a16c,#08734f);
border-radius:4px 4px 0 0;
min-height:4px}
.alp456-bars small{
display:block;
margin-top:5px;
font-size:8px}

.alp456-donut{
--active:0;
width:148px;
height:148px;
margin:8px auto 12px;
border-radius:50%;
display:grid;
place-items:center;
background:conic-gradient(#079a65 calc(var(--active)*1%),#e9efec 0);
position:relative}
.alp456-donut:after{
content:"";
position:absolute;
inset:19px;
background:#fff;
border-radius:50%}
.alp456-donut span{
position:relative;
z-index:1;
text-align:center}
.alp456-donut b{
display:block;
font-size:20px}
.alp456-donut small{
font-size:8.5px;
color:var(--a456-muted)}
.alp456-legend{
display:flex;
justify-content:center;
gap:12px;
font-size:9px}
.alp456-legend span{
display:flex;
gap:5px;
align-items:center}
.alp456-legend i{
width:7px;
height:7px;
border-radius:50%}
.green-dot{
background:#079a65}
.grey-dot{
background:#cdd7d2}

.alp456-mix{
display:grid;
gap:9px}
.alp456-mix>div{
display:grid;
grid-template-columns:90px minmax(0,1fr) 28px;
gap:7px;
align-items:center;
font-size:9px}
.alp456-mix i{
height:7px;
background:#eef3f0;
border-radius:20px;
overflow:hidden}
.alp456-mix em{
display:block;
height:100%;
background:linear-gradient(90deg,#0a9a65,#e0a526);
border-radius:20px}
.alp456-mix b{
text-align:right;
font-size:10px}

.alp456-actions{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:7px}
.alp456-actions a{
min-height:66px;
padding:8px 6px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
text-decoration:none;
color:var(--a456-ink);
border:1px solid var(--a456-line);
border-radius:8px;
background:linear-gradient(180deg,#fff,#f8faf9)}
.alp456-actions i{
font-style:normal;
font-size:19px}
.alp456-actions span{
font-size:8.5px;
font-weight:750;
text-align:center}
.alp456-actions a:nth-child(4n+1){
background:#f2fbf6}
.alp456-actions a:nth-child(4n+2){
background:#fff9ec}
.alp456-actions a:nth-child(4n+3){
background:#f1f7ff}
.alp456-actions a:nth-child(4n){
background:#fff1f5}

.alp456-stat-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px}
.alp456-stat-list span{
padding:10px;
border:1px solid var(--a456-line);
border-radius:8px;
background:#fafcfa}
.alp456-stat-list small{
display:block;
font-size:8.5px;
color:var(--a456-muted)}
.alp456-stat-list b{
display:block;
margin-top:3px;
font-size:17px}
.alp456-recent{
margin-top:10px}
.alp456-empty{
color:var(--a456-muted);
font-size:10px!important}


/* Member dashboard — approved compact enterprise visual */
body.release-456 .seller-command{
width:min(100%,var(--a456-max));
margin:auto;
display:block}

body.release-456 .seller-hero{
display:grid!important;
grid-template-columns:minmax(0,1fr) 250px!important;
gap:10px!important;
padding:15px!important;
margin-bottom:9px!important;
border:1px solid var(--a456-line)!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:var(--a456-shadow)!important}

body.release-456 .seller-hero h1{
margin:2px 0 4px!important;
font-size:25px!important}
.seller-id{
border:1px solid var(--a456-line)!important;
background:#fafcfa!important;
border-radius:9px!important;
padding:11px!important}
.seller-id b{
font-size:20px!important}

body.release-456 .sale-only-banner{
padding:8px 11px!important;
margin:8px 0!important;
border-radius:8px!important;
font-size:9.5px!important}

body.release-456 .seller-kpis{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important}
.seller-kpis article{
min-height:100px!important;
padding:12px!important;
border:1px solid var(--a456-line)!important;
background:#fff!important;
box-shadow:none!important}
.seller-kpis article:nth-child(4n+1){
background:#f1fbf6!important}
.seller-kpis article:nth-child(4n+2){
background:#fff8e9!important}
.seller-kpis article:nth-child(4n+3){
background:#f1f7ff!important}
.seller-kpis article:nth-child(4n){
background:#f8f1ff!important}
.seller-kpis b{
font-size:20px!important}
.seller-kpis small{
font-size:8.5px!important}
.seller-kpis a,.seller-kpis span{
font-size:9px!important}

body.release-456 .executive-intelligence{
grid-template-columns:1fr 1fr!important;
gap:9px!important}
.executive-intelligence .wide{
grid-column:1/-1!important}
.seller-layout{
gap:9px!important}
.command-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:7px!important}
.command-grid a{
min-height:70px!important;
padding:8px!important;
border-radius:8px!important}
.command-grid b{
font-size:10px!important}
.command-grid small{
font-size:8px!important}


/* Franchise portal: dashboard-like top, clean operational sections */
body.release-456.franchise-portal .portal-content>main{
width:min(100%,var(--a456-max))!important}
.franchise-console .dash-head,.franchise-command .dash-head{
padding:13px 15px!important}
.franchise-kpis,.franchise-stats{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important}
.franchise-kpis article,.franchise-stats article{
min-height:94px!important;
border:1px solid var(--a456-line)!important;
border-radius:9px!important;
background:#fff!important;
box-shadow:none!important}
.franchise-console details.control-card,.franchise-command details.control-card{
margin:8px 0!important}
.franchise-console summary,.franchise-command summary{
font-size:10px!important}


/* Genealogy — exactly the approved one-level paper-clean method */
body.release-456 .network-head{
padding:11px 14px!important;
margin-bottom:8px!important}
.network-head h1{
font-size:22px!important}
.network-metrics,.invite-card,.network-report-link{
display:none!important}
.genealogy-command{
padding:0!important;
border:1px solid #e6ece9!important;
border-radius:9px!important;
background:#fff!important;
box-shadow:none!important;
overflow:hidden}
.genealogy-command__head{
padding:10px 12px!important;
min-height:50px!important;
border-bottom:1px solid var(--a456-line)!important}
.genealogy-command__head h2{
font-size:15px!important;
margin:0!important}
.genealogy-command__head>div>p:not(.eyebrow){
display:none}
.genealogy-command__search{
max-width:340px!important}
.genealogy-command__search label{
font-size:7.5px!important}
.genealogy-command__nav{
padding:6px 12px!important;
border-bottom:1px solid var(--a456-line)!important;
background:#fbfcfb!important}
.genealogy-command__nav a,.genealogy-command__nav span{
font-size:8.5px!important}
.genealogy-one-level{
padding:28px 14px 14px!important;
min-height:480px!important}
.genealogy-sponsor{
width:112px!important;
min-height:156px!important;
padding:8px!important;
margin:0 auto!important;
border:1px solid #dbe5e0!important;
border-radius:8px!important;
background:#fff!important;
box-shadow:none!important}
.genealogy-person-photo,.genealogy-person-initials{
width:72px!important;
height:72px!important;
border-radius:7px!important}
.genealogy-sponsor strong,.genealogy-direct-card strong{
max-width:92px!important;
margin-top:5px!important;
font-size:10px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important}
.genealogy-sponsor b,.genealogy-direct-card b{
font-size:9px!important;
color:#61736c!important}
.genealogy-sponsor .status,.genealogy-direct-card .status{
margin-top:5px!important;
padding:3px 8px!important;
font-size:7.5px!important}
.genealogy-sponsor-line{
height:44px!important;
width:1px!important;
background:#6c7c76!important;
margin:0 auto!important}
.genealogy-direct-shell{
width:100%!important;
min-height:235px!important;
padding:20px 44px 20px!important;
border:1px solid #e8eeeb!important;
border-radius:8px!important;
background:#fff!important}
.genealogy-direct-shell:before{
display:none!important}
.genealogy-direct-scroll{
width:100%!important;
overflow-x:auto!important;
padding:0 0 12px!important;
scrollbar-color:#ccd6d1 #f5f7f6;
scrollbar-width:thin}
.genealogy-direct-track{
width:max-content!important;
min-width:100%!important;
display:flex!important;
justify-content:center!important;
align-items:start!important;
gap:52px!important;
padding:0 22px!important}
.genealogy-direct-track.is-overflowing{
justify-content:flex-start!important;
gap:18px!important}
.genealogy-direct-card{
flex:0 0 106px!important;
width:106px!important;
min-height:166px!important;
padding:8px!important;
border:1px solid #dfe7e3!important;
border-radius:8px!important;
background:#fff!important;
box-shadow:none!important}
.genealogy-direct-card:before{
display:none!important}
.genealogy-direct-card .genealogy-person-photo,.genealogy-direct-card .genealogy-person-initials{
width:70px!important;
height:70px!important;
border-radius:7px!important}
.genealogy-leg{
display:none!important}
.genealogy-summary-line{
margin:10px auto 0!important;
padding:6px 10px!important;
background:#fafcfa!important;
border:1px solid var(--a456-line)!important;
border-radius:8px!important;
font-size:8.5px!important}
.genealogy-scroll-arrow{
width:30px!important;
height:30px!important;
border:1px solid var(--a456-line)!important;
background:#fff!important;
color:#61736c!important;
box-shadow:none!important}


/* Public website — screen-fit, narrower and taller as approved */
body.release-456.public-body{
background:#fff!important}
.public-body .alp-shell,.public-body .alp435-shell,.public-body .site-shell{
width:min(calc(100% - 32px),1120px)!important;
margin-inline:auto!important}
.public-body .alp-public-header,.public-body .public-header,.public-body .site-header{
font-size:11px!important}
.public-body .alp-hero,.public-body .alp435-hero{
min-height:470px!important}
.public-body .alp-hero-grid,.public-body .alp435-hero-grid{
grid-template-columns:1fr 1.05fr!important;
gap:26px!important}
.public-body .alp-hero h1,.public-body .alp435-hero h1{
font-size:clamp(38px,4vw,58px)!important;
line-height:1.02!important}
.public-body .alp-product-grid,.public-body .alp435-product-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:10px!important}
.public-body .alp-section,.public-body .alp435-section{
padding-block:34px!important}
.public-body .alp-story-grid,.public-body .alp-band,.public-body .alp-care-grid{
gap:16px!important}
.public-body .alp-portal-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}


@media(max-width:1050px){
.alp456-kpi-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.alp456-dashboard-grid{
grid-template-columns:1fr 1fr}
.alp456-actions{
grid-template-columns:repeat(4,minmax(0,1fr))}
.seller-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
body.release-456 .portal-shell{
grid-template-columns:1fr!important}
.alp456-page-head{
align-items:flex-start;
flex-direction:column}
.alp456-page-meta{
text-align:left}
.alp456-dashboard-grid{
grid-template-columns:1fr}
.alp456-panel.span-2{
grid-column:auto}
.alp456-actions{
grid-template-columns:repeat(3,minmax(0,1fr))}
.alp456-kpi-grid{
grid-template-columns:1fr 1fr}
.alp456-kpi{
min-height:92px}
.alp456-kpi b{
font-size:20px}
.seller-hero{
grid-template-columns:1fr!important}
.seller-kpis{
grid-template-columns:1fr 1fr!important}
.executive-intelligence{
grid-template-columns:1fr!important}
.command-grid{
grid-template-columns:1fr 1fr!important}
.genealogy-direct-track{
gap:22px!important}
.public-body .alp-hero-grid,.public-body .alp435-hero-grid{
grid-template-columns:1fr!important}
.public-body .alp-product-grid,.public-body .alp435-product-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}
.public-body .alp-portal-grid{
grid-template-columns:1fr!important}
}

@media(max-width:480px){
.alp456-kpi-grid{
grid-template-columns:1fr}
.alp456-actions{
grid-template-columns:1fr 1fr}
.seller-kpis{
grid-template-columns:1fr!important}
.genealogy-command__head{
display:block!important}
.genealogy-command__search{
margin-top:8px!important}
.genealogy-direct-shell{
padding-inline:34px!important}
.public-body .alp-product-grid,.public-body .alp435-product-grid{
grid-template-columns:1fr!important}
}



/* Source: alpline457.css */
/* ALPLINE 4.0.57 — finalisation pass 1
   Human-readable authority layer loaded after all legacy styles.
   It does not alter business logic; it normalises the approved visual system. */

:root {

    --alp457-ink: #102a2a;

    --alp457-muted: #657774;

    --alp457-deep: #064737;

    --alp457-deep-2: #03392f;

    --alp457-green: #0b9565;

    --alp457-gold: #e1ae30;

    --alp457-blue: #188be3;

    --alp457-purple: #8f35dd;

    --alp457-pink: #df3d6b;

    --alp457-teal: #118e82;

    --alp457-indigo: #4656dc;

    --alp457-paper: #ffffff;

    --alp457-canvas: #f7faf9;

    --alp457-line: #e2ebe8;

    --alp457-shadow: 0 8px 24px rgba(13, 58, 48, .06);

    --alp457-radius: 14px;

}


.release-457,
.release-457 button,
.release-457 input,
.release-457 select,
.release-457 textarea {

    font-family: Inter, "Segoe UI", Arial, sans-serif !important;

}


.release-457 {

    color: var(--alp457-ink);

    background: var(--alp457-canvas);

}


/* ---------------- Shared portal shell ---------------- */
.release-457.portal-body .portal-shell {

    min-height: 100vh;

    background: var(--alp457-canvas);

}


.release-457.portal-body .portal-sidebar {

    width: 246px !important;

    min-width: 246px !important;

    background: linear-gradient(180deg, #06483a 0%, #03382f 58%, #04382f 100%) !important;

    border-right: 0 !important;

    color: #fff;

    box-shadow: none !important;

}


.release-457.portal-body .portal-brand {

    min-height: 86px;

    padding: 16px 18px !important;

    gap: 11px !important;

    border-bottom: 1px solid rgba(255,255,255,.09) !important;

}

.release-457.portal-body .portal-brand img {
 width: 46px !important;
 height: 46px !important;
 object-fit: contain;
 }

.release-457.portal-body .portal-brand b {
 font-size: 21px !important;
 letter-spacing: .5px;
 color:#fff !important;
 }

.release-457.portal-body .portal-brand small {
 font-size: 9px !important;
 letter-spacing: .8px;
 color:rgba(255,255,255,.72) !important;
 }

.release-457.portal-body .live-data-badge {

    margin: 10px 14px 8px !important;

    padding: 9px 12px !important;

    border: 1px solid rgba(255,255,255,.12) !important;

    border-radius: 9px !important;

    background: rgba(255,255,255,.04) !important;

    font-size: 9px !important;

}

.release-457.portal-body .portal-nav-label {
 margin: 16px 18px 7px !important;
 color: rgba(255,255,255,.48) !important;
 font-size: 9px !important;
 letter-spacing: 1.2px !important;
 }

.release-457.portal-body .portal-nav {
 padding: 0 10px !important;
 gap: 2px !important;
 }

.release-457.portal-body .portal-nav > a,
.release-457.portal-body .portal-nav-group > summary,
.release-457.portal-body .admin-member-preview-menu button {

    min-height: 39px !important;

    padding: 8px 12px !important;

    border-radius: 9px !important;

    color: rgba(255,255,255,.94) !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    border: 0 !important;

    background: transparent !important;

}

.release-457.portal-body .portal-nav > a i,
.release-457.portal-body .portal-nav-group > summary i,
.release-457.portal-body .admin-member-preview-menu i {
 width: 22px !important;
 font-style: normal;
 opacity: .92;
 }

.release-457.portal-body .portal-nav > a:hover,
.release-457.portal-body .portal-nav-group > summary:hover,
.release-457.portal-body .admin-member-preview-menu button:hover {
 background: rgba(255,255,255,.08) !important;
 }

.release-457.portal-body .portal-nav > a.active {

    background: linear-gradient(135deg, #f2cc62, #e7b83c) !important;

    color: #203329 !important;

    box-shadow: none !important;

}

.release-457.portal-body .portal-nav-group[open] {
 background: rgba(0,0,0,.08) !important;
 border-radius: 10px;
 padding-bottom:4px;
 }

.release-457.portal-body .portal-nav-group > a {
 color:rgba(255,255,255,.74)!important;
 padding:7px 15px 7px 42px!important;
 font-size:11px!important;
 }

.release-457.portal-body .portal-stage {
 margin-left: 246px !important;
 width: calc(100% - 246px) !important;
 min-width: 0;
 background: var(--alp457-canvas) !important;
 }

.release-457.portal-body .portal-topbar {

    min-height: 68px !important;

    height: 68px !important;

    padding: 0 24px !important;

    border-bottom: 1px solid var(--alp457-line) !important;

    background: rgba(255,255,255,.96) !important;

    box-shadow: none !important;

}

.release-457.portal-body .portal-content {

    padding: 18px 22px 30px !important;

    max-width: none !important;

    background: var(--alp457-canvas) !important;

    overflow-x: hidden;

}

.release-457.portal-body .topbar-identity small {
 color:var(--alp457-green)!important;
 font-size:9px!important;
 letter-spacing:1px!important;
 }

.release-457.portal-body .topbar-identity b {
 color:var(--alp457-ink)!important;
 font-size:13px!important;
 }

.release-457.portal-body .portal-top-actions a,
.release-457.portal-body .portal-top-actions summary {
 border:1px solid var(--alp457-line)!important;
 background:#fff!important;
 border-radius:9px!important;
 color:var(--alp457-ink)!important;
 font-size:11px!important;
 }


/* All inner pages receive a clean paper system without changing functions. */
.release-457.portal-body .control-card,
.release-457.portal-body .glass-panel,
.release-457.portal-body .command-panel,
.release-457.portal-body details.control-card,
.release-457.portal-body .dashboard > section,
.release-457.portal-body .dashboard > article {

    border: 1px solid var(--alp457-line) !important;

    background: #fff !important;

    border-radius: var(--alp457-radius) !important;

    box-shadow: none !important;

}

.release-457.portal-body table {
 width:100%;
 border-collapse:collapse;
 font-size:12px;
 }

.release-457.portal-body th {
 background:#f5f8f7!important;
 color:#57706b!important;
 font-size:9px!important;
 letter-spacing:.55px;
 text-transform:uppercase;
 padding:10px!important;
 }

.release-457.portal-body td {
 padding:10px!important;
 border-bottom:1px solid #edf2f0!important;
 vertical-align:middle;
 }

.release-457.portal-body input,
.release-457.portal-body select,
.release-457.portal-body textarea {
 border:1px solid #dbe6e2!important;
 border-radius:9px!important;
 background:#fff!important;
 min-height:39px;
 }

.release-457.portal-body .btn {
 border-radius:9px!important;
 min-height:38px;
 font-weight:700!important;
 letter-spacing:.15px!important;
 }

.release-457 .flash {
 border-radius:10px!important;
 margin:12px 22px!important;
 }


/* ---------------- Common approved dashboard pieces ---------------- */
.alp457-kicker {
 margin:0 0 5px;
 font-size:9px;
 font-weight:800;
 letter-spacing:1.1px;
 color:#0a8261;
 }

.alp457-muted {
 color:var(--alp457-muted);
 font-size:12px;
 }

.alp457-paper {
 background:#fff;
 border:1px solid var(--alp457-line);
 border-radius:14px;
 box-shadow:none;
 padding:15px;
 min-width:0;
 }

.alp457-paper > header {
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:12px;
 margin-bottom:12px;
 }

.alp457-paper > header h2 {
 margin:1px 0 0;
 font-size:16px;
 line-height:1.2;
 color:var(--alp457-ink);
 font-weight:750;
 }

.alp457-paper > header a,.alp457-text-link {
 font-size:11px;
 color:#087b61;
 text-decoration:none;
 font-weight:700;
 white-space:nowrap;
 }

.alp457-status {
 display:inline-flex;
 align-items:center;
 border-radius:999px;
 padding:4px 9px;
 font-size:9px;
 font-weight:800;
 line-height:1;
 }

.alp457-status.active {
 color:#06764b;
 background:#dcf7e8;
 }

.alp457-status.pending {
 color:#9a6810;
 background:#fff2cf;
 }

.alp457-button {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:40px;
 padding:0 18px;
 border-radius:10px;
 font-size:12px;
 font-weight:750;
 text-decoration:none;
 }

.alp457-button.primary {
 color:#fff;
 background:#07644d;
 }

.alp457-button.secondary {
 color:#075440;
 background:#fff;
 border:1px solid #9bc4b8;
 }

.alp457-kpi-grid {
 display:grid;
 gap:10px;
 margin:0 0 12px;
 }

.alp457-kpi-grid.four {
 grid-template-columns:repeat(4,minmax(0,1fr));
 }

.alp457-kpi-grid.six {
 grid-template-columns:repeat(6,minmax(0,1fr));
 }

.alp457-kpi-grid.eight {
 grid-template-columns:repeat(4,minmax(0,1fr));
 }

.alp457-kpi-grid > article,
.alp457-kpi-grid > a {
 position:relative;
 min-height:94px;
 padding:15px 16px;
 border-radius:12px;
 color:#fff;
 text-decoration:none;
 overflow:hidden;
 box-shadow:none;
 border:0;
 }

.alp457-kpi-grid small {
 display:block;
 font-size:10px;
 opacity:.9;
 }

.alp457-kpi-grid strong {
 display:block;
 margin-top:6px;
 font-size:24px;
 line-height:1;
 color:inherit;
 }

.alp457-kpi-grid span {
 display:block;
 margin-top:7px;
 font-size:9px;
 opacity:.88;
 }

.alp457-kpi-grid i {
 position:absolute;
 right:15px;
 top:30px;
 font-size:30px;
 font-style:normal;
 opacity:.9;
 }

.alp457-kpi-grid .green {
 background:linear-gradient(135deg,#07965c,#087b54);
 }

.alp457-kpi-grid .gold {
 background:linear-gradient(135deg,#d99a09,#e9b22d);
 }

.alp457-kpi-grid .blue {
 background:linear-gradient(135deg,#168de6,#0c70d0);
 }

.alp457-kpi-grid .blue2 {
 background:linear-gradient(135deg,#1fa3e8,#1780d5);
 }

.alp457-kpi-grid .purple {
 background:linear-gradient(135deg,#8d31d8,#a63de8);
 }

.alp457-kpi-grid .pink {
 background:linear-gradient(135deg,#e53f6c,#d83166);
 }

.alp457-kpi-grid .teal {
 background:linear-gradient(135deg,#0e9a83,#087c76);
 }

.alp457-kpi-grid .indigo {
 background:linear-gradient(135deg,#4e62e5,#3e50cd);
 }

.alp457-action-grid {
 display:grid;
 grid-template-columns:repeat(8,minmax(0,1fr));
 gap:9px;
 }

.alp457-action-grid a {
 min-height:70px;
 border-radius:11px;
 text-decoration:none;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 gap:6px;
 color:#1e3733;
 border:1px solid #edf1f0;
 background:#f9fbfa;
 font-size:10px;
 font-weight:700;
 text-align:center;
 }

.alp457-action-grid a:nth-child(4n+1){
background:#fff5df}
.alp457-action-grid a:nth-child(4n+2){
background:#f5eaff}
.alp457-action-grid a:nth-child(4n+3){
background:#e9f5ff}
.alp457-action-grid a:nth-child(4n){
background:#e9f8f1}

.alp457-action-grid i {
 font-style:normal;
 font-size:24px;
 }

.alp457-table-wrap {
 overflow:auto;
 border:1px solid #edf1f0;
 border-radius:10px;
 }


/* ---------------- Member dashboard ---------------- */
.alp457-member-dashboard {
 max-width:1320px;
 margin:0 auto;
 }

.alp457-member-head,.alp457-admin-head,.alp457-franchise-head {
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 gap:18px;
 margin-bottom:13px;
 }

.alp457-member-head h1,.alp457-admin-head h1,.alp457-franchise-head h1 {
 margin:0;
 font-size:25px;
 line-height:1.1;
 color:#14292a;
 font-weight:780;
 }

.alp457-member-head p:not(.alp457-kicker),.alp457-admin-head p:not(.alp457-kicker),.alp457-franchise-head p:not(.alp457-kicker){
margin:5px 0 0;
color:#74817f;
font-size:11px;
}

.alp457-member-head__meta,.alp457-admin-head__meta {
 display:flex;
 align-items:center;
 gap:10px;
 font-size:10px;
 color:#6d7a78;
 }

.alp457-alert-row,.alp457-readiness {
 display:flex;
 align-items:center;
 gap:12px;
 min-height:40px;
 padding:9px 12px;
 margin-bottom:12px;
 border:1px solid #e9dfba;
 border-radius:10px;
 background:#fffaf0;
 font-size:10px;
 }

.alp457-alert-row a,.alp457-readiness a{
color:#08775e;
text-decoration:none;
font-weight:700;
}

.alp457-member-overview {
 display:grid;
 grid-template-columns:1.15fr .85fr;
 gap:12px;
 margin-bottom:12px;
 }

.alp457-profile-card__identity {
 display:flex;
 gap:13px;
 align-items:center;
 }

.alp457-avatar {
 width:72px;
 height:72px;
 border-radius:14px;
 background:#edf7f3;
 border:1px solid #dce9e5;
 overflow:hidden;
 display:grid;
 place-items:center;
 font-size:22px;
 color:#076348;
 font-weight:800;
 flex:0 0 auto;
 }

.alp457-avatar img {
 width:100%;
height:100%;
object-fit:cover;
 }

.alp457-profile-card h2 {
 margin:0 0 2px;
 font-size:18px;
 }
.alp457-profile-card p{
margin:0 0 7px;
color:#72817f;
font-size:11px}

.alp457-profile-meta {
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:8px;
 margin:14px 0 10px;
 }

.alp457-profile-meta div {
 padding:9px;
 border:1px solid #edf1f0;
 border-radius:9px;
 background:#fbfcfc;
 }

.alp457-profile-meta small {
 display:block;
color:#84918e;
font-size:9px}
.alp457-profile-meta b{
font-size:12px}

.alp457-kyc-card__placeholder{
}

.alp457-kyc-body {
 display:grid;
grid-template-columns:130px 1fr;
align-items:center;
gap:16px;
 }

.alp457-progress-ring,.alp457-donut {
 --value:60;
 width:112px;
height:112px;
border-radius:50%;
display:grid;
place-items:center;
background:conic-gradient(#0a9a63 calc(var(--value)*1%),#edf2f0 0);
position:relative;
margin:auto;
 }

.alp457-progress-ring:before,.alp457-donut:before {
 content:"";
position:absolute;
inset:13px;
border-radius:50%;
background:#fff;
 }

.alp457-progress-ring span,.alp457-donut span {
 position:relative;
z-index:1;
text-align:center;
display:grid;
 }
.alp457-progress-ring b,.alp457-donut b{
font-size:20px}
.alp457-progress-ring small,.alp457-donut small{
font-size:9px;
color:#7c8a87}

.alp457-kyc-body ul {
 list-style:none;
margin:0;
padding:0;
display:grid;
gap:9px;
font-size:11px;
color:#71817e;
 }
.alp457-kyc-body li:before{
content:"○";
margin-right:8px;
color:#a6b2af}
.alp457-kyc-body li.done:before{
content:"✓";
color:#0a9561;
font-weight:900}

.alp457-member-charts {
 display:grid;
grid-template-columns:1.25fr .75fr;
gap:12px;
margin-bottom:12px;
 }

.alp457-bar-chart {
 height:185px;
 display:flex;
 align-items:flex-end;
 gap:8px;
 padding:14px 6px 0;
 border-bottom:1px solid #e8efec;
 }

.alp457-bar-chart > div {
 height:100%;
 flex:1;
 min-width:14px;
 display:flex;
 flex-direction:column;
 justify-content:flex-end;
 align-items:center;
 gap:6px;
 }

.alp457-bar-chart span {
 width:min(25px,70%);
 max-height:145px;
 min-height:4px;
 background:#0d9562;
 border-radius:6px 6px 2px 2px;
 }
.alp457-bar-chart b{
font-size:8px;
color:#7c8987;
font-weight:600}

.alp457-income-total {
 border-radius:11px;
background:#f3f8f6;
padding:12px;
margin-bottom:9px;
 }
.alp457-income-total small{
display:block;
color:#788582;
font-size:9px}
.alp457-income-total strong{
display:block;
font-size:25px;
margin-top:3px}

.alp457-income-lines {
 display:grid;
 gap:5px;
 }
.alp457-income-lines div{
display:flex;
justify-content:space-between;
gap:8px;
padding:7px 2px;
border-bottom:1px solid #eff3f2;
font-size:10px}
.alp457-income-lines b{
font-size:10px}

.alp457-quick-actions {
 margin-bottom:12px;
 }

.alp457-member-bottom {
 display:grid;
grid-template-columns:1.25fr .9fr .75fr;
gap:12px;
margin-bottom:12px;
 }

.alp457-dashboard-products {
 display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
 }
.alp457-dashboard-products article{
border:1px solid #edf1f0;
border-radius:10px;
padding:9px;
text-align:center;
min-width:0}
.alp457-dashboard-products img,.alp457-product-fallback{
width:70px;
height:70px;
object-fit:contain;
margin:auto;
display:grid;
place-items:center}
.alp457-dashboard-products b{
display:block;
font-size:9px;
line-height:1.25;
min-height:24px}
.alp457-dashboard-products small{
display:block;
font-size:8px;
color:#71807d;
margin:3px 0}
.alp457-dashboard-products a{
font-size:8px;
color:#087a60;
text-decoration:none;
font-weight:700}

.alp457-wallet-value {
 padding:12px;
border-radius:10px;
background:#eef8f4;
margin-bottom:8px;
 }
.alp457-wallet-value.secondary{
background:#fff7e7}
.alp457-wallet-value small{
display:block;
font-size:9px;
color:#71817e}
.alp457-wallet-value strong{
display:block;
font-size:22px;
margin:4px 0 9px}
.alp457-wallet-value .alp457-button{
width:100%;
min-height:34px;
font-size:10px}

.alp457-member-notice {
 display:flex;
gap:15px;
align-items:center;
font-size:10px;
color:#71817d;
 }
.alp457-member-notice b{
color:#16352f}


/* ---------------- Admin dashboard ---------------- */
.alp457-admin-dashboard {
 max-width:1450px;
 margin:0 auto;
 }

.alp457-admin-grid {
 display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
margin-bottom:12px;
 }
.alp457-admin-grid .span-2{
grid-column:span 2}

.alp457-donut {
 --value:var(--active);
 background:conic-gradient(#0a9b63 calc(var(--active)*1%),#edf2f0 0);
 }

.alp457-donut-legend {
 display:flex;
justify-content:center;
gap:14px;
margin-top:10px;
font-size:9px;
color:#687875 }
.alp457-donut-legend i{
display:inline-block;
width:8px;
height:8px;
border-radius:50%;
background:#b7c4c0;
margin-right:4px}
.alp457-donut-legend i.active{
background:#0a9b63}

.alp457-map-panel .india-coverage-map,.alp457-map-panel .india-map-shell {
 min-height:180px!important;
 max-height:235px;
 overflow:hidden;
 }

.alp457-order-mix {
 display:grid;
gap:9px;
 }
.alp457-order-mix div{
display:grid;
grid-template-columns:90px 1fr 35px;
gap:7px;
align-items:center;
font-size:9px}
.alp457-order-mix i{
height:7px;
border-radius:999px;
background:#eef2f1;
overflow:hidden}
.alp457-order-mix em{
display:block;
height:100%;
background:#0b9763;
border-radius:999px}
.alp457-order-mix b{
text-align:right}

.alp457-stat-quad {
 display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px }
.alp457-stat-quad div,.alp457-stat-list div{
padding:11px;
border-radius:10px;
background:#f7faf9;
border:1px solid #edf1f0}
.alp457-stat-quad small,.alp457-stat-list small{
display:block;
font-size:8px;
color:#7b8886}
.alp457-stat-quad b,.alp457-stat-list b{
display:block;
font-size:18px;
margin-top:3px}

.alp457-stat-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px}
.admin-actions{
grid-template-columns:repeat(6,minmax(0,1fr))}


/* ---------------- Franchise dashboard ---------------- */
.alp457-franchise-dashboard {
 max-width:1400px;
margin:0 auto;
 }

.alp457-franchise-identity{
padding:10px 13px;
border:1px solid var(--alp457-line);
border-radius:10px;
background:#fff;
min-width:180px}
.alp457-franchise-identity small{
display:block;
font-size:8px;
color:#73817e}
.alp457-franchise-identity b{
display:block;
font-size:16px;
margin:3px 0 6px}

.alp457-franchise-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:12px;
margin-bottom:12px}
.alp457-franchise-products,.alp457-franchise-activity{
display:grid;
gap:6px}
.alp457-franchise-products div,.alp457-franchise-activity div{
display:grid;
grid-template-columns:70px 1fr auto;
gap:8px;
align-items:center;
padding:8px;
border-bottom:1px solid #eef2f0;
font-size:9px}
.alp457-franchise-products b,.alp457-franchise-activity b{
font-size:10px}
.alp457-franchise-products strong{
font-size:11px;
color:#0c825e}

.alp457-workspace-divider{
margin-bottom:12px}
.alp457-workspace-divider h2{
margin:0 0 4px;
font-size:17px}
.alp457-workspace-divider p:last-child{
margin:0;
font-size:10px;
color:#71817e}

.release-457 .alp457-franchise-dashboard > details.control-card,.release-457 .alp457-franchise-dashboard > section.control-card{
margin-bottom:10px!important;
padding:14px!important}
.release-457 .alp457-franchise-dashboard details summary{
cursor:pointer;
font-size:11px;
font-weight:800;
color:#15443a;
padding:2px 0 8px}


/* ---------------- Genealogy approved one-level model ---------------- */
.release-457 .genealogy-command {
 max-width:1400px;
margin:0 auto;
background:#fff;
border:1px solid var(--alp457-line);
border-radius:14px;
padding:14px 14px 18px;
box-shadow:none;
 }

.release-457 .genealogy-command__head {
 display:flex;
justify-content:space-between;
align-items:flex-end;
gap:16px;
border:0!important;
padding:0 0 10px!important;
margin:0!important;
 }

.release-457 .genealogy-command__head h2 {
 font-size:17px!important;
margin:1px 0 2px!important;
color:#17352f!important;
 }
.release-457 .genealogy-command__head p{
font-size:9px!important;
margin:0!important;
color:#7b8986!important}
.release-457 .genealogy-command__head .eyebrow{
font-size:8px!important;
letter-spacing:1px!important;
color:#0a8462!important}

.release-457 .genealogy-command__search{
max-width:310px}
.release-457 .genealogy-command__search label{
font-size:8px!important;
color:#6d7c79!important}
.release-457 .genealogy-command__search span{
display:flex;
gap:5px}
.release-457 .genealogy-command__search input{
min-height:34px!important;
font-size:10px!important}
.release-457 .genealogy-command__search button{
min-height:34px!important;
border:0;
border-radius:8px;
background:#075b47;
color:#fff;
font-size:9px;
font-weight:800;
padding:0 13px}

.release-457 .genealogy-command__nav{
display:flex;
gap:6px!important;
align-items:center;
padding:6px 0 10px!important;
border:0!important}
.release-457 .genealogy-command__nav a,.release-457 .genealogy-command__nav span{
font-size:8px!important;
border:1px solid #e3ebe8!important;
background:#fff!important;
border-radius:7px!important;
padding:6px 9px!important;
color:#48625d!important;
text-decoration:none}

.release-457 .genealogy-one-level{
padding:22px 0 0!important;
background:#fff!important;
min-height:470px;
border:0!important}

.release-457 .genealogy-sponsor{
width:112px!important;
min-height:156px!important;
margin:0 auto!important;
padding:9px!important;
border:1px solid #d8e5e1!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:none!important;
text-align:center!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
gap:3px!important}

.release-457 .genealogy-person-photo,.release-457 .genealogy-person-initials{
display:grid!important;
place-items:center!important;
width:64px!important;
height:64px!important;
border-radius:9px!important;
overflow:hidden!important;
background:#eef7f4!important;
border:1px solid #dbe8e4!important;
color:#075c47!important;
font-weight:800!important;
font-size:17px!important;
flex:0 0 auto!important}
.release-457 .genealogy-person-photo img{
width:100%!important;
height:100%!important;
object-fit:cover!important}

.release-457 .genealogy-sponsor strong,.release-457 .genealogy-direct-card strong{
display:block!important;
width:100%!important;
font-size:10px!important;
line-height:1.2!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
color:#142c28!important}
.release-457 .genealogy-sponsor b,.release-457 .genealogy-direct-card b{
font-size:8px!important;
font-weight:600!important;
color:#70817d!important}
.release-457 .genealogy-sponsor .status,.release-457 .genealogy-direct-card .status{
font-size:7px!important;
padding:4px 7px!important;
margin-top:1px!important}

.release-457 .genealogy-sponsor-line{
width:1px!important;
height:36px!important;
background:#8da9a1!important;
margin:0 auto!important;
border:0!important}

.release-457 .genealogy-direct-shell{
position:relative!important;
width:100%!important;
min-height:235px!important;
border:1px solid #e0e9e6!important;
border-radius:11px!important;
background:#fff!important;
padding:18px 38px 28px!important;
box-shadow:none!important;
overflow:hidden!important}

.release-457 .genealogy-direct-scroll{
width:100%!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scrollbar-color:#c7d4d0 #f1f5f3;
scrollbar-width:thin;
padding:0 0 14px!important}

.release-457 .genealogy-direct-track{
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
gap:42px!important;
width:max-content!important;
min-width:100%!important;
padding:0 max(24px,calc((100% - 280px)/2))!important;
box-sizing:border-box!important}
.release-457 .genealogy-direct-track.is-overflowing{
justify-content:flex-start!important;
padding:0 25px!important;
gap:18px!important}

.release-457 .genealogy-direct-card{
width:112px!important;
min-width:112px!important;
height:158px!important;
padding:9px!important;
border:1px solid #dfe8e5!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:none!important;
text-align:center!important;
text-decoration:none!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
gap:3px!important}
.release-457 .genealogy-direct-card:hover{
border-color:#96c2b6!important;
transform:none!important}

.release-457 .genealogy-leg{
display:none!important}
.release-457 .genealogy-scroll-arrow{
position:absolute!important;
top:50%!important;
transform:translateY(-50%)!important;
width:32px!important;
height:32px!important;
border-radius:50%!important;
border:1px solid #e0e8e5!important;
background:#f7faf9!important;
color:#5b716d!important;
z-index:3!important}
.release-457 .genealogy-scroll-arrow.left{
left:8px!important}
.release-457 .genealogy-scroll-arrow.right{
right:8px!important}
.release-457 .genealogy-summary-line{
display:flex!important;
justify-content:center!important;
gap:7px!important;
margin-top:10px!important}
.release-457 .genealogy-summary-line span{
font-size:8px!important;
border:1px solid #e5ece9!important;
background:#fff!important;
border-radius:999px!important;
padding:5px 8px!important;
color:#6a7a77!important}


/* ---------------- Public website ---------------- */
.release-457.public-body {
 background:#fff!important;
color:var(--alp457-ink);
 }

.release-457 .alp435-utility-bar{
height:30px!important;
min-height:30px!important;
background:#064a3d!important;
padding:0 max(28px,calc((100vw - 1420px)/2))!important;
font-size:8px!important}
.release-457 .alp435-utility-bar nav{
gap:18px!important}
.release-457 .alp435-main-header{
min-height:74px!important;
height:74px!important;
max-width:1420px!important;
margin:auto!important;
padding:0 20px!important;
background:#fff!important}
.release-457 .alp435-brand .crest img{
width:48px!important;
height:48px!important}
.release-457 .alp435-brand b{
font-size:20px!important}
.release-457 .alp435-brand small{
font-size:8px!important}
.release-457 .alp435-brand em{
font-size:7px!important}
.release-457 .alp435-primary-nav{
gap:4px!important;
padding:6px!important;
background:#f7f9f8!important;
border:1px solid #e6ecea!important;
border-radius:999px!important}
.release-457 .alp435-primary-nav a{
font-size:9px!important;
padding:8px 10px!important;
border-radius:999px!important}
.release-457 .alp435-primary-nav a.active{
background:#fff!important;
color:#08644e!important;
box-shadow:0 1px 4px rgba(0,0,0,.05)!important}
.release-457 .alp435-header-actions{
gap:6px!important}
.release-457 .alp435-header-actions summary,.release-457 .header-join{
min-height:38px!important;
font-size:9px!important;
border-radius:10px!important}

.alp457-public-home{
max-width:1420px;
margin:0 auto;
background:#fff}
.alp457-public-hero{
min-height:445px;
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:24px;
align-items:stretch;
padding:34px 34px 20px;
background:linear-gradient(100deg,#fff 0%,#fbfdfc 50%,#f1f8f4 100%);
border-bottom:1px solid #e6edea;
overflow:hidden}
.alp457-public-hero__copy{
padding:22px 0 0 18px;
z-index:2}
.alp457-public-hero h1{
font-family:Georgia,"Times New Roman",serif!important;
font-size:44px;
line-height:1.04;
margin:8px 0 14px;
color:#102a25;
font-weight:700}
.alp457-public-hero h1 strong{
color:#ad7417;
font-weight:700}
.alp457-lead{
max-width:620px;
font-size:13px;
line-height:1.62;
color:#516661}
.alp457-public-actions{
display:flex;
gap:10px;
margin:20px 0}
.alp457-trust-row{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
margin-top:18px}
.alp457-trust-row div{
display:grid;
grid-template-columns:32px 1fr;
column-gap:7px;
align-items:center;
padding:8px;
border:1px solid #e8eeec;
border-radius:11px;
background:rgba(255,255,255,.82)}
.alp457-trust-row span{
grid-row:1/3;
display:grid;
place-items:center;
width:30px;
height:30px;
border-radius:50%;
background:#edf7f1;
color:#08805c}
.alp457-trust-row b{
font-size:9px}
.alp457-trust-row small{
font-size:7px;
color:#74827f}
.alp457-public-hero__visual{
position:relative;
display:flex;
align-items:flex-end;
justify-content:center;
min-height:390px}
.alp457-mountain-art{
position:absolute;
inset:0;
background:linear-gradient(180deg,#eaf5f1 0,#f8f6e9 52%,#dbe9db 100%);
clip-path:polygon(0 70%,18% 38%,30% 58%,49% 23%,61% 49%,78% 16%,100% 58%,100% 100%,0 100%);
opacity:.9}
.alp457-mountain-art i{
position:absolute;
bottom:0;
width:100%;
height:38%;
background:linear-gradient(180deg,transparent,#a7c59f);
opacity:.5}
.alp457-hero-product{
position:relative;
z-index:2;
width:46%;
min-width:250px;
min-height:315px;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
padding:12px;
background:rgba(255,255,255,.82);
border:1px solid rgba(255,255,255,.9);
border-radius:18px;
box-shadow:0 16px 35px rgba(28,73,57,.10)}
.alp457-hero-product img{
width:88%;
height:245px;
object-fit:contain}
.alp457-hero-product div{
width:100%;
padding:8px}
.alp457-hero-product small{
display:block;
font-size:7px;
letter-spacing:.8px;
color:#80908d}
.alp457-hero-product b{
font-size:13px}
.alp457-hero-mini-products{
position:relative;
z-index:2;
display:grid;
gap:8px;
width:36%;
margin-left:8px;
margin-bottom:14px}
.alp457-hero-mini-products article{
height:86px;
display:flex;
align-items:center;
gap:10px;
padding:8px;
border:1px solid #e6ece9;
border-radius:12px;
background:rgba(255,255,255,.9)}
.alp457-hero-mini-products img,.alp457-mini-fallback{
width:58px;
height:65px;
object-fit:contain;
display:grid;
place-items:center}
.alp457-hero-mini-products span{
font-size:9px;
font-weight:700}
.alp457-hero-seal{
position:absolute;
right:12px;
top:4px;
z-index:3;
width:105px;
height:105px;
border-radius:50%;
border:5px double #d9ab36;
background:#fff6d7;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
font-family:Georgia,serif;
font-size:9px;
color:#4d3d13;
text-align:center}
.alp457-public-section,.alp457-public-grid,.alp457-public-final{
padding:20px 34px}
.alp457-section-heading{
display:flex;
justify-content:space-between;
align-items:end;
margin-bottom:12px}
.alp457-section-heading h2{
font-family:Georgia,serif;
font-size:22px;
margin:2px 0}
.alp457-section-heading a{
font-size:10px;
color:#087259;
text-decoration:none;
font-weight:700}
.alp457-product-strip{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px}
.alp457-product-tile{
border:1px solid #e7edea;
border-radius:12px;
padding:10px;
text-align:center;
background:#fff}
.alp457-product-tile__image{
height:128px;
display:grid;
place-items:center}
.alp457-product-tile img{
width:100%;
height:120px;
object-fit:contain}
.alp457-product-tile h3{
font-size:10px;
margin:6px 0 2px}
.alp457-product-tile p{
font-size:9px;
color:#788682;
margin:0 0 6px}
.alp457-product-tile a{
font-size:8px;
color:#08765d;
text-decoration:none;
font-weight:700}
.alp457-public-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:12px;
padding-top:0}
.alp457-opportunity-card,.alp457-strength-card,.alp457-benefits-card,.alp457-franchise-card{
border:1px solid #e5ece9;
border-radius:14px;
padding:20px;
background:linear-gradient(135deg,#fbfff9,#f4faef);
min-height:220px}
.alp457-opportunity-card{
display:grid;
grid-template-columns:1.1fr .9fr}
.alp457-opportunity-card h2,.alp457-strength-card h2,.alp457-benefits-card h2,.alp457-franchise-card h2{
font-family:Georgia,serif;
font-size:22px;
margin:3px 0 9px}
.alp457-opportunity-card ul{
list-style:none;
padding:0;
margin:0 0 15px;
font-size:10px;
line-height:1.8}
.alp457-opportunity-card li:before{
content:"✓";
margin-right:7px;
color:#07805a;
font-weight:900}
.alp457-growth-graphic{
display:flex;
align-items:end;
justify-content:center;
gap:8px;
padding:25px}
.alp457-growth-graphic span{
width:26px;
background:linear-gradient(#a9d78e,#489d58);
border-radius:5px 5px 0 0}
.alp457-growth-graphic span:nth-child(1){
height:40px}
.alp457-growth-graphic span:nth-child(2){
height:65px}
.alp457-growth-graphic span:nth-child(3){
height:90px}
.alp457-growth-graphic span:nth-child(4){
height:120px}
.alp457-growth-graphic span:nth-child(5){
height:155px}
.alp457-strength-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px}
.alp457-strength-grid div{
padding:12px;
border-radius:11px;
background:#fff;
border:1px solid #e8eeec;
display:grid;
grid-template-columns:30px 1fr;
gap:2px 8px;
align-items:center}
.alp457-strength-grid i{
grid-row:1/3;
width:28px;
height:28px;
border-radius:50%;
display:grid;
place-items:center;
background:#e9f6ef;
color:#08765a;
font-style:normal}
.alp457-strength-grid b{
font-size:12px}
.alp457-strength-grid small{
font-size:8px;
color:#758480}
.alp457-public-grid.lower{
grid-template-columns:.9fr 1.1fr}
.alp457-benefit-row{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px}
.alp457-benefit-row div{
text-align:center;
padding:10px 5px}
.alp457-benefit-row i{
display:grid;
place-items:center;
width:38px;
height:38px;
margin:0 auto 6px;
border-radius:50%;
background:#fff4cf;
color:#b37b10;
font-style:normal;
font-size:18px}
.alp457-benefit-row b{
display:block;
font-size:9px}
.alp457-benefit-row small{
font-size:7px;
color:#798682}
.alp457-franchise-card{
display:grid;
grid-template-columns:1.1fr .9fr;
background:linear-gradient(135deg,#fff,#f0f8ff)}
.alp457-franchise-card p{
font-size:10px;
color:#657570;
line-height:1.6}
.alp457-building-graphic{
display:flex;
align-items:end;
gap:5px;
justify-content:center;
padding:20px}
.alp457-building-graphic span{
width:42px;
background:linear-gradient(180deg,#438b79,#0c5949);
border:5px solid #dfeae6}
.alp457-building-graphic span:nth-child(1){
height:80px}
.alp457-building-graphic span:nth-child(2){
height:125px}
.alp457-building-graphic span:nth-child(3){
height:100px}
.alp457-public-final{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
background:#07483b;
color:#fff}
.alp457-public-final h2{
margin:0;
font-family:Georgia,serif;
font-size:18px}
.alp457-public-final .alp457-kicker{
color:#f3cd64}
.alp457-public-final__links{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:10px}
.alp457-public-final__links a,.alp457-public-final__links span{
font-size:8px;
color:#dcebe5;
text-decoration:none}
.release-457 .alp435-site-footer{
margin-top:0!important}


/* ---------------- Responsive safety ---------------- */
@media (max-width: 1180px) {

    .alp457-kpi-grid.six{
grid-template-columns:repeat(3,1fr)}

    .alp457-member-bottom{
grid-template-columns:1fr 1fr}
.alp457-wallet-panel{
grid-column:1/-1}

    .alp457-franchise-grid{
grid-template-columns:1fr 1fr}
.alp457-franchise-grid > :last-child{
grid-column:1/-1}

    .alp457-action-grid,.admin-actions{
grid-template-columns:repeat(4,1fr)}

    .alp457-public-hero h1{
font-size:37px}

}

@media (max-width: 900px) {

    .release-457.portal-body .portal-sidebar{
width:260px!important;
min-width:260px!important;
transform:translateX(-100%)}

    .release-457.portal-body.sidebar-open .portal-sidebar{
transform:translateX(0)}

    .release-457.portal-body .portal-stage{
margin-left:0!important;
width:100%!important}

    .release-457.portal-body .portal-content{
padding:14px!important}

    .alp457-kpi-grid.four,.alp457-kpi-grid.eight{
grid-template-columns:repeat(2,1fr)}

    .alp457-member-overview,.alp457-member-charts,.alp457-admin-grid,.alp457-franchise-grid{
grid-template-columns:1fr}
.alp457-admin-grid .span-2{
grid-column:auto}
.alp457-franchise-grid > :last-child{
grid-column:auto}

    .alp457-member-bottom{
grid-template-columns:1fr}
.alp457-wallet-panel{
grid-column:auto}

    .alp457-profile-meta{
grid-template-columns:1fr 1fr}
.alp457-dashboard-products{
grid-template-columns:1fr 1fr}

    .alp457-public-hero{
grid-template-columns:1fr;
padding:25px 20px}
.alp457-public-hero__copy{
padding:0}
.alp457-public-grid,.alp457-public-grid.lower{
grid-template-columns:1fr}
.alp457-product-strip{
grid-template-columns:repeat(2,1fr)}
.alp457-trust-row{
grid-template-columns:1fr 1fr}
.release-457 .alp435-primary-nav{
display:none!important}

}

@media (max-width: 600px) {

    .alp457-kpi-grid.four,.alp457-kpi-grid.six,.alp457-kpi-grid.eight{
grid-template-columns:1fr 1fr}
.alp457-kpi-grid > article,.alp457-kpi-grid > a{
min-height:82px;
padding:12px}
.alp457-kpi-grid strong{
font-size:20px}
.alp457-kpi-grid i{
font-size:24px;
top:27px}

    .alp457-member-head,.alp457-admin-head,.alp457-franchise-head{
display:block}
.alp457-member-head__meta,.alp457-admin-head__meta{
margin-top:8px}
.alp457-member-head h1,.alp457-admin-head h1,.alp457-franchise-head h1{
font-size:22px}

    .alp457-action-grid,.admin-actions{
grid-template-columns:repeat(2,1fr)}
.alp457-kyc-body{
grid-template-columns:1fr}
.alp457-member-notice{
display:block}
.alp457-member-notice b{
display:block;
margin-bottom:5px}

    .release-457 .genealogy-command{
padding:10px}
.release-457 .genealogy-command__head{
display:block}
.release-457 .genealogy-command__search{
max-width:none;
margin-top:8px}
.release-457 .genealogy-command__nav{
overflow:auto}
.release-457 .genealogy-one-level{
min-height:410px}
.release-457 .genealogy-direct-shell{
padding:16px 34px 24px}
.release-457 .genealogy-direct-track{
gap:28px!important}

    .alp457-public-hero h1{
font-size:32px}
.alp457-public-hero__visual{
min-height:330px}
.alp457-hero-product{
min-width:190px}
.alp457-hero-mini-products{
display:none}
.alp457-product-strip{
grid-template-columns:1fr 1fr}
.alp457-public-section,.alp457-public-grid,.alp457-public-final{
padding:16px}
.alp457-public-final{
display:block}
.alp457-public-final__links{
justify-content:flex-start;
margin-top:12px}
.alp457-benefit-row{
grid-template-columns:1fr 1fr}
.alp457-opportunity-card,.alp457-franchise-card{
grid-template-columns:1fr}
.alp457-growth-graphic,.alp457-building-graphic{
display:none}
.release-457 .alp435-utility-bar{
display:none!important}
.release-457 .alp435-main-header{
height:68px!important;
min-height:68px!important;
padding:0 12px!important}
.release-457 .alp435-brand em{
display:none!important}

}


/* E-Shop and form-heavy inner pages — clean paper layout, functions unchanged. */
.release-457 .shop-command {
 max-width:1400px!important;
 margin:0 auto!important;
 background:transparent!important;
 }

.release-457 .shop-command .dash-head {
 padding:15px!important;
 margin-bottom:10px!important;
 border:1px solid var(--alp457-line)!important;
 border-radius:14px!important;
 background:#fff!important;
 display:flex!important;
 justify-content:space-between!important;
 gap:16px!important;
 }

.release-457 .shop-command .dash-head h1 {
 font-size:22px!important;
 line-height:1.12!important;
 margin:2px 0 5px!important;
 color:#14352e!important;
 }

.release-457 .shop-command .dash-head h1 br {
 display:none!important;
 }

.release-457 .shop-command .dash-head p {
 font-size:10px!important;
 margin:0!important;
 color:#70807c!important;
 }

.release-457 .shop-command .identity {
 min-width:210px!important;
 padding:10px 12px!important;
 border-radius:10px!important;
 background:#f7faf9!important;
 border:1px solid #e5ece9!important;
 }

.release-457 .shop-toolbar {
 position:sticky!important;
 top:68px!important;
 z-index:5!important;
 display:grid!important;
 grid-template-columns:minmax(220px,.7fr) 1.3fr!important;
 gap:10px!important;
 padding:10px!important;
 border:1px solid var(--alp457-line)!important;
 border-radius:12px!important;
 background:rgba(255,255,255,.97)!important;
 box-shadow:0 7px 18px rgba(14,66,52,.05)!important;
 }

.release-457 .shop-toolbar label {
 font-size:9px!important;
 }

.release-457 .live-cart {
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr)) auto!important;
 align-items:center!important;
 gap:5px!important;
 }

.release-457 .live-cart span {
 padding:6px 8px!important;
 border-radius:8px!important;
 background:#f7faf9!important;
 min-width:0!important;
 }

.release-457 .live-cart small {
 font-size:7px!important;
 }
.release-457 .live-cart b {
 font-size:10px!important;
 }

.release-457 .live-cart a {
 font-size:8px!important;
 padding:8px!important;
 border-radius:8px!important;
 background:#075c48!important;
 color:#fff!important;
 text-decoration:none!important;
 }

.release-457 .shop-products {
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:10px!important;
 margin:10px 0!important;
 }

.release-457 .shop-products > article {
 border:1px solid #e4ece9!important;
 border-radius:12px!important;
 padding:10px!important;
 background:#fff!important;
 box-shadow:none!important;
 min-width:0!important;
 }

.release-457 .shop-products .product-image {
 height:145px!important;
 display:grid!important;
 place-items:center!important;
 border-radius:9px!important;
 background:#fbfcfc!important;
 overflow:hidden!important;
 }

.release-457 .shop-products .product-image img {
 width:100%!important;
 height:138px!important;
 object-fit:contain!important;
 }

.release-457 .shop-products h3 {
 font-size:11px!important;
 min-height:28px!important;
 margin:6px 0!important;
 }

.release-457 .shop-products p {
 font-size:8px!important;
 line-height:1.45!important;
 }

.release-457 .shop-products .product-price strong {
 font-size:16px!important;
 }

.release-457 .product-add,.release-457 .quantity-stepper {
 min-height:35px!important;
 border-radius:8px!important;
 }

.release-457 .checkout-card {
 display:grid!important;
 grid-template-columns:.85fr 1.15fr!important;
 gap:18px!important;
 padding:16px!important;
 margin:12px 0!important;
 border:1px solid var(--alp457-line)!important;
 border-radius:14px!important;
 background:#fff!important;
 box-shadow:none!important;
 }

.release-457 .checkout-card h2 {
 font-size:18px!important;
 margin:3px 0 6px!important;
 }
.release-457 .checkout-card p {
 font-size:9px!important;
 line-height:1.55!important;
 }

.release-457 .checkout-fields {
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:9px!important;
 }
.release-457 .checkout-fields .wide{
grid-column:1/-1!important}

.release-457 .checkout-fields label,.release-457 .checkout-location label {
 font-size:8px!important;
 color:#667a75!important;
 }

.release-457 .checkout-location {
 display:grid!important;
 grid-template-columns:repeat(3,1fr)!important;
 gap:9px!important;
 padding:12px!important;
 border:1px solid var(--alp457-line)!important;
 border-radius:12px!important;
 background:#fff!important;
 }

.release-457 .wallet-only {
 border:1px solid #d8e9e3!important;
 border-radius:9px!important;
 background:#eef8f4!important;
 padding:8px 10px!important;
 }
.release-457 .wallet-only small{
font-size:7px!important}
.release-457 .wallet-only b{
font-size:11px!important}
.release-457 .wallet-only span{
font-size:8px!important}

.release-457 .order-review > section {
 border-radius:14px!important;
 box-shadow:0 20px 70px rgba(0,0,0,.18)!important;
 }


@media (max-width:1180px){
.release-457 .shop-products{
grid-template-columns:repeat(4,1fr)!important}
.release-457 .live-cart{
grid-template-columns:repeat(3,1fr)!important}
}

@media (max-width:900px){
.release-457 .shop-toolbar{
position:static!important;
grid-template-columns:1fr!important}
.release-457 .shop-products{
grid-template-columns:repeat(3,1fr)!important}
.release-457 .checkout-card{
grid-template-columns:1fr!important}
}

@media (max-width:600px){
.release-457 .shop-products{
grid-template-columns:1fr 1fr!important}
.release-457 .live-cart{
grid-template-columns:1fr 1fr!important}
.release-457 .checkout-fields,.release-457 .checkout-location{
grid-template-columns:1fr!important}
.release-457 .checkout-fields .wide{
grid-column:auto!important}
.release-457 .shop-command .dash-head{
display:block!important}
.release-457 .shop-command .identity{
margin-top:8px!important}
}



/* Source: alpline461.css */
/* ALPLINE reference layout: shared shell, readable controls and compact analytics.
   Existing routes, forms, charts and dashboard data remain authoritative. */
:root {

    --alpline-sidebar-width: 228px;

    --alpline-forest: #003f35;

    --alpline-gold: #e9bc45;

}

body.release-457.portal-body .portal-shell {

    display: block !important;

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

}

body.release-457.portal-body .portal-sidebar {

    position: fixed !important;

    inset: 0 auto 0 0;

    z-index: 100;

    width: var(--alpline-sidebar-width) !important;

    min-width: var(--alpline-sidebar-width) !important;

    height: 100dvh;

    overflow-y: auto;

    background: linear-gradient(180deg, #004739, #002d27) !important;

}

body.release-457.portal-body .portal-stage {

    margin: 0 0 0 var(--alpline-sidebar-width) !important;

    padding: 0 !important;

    width: calc(100% - var(--alpline-sidebar-width)) !important;

    min-height: 100dvh;

}

body.release-457.portal-body .portal-topbar {

    height: 64px !important;

    min-height: 64px !important;

    padding: 0 20px !important;

    background: var(--alpline-forest) !important;

    color: #fff !important;

    gap: 14px;

}

body.release-457.portal-body .topbar-identity b,
body.release-457.portal-body .topbar-identity small {
 color: #fff !important;
 }

body.release-457.portal-body .portal-content {

    padding: 20px !important;

    background: #f5f7f8 !important;

    overflow-x: clip;

}

body.release-457.portal-body .portal-brand {
 min-height: 76px;
 padding: 12px !important;
 }

body.release-457.portal-body .portal-brand b {
 font-size: 23px !important;
 }

body.release-457.portal-body .portal-nav > a,
body.release-457.portal-body .portal-nav-group > summary,
body.release-457.portal-body .admin-member-preview-menu button {

    min-height: 42px !important;

    font-size: 13px !important;

    border-radius: 7px !important;

}

body.release-457.portal-body .portal-nav > a.active {

    background: linear-gradient(110deg, #f7d879, #dca829) !important;

    color: #073e31 !important;

}

body.release-457.portal-body .portal-nav-label {
 font-size: 10px !important;
 }

body.release-457.portal-body .portal-nav-group > a {
 font-size: 12px !important;
 }

body.release-457.portal-body .alp457-kicker {
 font-size: 10px;
 }

body.release-457.portal-body .alp457-admin-head h1,
body.release-457.portal-body .alp457-member-head h1,
body.release-457.portal-body .alp457-franchise-head h1 {

    font: 750 28px/1.15 Inter, 'Segoe UI', Arial, sans-serif !important;

    color: #101b28;

}

body.release-457.portal-body .alp457-paper h2 {

    font: 700 17px/1.3 Inter, 'Segoe UI', Arial, sans-serif !important;

}

body.release-457.portal-body .alp457-paper {

    padding: 18px;

    border: 1px solid #e9edef;

    border-radius: 9px;

    box-shadow: 0 3px 14px rgba(24, 49, 42, .035);

}

body.release-457.portal-body .alp457-kpi-grid {

    display: grid !important;

    gap: 14px !important;

    margin: 16px 0 !important;

}

body.release-457.portal-body .alp457-kpi-grid.eight,
body.release-457.portal-body .alp457-kpi-grid.four {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 }

body.release-457.portal-body .alp457-kpi-grid.six {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 }

body.release-457.portal-body .alp457-kpi-grid > a,
body.release-457.portal-body .alp457-kpi-grid > article {

    position: relative;

    min-height: 112px !important;

    padding: 16px 18px !important;

    border-radius: 8px !important;

    border: 0 !important;

    color: #fff !important;

    overflow: hidden;

}

body.release-457.portal-body .alp457-kpi-grid small {

    color: #fff !important;

    font-size: 13px !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    opacity: 1 !important;

}

body.release-457.portal-body .alp457-kpi-grid strong {
 font-size: clamp(23px, 2.25vw, 32px) !important;
 line-height: 1.4;
 }

body.release-457.portal-body .alp457-kpi-grid span {
 color: #fff !important;
 font-size: 11px !important;
 }

body.release-457.portal-body .alp457-kpi-grid i {
 right: 14px;
 top: 41px;
 font-size: 31px;
 color: #fff;
 opacity: .85;
 }

body.release-457.portal-body .alp457-admin-grid.top {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

body.release-457.portal-body .alp457-admin-grid.top > .span-2 {
 grid-column: auto;
 }

body.release-457.portal-body .alp457-admin-grid.middle {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 }

body.release-457.portal-body .alp457-admin-grid.middle > .span-2 {
 grid-column: 1 / -1;
 }

body.release-457.portal-body .alp457-admin-grid.lower {
 grid-template-columns: 2fr 1fr;
 }

body.release-457.portal-body .alp457-admin-grid.lower > .span-2 {
 grid-column: auto;
 }

body.release-457.portal-body .alp457-admin-grid,
body.release-457.portal-body .alp457-franchise-grid {
 gap: 16px;
 margin-bottom: 16px;
 align-items: start;
 }

body.release-457.portal-body .alp457-franchise-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

body.release-457.portal-body .alp457-bar-chart {
 height: 214px !important;
 padding-top: 16px;
 }

body.release-457.portal-body .alp457-bar-chart span {
 max-height: 175px;
 border-radius: 3px 3px 0 0;
 }

body.release-457.portal-body .alp457-bar-chart b {
 font-size: 10px;
 }

body.release-457.portal-body .alp457-donut {
 width: 160px;
 height: 160px;
 }

body.release-457.portal-body .alp457-donut-legend {
 margin-top: 15px;
 font-size: 12px;
 }

body.release-457.portal-body .alp457-map-panel .india-intelligence {
 padding: 0 !important;
 border: 0;
 box-shadow: none;
 }

body.release-457.portal-body .alp457-map-panel .india-intelligence__head {
 display: none;
 }

body.release-457.portal-body .alp457-map-panel .india-intelligence__workspace {
 display: block !important;
 }

body.release-457.portal-body .alp457-map-panel .india-map-canvas {
 min-height: 230px !important;
 height: 230px !important;
 }

body.release-457.portal-body .alp457-map-panel .india-intelligence__detail {
 padding: 10px;
 min-width: 0;
 }

body.release-457.portal-body .alp457-map-panel .india-map-toolbar {
 flex-wrap: wrap;
 gap: 5px;
 }

body.release-457.portal-body .alp457-map-panel .territory-rank {
 max-height: 150px;
 overflow: auto;
 }

body.release-457.portal-body .alp457-action-grid {
 gap: 10px;
 }

body.release-457.portal-body .alp457-action-grid a {
 min-height: 76px;
 border-radius: 7px;
 }

body.release-457.portal-body .alp457-action-grid span {
 font-size: 12px;
 }

body.release-457.portal-body .alp457-table-wrap {
 overflow-x: auto;
 }

body.release-457.portal-body th {
 font-size: 11px !important;
 text-transform: none;
 }

body.release-457.portal-body td {
 font-size: 12px !important;
 }

body.release-457.portal-body label {
 font-size: 13px;
 }

body.release-457.portal-body input,
body.release-457.portal-body select,
body.release-457.portal-body textarea {
 font-size: 14px !important;
 }

body.release-457.portal-body .alp457-profile-meta small,
body.release-457.portal-body .alp457-kyc-body,
body.release-457.portal-body .alp457-income-lines div,
body.release-457.portal-body .alp457-income-lines b {
 font-size: 12px;
 }

body.release-457.portal-body .alp457-dashboard-products b {
 font-size: 12px;
 }

body.release-457.portal-body .alp457-dashboard-products a {
 font-size: 11px;
 }

/* Content reflows; the off-canvas menu remains reachable on a phone. */
@media (max-width: 1100px) {

    body.release-457.portal-body .topbar-identity {
 display: none;
 }

    body.release-457.portal-body .alp457-admin-grid.middle {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

    body.release-457.portal-body .alp457-admin-grid.middle > .alp457-map-panel {
 grid-column: 1 / -1;
 }

    body.release-457.portal-body .alp457-member-bottom {
 grid-template-columns: 1fr 1fr;
 }

}

@media (max-width: 800px) {

    body.release-457.portal-body .portal-sidebar {
 transform: translateX(-100%) !important;
 transition: transform .2s ease;
 }

    body.release-457.portal-body.sidebar-open .portal-sidebar {
 transform: translateX(0) !important;
 }

    body.release-457.portal-body .portal-stage {
 margin-left: 0 !important;
 width: 100% !important;
 }

    body.release-457.portal-body .sidebar-toggle {
 display: inline-flex !important;
 color: #fff;
 z-index: 110;
 }

    body.release-457.portal-body .portal-topbar {
 padding: 0 12px !important;
 gap: 8px;
 }

    body.release-457.portal-body .portal-content {
 padding: 14px !important;
 }

    body.release-457.portal-body .alp457-kpi-grid.eight,
    body.release-457.portal-body .alp457-kpi-grid.four,
    body.release-457.portal-body .alp457-kpi-grid.six {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

}

@media (max-width: 600px) {

    body.release-457.portal-body .alp457-admin-grid.top,
    body.release-457.portal-body .alp457-admin-grid.middle,
    body.release-457.portal-body .alp457-admin-grid.lower,
    body.release-457.portal-body .alp457-franchise-grid,
    body.release-457.portal-body .alp457-member-bottom,
    body.release-457.portal-body .alp457-member-overview,
    body.release-457.portal-body .alp457-member-charts {
 grid-template-columns: minmax(0, 1fr);
 }

    body.release-457.portal-body .alp457-kpi-grid > a,
    body.release-457.portal-body .alp457-kpi-grid > article {
 min-height: 106px !important;
 padding: 12px !important;
 }

    body.release-457.portal-body .alp457-kpi-grid small {
 font-size: 12px !important;
 }

    body.release-457.portal-body .alp457-kpi-grid i {
 font-size: 23px;
 right: 9px;
 }

    body.release-457.portal-body .portal-top-actions {
 gap: 4px;
 }

    body.release-457.portal-body .esc-back {
 display: none;
 }

}

/* Reference forest artwork is decorative; navigation stays editable and accessible. */
body.release-457.portal-body .portal-sidebar::after {

    content: '';

    display: block;

    height: 360px;

    margin-top: 16px;

    background: url('alpline-mountain-forest.webp') center bottom / cover no-repeat;

    pointer-events: none;

}

body.release-457.portal-body .portal-topbar .vip-command {
 flex: 1;
 max-width: 530px;
 }

body.release-457.portal-body .portal-topbar .vip-command__trigger {

    width: 100%;
 min-height: 38px;
 justify-content: flex-start;

    background: #fff !important;
 color: #66736f !important;
 border-radius: 8px !important;

}

body.release-457.portal-body .portal-topbar .vip-command__trigger kbd {
 margin-left: auto;
 }

/* Public reference hero: decorative background with real catalogue photos in HTML. */
body.release-457.public-body .alp457-public-hero {

    min-height: 450px;

    padding: 30px 36px 20px;

    grid-template-columns: 1fr 1fr;

    gap: 16px;

    background: #fbfcf7 url('alpline-wellness-hero.webp') center / cover no-repeat;

}

body.release-457.public-body .alp457-public-hero__copy {
 padding: 10px 0 0;
 }

body.release-457.public-body .alp457-public-hero h1 {
 font-size: clamp(32px, 3.4vw, 49px);
 line-height: 1.04;
 }

body.release-457.public-body .alp457-lead {
 font-size: 14px;
 line-height: 1.55;
 }

body.release-457.public-body .alp457-public-hero__visual {
 min-height: 380px;
 }

.alpline-hero-catalogue {
 display: flex;
 align-items: end;
 justify-content: center;
 gap: 6px;
 width: 100%;
 margin: 0;
 position: relative;
 z-index: 2;
 }

.alpline-hero-catalogue figure {
 flex: 1;
 min-width: 0;
 margin: 0;
 text-align: center;
 }

.alpline-hero-catalogue img {
 width: 100%;
 height: 165px;
 object-fit: contain;
 filter: drop-shadow(0 5px 5px rgba(0,35,21,.2));
 }

.alpline-hero-catalogue figcaption {
 font-size: 10px;
 background: rgba(255,255,255,.93);
 color: #064735;
 padding: 4px;
 border-radius: 4px;
 }

body.release-457.public-body .alp457-trust-row {
 background: rgba(255,255,255,.86);
 border-radius: 15px;
 }

body.release-457.public-body .alp457-trust-row div {
 display: flex;
 flex-direction: column;
 text-align: center;
 padding: 12px 5px;
 border: 0;
 background: transparent;
 }

body.release-457.public-body .alp457-trust-row b {
 font-size: 11px;
 }

body.release-457.public-body .alp457-trust-row small {
 font-size: 10px;
 }

body.release-457.public-body .alp457-product-tile h3 {
 font-size: 14px;
 }

body.release-457.public-body .alp457-product-tile p,
body.release-457.public-body .alp457-product-tile a {
 font-size: 12px;
 }

body.release-457.public-body .alp457-product-tile__image {
 height: 160px;
 }

body.release-457.public-body .alp457-product-tile img {
 height: 150px;
 }

body.release-457.public-body .alp457-opportunity-card ul,
body.release-457.public-body .alp457-strength-grid small {
 font-size: 13px;
 }

@media (max-width: 800px) {

    body.release-457.public-body .alp457-public-hero {
 grid-template-columns: 1fr;
 padding: 24px 18px;
 background-position: 60% bottom;
 background-size: auto 100%;
 }

    body.release-457.public-body .alp457-public-hero__copy {
 background: rgba(255,255,255,.94);
 border-radius: 12px;
 padding: 18px;
 }

    body.release-457.public-body .alp457-public-hero__visual {
 min-height: 300px;
 }

    .alpline-hero-catalogue img {
 height: 125px;
 }

    .alpline-hero-catalogue figcaption {
 font-size: 9px;
 }

}



/* Income plan controls: wrap fields naturally on phones. */
.income-control-list { display: grid; gap: 16px; margin: 20px 0; }
.income-control-group { min-width: 0; padding: 18px; border: 1px solid #d8e6df; border-radius: 12px; }
.income-control-group legend { font-weight: 700; color: #075640; padding: 0 8px; }
.income-control-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 12px; padding: 12px 0; border-bottom: 1px solid #e8eeeb; }
.income-control-row label { display: grid; gap: 6px; min-width: 0; }
.income-control-row input:not([type=checkbox]), .income-control-row select { width: 100%; min-width: 0; box-sizing: border-box; padding: 10px; border: 1px solid #cbd9d2; border-radius: 7px; background: #fff; color: #16382d; }
.income-control-row input[type=checkbox] { width: 22px; height: 22px; accent-color: #08764f; }
.income-policy p { max-width: 95ch; line-height: 1.65; }
@media (max-width: 540px) { .income-control-row { grid-template-columns: 1fr; } .income-control-group { padding: 12px; } }