*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7ff;color:#192033}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:linear-gradient(180deg,#321650,#18051f);color:#fff;position:fixed;inset:0 auto 0 0;z-index:30;overflow:auto}.brand{height:74px;display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #ffffff1c}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff9f1c,#ff3d57);font-size:23px;box-shadow:0 8px 22px #ff5b3d55}.brand b{display:block;letter-spacing:.8px}.brand span{font-size:12px;color:#ffbd59;font-weight:800}.sidebar nav{padding:10px}.sidebar nav a{display:flex;gap:11px;align-items:center;padding:11px 12px;margin:3px 0;border-radius:9px;color:#eee;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff1c;color:#fff}.nav-title{font-size:10px;color:#a899b4;padding:17px 10px 6px}main{margin-left:230px;width:calc(100% - 230px);min-height:100vh;display:flex;flex-direction:column}header{height:64px;background:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:20;border-bottom:1px solid #e9e9ef;padding:0 18px;box-shadow:0 3px 12px #2631590b}.ticker{font-weight:700;color:#4f46e5;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:10px}.round{border:0;background:linear-gradient(135deg,#ff7a00,#ff3d57);color:white;width:38px;height:38px;border-radius:50%;font-size:21px}.wallet-pill{background:#eefbea;color:#146b2f;padding:9px 12px;border-radius:8px;font-weight:800}.profile{display:flex;align-items:center;gap:8px;padding-left:10px;border-left:1px solid #eee}.profile small{display:block;color:#8a8f9c}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffd38b;font-weight:900}.menu-btn{display:none}.content{padding:18px;flex:1}.page-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.page-title h1{margin:0;font-size:25px}.page-title p{margin:4px 0 0;color:#6f7686}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;border:1px solid #e9edf6;border-radius:16px;padding:16px;box-shadow:0 8px 24px #34436b0b;min-height:116px}.metric small{font-weight:800;color:#77809a}.metric strong{font-size:25px;display:block;margin:10px 0}.metric span,.metric a{font-size:12px;color:#6b7280}.wallet-card{background:linear-gradient(135deg,#effff3,#f7fffb)}.notice{padding:11px 14px;background:#fff9ed;border:1px solid #ffd58a;border-radius:12px;margin:12px 0}.section-card,.panel{background:#fff;border:1px solid #e5e9f3;border-radius:17px;padding:15px;margin:12px 0;box-shadow:0 8px 26px #2631590b}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:16px}.section-head a,.section-head span{font-size:12px;color:#5d67d8}.service-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.service-mini{text-align:center;padding:10px 5px;border-radius:12px;transition:.2s}.service-mini:hover{transform:translateY(-4px);background:#f7f8ff}.service-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 7px;display:grid;place-items:center;font-size:30px;background:#fff;border:3px solid #67d2ff;box-shadow:0 5px 15px #5b8cff22}.service-mini b{font-size:11px;display:block}.service-mini small{font-size:9px;color:#6f7686}.catalog-shell{border:8px solid transparent;border-radius:22px;background:linear-gradient(#eefaff,#eefaff) padding-box,linear-gradient(135deg,#1f75ff,#28d8d0) border-box;padding:12px;min-height:72vh}.catalog-head{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px;border-radius:12px}.catalog-head h1{font-size:19px;margin:0}.catalog-head p{font-size:11px;margin:3px 0;color:#677}.search{border:1px solid #65b9ff;border-radius:22px;padding:9px 14px;min-width:270px}.chips{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0}.chips a{font-size:10px;border:1px solid #9c8cff;padding:5px 9px;border-radius:20px;background:#fff;color:#5b4fd8}.chips a:first-child{background:#1f2633;color:#fff}.state-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 14px;border-bottom:1px solid #cfdde7}.state-tabs a{background:#fff;width:170px;border-radius:10px;overflow:hidden;text-align:center;padding-top:9px;box-shadow:0 7px 17px #30405f12}.state-tabs span{font-size:30px;display:block}.state-tabs b{font-size:11px;display:block;margin:5px}.state-tabs small{display:block;background:#19a957;color:#fff;padding:5px;font-weight:800}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-top:14px}.service-card{position:relative;background:#fff;border:1px solid #d7dbe3;border-radius:11px;text-align:center;overflow:hidden;min-height:150px;display:flex;flex-direction:column;justify-content:center;padding:12px 7px 28px;box-shadow:0 8px 18px #2e426b13;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 13px 28px #2e426b22}.service-card b{font-size:11px}.service-card small{font-size:9px;color:#747b8d;margin-top:4px}.service-card .corner{position:absolute;left:0;top:0;border-top:18px solid #18ad55;border-right:18px solid transparent}.service-footer{position:absolute;bottom:0;left:0;right:0;background:#17a653;color:#fff;padding:6px;font-size:10px;font-weight:900}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-hero{display:flex;gap:15px;align-items:center}.service-icon.big{margin:0;width:75px;height:75px;font-size:38px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.info-grid div{background:#f6f8fd;padding:12px;border-radius:10px}.info-grid small,.info-grid b{display:block}.pre{white-space:pre-line}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:12px;font-weight:700;color:#4b5365;margin:10px 0}input,select,textarea{width:100%;border:1px solid #d9deea;border-radius:9px;padding:10px;margin-top:5px;background:#fff}textarea{min-height:85px}.btn{display:inline-block;border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer;background:#eef1f7}.btn.primary{background:linear-gradient(135deg,#ff7a00,#ff3d57);color:#fff}.btn.success{background:#16a34a;color:#fff}.btn.wide{width:100%}.btn.small{padding:6px 9px;font-size:11px}.charge-box{background:#f0fff3;border:1px solid #9ee5ad;border-radius:12px;padding:13px;margin:12px 0;display:grid;grid-template-columns:1fr auto}.charge-box strong{font-size:21px}.charge-box small{grid-column:1/3}.consent{display:flex;gap:8px;align-items:flex-start}.consent input,.check input{width:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf0f6;white-space:nowrap}th{color:#72798b;font-size:10px;text-transform:uppercase}.status{font-size:10px;padding:5px 8px;border-radius:20px;background:#e9edf5}.status.completed,.status.active{background:#e5f8e9;color:#15803d}.status.processing,.status.received{background:#fff3d8;color:#a35b00}.status.rejected{background:#ffe7e7;color:#b42318}.status.more_info{background:#ede9fe;color:#6d28d9}.details{display:grid;grid-template-columns:180px 1fr}.details dt,.details dd{padding:8px;margin:0;border-bottom:1px solid #eef0f4}.details dt{color:#777}.doc-list{display:flex;gap:8px;flex-wrap:wrap}.doc-list a{background:#f0f5ff;padding:9px;border-radius:8px;color:#3154b7}.result-box{margin-top:18px;padding:15px;border-radius:12px;background:#eaffef;display:flex;justify-content:space-between;align-items:center}.timeline{border-left:2px solid #dce3f0;margin-left:8px}.timeline>div{position:relative;padding:0 0 17px 18px}.timeline i{position:absolute;width:10px;height:10px;background:#ff7a00;border-radius:50%;left:-6px;top:3px}.timeline small{display:block;color:#8a91a0}.timeline p{margin:4px 0}.wallet-big{font-size:22px;font-weight:900;background:#e9fbe9;padding:10px 14px;border-radius:10px}.builder-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end;margin:7px 0}.builder-row label{display:flex;align-items:center;gap:6px}.builder-row label input{width:auto}.x{border:0;background:#ffe5e5;color:#b91c1c;width:34px;height:34px;border-radius:8px}.alert{padding:11px 13px;border-radius:10px;margin:10px 0}.alert.success{background:#e7f8eb;color:#116b2c}.alert.danger{background:#ffe8e8;color:#a51f1f}.alert.warning{background:#fff4d8;color:#8b5b00}hr{border:0;border-top:1px solid #eee;margin:20px 0}footer{text-align:center;padding:14px;color:#777;font-size:11px}.login-body{min-height:100vh;background:radial-gradient(circle at 50% 30%,#fff,#eef1f5 60%,#d9e0e8);display:grid;place-items:center}.login-shell{width:min(560px,94vw)}.brand-login{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:12px}.brand-login .brand-mark{color:#fff}.brand-login b,.brand-login span{display:block}.brand-login span{color:#ff7a00;font-weight:900}.login-card{background:#ffffffdd;border:1px solid #fff;border-radius:22px;padding:28px;box-shadow:0 25px 65px #25324d28}.login-card h1{text-align:center;margin:0}.login-card>p{text-align:center;color:#707687}.phone-field{display:flex;border:1px solid #d9deea;border-radius:9px;overflow:hidden;margin-top:5px}.phone-field span{padding:10px;background:#f6f7fa;font-weight:800}.phone-field input{border:0;margin:0;border-radius:0}.login-options{display:flex;justify-content:space-between;font-size:11px}.login-options label{margin:5px 0}.login-options input{width:auto}.installer{width:min(520px,94vw)}@media(max-width:1100px){.service-grid{grid-template-columns:repeat(3,1fr)}.service-strip{grid-template-columns:repeat(4,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;width:250px}.sidebar.open{transform:translateX(0)}main{margin-left:0;width:100%}.menu-btn{display:block;border:0;background:#f1f3f8;border-radius:8px;padding:8px;margin-right:8px}.ticker{display:none}.profile div:last-child{display:none}.content{padding:10px}.metric-grid,.two-col,.form-grid,.form-grid.three{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.service-strip{grid-template-columns:repeat(3,1fr)}.catalog-head{align-items:flex-start;gap:10px;flex-direction:column}.search{min-width:100%}.state-tabs a{width:120px}.details{grid-template-columns:120px 1fr}.header-actions{margin-left:auto}.wallet-pill{font-size:11px}.builder-row{grid-template-columns:1fr}.page-title{align-items:flex-start;gap:8px}}
/* V2.1 premium login + dashboard polish */
.login-body{min-height:100vh;background:#f7f5fb;display:block;overflow-x:hidden}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr)}.login-showcase{position:relative;overflow:hidden;padding:54px 64px;color:#fff;background:linear-gradient(145deg,#22052f 0%,#42165d 48%,#6a1f5d 100%);display:flex;flex-direction:column;justify-content:space-between}.login-showcase:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff25 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}.login-brand,.mobile-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:2}.login-brand strong,.mobile-brand strong{display:block;letter-spacing:1.2px;font-size:18px}.login-brand span,.mobile-brand span{display:block;color:#ffbd59;font-size:12px;font-weight:900;letter-spacing:2px}.login-om{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#ffb11b,#ff5b3d);font-size:34px;box-shadow:0 14px 35px #ff7a0040}.login-om.small{width:43px;height:43px;border-radius:13px;font-size:27px}.showcase-copy{position:relative;z-index:2;max-width:690px}.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid #ffffff32;border-radius:999px;background:#ffffff10;font-size:11px;font-weight:900;letter-spacing:1.5px}.showcase-copy h1{font-size:clamp(48px,5vw,78px);line-height:.98;margin:22px 0 20px;letter-spacing:-3px}.showcase-copy h1 em{font-style:normal;color:#ffbd59}.showcase-copy p{max-width:610px;color:#e9dff0;font-size:17px;line-height:1.75;margin:0}.feature-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-row>div{padding:16px;border:1px solid #ffffff20;background:#ffffff0d;border-radius:16px;backdrop-filter:blur(8px)}.feature-row i{font-style:normal;font-size:25px;display:block;margin-bottom:9px}.feature-row b{display:block;font-size:13px}.feature-row small{display:block;color:#d6c8dd;margin-top:4px}.showcase-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.25}.orb-one{width:330px;height:330px;background:#ff9f1c;right:-120px;top:-90px}.orb-two{width:240px;height:240px;background:#a855f7;left:-90px;bottom:90px}.login-panel-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:44px;background:linear-gradient(160deg,#fff,#f7f3fb)}.premium-login{width:min(470px,100%);background:#fff;border:1px solid #eee6f3;border-radius:24px;padding:38px;box-shadow:0 30px 80px #35134d18}.premium-login h2{font-size:34px;letter-spacing:-1px;margin:8px 0 4px}.login-kicker{color:#8d3b68;font-size:10px;font-weight:900;letter-spacing:1.7px}.login-sub{color:#7c7282;margin:0 0 24px}.mobile-brand{display:none;margin-bottom:24px}.premium-login label{font-size:12px;color:#393241;margin-top:14px}.premium-login input{padding:13px 14px;border-radius:11px;background:#fbfafd;border-color:#e3dce8;outline:none;transition:.2s}.premium-login input:focus{border-color:#8b3d76;box-shadow:0 0 0 4px #8b3d7612}.premium-login .phone-field{border:1px solid #e3dce8;border-radius:11px;background:#fbfafd}.premium-login .phone-field:focus-within{border-color:#8b3d76;box-shadow:0 0 0 4px #8b3d7612}.premium-login .phone-field span{padding:13px;background:#f4eef7;color:#542b62}.premium-login .phone-field input{box-shadow:none;border:0;background:transparent}.login-options{margin:13px 0 18px;align-items:center;color:#777}.login-options label{margin:0;display:flex;align-items:center;gap:7px}.login-submit{padding:14px 18px;border-radius:12px;display:flex;justify-content:center;gap:10px;align-items:center;background:linear-gradient(135deg,#6f214f,#ff7a00);box-shadow:0 12px 25px #8d3b6830}.login-help{margin-top:22px;padding:14px;border-radius:12px;background:#faf7fc;text-align:center;font-size:11px;color:#8a7c90}.login-help b{display:block;color:#4a3152;margin-top:3px}.login-footer{font-size:11px;color:#978d9c;margin:20px 0 0}.sidebar{box-shadow:10px 0 35px #260c3712}.metric{transition:transform .2s,box-shadow .2s}.metric:hover{transform:translateY(-3px);box-shadow:0 14px 32px #34436b16}.content{max-width:1700px;width:100%;margin:0 auto}.service-card .service-icon{transition:transform .2s}.service-card:hover .service-icon{transform:scale(1.08)}
@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-panel-wrap{min-height:100vh;padding:28px 18px}.mobile-brand{display:flex}.premium-login{padding:30px}.premium-login h2{font-size:30px}}
@media(max-width:520px){.premium-login{padding:24px 20px;border-radius:20px}.login-panel-wrap{padding:18px 12px}.premium-login h2{font-size:27px}.login-options{gap:12px;flex-wrap:wrap}}
/* V3 registration + activation */
.register-shell,.activation-wrap{max-width:980px;margin:0 auto;padding:36px 18px}.register-card{background:#fff;border-radius:26px;padding:32px;box-shadow:0 24px 70px #1e12302b}.register-card h1,.activation-wrap h1{margin:18px 0 6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.register-card label,.activation-wrap label{display:block;margin:12px 0;font-weight:700}.register-card input,.register-card select,.register-card textarea,.activation-wrap input,.activation-wrap textarea{width:100%;box-sizing:border-box;margin-top:7px}.center-note{text-align:center}.activation-body{background:#f6f4fa;min-height:100vh}.activation-top{background:linear-gradient(90deg,#5b174f,#7a214b);color:#fff;padding:13px 5%;display:flex;justify-content:space-between;font-weight:800}.activation-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.activation-steps div{padding:14px;border-radius:12px;background:#eee;text-align:center;font-weight:700}.activation-steps .done{background:#e8f8ef;color:#14733b}.activation-steps .current{background:#fff3d6;color:#8a5a00}.kyc-list{display:grid;gap:8px}.kyc-list div{display:flex;justify-content:space-between;padding:12px;border:1px solid #eee;border-radius:10px}.fee-box{padding:18px;border-radius:16px;background:linear-gradient(135deg,#fff6dc,#fff);margin:12px 0}.fee-box strong{display:block;font-size:28px;color:#5b174f}@media(max-width:700px){.form-grid,.activation-steps{grid-template-columns:1fr}.register-card{padding:20px}.activation-top{gap:8px;flex-direction:column}}
.catalog-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0;padding:12px 15px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa}.catalog-summary span{font-size:12px;color:#6b7280}.service-card{min-height:168px}.service-card b{line-height:1.25}.state-tabs{overflow-x:auto;padding-bottom:5px}.chips{overflow-x:auto;white-space:nowrap;padding-bottom:6px}@media(max-width:700px){.catalog-summary{align-items:flex-start;flex-direction:column}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:155px}}@media(max-width:420px){.service-grid{grid-template-columns:1fr}}

.manager-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.manager-filters input,.manager-filters select{min-width:145px}.manager-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;margin-top:16px}.manager-service-card{background:#fff;border:1px solid #e8e9f2;border-radius:18px;padding:16px;box-shadow:0 8px 25px rgba(30,35,80,.05)}.manager-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.manager-card-top>div:nth-child(2){flex:1}.manager-card-top small{display:block;color:#70778c;margin-top:4px}.manager-price-form .price-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manager-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.audience-note{margin-top:12px;padding:9px 11px;background:#f6f7fb;border-radius:10px;font-size:12px}.profile-hero{text-align:center;padding:28px;border-radius:20px;background:linear-gradient(120deg,#ff9b21,#087a48);color:#fff}.profile-avatar{width:82px;height:82px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#fff;color:#6d174e;font-size:32px;font-weight:800;border:5px solid rgba(255,255,255,.35)}.profile-hero h1{margin:10px 0 2px}.profile-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:-18px 0 22px;position:relative}.profile-tabs a{background:#087a48;color:#fff;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:700}@media(max-width:700px){.manager-service-grid{grid-template-columns:1fr}.manager-price-form .price-row{grid-template-columns:1fr}.manager-filters>*{width:100%}}

.service-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 18px}.service-flow div{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ececf4;border-radius:14px;padding:9px 15px;font-weight:700}.service-flow b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#087a48;color:#fff}.service-flow i{font-style:normal;color:#ff7a00;font-weight:900}.catalog-shell .service-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.catalog-shell .service-card{text-align:center;min-height:150px;justify-content:center;border-radius:18px}.catalog-shell .service-card .service-icon{margin:0 auto 8px}.catalog-shell .service-footer{font-size:11px}@media(max-width:600px){.service-flow i{display:none}.service-flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.service-flow div{display:block;text-align:center;padding:8px 4px}.service-flow b{margin:0 auto 4px}}
/* V3.7 targeted wallet, profile and service-access update */
.btn.danger{background:#fee2e2;color:#b91c1c}.avatar-img{object-fit:cover;overflow:hidden}.profile-photo{object-fit:cover;overflow:hidden}.profile{color:inherit}.wallet-pill{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.wallet-pill:hover{box-shadow:0 0 0 3px #22c55e18}.photo-form{display:flex;gap:8px;justify-content:center;align-items:end;flex-wrap:wrap;margin:8px auto}.photo-form input{max-width:300px;background:#fff;color:#222}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:18px 0}.payment-option{background:#fff;border:1px solid #e7e9f2;border-radius:16px;padding:18px;box-shadow:0 8px 22px #2631590b}.payment-option h2,.payment-option h3{margin-top:0}.payment-qr{display:block;max-width:230px;width:100%;margin:12px auto;border-radius:16px;border:1px solid #e5e7eb;padding:8px;background:#fff}.wallet-topup-wrap{max-width:1180px}.inline-access-form{display:flex;align-items:center;gap:6px;min-width:255px}.inline-access-form select{margin:0;min-width:135px}.user-permission-panel{border:1px solid #d9def4;background:#fafbff}.status.paid{background:#e5f8e9;color:#15803d}.status.pending{background:#fff3d8;color:#a35b00}.status.inactive{background:#f2f3f5;color:#667085}.alert.info{background:#eef6ff;color:#1d4ed8}.add-funds-card{background:linear-gradient(135deg,#fff8e7,#fff)}
@media(max-width:700px){.inline-access-form{min-width:210px;flex-direction:column;align-items:stretch}.payment-grid{grid-template-columns:1fr}.profile{border-left:0;padding-left:0}.header-actions{gap:6px}}

/* V3.8 Master Admin, branding, promotions and hero slider */
.portal-logo{display:block;max-width:100%;object-fit:contain}.sidebar-logo{width:42px;height:42px;border-radius:10px;background:#fff;padding:4px;flex:0 0 auto}.login-logo{width:58px;height:58px;border-radius:14px;background:#fff;padding:5px}.small-logo{width:42px;height:42px}.mini-logo{width:34px;height:34px;border-radius:8px;background:#fff;padding:3px;display:inline-block;vertical-align:middle;margin-right:7px}.preview-logo{width:100px;height:100px;border-radius:18px;background:#fff;padding:8px}.brand{min-height:74px;height:auto}.brand>div:last-child{min-width:0}.brand b{white-space:normal;font-size:13px}.brand span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.branded-inline{display:flex!important;align-items:center;gap:12px}.activation-brand{display:flex;align-items:center;gap:8px}.ticker{display:flex;align-items:center;gap:12px}.promo-ticker{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#5b174f;font-size:12px}.promo-ticker a{color:#f97316;font-weight:900}.owner-badge{background:linear-gradient(135deg,#4c1d95,#c2410c);color:#fff;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.7px}.brand-preview-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #e6e3ee;border-radius:18px;background:linear-gradient(135deg,#faf7ff,#fff9ed)}.brand-preview-card h2{margin:0 0 4px}.brand-preview-card p{margin:0;color:#6b7280}.hero-slider{position:relative;overflow:hidden;border-radius:22px;margin:0 0 16px;min-height:260px;box-shadow:0 16px 42px #26133b25;background:linear-gradient(135deg,#4c1d95,#7c2d12)}.hero-slide{display:none;position:relative;min-height:260px;padding:38px 44px;background:linear-gradient(135deg,#4c1d95,#7c2d12);background-size:cover;background-position:center;color:#fff}.hero-slide.active{display:block}.hero-copy{max-width:650px;position:relative;z-index:2}.hero-copy>span{display:inline-block;padding:5px 9px;border-radius:999px;background:#ffffff24;font-size:10px;font-weight:900;letter-spacing:1.3px}.hero-copy h2{font-size:34px;line-height:1.08;margin:12px 0 8px;max-width:620px}.hero-copy p{font-size:14px;line-height:1.6;max-width:560px;color:#f4edf8}.hero-cta{background:#fff!important;color:#4c1d95!important;margin-top:8px}.hero-dots{position:absolute;left:44px;bottom:18px;display:flex;gap:7px;z-index:5}.hero-dots button{width:9px;height:9px;border-radius:999px;border:0;background:#ffffff66;padding:0;cursor:pointer}.hero-dots button.active{width:26px;background:#fff}.hero-mobile-art{display:none;position:absolute;right:12px;bottom:0;max-width:43%;max-height:210px;object-fit:contain}.promo-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0}.promo-card{background:linear-gradient(135deg,#fff7ed,#faf5ff);border:1px solid #f0d8c9;border-radius:16px;padding:15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.promo-card h3{margin:5px 0}.promo-card p{margin:0;color:#6b7280;font-size:12px}.promo-modal{position:fixed;inset:0;background:#1f122c99;z-index:1000;display:none;place-items:center;padding:20px}.promo-modal.show{display:grid}.promo-modal-card{position:relative;width:min(520px,94vw);background:#fff;border-radius:22px;padding:30px;box-shadow:0 30px 90px #0004}.promo-close{position:absolute;right:14px;top:12px;border:0;background:#f3f4f6;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.promo-badge{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#7c3aed}.promo-modal-card h2{font-size:28px;margin:8px 0}.promo-modal-card p{line-height:1.6;color:#5f6675}.branding-preview{display:flex;flex-direction:column;justify-content:center}.master-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.promo-manager-preview{max-width:140px;border-radius:10px}.profile small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.promo-ticker{display:none}.hero-slider,.hero-slide{min-height:240px}.hero-slide{padding:28px 22px 48px}.hero-copy h2{font-size:26px;max-width:80%}.hero-copy p{max-width:75%;font-size:12px}.hero-mobile-art{display:block}.hero-dots{left:22px;bottom:14px}.brand span{max-width:125px}.brand-preview-card{flex-direction:column;text-align:center}.owner-badge{font-size:9px}.ticker{gap:6px}}
.floating-support{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff;font-size:24px;box-shadow:0 12px 28px #16653455;z-index:70}
\n/* V3.8.1 logo-only branding */
.brand.brand-logo-only{height:82px;min-height:82px;padding:8px 12px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.brand.brand-logo-only .sidebar-logo{width:100%;max-width:202px;height:64px;max-height:64px;object-fit:contain;object-position:center;background:transparent;padding:0;border-radius:0;flex:1 1 auto}
.logo-only-login{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:380px;min-height:88px}
.logo-only-login .login-logo-wide{width:min(360px,100%);height:90px;object-fit:contain;object-position:left center;background:transparent;padding:0;border-radius:0}
.logo-only-mobile,.branded-inline.logo-only-mobile{display:flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,#321650,#18051f);border-radius:14px;padding:8px 12px;margin-bottom:14px;min-height:72px}
.mobile-logo-wide,.registration-logo-wide{width:min(320px,100%);height:64px;object-fit:contain;object-position:center;background:transparent;padding:0;border-radius:0}
.activation-brand{min-width:0}.activation-logo-wide{width:190px;height:52px;object-fit:contain;object-position:left center;background:transparent;padding:0;border-radius:0;flex:0 1 auto}.activation-brand b{white-space:nowrap}
.logo-preview-dark{background:linear-gradient(180deg,#321650,#18051f);min-height:110px;display:flex;align-items:center;justify-content:center}.preview-logo-wide{width:min(520px,95%);height:92px;object-fit:contain;background:transparent;padding:0;border-radius:0}
.installer-logo-plate{background:linear-gradient(135deg,#321650,#18051f);padding:10px 14px;border-radius:16px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.setup-logo-wide{width:min(380px,100%);height:82px;object-fit:contain;background:transparent;padding:0;border-radius:0}
@media(max-width:760px){.brand.brand-logo-only{height:76px;min-height:76px}.brand.brand-logo-only .sidebar-logo{max-width:196px;height:58px}.logo-only-login{justify-content:center;max-width:100%}.logo-only-login .login-logo-wide{width:min(320px,100%);height:76px;object-position:center}.activation-brand{width:100%;justify-content:center;flex-wrap:wrap}.activation-logo-wide{width:min(250px,85vw);height:58px;object-position:center}.activation-brand b{white-space:normal;text-align:center}.preview-logo-wide{height:78px}}

/* V3.8.2 — fully responsive login/main page across desktop, laptop, tablet and mobile */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.login-body{min-height:100vh;min-height:100dvh;width:100%;margin:0;background:#f7f5fb}
.login-page{width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(400px,.84fr);overflow:hidden}
.login-showcase{min-width:0;min-height:100vh;min-height:100dvh;padding:clamp(28px,4.2vw,64px);gap:clamp(22px,4vh,54px)}
.login-brand.logo-only-login{min-height:0;max-width:min(430px,54vw)}
.logo-only-login .login-logo-wide{width:100%;height:clamp(58px,9vh,88px);max-height:88px}
.showcase-copy{max-width:min(690px,100%)}
.showcase-copy h1{font-size:clamp(42px,5vw,76px);line-height:.98;margin:clamp(14px,2.4vh,22px) 0 clamp(12px,2.2vh,20px);letter-spacing:clamp(-3px,-.18vw,-1.5px)}
.showcase-copy p{font-size:clamp(14px,1.15vw,17px);line-height:1.6;max-width:610px}
.feature-row{gap:clamp(8px,1vw,14px)}
.feature-row>div{padding:clamp(11px,1.25vw,16px);min-width:0}
.feature-row i{font-size:clamp(20px,2vw,25px);margin-bottom:7px}
.feature-row b{font-size:clamp(11px,.95vw,13px)}
.feature-row small{font-size:clamp(10px,.82vw,12px);line-height:1.35}
.login-panel-wrap{min-width:0;min-height:100vh;min-height:100dvh;padding:clamp(18px,3.3vw,44px);justify-content:center;overflow:auto}
.premium-login{width:min(470px,100%);max-width:100%;padding:clamp(24px,2.7vw,38px);border-radius:clamp(18px,1.6vw,24px)}
.premium-login h2{font-size:clamp(28px,2.3vw,34px);margin:7px 0 4px}
.login-sub{margin-bottom:clamp(16px,2.2vh,24px)}
.premium-login label{margin-top:clamp(9px,1.6vh,14px)}
.premium-login input{padding:clamp(11px,1.35vh,13px) 14px}
.premium-login .phone-field span{padding:clamp(11px,1.35vh,13px)}
.login-options{margin:clamp(10px,1.5vh,13px) 0 clamp(12px,1.8vh,18px)}
.login-submit{padding:clamp(12px,1.5vh,14px) 18px}
.login-help{margin-top:clamp(14px,2vh,22px);padding:clamp(11px,1.5vh,14px)}
.login-footer{margin:clamp(10px,1.8vh,20px) 0 0;text-align:center}

/* Common laptops and smaller desktops */
@media (max-width:1366px) and (min-width:981px){
  .login-page{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)}
  .login-showcase{padding:32px 38px}
  .showcase-copy h1{font-size:clamp(42px,4.6vw,60px)}
  .showcase-copy p{font-size:14px;line-height:1.55}
  .feature-row>div{padding:12px}
  .login-panel-wrap{padding:24px 28px}
  .premium-login{width:min(440px,100%);padding:28px}
  .logo-only-login .login-logo-wide{height:68px}
}

/* Short-height desktop/laptop screens (e.g. 1366x768, 1440x720) */
@media (min-width:981px) and (max-height:820px){
  .login-showcase{padding-top:24px;padding-bottom:24px;gap:16px}
  .logo-only-login .login-logo-wide{height:58px}
  .eyebrow{padding:6px 10px;font-size:10px}
  .showcase-copy h1{font-size:clamp(38px,4.5vw,56px);margin:10px 0 10px;line-height:.96}
  .showcase-copy p{font-size:13px;line-height:1.48}
  .feature-row>div{padding:10px 11px}
  .feature-row i{font-size:20px;margin-bottom:5px}
  .feature-row b{font-size:11px}.feature-row small{font-size:9.5px}
  .login-panel-wrap{padding:16px 24px}
  .premium-login{padding:22px 28px;border-radius:20px}
  .premium-login h2{font-size:28px}
  .login-sub{margin-bottom:12px}
  .premium-login label{margin-top:8px}
  .premium-login input,.premium-login .phone-field span{padding-top:10px;padding-bottom:10px}
  .login-options{margin:9px 0 11px}
  .login-submit{padding:11px 16px}
  .login-help{margin-top:12px;padding:10px}
  .login-footer{margin-top:8px}
}

/* Tablet: keep a compact brand/hero strip instead of wasting space */
@media (max-width:980px){
  .login-page{display:block;min-height:100vh;min-height:100dvh;overflow:visible}
  .login-showcase{display:none}
  .login-panel-wrap{width:100%;min-height:100vh;min-height:100dvh;padding:clamp(18px,5vw,38px) clamp(14px,5vw,34px);justify-content:center}
  .premium-login{width:min(560px,100%);padding:clamp(24px,5vw,34px)}
  .mobile-brand.logo-only-mobile{display:flex!important;width:100%;min-height:74px;padding:8px 12px;margin-bottom:18px}
  .mobile-logo-wide{width:min(360px,100%);height:64px}
  .premium-login h2{font-size:clamp(28px,5vw,32px)}
}

/* Phones */
@media (max-width:600px){
  .login-panel-wrap{padding:12px;justify-content:flex-start}
  .premium-login{width:100%;padding:20px 16px 18px;border-radius:18px;margin-top:8px;box-shadow:0 18px 46px #35134d14}
  .mobile-brand.logo-only-mobile{min-height:64px;border-radius:12px;padding:6px 10px;margin-bottom:14px}
  .mobile-logo-wide{width:min(310px,100%);height:54px}
  .login-kicker{font-size:9px;letter-spacing:1.35px}
  .premium-login h2{font-size:27px;line-height:1.1}
  .login-sub{font-size:14px;margin-bottom:16px}
  .premium-login label{font-size:11px;margin-top:10px}
  .premium-login input{font-size:16px;padding:12px 12px} /* prevents iOS zoom */
  .premium-login .phone-field span{padding:12px 11px}
  .login-options{display:flex;gap:9px;align-items:flex-start;flex-wrap:wrap;font-size:10px}
  .login-submit{min-height:48px;font-size:14px}
  .login-help{font-size:10px;margin-top:14px}
  .login-footer{font-size:10px;margin:10px 0 4px}
}

/* Very small phones */
@media (max-width:380px){
  .login-panel-wrap{padding:8px}
  .premium-login{padding:17px 13px 15px;border-radius:15px}
  .mobile-logo-wide{height:48px}
  .premium-login h2{font-size:24px}
  .phone-field span{font-size:13px}
  .login-options{font-size:9.5px}
  .login-help{padding:10px 8px}
}

/* Landscape phones / short tablets */
@media (max-width:980px) and (max-height:560px) and (orientation:landscape){
  .login-panel-wrap{min-height:auto;padding:10px 18px;justify-content:flex-start}
  .premium-login{width:min(700px,100%);padding:16px 22px;margin:0 auto}
  .mobile-brand.logo-only-mobile{min-height:50px;margin-bottom:8px}
  .mobile-logo-wide{height:42px}
  .login-kicker{display:none}
  .premium-login h2{font-size:23px;margin:2px 0}.login-sub{margin-bottom:8px;font-size:12px}
  .premium-login label{margin-top:6px}.premium-login input,.premium-login .phone-field span{padding-top:8px;padding-bottom:8px}
  .login-options{margin:7px 0 8px}.login-submit{padding:9px 14px;min-height:40px}.login-help{margin-top:8px;padding:8px}.login-footer{margin:5px 0}
}

/* V3.8.4 PAN AO helper */
.pan-ao-helper{margin:18px 0;padding:16px;border:1px solid #dfd8e8;border-radius:14px;background:#fbf9fd}.pan-ao-helper .section-head{margin-bottom:10px}.pan-ao-helper .section-head h3{margin:0 0 4px}.pan-ao-helper .section-head p{margin:0;color:#667085}.ao-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.ao-message{font-size:12px;color:#5d6575;margin:8px 0}.ao-code-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pan-ao-helper input[readonly]{background:#f1f3f7;font-weight:700}@media(max-width:850px){.ao-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.ao-code-grid{grid-template-columns:1fr}}

/* V3.8.6: Official ABHA Card Download service (does not collect Aadhaar/OTP) */
.abha-official-box{border:1px solid #cce6da;border-radius:18px;padding:20px;background:linear-gradient(160deg,#f6fffb,#fff 52%)}
.abha-official-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.abha-official-heading h2{margin:0 0 4px}
.abha-official-heading p{font-size:12px;color:#637575;margin:0}
.abha-round-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;flex:none;border-radius:14px;background:#def7e9;font-size:28px}
.abha-steps{display:grid;gap:11px;margin:18px 0}
.abha-steps>div{display:flex;align-items:start;gap:12px;font-size:14px;color:#374151;line-height:1.55}
.abha-steps b{flex:none;display:flex;justify-content:center;align-items:center;width:26px;height:26px;background:#d8f3e4;border-radius:50%;color:#0b7252;font-size:12px}
.abha-download-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.abha-download-actions .btn{text-decoration:none;text-align:center;white-space:normal;line-height:1.5}
.abha-privacy{font-size:12px;line-height:1.6;color:#53615a;margin:13px 0 0}
@media(max-width:600px){.abha-official-box{padding:14px}.abha-official-heading h2{font-size:19px}}

/* V3.8.7 owner controls, support CTA and official AO dropdown */
.inline-control{display:inline-block;margin:.2rem .25rem .2rem 0}.inline-control .btn{white-space:nowrap}
.support-toplinks{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.support-toplinks a{font-size:12px;text-decoration:none;color:inherit;padding:7px 9px;border:1px solid #d8d7e4;border-radius:7px;background:#fff}.support-toplinks a:hover{background:#f1f0fa}
.login-support-cta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.login-support-cta a{font-size:12px;padding:9px;border:1px solid #dcd8e7;border-radius:7px;color:#3b1852;text-decoration:none}
.pan-ao-helper #panAoCityChoice:disabled{opacity:.65}.pan-ao-helper label{min-width:0}.ao-message{padding:10px 0;line-height:1.5}
@media(max-width:1080px){.support-toplinks{display:none}}

.support-cta-panel{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;padding:12px;margin:0 14px;background:#f8faff;border:1px solid #e5e7ee;border-radius:10px}
.support-cta-panel a{padding:8px 12px;border-radius:9px;background:#fff;border:1px solid #e0dcea;font-size:12px;font-weight:700;color:#321650}
.status.deleted,.status.suspended{background:#ffe7e7;color:#ad2626}

/* V3.8.9 — document proof dropdown + adjacent upload / location selection */
.proof-section{margin:20px 0;padding:18px;border:1px solid #e1e5ec;border-radius:12px;background:#fbfcfe}
.proof-section h3{margin:0 0 8px}
.proof-help{font-size:13px;color:#596477;line-height:1.6;margin:7px 0 15px}
.proof-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end;margin:12px 0;padding:12px;background:#fff;border:1px solid #e6eaf1;border-radius:10px}
.proof-pair label{min-width:0;display:block}.proof-pair select,.proof-pair input[type=file]{width:100%;max-width:100%;margin-top:8px}
.proof-upload-hint{font-size:11px;display:block;color:#667085;margin-top:5px}
.location-dropdown-panel{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#fff;padding:14px 16px;border:1px solid #e0e5ed;border-radius:13px;margin:15px 0}
.location-dropdown-panel label{font-weight:700;flex:1;min-width:180px}.location-dropdown-panel select{width:100%;margin-top:8px}
@media(max-width:680px){.proof-pair{grid-template-columns:minmax(0,1fr)}.proof-section{padding:12px}}

/* v3.9.0 – reference PAN application layout */
.pan-application-form{margin:16px 0 22px;padding:17px;border:1px solid #dce7ef;border-radius:12px;background:#fff}
.pan-application-form h3{font-size:15px;margin:18px 0 10px;border-bottom:1px solid #e8edf2;padding-bottom:9px;color:#1e4557}
.pan-application-form h3:first-child{margin-top:0}
.pan-application-form .form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pan-application-form label{min-width:0}.pan-application-form small{display:block;font-size:11px;font-weight:400;color:#667085;margin-top:5px}
.pan-application-form input[readonly]{background:#f1f5f9}
@media(max-width:1040px){.pan-application-form .form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.pan-application-form .form-grid.four{grid-template-columns:1fr}.pan-application-form{padding:12px}}

/* v3.9.1 — every service application now has one responsive, full-width panel.
   Informational service card removed from app.php; service metadata stays in DB/admin. */
.service-form-layout{display:block;width:100%;min-width:0}
.service-form-layout>.service-form-panel{width:100%;min-width:0;max-width:none;margin:0;padding:clamp(16px,1.8vw,30px);overflow-wrap:anywhere}
.service-form-panel form,.service-form-panel .pan-application-form,.service-form-panel .pan-ao-helper,.service-form-panel .proof-section{width:100%;min-width:0;max-width:100%}
.service-form-panel .form-grid,.service-form-panel .form-grid.three,.service-form-panel .form-grid.four,.service-form-panel .ao-code-grid{gap:clamp(10px,1.25vw,18px)}
.service-form-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-form-panel .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-form-panel .form-grid.four,.service-form-panel .ao-code-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-form-panel .form-grid>*,.service-form-panel .proof-pair>*,.service-form-panel .section-head>*,.service-form-panel label{min-width:0;max-width:100%}
.service-form-panel input,.service-form-panel select,.service-form-panel textarea{min-width:0;max-width:100%;box-sizing:border-box}
.service-form-panel select{overflow:hidden;text-overflow:ellipsis}
.service-form-panel .pan-application-form,.service-form-panel .proof-section,.service-form-panel .pan-ao-helper{padding:clamp(12px,1.5vw,24px)}
.service-form-panel .pan-ao-helper .section-head{flex-wrap:wrap;align-items:flex-start;gap:8px 16px}
.service-form-panel .pan-ao-helper .section-head>div{flex:1 1 340px;min-width:0}
.service-form-panel .pan-ao-helper .section-head .status{white-space:normal;overflow-wrap:anywhere}
.service-form-panel #panAoOfficialLink{white-space:normal;line-height:1.5}
.service-form-panel #panAoSelectWrap{width:100%;min-width:0}
.service-form-panel #panAoSelect{display:block;width:100%;max-width:100%}
.service-form-panel .proof-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1260px){
 .service-form-panel .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-form-panel .form-grid.four,.service-form-panel .ao-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .service-form-layout>.service-form-panel{padding:14px}
 .service-form-panel .form-grid,.service-form-panel .form-grid.three,.service-form-panel .form-grid.four,.service-form-panel .ao-code-grid,.service-form-panel .proof-pair{grid-template-columns:minmax(0,1fr)}
 .service-form-panel .pan-application-form,.service-form-panel .proof-section,.service-form-panel .pan-ao-helper{padding:12px}
 .service-form-panel .pan-ao-helper .section-head>div{flex-basis:100%}
}

/* v3.9.2 — single-city picker, selectable official AO table, responsive on all devices */
.pan-ao-helper{max-width:100%;min-width:0;overflow:hidden}
.pan-ao-helper .ao-title-row{gap:12px}
.ao-top-controls{display:flex;align-items:end;gap:12px;margin:14px 0 10px;flex-wrap:wrap}
.ao-city-field{flex:1 1 360px;min-width:220px;max-width:720px}
.ao-city-field input{width:100%;margin:7px 0 0;box-sizing:border-box}
.ao-city-field small{display:block;font-size:12px;font-weight:400;color:#626f7e;margin:6px 0 0}
.ao-top-controls .ao-official-verify{flex:0 0 auto;max-width:100%;white-space:normal;text-align:center}
.pan-ao-helper .ao-records[hidden]{display:none!important}
.ao-records{min-width:0;max-width:100%;margin:14px 0 18px}
.ao-table-tools{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ao-table-tools strong{font-size:15px;color:#172a47}
.ao-table-tools small{display:block;margin-top:4px;color:#667085;font-size:12px}
.ao-search-field{flex:0 1 330px;min-width:190px}
.ao-search-field input{margin:0;width:100%;max-width:100%;box-sizing:border-box}
.ao-table-scroll{width:100%;max-width:100%;min-width:0;max-height:370px;overflow:auto;overscroll-behavior:contain;border:1px solid #d9e2ed;border-radius:10px;background:#fff;box-sizing:border-box;scrollbar-color:#b7c5d8 #f7f9fc}
.ao-table-scroll:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.ao-results-table{width:100%;min-width:790px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px;line-height:1.4;color:#26384b}
.ao-results-table th,.ao-results-table td{padding:10px 9px;border-bottom:1px solid #e9edf3;border-right:1px solid #edf1f5;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.ao-results-table th:last-child,.ao-results-table td:last-child{border-right:0}
.ao-results-table thead th{position:sticky;top:0;z-index:1;background:#edf3f9;color:#213f57;font-size:11px;font-weight:800;white-space:normal}
.ao-results-table th:nth-child(1){width:68px}.ao-results-table th:nth-child(2){width:18%}.ao-results-table th:nth-child(3){width:auto}.ao-results-table th:nth-child(4){width:75px}.ao-results-table th:nth-child(5){width:59px}.ao-results-table th:nth-child(6){width:74px}.ao-results-table th:nth-child(7){width:60px}
.ao-results-table tbody tr{cursor:pointer}.ao-results-table tbody tr:nth-child(even){background:#f8fafc}.ao-results-table tbody tr:hover{background:#edf6ff}.ao-results-table tbody tr.is-selected{background:#e1f3e9;box-shadow:inset 3px 0 #19a25e}
.ao-radio-cell{text-align:center!important;vertical-align:middle!important}.ao-radio-cell input{width:18px;height:18px;accent-color:#159a65;cursor:pointer}
.ao-ward{font-weight:700}.ao-description{white-space:normal;line-height:1.5}.ao-code-cell{white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums}.ao-no-results{text-align:center!important;color:#667085!important;padding:25px!important}
.ao-pin-match{display:inline-block;margin:5px 0 0 7px;padding:2px 6px;background:#e6f5ed;color:#146e42;border-radius:5px;font-size:10px;font-weight:700}
.ao-selected-note{font-size:12px;line-height:1.5;color:#3e566b;margin:9px 0 0}
.ao-caution{font-size:12px;line-height:1.5;color:#605e69;margin:10px 0 0}
.pan-ao-helper .ao-code-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:16px 0 2px}
.pan-ao-helper .ao-code-grid input{background:#f0f3f6;border-color:#d1d9e3;color:#24455c;font-size:16px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.pan-ao-helper .ao-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
 .ao-top-controls{align-items:stretch}.ao-city-field{flex-basis:100%;min-width:0}.ao-top-controls .ao-official-verify{flex:0 0 auto}
 .ao-table-tools{align-items:stretch}.ao-search-field{flex-basis:100%;min-width:0}
 .ao-table-scroll{max-height:450px;border:0;overflow-y:auto;overflow-x:hidden;background:transparent}
 .ao-results-table{display:block;min-width:0;width:100%}.ao-results-table thead{display:none}.ao-results-table tbody{display:block}.ao-results-table tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 9px;margin:0 0 10px;border:1px solid #dce4eb;border-radius:10px;padding:10px;background:#fff;box-shadow:0 1px 1px #0011;align-items:start}
 .ao-results-table tbody tr:nth-child(even){background:#fff}.ao-results-table tbody tr.is-selected{border-color:#19985e;background:#edf9f2}
 .ao-results-table tbody td{border:0;padding:2px 0;min-width:0}.ao-results-table tbody .ao-radio-cell{grid-column:1;grid-row:1;align-self:center}.ao-results-table tbody .ao-ward{grid-column:2 / 5;grid-row:1;font-size:13px}.ao-results-table tbody .ao-description{grid-column:1 / -1;grid-row:2;font-size:12px;color:#4d5f6f}
 .ao-results-table tbody .ao-code-cell{display:inline-block;grid-column:auto;background:#f1f5f9;border-radius:6px;padding:6px;font-size:12px;text-align:center;white-space:normal}
 .ao-results-table tbody .ao-code-cell:nth-child(4){grid-column:1 / 3}.ao-results-table tbody .ao-code-cell:nth-child(5){grid-column:3 / 5}.ao-results-table tbody .ao-code-cell:nth-child(6){grid-column:1 / 3}.ao-results-table tbody .ao-code-cell:nth-child(7){grid-column:3 / 5}
 .ao-results-table tbody .ao-code-cell:nth-child(4)::before{content:'Area: ';font-weight:400}.ao-results-table tbody .ao-code-cell:nth-child(5)::before{content:'Type: ';font-weight:400}.ao-results-table tbody .ao-code-cell:nth-child(6)::before{content:'Range: ';font-weight:400}.ao-results-table tbody .ao-code-cell:nth-child(7)::before{content:'AO No.: ';font-weight:400}
 .ao-results-table tbody .ao-no-results{grid-column:1 / -1}
}
@media(max-width:400px){.pan-ao-helper .ao-code-grid{grid-template-columns:minmax(0,1fr)!important}.pan-ao-helper{padding:12px!important}}