:root{--green:#008553;--green-2:#006d49;--green-3:#003f31;--mint:#eaf8f1;--mint-2:#f6fcf8;--ink:#0b241b;--muted:#63746d;--line:#dceae3;--card:#ffffff;--danger:#ef233c;--shadow:0 18px 42px rgba(0,72,45,.13);--soft-shadow:0 10px 24px rgba(2,72,43,.08);--radius:24px;--max:452px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Bengali","Noto Sans",Arial,sans-serif;background:radial-gradient(circle at top,#dff5ea 0,#eef8f3 28%,#f7fbf8 70%);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{width:100%;min-height:100vh}.mobile-frame{width:100%;max-width:var(--max);min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#f7fcf9 0%,#eff8f3 48%,#f8fbf8 100%);position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 28px 100px rgba(2,72,43,.15);overflow:hidden}.app-header{height:82px;background:linear-gradient(135deg,#008d58,#006c48);color:#fff;display:flex;align-items:center;gap:12px;padding:12px 18px;position:sticky;top:0;z-index:70;box-shadow:0 14px 24px rgba(0,83,55,.16)}.app-header:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent)}.icon-btn{width:42px;height:42px;border:0;border-radius:16px;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:24px;transition:.18s ease}.icon-btn:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}.bell-btn{position:relative}.bell-btn:after{content:"";width:7px;height:7px;border-radius:99px;background:#c8ff61;position:absolute;right:10px;top:10px;box-shadow:0 0 0 4px rgba(200,255,97,.18)}.brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.brand img{width:38px;height:38px;border-radius:13px;object-fit:cover;background:#fff;padding:2px}.brand strong{display:block;font-size:20px;font-weight:950;line-height:1;letter-spacing:-.4px}.brand small{display:block;font-size:12px;font-weight:800;opacity:.92;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-content{padding:14px 16px 104px;position:relative;z-index:1}.splash-screen{position:fixed;inset:0;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.12),transparent 170px),linear-gradient(180deg,#008553,#00764d 62%,#006a46);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;transition:opacity .38s ease,transform .38s ease}.splash-screen.hide{opacity:0;transform:scale(1.03);pointer-events:none}.splash-orbit{position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid rgba(255,255,255,.14);animation:orbitPulse 1.8s ease-in-out infinite}.splash-orbit:before,.splash-orbit:after{content:"";position:absolute;inset:-26px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.splash-orbit span{position:absolute;right:18px;top:22px;width:11px;height:11px;border-radius:50%;background:#c8ff61;box-shadow:0 0 24px rgba(200,255,97,.9)}.splash-logo{width:74px;height:74px;border-radius:24px;background:rgba(255,255,255,.17);display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 22px 50px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.splash-logo img{width:58px;height:58px;object-fit:cover;border-radius:20px}.splash-logo i{font-size:38px}.splash-screen h1{margin:0;font-size:34px;letter-spacing:-1px;font-weight:1000}.splash-screen p{margin:8px 0 0;font-weight:850;opacity:.88}.splash-screen small{margin-top:8px;opacity:.9;font-weight:800}.splash-dots{display:flex;gap:8px;margin-top:110px}.splash-dots span{width:9px;height:9px;border-radius:50%;background:#fff;animation:dots 1.1s infinite ease-in-out}.splash-dots span:nth-child(2){animation-delay:.14s}.splash-dots span:nth-child(3){animation-delay:.28s}@keyframes orbitPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:.55}}@keyframes dots{0%,80%,100%{transform:translateY(0);opacity:.55}40%{transform:translateY(-9px);opacity:1}}
.top-toast{position:absolute;left:16px;right:16px;top:92px;z-index:90;background:linear-gradient(135deg,#0f765f,#006c51);color:#fff;border-radius:18px;padding:12px;display:grid;grid-template-columns:44px 1fr 36px;align-items:center;gap:10px;box-shadow:0 18px 36px rgba(0,60,45,.22);transform:translateY(-16px);opacity:0;pointer-events:none;transition:.22s ease}.top-toast.show{transform:translateY(0);opacity:1;pointer-events:auto}.top-toast .toast-icon{width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:23px}.top-toast strong{display:block;font-weight:950}.top-toast small{display:block;font-weight:750;opacity:.9;margin-top:2px}.top-toast button{border:0;background:transparent;color:#fff;font-size:18px}.greeting-panel{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:3px 0 13px}.greeting-panel .hello{background:rgba(255,255,255,.8);border:1px solid rgba(0,96,61,.06);border-radius:20px;padding:14px 16px;box-shadow:var(--soft-shadow)}.hello small{display:block;font-weight:900;color:var(--green);margin-bottom:4px}.hello strong{font-size:20px;font-weight:1000;letter-spacing:-.3px}.hello p{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:750}.weather-pill{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#fff,#e9fbf2);display:grid;place-items:center;text-align:center;box-shadow:var(--soft-shadow);border:1px solid rgba(0,96,61,.06)}.weather-pill i{font-size:25px;color:#ff9f1c}.weather-pill b{font-weight:1000}.hero-card{position:relative;min-height:250px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 90% 8%,rgba(210,255,151,.9) 0,rgba(210,255,151,.18) 23%,transparent 45%),linear-gradient(135deg,#006d49,#0e8a61 58%,#3b9b78);background-size:cover;background-position:center;box-shadow:0 22px 42px rgba(0,73,45,.25);border:1px solid rgba(255,255,255,.46);isolation:isolate}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(0,0,0,.08));z-index:0}.hero-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;bottom:-70px;background:rgba(255,255,255,.12);box-shadow:-120px -120px 0 rgba(255,255,255,.06);z-index:0}.hero-content{position:relative;z-index:2;color:#fff;padding:20px 18px 104px;max-width:78%}.hero-kicker{font-size:12px;font-weight:950;opacity:.94}.hero-content h1{font-size:34px;line-height:1.05;margin:8px 0 10px;font-weight:1000;color:#c9f36e;text-shadow:0 2px 8px rgba(0,0,0,.18)}.hero-content p{margin:0;font-size:13px;line-height:1.55;opacity:.98;font-weight:700}.hero-location{margin-top:18px;font-size:12px;font-weight:850;display:flex;align-items:center;gap:5px;opacity:.95}.hero-badge{position:absolute;right:12px;top:13px;z-index:2;width:76px;height:76px;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(13px);border-radius:23px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-badge strong{font-size:25px;font-weight:1000}.hero-badge span{font-size:11px;font-weight:900}.hero-metrics{position:absolute;left:12px;right:12px;bottom:13px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.hero-metrics span{min-height:70px;border-radius:20px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.hero-metrics i{font-size:18px}.hero-metrics b{font-size:20px;font-weight:1000}.hero-metrics small{font-size:11px;font-weight:900}.prayer-card{margin-top:14px;background:radial-gradient(circle at 96% 10%,rgba(83,220,162,.35),transparent 34%),linear-gradient(135deg,#076b58,#005d49);color:#fff;border-radius:25px;overflow:hidden;box-shadow:0 18px 34px rgba(0,60,35,.19);border:1px solid rgba(255,255,255,.12)}.prayer-head{display:flex;justify-content:space-between;gap:10px;padding:18px 18px 13px}.prayer-head h2{font-size:18px;margin:0 0 10px;font-weight:1000}.prayer-head h2 i{margin-right:6px}.prayer-head p{margin:0;font-size:12px;font-weight:800;opacity:.86}.prayer-head strong{font-size:28px;line-height:1.15;font-weight:1000;display:block}.prayer-head span{font-size:12px;opacity:.86}.prayer-head>b{align-self:end;font-size:22px;font-weight:1000;margin-bottom:14px}.prayer-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:rgba(0,70,55,.46);padding:9px 8px}.prayer-list span{border-radius:14px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center}.prayer-list span.current{background:rgba(255,255,255,.20);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.prayer-list small{font-size:11px;font-weight:900;opacity:.94}.prayer-list b{font-size:12px;font-weight:1000;margin-top:3px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:21px 4px 12px}.section-head h2{margin:0;font-size:19px;font-weight:1000;letter-spacing:-.3px}.section-head a{font-size:13px;font-weight:950;color:var(--green);display:flex;align-items:center;gap:4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-grid.all{grid-template-columns:repeat(3,1fr);margin-top:14px}.service-card{min-height:92px;background:rgba(255,255,255,.96);border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;box-shadow:var(--soft-shadow);border:1px solid rgba(2,72,43,.05);padding:10px 5px;transition:transform .18s ease,box-shadow .18s ease,opacity .35s ease;opacity:0;transform:translateY(16px)}.service-card.in{opacity:1;transform:translateY(0);transition-delay:var(--delay)}.service-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(2,72,43,.12)}.service-card strong{font-size:12px;font-weight:950;color:#1b2e27}.service-icon{width:52px;height:52px;border-radius:18px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 12px 22px rgba(0,0,0,.13);flex:0 0 auto}.service-icon.blue,.service-preview.blue{background:linear-gradient(135deg,#2fc4ff,#086fe5)}.service-icon.red,.service-preview.red{background:linear-gradient(135deg,#ff6074,#ed123b)}.service-icon.pink,.service-preview.pink{background:linear-gradient(135deg,#ff70ad,#ec0f79)}.service-icon.green,.service-preview.green{background:linear-gradient(135deg,#28d3a1,#08a973)}.service-icon.teal,.service-preview.teal{background:linear-gradient(135deg,#20c9b4,#048a7d)}.service-icon.orange,.service-preview.orange{background:linear-gradient(135deg,#ffad25,#ff6817)}.service-icon.purple,.service-preview.purple{background:linear-gradient(135deg,#8b5cf6,#b517ff)}.premium-card,.featured-card,.page-card,.list-card,.video-card,.auth-tabs,.profile-hero,.contact-panel,.video-shell{margin-top:16px;background:rgba(255,255,255,.96);border-radius:24px;padding:18px;box-shadow:var(--soft-shadow);border:1px solid rgba(2,72,43,.05)}.premium-card{position:relative;overflow:hidden}.premium-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-40px;top:-40px;background:rgba(0,133,83,.08)}.featured-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff,#f3fbf7)}.featured-card h2,.page-card h1,.list-card h2{font-size:21px;margin:0 0 8px;font-weight:1000;letter-spacing:-.4px}.featured-card p,.page-card p{margin:0;color:var(--muted);line-height:1.58;font-weight:650}.featured-card a,.primary-link,.round-action{width:44px;height:44px;border-radius:16px;background:#eaf8f1;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 44px;border:0}.quick-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.quick-strip a,.quick-strip button{border:1px solid #e2eee8;border-radius:17px;background:#fff;padding:13px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:950;color:var(--ink);box-shadow:0 8px 18px rgba(2,72,43,.05)}.quick-strip i{font-size:22px;color:var(--green)}.page-hero{background:linear-gradient(135deg,#008553,#006d49);color:#fff;border-radius:0 0 28px 28px;margin:-14px -16px 16px;padding:18px 16px 20px;box-shadow:0 16px 32px rgba(0,72,45,.16)}.page-hero h1{margin:0;font-size:26px;font-weight:1000}.page-hero p{margin:7px 0 0;font-size:13px;font-weight:750;opacity:.92;line-height:1.5}.search-box{height:48px;border-radius:18px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #e5eee9;box-shadow:0 8px 20px rgba(2,72,43,.06);margin-bottom:12px}.search-box i{color:var(--green);font-size:20px}.search-box input{border:0;outline:0;background:transparent;flex:1;color:var(--ink);min-width:0}.chips{display:flex;gap:8px;overflow:auto;padding:0 0 11px;margin-bottom:4px}.chips span{white-space:nowrap;border-radius:99px;padding:9px 14px;background:#fff;border:1px solid #e2eee8;font-weight:900;font-size:12px;color:#3c5149}.chips span.active{background:var(--green);color:#fff;border-color:var(--green)}.doctor-card,.blood-card{background:#fff;border:1px solid rgba(2,72,43,.06);border-radius:23px;padding:13px;box-shadow:var(--soft-shadow);margin-bottom:12px;opacity:0;transform:translateY(16px);transition:.32s ease}.doctor-card.in,.blood-card.in{opacity:1;transform:translateY(0);transition-delay:var(--delay)}.doctor-main,.blood-main{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center}.doctor-avatar,.blood-avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#e9f8f1,#fff);display:grid;place-items:center;overflow:hidden;border:1px solid #e6f0eb;color:var(--green);font-size:29px}.doctor-avatar img{width:100%;height:100%;object-fit:cover}.doctor-card h2,.blood-card h2{font-size:17px;font-weight:1000;margin:0 0 3px}.doctor-card p,.blood-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.45;font-weight:700}.doctor-actions,.blood-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.doctor-actions a,.blood-actions a{min-height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:950;font-size:12px;border:1px solid #d8ece3;background:#f7fcf9;color:var(--green)}.doctor-actions a.primary,.blood-actions a.primary{background:var(--green);color:#fff;border-color:var(--green)}.blood-badge{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#ff6074,#ed123b);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:1000;box-shadow:0 12px 24px rgba(239,35,60,.22)}.contact-identity{text-align:center;padding:20px 12px}.contact-logo{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#008553,#00b371);color:#fff;display:grid;place-items:center;margin:0 auto 14px;font-size:28px;font-weight:1000;box-shadow:0 14px 34px rgba(0,133,83,.26);overflow:hidden}.contact-logo img{width:100%;height:100%;object-fit:cover}.contact-identity h1{margin:0;font-size:21px;font-weight:1000}.contact-identity p{margin:8px auto 0;color:var(--muted);font-size:13px;line-height:1.55;max-width:320px}.contact-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.contact-actions a{border:1px solid #e2eee8;border-radius:17px;padding:13px 6px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:950;box-shadow:0 8px 18px rgba(2,72,43,.05)}.contact-actions i{font-size:24px;color:var(--green)}.contact-actions span{font-size:12px;color:#66756f;font-weight:850}.contact-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef3f0}.contact-row:last-child{border-bottom:0}.contact-row strong{display:block;font-weight:1000}.contact-row small{display:block;color:#66756f;font-weight:750;margin-top:3px}.contact-row>b{font-size:13px;color:var(--green)}.video-shell{padding:0;overflow:hidden;background:#111;color:#fff}.video-shell iframe,.video-shell video{width:100%;height:238px;border:0;background:#111;display:block}.video-meta{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:#070707}.video-meta strong{font-weight:1000}.video-meta small{display:block;color:#aaa;margin-top:3px}.video-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.video-tools span{background:#fff;border-radius:18px;min-height:70px;display:grid;place-items:center;text-align:center;box-shadow:var(--soft-shadow);border:1px solid #e5eee9;color:var(--ink);font-size:12px;font-weight:850}.video-tools i{font-size:22px;color:var(--green);display:block;margin-bottom:3px}.empty-state{text-align:center;color:#66756f;padding:32px 10px}.empty-state i{font-size:46px;color:var(--green)}.empty-state p{font-weight:750}.front-alert,.front-success{border-radius:16px;padding:12px 14px;margin:12px 0;font-weight:900;display:flex;align-items:center;gap:8px}.front-alert{background:#fff0f0;color:#b00020}.front-success{background:#e7fff2;color:#007a49}.simple-form{margin-top:14px;display:grid;gap:10px}.simple-form label{font-weight:950;color:#20352d}.simple-form input{height:51px;border:1px solid #dbe8e1;border-radius:16px;padding:0 14px;background:#fff;outline:0}.simple-form input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(0,133,79,.10)}.simple-form button,.logout-btn{height:51px;border:0;border-radius:16px;background:var(--green);color:#fff;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:8px}.auth-tabs{padding:14px}.tab-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#edf7f2;border-radius:18px;padding:6px}.tab-buttons button{border:0;border-radius:14px;min-height:43px;font-weight:1000;background:transparent;color:#52645d}.tab-buttons button.active{background:#fff;color:var(--green);box-shadow:0 6px 14px rgba(0,0,0,.06)}.auth-panel{display:none}.auth-panel.active{display:grid}.profile-hero{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,#ffffff,#effbf5)}.profile-hero h1{margin:0;font-size:24px;font-weight:1000}.profile-hero p{margin:5px 0 0;color:#5d6f68;line-height:1.45}.avatar-ring{width:66px;height:66px;border-radius:23px;background:linear-gradient(135deg,#008553,#13bf82);color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 12px 26px rgba(0,133,79,.22)}.profile-card{display:grid;gap:10px}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf3ef;padding:8px 0}.profile-row span{color:#63746e;font-weight:850}.profile-row strong{font-weight:1000}.profile-row .ok{color:var(--green)}.logout-btn{margin-top:10px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:var(--max);height:75px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid #dbe5df;display:grid;grid-template-columns:1fr 1fr 90px 1fr 1fr;align-items:center;z-index:80;box-shadow:0 -12px 28px rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a,.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:850;color:#66756f}.bottom-nav a i,.bottom-nav button i{font-size:22px}.bottom-nav a.active{color:var(--green)}.bottom-nav .emergency{width:72px;height:72px;border-radius:50%;margin:-34px auto 0;background:radial-gradient(circle at 30% 20%,#ff7a7a,#e70026 70%);color:#fff;justify-content:center;box-shadow:0 14px 34px rgba(229,0,32,.38);border:8px solid rgba(255,72,72,.18)}.bottom-nav .emergency i{font-size:27px}.side-drawer{position:absolute;left:0;top:0;width:332px;max-width:84%;height:100%;min-height:100vh;background:#fff;z-index:120;box-shadow:18px 0 44px rgba(0,0,0,.20);transform:translateX(-105%);transition:.25s ease;border-radius:0 28px 28px 0;overflow:auto}.side-drawer.open{transform:translateX(0)}.drawer-backdrop{position:absolute;inset:0;z-index:110;border:0;background:rgba(1,24,15,.42);opacity:0;pointer-events:none;transition:.2s ease}.drawer-backdrop.show{opacity:1;pointer-events:auto}.drawer-head{background:linear-gradient(135deg,#008d58,#006c48);color:#fff;padding:18px;display:grid;grid-template-columns:48px 1fr 38px;gap:11px;align-items:center}.drawer-logo{width:48px;height:48px;border-radius:17px;background:rgba(255,255,255,.15);display:grid;place-items:center;overflow:hidden}.drawer-logo img{width:100%;height:100%;object-fit:cover}.drawer-logo i{font-size:24px}.drawer-head strong{display:block;font-size:18px;font-weight:1000}.drawer-head span{font-size:12px;font-weight:850;opacity:.9}.drawer-head button{border:0;background:rgba(255,255,255,.16);color:#fff;width:38px;height:38px;border-radius:14px}.side-drawer nav{padding:14px}.side-drawer nav a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;font-weight:950;color:#22342d}.side-drawer nav a:hover{background:#edf8f1;color:var(--green)}.drawer-foot{margin:8px 14px 20px;background:#f2fbf6;border-radius:18px;padding:14px}.drawer-foot small{display:block;color:#6b7b75;font-weight:850}.drawer-foot a{display:flex;align-items:center;gap:8px;color:var(--green);font-weight:1000;margin-top:5px}.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:130;opacity:0;pointer-events:none;transition:.2s ease}.sheet-backdrop.show{opacity:1;pointer-events:auto}.emergency-sheet{position:absolute;left:0;right:0;bottom:0;z-index:140;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -20px 54px rgba(0,0,0,.24);padding:10px 16px 22px;transform:translateY(110%);transition:.25s ease;max-height:82vh;overflow:auto}.emergency-sheet.show{transform:translateY(0)}.sheet-handle{width:48px;height:5px;border-radius:99px;background:#dbe6e1;margin:2px auto 12px}.sheet-title{display:grid;grid-template-columns:48px 1fr 36px;align-items:center;gap:10px;margin-bottom:12px}.sheet-title>span{width:48px;height:48px;border-radius:18px;background:#fff0f0;color:#f03d4d;display:grid;place-items:center;font-size:24px}.sheet-title h2{margin:0;font-size:20px;font-weight:1000}.sheet-title p{margin:2px 0 0;color:#66756f;font-size:12px;font-weight:850}.sheet-title button{border:0;background:#f5f8f6;border-radius:12px;width:36px;height:36px}.emergency-row{display:grid;grid-template-columns:54px 1fr 44px;align-items:center;gap:12px;padding:10px;border:1px solid #e3eee8;border-radius:18px;margin-bottom:9px}.emergency-row b{width:42px;height:42px;border-radius:50%;background:#00b65f;color:#fff;display:grid;place-items:center}.sheet-note{text-align:center;color:#66756f;font-size:12px;font-weight:750;margin:10px 0 0}.reveal,.premium-card,.contact-panel,.video-shell{opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .35s ease}.reveal.in,.premium-card.in,.contact-panel.in,.video-shell.in{opacity:1;transform:translateY(0);transition-delay:var(--delay)}@media(max-width:480px){.mobile-frame{max-width:100%;box-shadow:none}.bottom-nav{max-width:100%}.app-content{padding-left:16px;padding-right:16px}.hero-card{min-height:250px}}@media(max-width:370px){.service-grid{gap:9px}.service-card strong{font-size:11px}.service-icon{width:46px;height:46px}.prayer-list b{font-size:10px}.hero-content h1{font-size:29px}.hero-content{max-width:82%}.contact-actions{gap:7px}.bottom-nav{grid-template-columns:1fr 1fr 82px 1fr 1fr}.bottom-nav .emergency{width:68px;height:68px}}

/* ===== v6 frontend interaction + emergency + live TV fixes ===== */
a,button,.service-card,.premium-card,.doctor-card,.blood-card,.contact-actions a,.bottom-nav a,.bottom-nav button,.simple-form button,.logout-btn{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent}
a:active,button:active,.service-card:active,.contact-actions a:active,.bottom-nav a:active,.bottom-nav button:active,.simple-form button:active,.logout-btn:active{transform:scale(.965)}
.service-card:hover,.premium-card:hover,.doctor-card:hover,.blood-card:hover{box-shadow:0 18px 40px rgba(0,72,45,.14)}
.bottom-nav .emergency{animation:suEmergencyGlow 2.25s ease-in-out infinite;position:relative;overflow:visible}.bottom-nav .emergency:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(239,35,60,.22);animation:suPulseRing 2.25s ease-in-out infinite;pointer-events:none}@keyframes suEmergencyGlow{0%,100%{box-shadow:0 14px 34px rgba(229,0,32,.36)}50%{box-shadow:0 18px 42px rgba(229,0,32,.52)}}@keyframes suPulseRing{0%{transform:scale(.82);opacity:.85}70%,100%{transform:scale(1.25);opacity:0}}
body.sheet-open{overflow:hidden}.sheet-backdrop{position:fixed;left:50%;top:0;bottom:0;width:100%;max-width:var(--max);transform:translateX(-50%);background:rgba(0,0,0,.58);z-index:130;opacity:0;pointer-events:none;transition:.22s ease;backdrop-filter:blur(3px)}.sheet-backdrop.show{opacity:1;pointer-events:auto}.emergency-sheet{position:fixed;left:50%;right:auto;bottom:0;width:100%;max-width:var(--max);z-index:140;background:#fff;border-radius:30px 30px 0 0;box-shadow:0 -26px 70px rgba(0,0,0,.28);padding:10px 16px calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,110%);transition:transform .28s cubic-bezier(.2,.9,.2,1);max-height:min(78vh,680px);overflow:auto;overscroll-behavior:contain}.emergency-sheet.show{transform:translate(-50%,0)}.sheet-title{grid-template-columns:52px 1fr 40px;margin-bottom:14px}.sheet-title h2{font-size:20px;line-height:1.15;letter-spacing:-.01em}.sheet-title p{font-size:13px;line-height:1.25}.emergency-list{display:grid;gap:10px}.emergency-row{grid-template-columns:56px 1fr 46px;gap:11px;padding:11px;border-radius:20px;margin:0;background:linear-gradient(180deg,#fff,#fbfffd);box-shadow:0 8px 18px rgba(2,72,43,.055)}.emergency-row span:not(.service-icon){min-width:0}.emergency-row strong{display:block;color:#11251d;font-size:15px;line-height:1.2;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emergency-row small{display:block;color:#61736b;font-size:12px;line-height:1.35;font-weight:800;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emergency-row>b{width:46px;height:46px;border-radius:50%;background:#07bd63;color:#fff;display:grid;place-items:center;box-shadow:0 10px 22px rgba(7,189,99,.26)}.sheet-note{font-size:12px;line-height:1.45;margin:12px 6px 0}.service-icon{flex:0 0 auto}
.live-hero{background:linear-gradient(135deg,#007f51,#00a66a);color:#fff;border:0;overflow:hidden;position:relative}.live-hero:before{content:"";position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.12)}.live-hero-top{position:relative;display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center}.live-pulse{width:58px;height:58px;border-radius:22px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:27px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);animation:suLivePulse 1.8s ease-in-out infinite}.live-hero small{font-weight:900;opacity:.88}.live-hero h1{font-size:24px;line-height:1.12;margin:2px 0 5px;font-weight:1000}.live-hero p{margin:0;font-size:13px;line-height:1.5;font-weight:750;opacity:.94}.live-hero-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.live-hero-stats span{min-height:68px;border-radius:18px;background:rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.18);text-align:center}.live-hero-stats i{font-size:20px}.live-hero-stats b{font-size:13px;font-weight:1000}.live-hero-stats small{font-size:10px}.live-player-card{padding:0;border-radius:25px;overflow:hidden;background:#0b1110;color:#fff;box-shadow:0 20px 46px rgba(0,50,32,.18);opacity:1;transform:none}.live-screen{position:relative;min-height:238px;background:radial-gradient(circle at center,#1d2a28,#090d0c 65%);display:grid;place-items:center}.live-screen iframe,.live-screen video{width:100%;height:238px;border:0;display:block;background:#060606}.live-badge{position:absolute;z-index:3;left:13px;top:12px;height:25px;padding:0 10px;border-radius:999px;background:rgba(220,0,36,.92);display:flex;align-items:center;gap:6px;font-size:11px;font-weight:1000;letter-spacing:.04em}.live-badge span{width:7px;height:7px;border-radius:50%;background:#fff;animation:suBlink 1.2s infinite}.live-empty{display:grid;place-items:center;text-align:center;padding:28px;color:#d9e7e1}.live-empty i{font-size:48px;color:#32d98e}.live-empty strong{font-size:18px;font-weight:1000;margin-top:8px}.live-empty p{font-size:13px;line-height:1.5;margin:7px auto 0;max-width:290px;color:#a9bbb4}.live-player-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;background:linear-gradient(180deg,#080a0a,#000)}.live-player-meta strong{display:block;font-size:16px;font-weight:1000}.live-player-meta small{display:flex;align-items:center;gap:5px;color:#a8b8b2;font-size:12px;font-weight:750;margin-top:4px}.live-player-meta button{width:42px;height:42px;border-radius:15px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:20px}.channel-section{margin-top:16px}.section-title.compact{display:flex;align-items:end;justify-content:space-between;margin:0 2px 10px}.section-title.compact h2{font-size:18px;margin:0;font-weight:1000}.section-title.compact span{font-size:12px;font-weight:900;color:var(--green)}.channel-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.channel-chip{min-height:86px;border:1px solid #e1eee7;background:linear-gradient(180deg,#fff,#f8fffb);border-radius:20px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;box-shadow:var(--soft-shadow);color:var(--ink);text-align:left}.channel-chip i{font-size:24px;color:var(--green)}.channel-chip span{font-size:14px;font-weight:1000;line-height:1.15}.channel-chip small{font-size:11px;color:#66756f;font-weight:800}.live-info-card h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 10px;font-weight:1000}.live-info-card h2 i{color:var(--green)}.live-info-card ul{margin:0;padding-left:20px;color:#5f7069;font-size:13px;line-height:1.7;font-weight:750}.live-info-card li{margin:2px 0}@keyframes suLivePulse{0%,100%{transform:scale(1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 0 0 rgba(255,255,255,.25)}50%{transform:scale(1.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 0 0 12px rgba(255,255,255,0)}}@keyframes suBlink{0%,100%{opacity:1}50%{opacity:.3}}
@media(max-width:370px){.emergency-sheet{padding-left:12px;padding-right:12px}.emergency-row{grid-template-columns:52px 1fr 42px}.emergency-row strong{font-size:14px}.live-hero-top{grid-template-columns:52px 1fr}.live-pulse{width:52px;height:52px}.live-hero h1{font-size:21px}.live-hero-stats{gap:7px}.channel-tabs{gap:8px}.channel-chip{padding:10px;min-height:80px}}

/* v7 refinements: dynamic service nav, profile smart card, safer mobile bottom bar */
.bottom-nav.simple{grid-template-columns:repeat(4,1fr);height:74px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:6px}.bottom-nav.simple a{height:56px;border-radius:18px;justify-content:center}.bottom-nav.simple a.active{background:#e9f8f1;color:var(--green);box-shadow:inset 0 0 0 1px rgba(0,133,83,.08)}.bottom-nav.simple a:active{transform:scale(.96)}
.service-grid{grid-template-columns:repeat(4,1fr)}.service-card{min-height:96px}.more-service-deck{margin-top:16px;background:linear-gradient(135deg,#fff,#f4fcf8);border:1px solid rgba(2,72,43,.06);border-radius:24px;padding:15px;box-shadow:var(--soft-shadow)}.service-chip-scroll{display:flex;gap:10px;overflow:auto;padding:2px 0 4px;scrollbar-width:none}.service-chip-scroll::-webkit-scrollbar{display:none}.mini-service-chip{min-width:118px;min-height:74px;border:1px solid #dfeee7;border-radius:18px;background:#fff;box-shadow:0 8px 18px rgba(2,72,43,.055);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-weight:950;color:#20372d;text-align:center;padding:10px}.mini-service-chip i{font-size:22px;color:var(--green)}.mini-service-chip span{font-size:12px;line-height:1.2}.section-title.compact{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-title.compact h2{margin:0;font-size:18px;font-weight:1000}.section-title.compact span{font-size:11px;font-weight:900;color:var(--green)}
.smart-id-card{position:relative;margin-top:16px;border-radius:25px;overflow:hidden;background:radial-gradient(circle at 83% 44%,rgba(255,255,255,.11) 0 30%,transparent 31%),linear-gradient(135deg,#0a8757,#034b31);color:#fff;box-shadow:0 22px 48px rgba(0,70,43,.24);padding:18px;border:1px solid rgba(255,255,255,.18)}.smart-id-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-55px;top:52px;border:2px solid rgba(255,255,255,.08);box-shadow:0 0 0 42px rgba(255,255,255,.035);pointer-events:none}.id-card-top{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:13px;position:relative;z-index:2}.govt-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ee1730;color:#fff;font-size:11px;font-weight:1000}.id-card-top strong{display:block;font-size:17px;font-weight:1000}.id-card-top small{display:block;font-size:12px;opacity:.86;font-weight:850;margin-top:2px}.verified{height:28px;border-radius:999px;background:rgba(255,255,255,.13);display:inline-flex;align-items:center;gap:4px;padding:0 9px;font-size:10px;font-weight:1000;border:1px solid rgba(255,255,255,.16)}.verified i{color:#beff74}.id-card-body{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:16px 0 14px;position:relative;z-index:2}.id-avatar{width:86px;height:92px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.16);border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden}.id-avatar i{font-size:44px;opacity:.95}.id-avatar b{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);min-width:48px;border-radius:999px;background:#fb1434;color:#fff;text-align:center;font-size:11px;padding:4px 6px;font-weight:1000}.id-info h2{margin:3px 0 7px;font-size:19px;font-weight:1000;letter-spacing:-.2px}.id-info p{margin:4px 0;font-size:12px;font-weight:820;display:flex;align-items:center;gap:6px;opacity:.94}.watermark{position:absolute;right:14px;top:8px;font-size:116px;font-weight:1000;color:rgba(255,255,255,.07);line-height:1;z-index:-1}.id-card-bottom{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.16);padding-top:13px;position:relative;z-index:2}.id-card-bottom small{display:block;font-size:11px;opacity:.78;font-weight:850}.id-card-bottom strong{font-size:17px;letter-spacing:1px;font-weight:1000}.signature{text-align:right}.signature b{display:block;color:#ffe95d;font-size:14px}.signature span{font-size:11px;opacity:.85;font-weight:800}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.profile-actions button{border:0;border-radius:17px;min-height:50px;color:#fff;background:linear-gradient(135deg,#059a68,#007b51);font-weight:1000;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 22px rgba(0,95,60,.14)}.profile-actions button.blue{background:linear-gradient(135deg,#2563eb,#1747ce)}.profile-info-card h2,.profile-up-card h2{margin:0 0 10px;font-size:18px;font-weight:1000;display:flex;align-items:center;gap:8px}.profile-info-card h2 i,.profile-up-card h2 i{color:var(--green)}.profile-up-card{margin-top:14px;background:#fff;border-radius:22px;padding:16px;box-shadow:var(--soft-shadow);border:1px solid rgba(2,72,43,.06)}.profile-up-card p{margin:0 0 12px;color:#5e7069;font-size:13px;line-height:1.55;font-weight:750}.token-box{display:flex;align-items:center;gap:10px;background:#f2fbf6;border-radius:16px;padding:10px}.token-box code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;color:#102a20;flex:1;overflow:auto}.token-box button{border:0;border-radius:13px;background:#d9fae9;color:#008553;min-height:38px;padding:0 12px;font-weight:1000}.logout-btn.danger{margin:16px 0 0;background:#fff0f0;color:#e21d35;border:1px solid #ffc8d0}.logout-btn.danger:hover{background:#ffe6e9}
@media(max-width:370px){.service-grid{gap:8px}.service-card{min-height:88px}.id-card-top{grid-template-columns:46px 1fr}.verified{grid-column:2;justify-self:start;margin-top:4px}.id-card-body{grid-template-columns:76px 1fr;gap:11px}.id-avatar{width:76px;height:86px}.id-info h2{font-size:17px}.id-card-bottom{display:block}.signature{text-align:left;margin-top:10px}.profile-actions{grid-template-columns:1fr}.bottom-nav.simple{grid-template-columns:repeat(4,1fr)}}
@media print{body{background:#fff}.app-header,.bottom-nav,.profile-actions,.profile-up-card,.logout-btn,.top-toast,.splash-screen{display:none!important}.mobile-frame{box-shadow:none;max-width:440px}.app-content{padding:20px}.smart-id-card{break-inside:avoid}}

/* v8: prayer moved to service page + login/database table detection fix UI */
.hero-card + .section-head{margin-top:18px}.prayer-page-hero{position:relative;overflow:hidden;border-radius:28px;padding:22px 18px;min-height:170px;background:radial-gradient(circle at 85% 15%,rgba(177,255,117,.28),transparent 34%),linear-gradient(135deg,#007f55,#024d34);color:#fff;box-shadow:0 22px 48px rgba(0,90,55,.22);display:grid;grid-template-columns:76px 1fr;align-items:center;gap:15px}.prayer-page-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-72px;bottom:-88px;border:2px solid rgba(255,255,255,.12);box-shadow:0 0 0 42px rgba(255,255,255,.04)}.prayer-orb{position:relative;z-index:2;width:72px;height:72px;border-radius:26px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.prayer-orb i{font-size:34px;color:#d9ff7a}.prayer-page-hero div:not(.prayer-orb){position:relative;z-index:2}.prayer-page-hero span{font-size:12px;font-weight:900;opacity:.9}.prayer-page-hero h1{margin:3px 0 6px;font-size:30px;line-height:1.05;font-weight:1000;letter-spacing:-.5px}.prayer-page-hero p{margin:0;font-size:13px;line-height:1.55;font-weight:800;opacity:.92}.next-prayer-card{margin-top:16px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#f4fcf8);box-shadow:var(--soft-shadow);border:1px solid rgba(2,72,43,.06);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.next-prayer-card small{font-size:12px;color:var(--green);font-weight:1000}.next-prayer-card h2{margin:3px 0;font-size:28px;font-weight:1000}.next-prayer-card p{margin:0;color:#63746d;font-weight:850;font-size:12px}.next-prayer-card strong{min-width:112px;height:74px;border-radius:22px;background:linear-gradient(135deg,#00895b,#006342);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:1000;box-shadow:0 14px 28px rgba(0,105,66,.18)}.prayer-schedule-list{margin-top:14px;display:grid;gap:10px}.prayer-row{min-height:78px;border-radius:22px;background:#fff;border:1px solid rgba(2,72,43,.07);box-shadow:0 9px 22px rgba(2,72,43,.055);padding:12px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;transition:.18s ease}.prayer-row:active{transform:scale(.985)}.prayer-row>span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#eaf9f1;color:var(--green);font-size:24px}.prayer-row strong{display:block;font-size:17px;font-weight:1000}.prayer-row small{display:block;margin-top:2px;color:#687a73;font-size:12px;font-weight:800}.prayer-row b{font-size:17px;font-weight:1000;color:#0b3527}.prayer-row.active{background:linear-gradient(135deg,#007f55,#035238);color:#fff;border-color:rgba(255,255,255,.18)}.prayer-row.active>span{background:rgba(255,255,255,.15);color:#d9ff7a}.prayer-row.active small,.prayer-row.active b{color:#fff}.prayer-note h2{font-size:18px;margin:0 0 8px;display:flex;align-items:center;gap:8px;font-weight:1000}.prayer-note h2 i{color:var(--green)}.prayer-note p{margin:0;color:#5d6f68;font-size:13px;line-height:1.65;font-weight:760}
@media(max-width:370px){.prayer-page-hero{grid-template-columns:62px 1fr;padding:18px 15px}.prayer-orb{width:60px;height:60px;border-radius:22px}.prayer-page-hero h1{font-size:25px}.next-prayer-card{display:block}.next-prayer-card strong{margin-top:12px;width:100%;height:64px}.prayer-row{grid-template-columns:48px 1fr auto}.prayer-row>span{width:48px;height:48px}}
.bottom-nav.simple{grid-template-columns:repeat(5,1fr)!important}.bottom-nav.simple a{font-size:10.5px}.bottom-nav.simple a i{font-size:21px}@media(max-width:370px){.bottom-nav.simple{grid-template-columns:repeat(5,1fr)!important;gap:3px}.bottom-nav.simple a{font-size:10px;padding:0 2px}}

/* v10: premium doctor details and donor cards */
.doctor-hero-premium,.blood-hero-premium{background:radial-gradient(circle at 85% 12%,rgba(185,255,117,.22),transparent 36%),linear-gradient(135deg,#008553,#006242)!important}.doctor-card-premium,.blood-card-premium{position:relative;overflow:hidden}.doctor-card-premium:after,.blood-card-premium:after{content:"";position:absolute;right:-48px;top:-48px;width:120px;height:120px;border-radius:50%;background:rgba(0,133,83,.055);pointer-events:none}.doctor-actions.three{grid-template-columns:1fr 1fr 1fr}.doctor-actions button{min-height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:950;font-size:12px;border:1px solid #d8ece3;background:#f7fcf9;color:var(--green)}.doctor-actions button:active,.doctor-actions a:active,.blood-actions a:active{transform:scale(.97)}
.doctor-sheet{position:fixed;inset:0;z-index:1000;display:none}.doctor-sheet.show{display:block}.doctor-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.56);backdrop-filter:blur(4px)}.doctor-sheet-panel{position:absolute;left:50%;bottom:0;transform:translateX(-50%) translateY(26px);width:min(100%,var(--max));max-height:86vh;background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.24);overflow:hidden;opacity:0;animation:doctorSheetIn .23s ease forwards}.doctor-sheet-head{height:58px;background:linear-gradient(135deg,#008553,#006d49);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.doctor-sheet-head strong{font-size:18px;font-weight:1000}.doctor-sheet-head button{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:12px}.doctor-sheet-body{padding:18px;text-align:center;overflow:auto;max-height:calc(86vh - 58px)}.doctor-detail-avatar{width:76px;height:76px;border-radius:24px;background:#e9f8f1;color:var(--green);display:grid;place-items:center;font-size:34px;margin:0 auto 10px;border:1px solid #dceee5;overflow:hidden}.doctor-detail-avatar img{width:100%;height:100%;object-fit:cover}.doctor-sheet-body h2{margin:0 0 16px;font-size:22px;font-weight:1000}.doctor-detail-list{display:grid;gap:12px;text-align:center}.doctor-detail-list div{padding:0 8px}.doctor-detail-list b{display:block;font-size:17px;font-weight:1000;color:#0b241b;margin-bottom:3px}.doctor-detail-list span{display:block;font-size:14px;font-weight:750;color:#485d55;line-height:1.55}.doctor-call-btn,.doctor-map-btn{min-height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:1000;margin-top:16px}.doctor-call-btn{background:var(--green);color:#fff}.doctor-map-btn{background:#f6fcf8;border:1px solid #cfe6dc;color:var(--green);margin-top:10px}@keyframes doctorSheetIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}
.blood-card-premium .blood-badge{box-shadow:0 16px 28px rgba(237,18,59,.18)}
@media(max-width:370px){.doctor-actions.three{grid-template-columns:1fr}.doctor-actions a,.doctor-actions button{min-height:44px}.doctor-detail-list b{font-size:15px}.doctor-detail-list span{font-size:13px}}

/* v11: vehicle rental frontend */
.vehicle-hero-premium{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:13px;background:radial-gradient(circle at 86% 12%,rgba(185,255,117,.24),transparent 36%),linear-gradient(135deg,#008553,#006242)!important}.vehicle-hero-icon{width:64px;height:64px;border-radius:23px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:30px;color:#d9ff7a}.vehicle-chips{margin-bottom:10px}.vehicle-chips button{white-space:nowrap;border-radius:99px;padding:9px 14px;background:#fff;border:1px solid #e2eee8;font-weight:900;font-size:12px;color:#3c5149}.vehicle-chips button.active{background:var(--green);color:#fff;border-color:var(--green)}.vehicle-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(2,72,43,.06);border-radius:23px;padding:14px;box-shadow:var(--soft-shadow);margin-bottom:12px;display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center}.vehicle-card:after{content:"";position:absolute;right:-54px;top:-54px;width:128px;height:128px;border-radius:50%;background:rgba(0,133,83,.055);pointer-events:none}.vehicle-avatar{width:88px;height:88px;border-radius:22px;background:linear-gradient(135deg,#e9f8f1,#fff);display:grid;place-items:center;overflow:hidden;border:1px solid #e6f0eb;color:var(--green);font-size:36px}.vehicle-avatar img{width:100%;height:100%;object-fit:cover}.vehicle-info{min-width:0}.vehicle-info h2{font-size:18px;font-weight:1000;margin:0 0 2px;letter-spacing:-.2px}.vehicle-info p{font-size:12px;color:var(--muted);margin:3px 0;font-weight:760;line-height:1.42}.vehicle-info p i{color:var(--green)}.vehicle-subtitle{font-weight:950!important;color:#263b33!important}.vehicle-rating{display:flex;align-items:center;gap:3px;margin-top:6px;color:#61736c}.vehicle-rating i{font-size:16px;color:#50685f}.vehicle-rating span{font-size:12px;font-weight:800;margin-left:5px;color:#71827b}.vehicle-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}.vehicle-actions a,.vehicle-actions button{min-height:45px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:1000;font-size:12px;transition:.16s ease}.vehicle-actions a{background:#f7fcf9;border:1px solid #cfe6dc;color:var(--green)}.vehicle-actions button{border:0;background:var(--green);color:#fff}.vehicle-actions a:active,.vehicle-actions button:active{transform:scale(.97)}.vehicle-sheet{position:fixed;inset:0;z-index:1000;display:none}.vehicle-sheet.show{display:block}.vehicle-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.56);backdrop-filter:blur(4px)}.vehicle-sheet-panel{position:absolute;left:50%;bottom:0;transform:translateX(-50%) translateY(26px);width:min(100%,var(--max));max-height:86vh;background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.24);overflow:hidden;opacity:0;animation:vehicleSheetIn .23s ease forwards}.vehicle-sheet-head{height:58px;background:linear-gradient(135deg,#008553,#006d49);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.vehicle-sheet-head strong{font-size:18px;font-weight:1000}.vehicle-sheet-head button{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:12px}.vehicle-sheet-body{padding:18px;text-align:center;overflow:auto;max-height:calc(86vh - 58px)}.vehicle-detail-avatar{width:84px;height:84px;border-radius:26px;background:#e9f8f1;color:var(--green);display:grid;place-items:center;font-size:38px;margin:0 auto 10px;border:1px solid #dceee5;overflow:hidden}.vehicle-detail-avatar img{width:100%;height:100%;object-fit:cover}.vehicle-sheet-body h2{margin:0 0 15px;font-size:22px;font-weight:1000}.vehicle-detail-list{display:grid;gap:12px;text-align:center}.vehicle-detail-list div{padding:0 8px}.vehicle-detail-list b{display:block;font-size:16px;font-weight:1000;color:#0b241b;margin-bottom:3px}.vehicle-detail-list span{display:block;font-size:14px;font-weight:750;color:#485d55;line-height:1.55}.vehicle-call-btn,.vehicle-map-btn{min-height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:1000;margin-top:16px}.vehicle-call-btn{background:var(--green);color:#fff}.vehicle-map-btn{background:#f6fcf8;border:1px solid #cfe6dc;color:var(--green);margin-top:10px}@keyframes vehicleSheetIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}@media(max-width:370px){.vehicle-hero-premium{grid-template-columns:58px 1fr}.vehicle-hero-icon{width:56px;height:56px;border-radius:20px}.vehicle-card{grid-template-columns:76px 1fr;gap:11px}.vehicle-avatar{width:76px;height:76px}.vehicle-actions{grid-template-columns:1fr}.vehicle-info h2{font-size:16px}.vehicle-detail-list b{font-size:15px}.vehicle-detail-list span{font-size:13px}}

/* v12: bus/train service + in-app ticket pages */
.transport-search-wrap{margin-bottom:12px}.transport-hero-premium{margin-top:4px}.ticket-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;background:#fff;border:1px solid rgba(0,133,83,.08);box-shadow:var(--soft-shadow);border-radius:22px;padding:13px 14px;margin:12px 0;color:#0c241b;transition:.16s ease}.ticket-card:active{transform:scale(.985)}.ticket-card span{width:52px;height:52px;border-radius:18px;background:#e8f8f0;color:var(--green);display:grid;place-items:center;font-size:23px}.ticket-card strong{display:block;font-weight:1000;font-size:15px;letter-spacing:-.1px}.ticket-card small{display:block;color:var(--muted);font-weight:750;font-size:11px;margin-top:2px}.ticket-card b{background:var(--green);color:#fff;border-radius:14px;padding:11px 13px;font-size:12px;font-weight:1000;white-space:nowrap}.transport-list{padding-bottom:12px}.transport-card .vehicle-avatar{background:linear-gradient(135deg,#e7f8ef,#fff)}.ticket-page{margin:-6px -16px 0;background:#fff;min-height:calc(100vh - 160px);display:flex;flex-direction:column}.ticket-titlebar{height:58px;background:linear-gradient(135deg,#008553,#006d49);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:17px;font-weight:1000}.ticket-titlebar div{display:flex;align-items:center;gap:10px}.ticket-titlebar a{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff}.ticket-provider-line{height:36px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #e7efeb;color:#455c54;font-size:12px;font-weight:800;background:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticket-provider-line span{color:#006d49}.ticket-frame-wrap{position:relative;flex:1;min-height:560px;background:#f3faf6}.ticket-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.ticket-frame-fallback{position:absolute;left:18px;right:18px;bottom:20px;background:rgba(255,255,255,.96);border:1px solid #dcebe4;border-radius:20px;padding:16px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.12);display:none}.ticket-frame-fallback i{font-size:25px;color:var(--green)}.ticket-frame-fallback strong{display:block;margin-top:5px;font-weight:1000}.ticket-frame-fallback p{margin:6px 0 12px;color:var(--muted);font-weight:750}.ticket-frame-fallback a{display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#fff;border-radius:14px;padding:11px 15px;font-weight:1000}@media(max-width:370px){.ticket-card{grid-template-columns:48px 1fr}.ticket-card b{grid-column:1/-1;text-align:center}.ticket-card span{width:46px;height:46px}.ticket-frame-wrap{min-height:520px}}

/* v13: union services frontend */
.union-services-hero{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:13px;background:radial-gradient(circle at 88% 12%,rgba(185,255,117,.22),transparent 36%),linear-gradient(135deg,#008553,#006242)!important}.union-hero-icon{width:64px;height:64px;border-radius:23px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:30px;color:#d9ff7a}.union-service-list{display:grid;gap:12px;padding-bottom:14px}.union-service-row{min-height:72px;border-radius:22px;background:#fff;border:1px solid rgba(2,72,43,.06);box-shadow:var(--soft-shadow);padding:12px 14px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;transition:.18s ease;opacity:0;transform:translateY(16px)}.union-service-row.in{opacity:1;transform:translateY(0);transition-delay:var(--delay)}.union-service-row:active{transform:scale(.985)}.union-service-no{width:44px;height:44px;border-radius:16px;background:#e8f8f0;color:var(--green);display:grid;place-items:center;font-weight:1000}.union-service-row strong{font-size:15px;font-weight:1000;color:#10231c}.union-service-row button{border:0;border-radius:14px;background:var(--green);color:#fff;min-height:40px;padding:0 12px;font-size:12px;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:6px}.union-service-modal{position:fixed;inset:0;z-index:1000;display:none}.union-service-modal.show{display:block}.union-service-panel{position:absolute;left:50%;bottom:0;transform:translateX(-50%) translateY(26px);width:min(100%,var(--max));max-height:88vh;background:#fff;border-radius:26px 26px 0 0;overflow:hidden;box-shadow:0 -18px 50px rgba(0,0,0,.24);opacity:0;animation:vehicleSheetIn .23s ease forwards}.union-service-modal-head{height:58px;background:linear-gradient(135deg,#008553,#006d49);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:0 54px}.union-service-modal-head strong{font-size:18px;font-weight:1000;text-align:center}.union-service-modal-head button{position:absolute;right:14px;top:12px;border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:12px}.union-service-modal-body{padding:18px;overflow:auto;max-height:calc(88vh - 58px)}.union-detail-note{background:#f2fbf6;border:1px solid #d8efe4;color:#40584f;border-radius:18px;padding:13px 14px;font-weight:800;line-height:1.62;margin-bottom:14px}.union-service-modal-body h3{text-align:center;margin:0 0 12px;font-size:16px;font-weight:1000}.union-contact-list{display:grid;gap:10px}.union-contact-card{min-height:82px;border-radius:18px;background:#fbfffd;border:1px solid #dcebe4;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px;box-shadow:0 8px 18px rgba(2,72,43,.035)}.union-contact-card>span{width:42px;height:42px;border-radius:15px;background:#edf8f1;color:var(--green);display:grid;place-items:center;font-size:19px}.union-contact-card small{display:block;color:#63746d;font-size:11px;font-weight:850}.union-contact-card strong{display:block;font-size:15px;font-weight:1000;color:#10231c}.union-contact-card b{display:block;font-size:12px;font-weight:900;color:#0a5238;margin-top:2px}.union-contact-card a{background:var(--green);color:#fff;border-radius:14px;min-width:70px;min-height:38px;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:1000;font-size:12px}.union-close-btn{width:100%;min-height:48px;border-radius:16px;background:#fff;border:1px solid var(--green);color:var(--green);font-weight:1000;margin-top:14px}.union-service-row[style*="display: none"]{display:none!important}@media(max-width:370px){.union-services-hero{grid-template-columns:56px 1fr}.union-hero-icon{width:54px;height:54px;border-radius:20px}.union-service-row{grid-template-columns:40px 1fr;gap:9px}.union-service-row button{grid-column:1/-1}.union-service-no{width:40px;height:40px}.union-contact-card{grid-template-columns:38px 1fr}.union-contact-card a{grid-column:1/-1}}

/* v14: premium Bangla font, fixed app header, featured carousel */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700;800;900&display=swap');
html,body,button,input,textarea,select{font-family:'Noto Sans Bengali',system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans',Arial,sans-serif!important;}
.mobile-frame{padding-top:82px;overflow:visible;}
.app-header{position:fixed!important;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--max);z-index:260;border-radius:0;}
.top-toast{position:fixed;left:50%;right:auto;transform:translateX(-50%) translateY(-16px);width:calc(100% - 32px);max-width:420px;top:92px;z-index:300;}
.top-toast.show{transform:translateX(-50%) translateY(0);}
.side-drawer{position:fixed;left:calc(50% - (var(--max) / 2));top:0;max-height:100vh;}
.drawer-backdrop{position:fixed;left:50%;top:0;transform:translateX(-50%);width:100%;max-width:var(--max);height:100vh;}
@media(max-width:452px){.side-drawer{left:0}.drawer-backdrop{left:0;transform:none;max-width:none}}
.featured-section{margin-top:16px;background:rgba(255,255,255,.96);border:1px solid rgba(2,72,43,.05);border-radius:24px;padding:14px;box-shadow:var(--soft-shadow);overflow:hidden;}
.featured-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 12px;}
.featured-section-head h2{margin:0;font-size:21px;font-weight:1000;letter-spacing:-.3px;}
.featured-section-head span{font-size:11px;font-weight:950;color:var(--green);background:#e9f8f1;border-radius:999px;padding:6px 10px;white-space:nowrap;}
.featured-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,82%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.featured-slider::-webkit-scrollbar{display:none;}
.featured-slide{position:relative;min-height:150px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(201,243,110,.32),transparent 38%),linear-gradient(135deg,#007f54,#004c38);background-size:cover;background-position:center;color:#fff;scroll-snap-align:start;display:flex;align-items:flex-end;padding:16px;box-shadow:0 16px 32px rgba(0,72,45,.18);}
.featured-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,32,24,.66));}
.featured-slide>div,.featured-glow{position:relative;z-index:2;}
.featured-glow{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.18);display:grid;place-items:center;backdrop-filter:blur(10px);font-size:20px;}
.featured-slide strong{display:block;font-size:20px;font-weight:1000;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.3);}
.featured-slide small{display:block;margin-top:5px;font-size:12px;font-weight:800;opacity:.93;line-height:1.45;}
.featured-dots{display:flex;justify-content:center;gap:6px;margin:4px 0 0;}
.featured-dots span{width:7px;height:7px;border-radius:999px;background:#d5e8df;}
.featured-dots span.active{width:22px;background:var(--green);}

/* v15: drawer responsive fix + humanitarian/education modules */
.side-drawer:not(.open){visibility:hidden!important;pointer-events:none!important;transform:translateX(-118%)!important;}
.side-drawer.open{visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important;}
.drawer-backdrop:not(.show){visibility:hidden!important;}
body:not(.drawer-open) .side-drawer{visibility:hidden!important;pointer-events:none!important;}
@media(min-width:453px){
  .side-drawer{left:calc(50% - min(100vw, var(--max))/2)!important;top:0!important;width:min(332px,84vw)!important;max-height:100vh!important;}
  .drawer-backdrop{left:50%!important;top:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:var(--max)!important;}
}
.org-hero{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:13px;background:radial-gradient(circle at 88% 12%,rgba(185,255,117,.22),transparent 36%),linear-gradient(135deg,#008553,#006242)!important;}
.education-hero{background:radial-gradient(circle at 92% 8%,rgba(94,190,255,.24),transparent 35%),linear-gradient(135deg,#007d55,#005f42)!important;}
.human-list,.education-list{display:grid;gap:12px;padding:8px 0 16px;}
.human-card,.education-card{background:#fff;border:1px solid rgba(2,72,43,.06);box-shadow:var(--soft-shadow);border-radius:22px;padding:12px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;transition:.18s ease;opacity:0;transform:translateY(16px);}
.human-card.in,.education-card.in{opacity:1;transform:translateY(0);transition-delay:var(--delay);}
.human-card:active,.education-card:active{transform:scale(.985)}
.human-logo,.education-logo{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#e8f8f0,#fff);display:grid;place-items:center;color:var(--green);font-size:25px;overflow:hidden;}
.human-logo img,.education-logo img{width:100%;height:100%;object-fit:cover;}
.human-info h2,.education-info h2{margin:0;font-size:16px;font-weight:1000;color:#10231c;line-height:1.25;}
.human-info p,.education-info p{margin:3px 0;color:#50645c;font-weight:800;font-size:12px;line-height:1.35;}
.human-info small,.education-info small{display:block;color:#5f746c;font-weight:750;font-size:11px;margin-top:2px;}
.human-card>button{border:0;background:var(--green);color:#fff;border-radius:14px;min-height:40px;padding:0 12px;font-size:12px;font-weight:1000;display:flex;align-items:center;gap:5px;white-space:nowrap;}
.human-modal-logo{width:78px;height:78px;border-radius:28px;background:#e9f8f1;color:var(--green);display:grid;place-items:center;font-size:34px;margin:0 auto 8px;overflow:hidden;}
.human-modal-logo img{width:100%;height:100%;object-fit:cover;}
.human-slogan{text-align:center;margin:4px 0 14px;color:#50645c;font-weight:850;}
.human-donation{background:#fff8e8;border:1px solid #ffe5b8;border-radius:18px;padding:12px;margin-bottom:12px;color:#57411a;}
.human-donation b,.human-donation span{display:block}.human-donation span{font-weight:750;line-height:1.6;margin-top:4px}.education-card{grid-template-columns:64px 1fr;}
.education-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:4px;}
.education-actions a,.education-actions button{min-height:40px;border-radius:14px;border:1px solid rgba(0,133,83,.28);background:#fff;color:var(--green);font-weight:1000;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px;}
.education-actions button:first-child{background:var(--green);color:#fff;border-color:var(--green);}
.teacher-list{display:grid;gap:10px;}.teacher-card{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;border:1px solid #dcebe4;border-radius:18px;padding:10px;background:#fbfffd;}.teacher-photo{width:52px;height:52px;border-radius:18px;background:#eef8f2;color:var(--green);display:grid;place-items:center;font-size:23px;overflow:hidden}.teacher-photo img{width:100%;height:100%;object-fit:cover}.teacher-card strong{display:block;font-size:15px;font-weight:1000}.teacher-card small{display:block;color:#63746d;font-size:11px;font-weight:800;margin-top:1px}.teacher-card b{display:block;color:#0a5238;font-size:12px;margin-top:2px}.teacher-card a{background:var(--green);color:#fff;border-radius:13px;padding:10px 12px;font-weight:1000;font-size:12px;display:flex;align-items:center;gap:5px;white-space:nowrap}@media(max-width:370px){.human-card{grid-template-columns:52px 1fr}.human-card>button{grid-column:1/-1;justify-content:center}.education-actions{grid-template-columns:1fr}.teacher-card{grid-template-columns:46px 1fr}.teacher-card a{grid-column:1/-1;justify-content:center}.org-hero{grid-template-columns:56px 1fr}}

/* v16: directory pages */
.directory-hero-premium{background:linear-gradient(135deg,#008553,#05784e)!important}.directory-avatar{background:#effaf5}.directory-avatar i{color:#008553}.directory-list .vehicle-card{border:1px solid rgba(0,130,80,.08)}.directory-list .vehicle-info p .bi{color:#008553}.directory-sheet .vehicle-sheet-panel{max-width:520px}.directory-search-wrap{margin-top:2px}
@media(min-width:701px){.side-drawer{transform:translateX(-110%)!important}.side-drawer.show,.drawer-open .side-drawer,body.drawer-open .side-drawer{transform:translateX(0)!important}.drawer-backdrop{display:none!important}.drawer-open .drawer-backdrop,body.drawer-open .drawer-backdrop{display:block!important}}

/* v17: notice popup + technician module */
.notice-strip{margin:2px 0 14px;background:linear-gradient(135deg,#fff,#edf9f3);border:1px solid rgba(0,133,83,.10);border-radius:22px;box-shadow:var(--soft-shadow);display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:12px;overflow:hidden;position:relative}.notice-strip:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 96% 0,rgba(255,184,0,.14),transparent 42%);pointer-events:none}.notice-strip-icon{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#ff9f1c,#ffcf67);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 10px 22px rgba(255,159,28,.22);position:relative}.notice-strip-text{min-width:0;position:relative}.notice-strip-text small{display:block;color:var(--green);font-weight:1000;font-size:11px;margin-bottom:2px}.notice-strip-text strong{display:block;font-size:16px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-strip a{position:relative;display:flex;align-items:center;gap:6px;color:#fff;background:var(--green);border-radius:16px;padding:10px 12px;font-size:12px;font-weight:1000}.notice-page-hero{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;background:radial-gradient(circle at 92% 8%,rgba(255,210,84,.24),transparent 36%),linear-gradient(135deg,#008553,#006242)!important}.notice-search-box{margin:12px 0}.notice-list-page{display:grid;gap:12px;padding:8px 0 18px}.notice-item-card{background:#fff;border:1px solid rgba(2,72,43,.06);box-shadow:var(--soft-shadow);border-radius:22px;padding:12px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;overflow:hidden;position:relative}.notice-item-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-54px;top:-54px;background:rgba(0,133,83,.06)}.notice-item-icon{width:62px;height:62px;border-radius:20px;background:#eefaf5;color:var(--green);display:grid;place-items:center;font-size:28px;overflow:hidden}.notice-item-icon img{width:100%;height:100%;object-fit:cover}.notice-item-info{min-width:0;position:relative;z-index:1}.notice-item-info span{font-size:11px;font-weight:1000;color:#008553;background:#e9f8f1;border-radius:999px;padding:4px 8px;display:inline-flex;margin-bottom:5px}.notice-type-warning .notice-item-info span{color:#a25a00;background:#fff4d8}.notice-type-emergency .notice-item-info span{color:#e00033;background:#ffecef}.notice-item-info h2{margin:0;font-size:17px;font-weight:1000;line-height:1.22}.notice-item-info p{margin:5px 0 0;color:#566a62;font-weight:750;font-size:12px;line-height:1.55}.notice-item-info small{display:block;margin-top:6px;color:#7a8a84;font-size:11px;font-weight:800}.notice-item-link{width:38px;height:38px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;position:relative;z-index:1}.notice-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10000;display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}.notice-popup-overlay.show{display:flex;animation:noticeFade .2s ease}.notice-popup-card{width:100%;max-width:390px;background:#fff;border-radius:26px;box-shadow:0 28px 85px rgba(0,0,0,.30);position:relative;overflow:hidden;animation:noticePop .34s cubic-bezier(.2,1,.2,1)}.notice-popup-close{position:absolute;right:12px;top:12px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:#ef233c;color:#fff;font-size:20px;display:grid;place-items:center;box-shadow:0 10px 22px rgba(239,35,60,.28)}.notice-popup-image{background:#f3fbf7;max-height:520px;overflow:hidden}.notice-popup-image img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block}.notice-popup-body{padding:18px}.notice-popup-badge{display:inline-flex;align-items:center;gap:7px;background:#e9f8f1;color:var(--green);border-radius:999px;padding:7px 11px;font-weight:1000;font-size:12px}.notice-popup-warning .notice-popup-badge{background:#fff4d8;color:#a25a00}.notice-popup-emergency .notice-popup-badge{background:#ffecef;color:#e00033}.notice-popup-body h2{margin:12px 0 6px;font-size:22px;line-height:1.2;font-weight:1000}.notice-popup-body p{margin:0;color:#52645d;font-size:14px;font-weight:750;line-height:1.65}.notice-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.notice-popup-actions a,.notice-popup-actions button{min-height:46px;border-radius:15px;border:1px solid #d7eadf;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:1000}.notice-popup-actions a{background:var(--green);color:#fff;border-color:var(--green)}.notice-popup-actions button{background:#fff;color:var(--green)}@keyframes noticeFade{from{opacity:0}to{opacity:1}}@keyframes noticePop{from{opacity:0;transform:translateY(28px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.technician-hero{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:13px;background:radial-gradient(circle at 92% 8%,rgba(177,98,255,.24),transparent 36%),linear-gradient(135deg,#007d55,#005f42)!important}.technician-avatar{background:linear-gradient(135deg,#f5efff,#e8f8f0)}.technician-avatar i{color:#8338ec}.technician-list .vehicle-card{border:1px solid rgba(131,56,236,.09)}.technician-actions button{background:var(--green);color:#fff}.technician-search-wrap{margin-top:2px}.notice-popup-open{overflow:hidden}@media(max-width:370px){.notice-strip{grid-template-columns:44px 1fr}.notice-strip a{grid-column:1/-1;justify-content:center}.notice-item-card{grid-template-columns:54px 1fr}.notice-item-link{grid-column:1/-1;width:100%}.notice-popup-actions{grid-template-columns:1fr}.technician-hero{grid-template-columns:56px 1fr}}

/* ===== v18 Live TV multi-server premium update ===== */
.live-hero-v18{margin-top:12px}.live-v18-player .live-screen{min-height:250px}.live-loader{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(180deg,rgba(5,14,12,.78),rgba(0,0,0,.85));color:#fff;text-align:center;opacity:0;pointer-events:none;transition:.25s ease}.live-loader.show{opacity:1}.live-loader.ready{opacity:0}.live-spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.26);border-top-color:#fff;animation:suLiveSpin .8s linear infinite}.live-loader strong{font-size:18px;font-weight:1000}.live-loader small{font-size:13px;font-weight:800;color:#dceee8}@keyframes suLiveSpin{to{transform:rotate(360deg)}}.live-server-section{margin-top:14px;padding:16px}.live-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-server-btn{position:relative;overflow:hidden;display:flex;align-items:center;gap:9px;min-height:58px;border-radius:18px;border:1px solid #d8eee4;background:linear-gradient(180deg,#fff,#f7fffb);padding:10px 12px;color:var(--ink);box-shadow:0 10px 24px rgba(0,60,40,.07);transition:.2s ease}.live-server-btn:before{content:"";position:absolute;inset:auto auto 0 0;width:0;height:3px;background:var(--green);transition:.25s ease}.live-server-btn i{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:#e9fff5;color:var(--green);font-size:18px}.live-server-btn span{display:block;font-weight:1000;font-size:13px;line-height:1.15}.live-server-btn small{display:block;color:#687970;font-weight:900;font-size:10px;margin-top:2px}.live-server-btn.active{background:linear-gradient(135deg,#008553,#06ad72);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(0,133,83,.26)}.live-server-btn.active:before{width:100%;background:#bdf8d5}.live-server-btn.active i{background:rgba(255,255,255,.18);color:#fff}.live-server-btn.active small{color:rgba(255,255,255,.84)}.channel-tabs-v18{grid-template-columns:repeat(2,1fr)}.channel-tabs-v18 .channel-chip{text-decoration:none}.channel-chip.active{background:linear-gradient(135deg,#008553,#02a96a);color:#fff;border-color:transparent;box-shadow:0 14px 30px rgba(0,133,83,.25)}.channel-chip.active i,.channel-chip.active small{color:#fff}.live-channel-list{padding:16px;margin-top:14px}.live-channel-grid{display:grid;gap:10px}.live-channel-card{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:10px;border:1px solid #e0eee8;border-radius:18px;background:#fff;padding:12px;text-decoration:none;color:var(--ink);box-shadow:0 10px 22px rgba(0,60,40,.06);transition:.2s ease}.live-channel-card>span{width:48px;height:48px;border-radius:18px;background:#edf9f3;display:grid;place-items:center;color:var(--green);font-size:22px}.live-channel-card strong{display:block;font-weight:1000;font-size:15px}.live-channel-card small{display:block;font-size:12px;color:#66756f;font-weight:750;line-height:1.35}.live-channel-card>i{font-size:22px;color:#9ab0a7}.live-channel-card.active{border-color:#06a66c;background:linear-gradient(180deg,#f5fff9,#fff)}.live-channel-card.active>i{color:#008553}.live-player-card iframe,.live-player-card video{position:relative;z-index:2}.live-badge{z-index:10}@media(max-width:420px){.live-server-grid,.channel-tabs-v18{grid-template-columns:1fr}.live-v18-player .live-screen{min-height:220px}.live-channel-card{grid-template-columns:44px 1fr 22px}.live-channel-card>span{width:44px;height:44px}}

/* v19 Live TV premium player refresh: loading overlay removed */
.live-hero-v19{background:linear-gradient(135deg,#057e55 0%,#02a765 56%,#075a42 100%);border:0;color:#fff;box-shadow:0 20px 46px rgba(0,110,73,.25)}
.live-hero-v19 .live-hero-top small,.live-hero-v19 .live-hero-top p{color:rgba(255,255,255,.86)}
.live-tv-pro-card{margin:16px 16px 0;border-radius:24px;background:#0b0b10;color:#fff;overflow:hidden;box-shadow:0 22px 45px rgba(0,0,0,.20),0 2px 0 rgba(255,255,255,.04) inset}.pro-video-wrap{position:relative;aspect-ratio:16/9;min-height:214px;background:linear-gradient(135deg,#08080d,#151720);overflow:hidden}.pro-video-wrap video,.pro-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:cover}.pro-live-badge{top:14px;left:14px;background:#f7223b;border-radius:999px;padding:7px 12px;font-size:12px;box-shadow:0 8px 18px rgba(247,34,59,.35)}.pro-live-badge span{background:#fff}.pro-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px;background:linear-gradient(135deg,#10131c,#050507);color:#fff}.pro-empty i{font-size:44px;color:#0bc077;margin:auto}.pro-player-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 20px;background:#0b0b10}.pro-player-info h2{margin:0 0 4px;font-size:22px;line-height:1.2;color:#fff;font-weight:1000}.pro-player-info p{margin:0;color:#b8bdc7;font-size:13px;font-weight:800}.pro-actions{display:flex;gap:10px;flex-shrink:0}.pro-actions button{width:48px;height:48px;border-radius:17px;border:0;background:#272132;color:#fff;font-size:20px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:.18s ease}.pro-actions button:active{transform:scale(.94)}
.live-related-section{margin:18px 16px 0;padding:4px 0 2px}.pro-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 12px}.pro-section-head h2{font-size:20px;line-height:1.1;margin:0;color:#111b17;font-weight:1000}.pro-section-head small{display:block;margin-top:4px;color:#687970;font-weight:800}.pro-section-head a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#ff2d8a;font-weight:1000;font-size:13px}.live-related-strip{display:flex;gap:15px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.live-related-strip::-webkit-scrollbar{display:none}.live-related-channel{position:relative;min-width:76px;max-width:82px;text-align:center;color:#131c19;text-decoration:none;display:grid;justify-items:center;gap:7px}.related-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(145deg,#ffffff,#edf6f2);border:2px solid #f4f7f5;display:grid;place-items:center;overflow:hidden;box-shadow:0 12px 28px rgba(8,37,27,.12)}.related-avatar img{width:100%;height:100%;object-fit:cover}.related-avatar i{font-size:30px;color:#008b5b}.live-related-channel em{position:absolute;top:56px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:999px;background:#f72539;color:#fff;font-size:9px;font-style:normal;font-weight:1000;box-shadow:0 8px 18px rgba(247,37,57,.28)}.live-related-channel small{margin-top:4px;display:block;color:#57645f;font-size:12px;font-weight:900;line-height:1.2}.live-related-channel.active .related-avatar{border-color:#06ad72;box-shadow:0 0 0 4px rgba(6,173,114,.12),0 14px 28px rgba(0,132,83,.18)}.live-server-section-v19{background:linear-gradient(180deg,#fff,#f6fffb);border:1px solid #e2f2ea}.live-server-section-v19 .section-title span{color:#008553;font-weight:1000}.live-category-section-v19{margin:18px 16px 0}.channel-tabs-v19{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.channel-tabs-v19::-webkit-scrollbar{display:none}.channel-tabs-v19 .channel-chip{min-width:144px;border-radius:20px;background:#fff;border:1px solid #e1eee8;box-shadow:0 10px 24px rgba(0,60,40,.06);padding:12px;text-decoration:none;color:#12231d}.channel-tabs-v19 .channel-chip i{width:38px;height:38px;border-radius:15px;background:#ecfbf5;display:grid;place-items:center;color:#00935f;margin-bottom:8px}.channel-tabs-v19 .channel-chip span{display:block;font-size:14px;font-weight:1000}.channel-tabs-v19 .channel-chip small{display:block;font-size:11px;font-weight:850;color:#66756f;margin-top:3px}.channel-tabs-v19 .channel-chip.active{background:linear-gradient(135deg,#008553,#06ad72);color:#fff;border-color:transparent}.channel-tabs-v19 .channel-chip.active i{background:rgba(255,255,255,.17);color:#fff}.channel-tabs-v19 .channel-chip.active small{color:rgba(255,255,255,.84)}.live-channel-list-v19{margin-top:14px}.live-info-card-v19{margin-bottom:90px}.live-loader{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.live-player-card.video-shell{overflow:hidden}@media(max-width:420px){.live-tv-pro-card{margin-left:14px;margin-right:14px;border-radius:22px}.pro-video-wrap{min-height:205px}.pro-player-info{padding:15px}.pro-player-info h2{font-size:20px}.pro-actions button{width:42px;height:42px;border-radius:15px}.live-related-strip{gap:12px}.related-avatar{width:64px;height:64px}.live-related-channel{min-width:72px}.live-related-channel em{top:51px}.channel-tabs-v19 .channel-chip{min-width:132px}}

/* ===== v21 Premium Home + Global Search + User Dashboard ===== */
.v21-home-top{display:grid;grid-template-columns:1fr 92px;gap:12px;align-items:stretch;margin:0 0 12px}.v21-greeting-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f1fff8);border:1px solid rgba(0,133,83,.10);border-radius:24px;padding:15px 16px;box-shadow:0 14px 32px rgba(1,74,48,.08)}.v21-greeting-card:after{content:"";position:absolute;width:92px;height:92px;right:-38px;top:-36px;border-radius:50%;background:rgba(0,133,83,.09)}.v21-greeting-card small{display:block;color:#008553;font-size:12px;font-weight:1000}.v21-greeting-card h1{margin:4px 0 3px;font-size:24px;line-height:1.12;font-weight:1000;color:#102a20}.v21-greeting-card p{margin:0;color:#657a72;font-size:12px;font-weight:850}.v21-mini-status{background:linear-gradient(135deg,#008553,#06ad72);border-radius:24px;color:#fff;display:grid;place-items:center;text-align:center;text-decoration:none;box-shadow:0 16px 32px rgba(0,133,83,.20);padding:10px}.v21-mini-status i{font-size:24px}.v21-mini-status b{display:block;font-size:20px;line-height:1;font-weight:1000}.v21-mini-status small{font-size:11px;font-weight:900;opacity:.9}.v21-global-search,.v21-search-page-form{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:58px;background:#fff;border-radius:24px;border:1px solid rgba(0,133,83,.11);box-shadow:0 14px 34px rgba(4,70,47,.09);padding:7px 8px 7px 16px;margin-bottom:14px}.v21-global-search i,.v21-search-page-form i{font-size:22px;color:#008553}.v21-global-search input,.v21-search-page-form input{border:0;background:transparent;outline:0;min-width:0;color:#102a20;font-weight:800}.v21-global-search input::placeholder,.v21-search-page-form input::placeholder{color:#82928c}.v21-global-search button,.v21-search-page-form button{border:0;background:linear-gradient(135deg,#008553,#06a86d);color:#fff;border-radius:18px;min-height:44px;padding:0 15px;font-weight:1000;box-shadow:0 10px 22px rgba(0,133,83,.18)}.v21-notice-ticker{margin-top:0}.v21-hero{border-radius:30px;min-height:268px;box-shadow:0 24px 54px rgba(0,87,57,.24)}.v21-hero .hero-content h1{font-size:31px}.v21-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 16px}.v21-quick-actions a{position:relative;overflow:hidden;min-height:82px;background:#fff;border:1px solid rgba(0,133,83,.08);border-radius:22px;text-decoration:none;color:#102a20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-weight:1000;box-shadow:0 12px 26px rgba(2,72,43,.08);transition:.18s ease}.v21-quick-actions a:active{transform:scale(.97)}.v21-quick-actions a:before{content:"";position:absolute;inset:auto -20px -34px -20px;height:54px;background:linear-gradient(135deg,rgba(0,133,83,.09),rgba(6,173,114,.04));border-radius:50%}.v21-quick-actions i{width:40px;height:40px;border-radius:16px;background:#e9fbf4;color:#008553;display:grid;place-items:center;font-size:21px}.v21-quick-actions span{font-size:11px;position:relative}.v21-today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.v21-today-grid a{background:linear-gradient(180deg,#fff,#f7fffb);border:1px solid rgba(0,133,83,.08);border-radius:22px;padding:13px 8px;text-align:center;color:#102a20;text-decoration:none;box-shadow:0 12px 28px rgba(2,72,43,.07)}.v21-today-grid i{color:#008553;font-size:23px}.v21-today-grid span{display:block;margin-top:5px;color:#5f746c;font-size:11px;font-weight:900}.v21-today-grid b{display:block;margin-top:3px;font-size:13px;font-weight:1000}.v21-section-head{margin-top:18px}.v21-service-grid .service-card{min-height:96px;border-radius:24px}.v21-featured{border-radius:26px}.v21-more-services{background:rgba(255,255,255,.82);border:1px solid rgba(0,133,83,.08);border-radius:25px;padding:15px;box-shadow:var(--soft-shadow)}.v21-smart-summary{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:17px 0 8px;background:radial-gradient(circle at 92% 2%,rgba(195,245,116,.18),transparent 36%),linear-gradient(135deg,#005f46,#008553);border-radius:26px;color:#fff;padding:18px;box-shadow:0 18px 38px rgba(0,92,64,.22)}.v21-smart-summary span{width:50px;height:50px;border-radius:18px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:25px;margin-bottom:10px}.v21-smart-summary h2{margin:0 0 6px;font-size:20px;font-weight:1000}.v21-smart-summary p{margin:0;color:rgba(255,255,255,.86);font-size:12px;line-height:1.6;font-weight:750}.v21-smart-summary a{white-space:nowrap;display:flex;align-items:center;gap:6px;background:#fff;color:#008553;border-radius:16px;padding:12px 14px;text-decoration:none;font-weight:1000}.v21-search-hero{background:radial-gradient(circle at 95% 0,rgba(195,245,116,.20),transparent 42%),linear-gradient(135deg,#008553,#006d49)}.v21-search-page-form{margin-top:2px}.v21-search-chips{margin:3px 0 10px}.v21-search-chips a{white-space:nowrap;border-radius:99px;padding:9px 14px;background:#fff;border:1px solid #e2eee8;font-weight:900;font-size:12px;color:#3c5149;text-decoration:none}.v21-search-chips a.active{background:var(--green);color:#fff;border-color:var(--green)}.v21-search-result-head{display:flex;align-items:center;justify-content:space-between;margin:14px 4px 11px}.v21-search-result-head h2{margin:0;font-size:18px;font-weight:1000}.v21-search-result-head span{color:#008553;background:#e9f8f1;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:1000}.v21-search-results{display:grid;gap:10px;padding-bottom:18px}.v21-search-result-card{display:grid;grid-template-columns:54px 1fr 22px;gap:12px;align-items:center;background:#fff;border:1px solid rgba(0,133,83,.08);border-radius:22px;padding:12px;text-decoration:none;color:#102a20;box-shadow:0 12px 28px rgba(2,72,43,.07);transition:.18s ease}.v21-search-result-card:active{transform:scale(.985)}.v21-search-result-card .service-icon{width:54px;height:54px;border-radius:19px}.v21-search-result-card small{display:inline-flex;color:#008553;background:#eaf8f1;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:1000;margin-bottom:5px}.v21-search-result-card strong{display:block;font-size:16px;font-weight:1000;line-height:1.25}.v21-search-result-card p{margin:4px 0 0;color:#60746c;font-size:12px;font-weight:750;line-height:1.45}.v21-search-result-card>i{font-size:20px;color:#8aa199}.v21-empty-search{text-align:center}.v21-empty-search>i{font-size:42px;color:#008553}.v21-empty-search a{display:inline-flex;margin-top:12px;background:#008553;color:#fff;border-radius:15px;padding:11px 15px;font-weight:1000;text-decoration:none}.v21-profile-hero{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:14px;background:linear-gradient(135deg,#fff,#effbf5);border:1px solid rgba(0,133,83,.08)}.v21-dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.v21-dashboard-stats a{background:#fff;border:1px solid rgba(0,133,83,.08);border-radius:22px;padding:13px 8px;text-align:center;text-decoration:none;color:#102a20;box-shadow:0 12px 26px rgba(2,72,43,.07)}.v21-dashboard-stats i{font-size:23px;color:#008553}.v21-dashboard-stats span{display:block;font-size:11px;color:#687970;font-weight:900;margin-top:4px}.v21-dashboard-stats b{display:block;font-size:15px;font-weight:1000;margin-top:3px}.v21-smart-id-card{margin-top:14px}.v21-profile-actions{margin-top:12px}.v21-profile-service-panel{background:#fff;border:1px solid rgba(0,133,83,.08);box-shadow:var(--soft-shadow);border-radius:24px;padding:15px;margin-top:16px}.v21-profile-info-card{margin-top:16px}.v21-profile-details{background:#fff;border:1px solid rgba(0,133,83,.08);border-radius:24px;box-shadow:var(--soft-shadow);padding:0;margin-top:16px;overflow:hidden}.v21-profile-details summary{cursor:pointer;list-style:none;padding:17px 18px;font-size:16px;font-weight:1000;color:#102a20;display:flex;align-items:center;gap:8px}.v21-profile-details summary::-webkit-details-marker{display:none}.v21-profile-details summary i{color:#008553}.v21-profile-details[open] summary{border-bottom:1px solid #e3eee8;background:#f7fffb}.v21-profile-details .simple-form{box-shadow:none;border:0;margin:0;padding:16px;background:transparent}.v21-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v21-token-card{background:linear-gradient(180deg,#fff,#f5fffa)}.v21-auth-tabs{margin-top:16px}.drawer-foot a{word-break:break-all}@media(max-width:420px){.v21-home-top{grid-template-columns:1fr 82px}.v21-quick-actions{grid-template-columns:repeat(4,1fr);gap:8px}.v21-quick-actions a{min-height:76px;border-radius:20px}.v21-quick-actions i{width:36px;height:36px;border-radius:14px;font-size:19px}.v21-quick-actions span{font-size:10px}.v21-today-grid{gap:8px}.v21-smart-summary{grid-template-columns:1fr}.v21-smart-summary a{justify-content:center}.v21-two-col{grid-template-columns:1fr}.v21-global-search,.v21-search-page-form{grid-template-columns:26px 1fr auto}.v21-global-search button,.v21-search-page-form button{padding:0 12px}.v21-search-result-card{grid-template-columns:50px 1fr 18px}.v21-search-result-card .service-icon{width:50px;height:50px}.v21-profile-hero{grid-template-columns:64px 1fr}.v21-dashboard-stats{gap:8px}}@media(max-width:360px){.v21-quick-actions{grid-template-columns:repeat(2,1fr)}.v21-today-grid{grid-template-columns:1fr}.v21-home-top{grid-template-columns:1fr}.v21-mini-status{min-height:64px}}


/* v22 dynamic theme support */
.splash-screen{background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.13),transparent 170px),linear-gradient(180deg,var(--splash-start,var(--green)),var(--green) 58%,var(--splash-end,var(--green-2)))!important;color:var(--splash-text,#fff)!important}.app-header{background:linear-gradient(135deg,var(--green),var(--green-2))!important}.top-toast{background:linear-gradient(135deg,var(--green),var(--green-2))!important}.bottom-nav a.active,.bottom-nav a:hover{color:var(--green)!important}.bottom-nav a.active{background:color-mix(in srgb,var(--green) 12%,#fff)!important}.service-icon.green,.service-preview.green{background:linear-gradient(135deg,var(--green),#19c184)!important}.service-card:active,.quick-action:active{transform:scale(.97)}


/* ===== v23 union council + complaint box ===== */
.union-council-hero{background:radial-gradient(circle at 96% 6%,rgba(200,255,97,.20),transparent 35%),linear-gradient(135deg,var(--green),var(--green-2));color:#fff;border-radius:0 0 26px 26px;margin:-14px -16px 16px;padding:28px 18px 30px;display:flex;align-items:center;gap:14px;box-shadow:0 20px 38px rgba(0,85,53,.18)}
.union-council-hero h1{margin:0;font-size:28px;font-weight:1000;letter-spacing:-.5px}.union-council-hero p{margin:6px 0 0;font-size:14px;font-weight:800;line-height:1.45;opacity:.92}.section-head.compact{margin:18px 2px 10px}.officer-section{margin-top:12px}.ward-block{margin-top:14px}.ward-block h3{margin:0 2px 10px;display:inline-flex;align-items:center;gap:6px;background:#eaf8f1;color:var(--green);padding:9px 13px;border-radius:999px;font-size:14px;font-weight:1000}.officer-grid{display:grid;gap:12px}.officer-card{background:rgba(255,255,255,.96);border:1px solid rgba(0,133,79,.07);border-radius:24px;padding:14px;display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;box-shadow:0 12px 28px rgba(2,72,43,.08);position:relative;overflow:hidden}.officer-card:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-32px;top:-28px;background:rgba(0,133,79,.06)}.officer-card.large{grid-template-columns:96px 1fr;background:radial-gradient(circle at 100% 0,rgba(200,255,97,.12),transparent 34%),#fff;min-height:148px}.officer-photo{width:82px;height:82px;border-radius:24px;background:linear-gradient(135deg,#eaf8f1,#f8fffb);display:grid;place-items:center;overflow:hidden;color:var(--green);font-size:34px;box-shadow:inset 0 0 0 1px rgba(0,133,79,.08)}.officer-card.large .officer-photo{width:96px;height:96px;border-radius:28px}.officer-photo img{width:100%;height:100%;object-fit:cover;display:block}.officer-info{min-width:0}.ward-pill{display:inline-flex;background:#e8fff3;color:var(--green);border:1px solid #cfeee0;border-radius:999px;padding:4px 8px;font-weight:1000;font-size:11px;margin-bottom:5px}.officer-info h2{margin:0;font-size:20px;font-weight:1000;letter-spacing:-.3px}.officer-info p{margin:3px 0 0;color:var(--green);font-weight:950}.officer-info small{display:block;margin-top:6px;color:#60746c;font-weight:700;line-height:1.45}.officer-call{grid-column:1/-1;height:46px;border-radius:16px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:1000;box-shadow:0 12px 24px rgba(0,133,79,.16)}.complaint-card h2{display:flex;align-items:center;gap:8px}.complaint-intro{margin:0 0 12px;color:#64766e;font-weight:750;line-height:1.55}.complaint-form{display:grid;gap:10px}.complaint-form label{font-weight:950;color:#0b241b}.complaint-form input,.complaint-form textarea{width:100%;border:1px solid #dcebe4;border-radius:16px;background:#f9fffc;padding:13px 14px;outline:0;font-weight:800}.complaint-form input:focus,.complaint-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(0,133,79,.10)}.complaint-form button{border:0;border-radius:17px;background:var(--green);color:#fff;min-height:50px;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 26px rgba(0,133,79,.18)}.front-alert{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:16px;margin:10px 0;font-weight:900;line-height:1.45}.front-alert.success{background:#dcfce9;color:#00764d}.front-alert.error{background:#fff1f2;color:#be123c}@media(min-width:520px){.officer-grid{grid-template-columns:1fr 1fr}.officer-card.large{grid-column:auto}}

/* v24 Premium Digital Services */
.premium-digital-hero,.document-maker-hero{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;background:radial-gradient(circle at 100% 0,rgba(200,255,97,.18),transparent 42%),linear-gradient(135deg,var(--green),var(--green-2));color:#fff;border-radius:28px;padding:18px;box-shadow:0 18px 38px rgba(0,92,64,.20);margin:2px 0 16px}.premium-digital-hero>span,.document-maker-hero>span{width:64px;height:64px;border-radius:22px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.premium-digital-hero small,.document-maker-hero small{display:block;font-weight:1000;opacity:.9}.premium-digital-hero h1,.document-maker-hero h1{margin:2px 0 5px;font-size:27px;font-weight:1000;letter-spacing:-.5px}.premium-digital-hero p,.document-maker-hero p{margin:0;font-size:13px;line-height:1.55;font-weight:750;opacity:.9}.premium-lock-card{background:#fff;border:1px solid rgba(0,133,83,.08);border-radius:26px;padding:18px;text-align:center;box-shadow:var(--soft-shadow);margin-bottom:16px}.premium-lock-card .lock-icon{width:76px;height:76px;border-radius:26px;margin:0 auto 12px;background:#fff4df;color:#f59e0b;display:grid;place-items:center;font-size:36px}.premium-lock-card h2{margin:0 0 7px;font-size:22px;font-weight:1000}.premium-lock-card p{margin:0 auto;color:#5f746c;font-weight:800;line-height:1.55;max-width:360px}.premium-lock-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.premium-lock-actions a{min-height:48px;border-radius:17px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:1000}.premium-lock-actions a.outline{background:#f7fffb;color:var(--green);border:1px solid #cfeee0}.digital-service-grid{display:grid;gap:13px}.digital-service-card{position:relative;overflow:hidden;display:grid;grid-template-columns:58px 1fr 24px;gap:12px;align-items:center;background:#fff;border:1px solid rgba(0,133,83,.08);border-radius:25px;padding:14px;box-shadow:0 14px 32px rgba(2,72,43,.08);transition:.18s ease}.digital-service-card:active{transform:scale(.985)}.digital-service-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;top:-54px;background:rgba(0,133,83,.05)}.digital-service-card .service-icon{width:58px;height:58px;border-radius:21px}.digital-service-card h2{margin:0;font-size:19px;font-weight:1000;letter-spacing:-.3px}.digital-service-card p{margin:5px 0;color:#5f746c;font-size:12px;line-height:1.45;font-weight:750}.digital-service-card small{display:block;color:var(--green);font-weight:900;font-size:11px}.digital-service-card.locked{opacity:.82}.digital-service-card.locked:before{content:"Locked";position:absolute;right:13px;top:11px;background:#fff3cd;color:#92400e;border-radius:999px;padding:4px 8px;font-weight:1000;font-size:10px}.premium-info-card{background:#f7fffb;border:1px solid #d9f0e6;border-radius:24px;padding:16px;margin-top:16px}.premium-info-card h2{margin:0 0 7px;font-size:18px;font-weight:1000}.premium-info-card p{margin:0;color:#60746c;font-weight:750;line-height:1.55}.document-maker-hero.biodata{background:radial-gradient(circle at 100% 0,rgba(255,255,255,.14),transparent 42%),linear-gradient(135deg,#009766,#6d28d9)}.document-form{background:#fff;border:1px solid rgba(0,133,83,.08);border-radius:26px;padding:16px;box-shadow:var(--soft-shadow);display:grid;gap:10px}.document-form label{font-weight:1000;color:#102a20}.document-form label small{display:block;color:#789088;font-weight:750;font-size:11px;margin-top:2px}.document-form input,.document-form textarea,.document-form select{width:100%;border:1px solid #dcebe4;background:#fafffc;border-radius:16px;padding:13px 14px;outline:0;font-weight:800}.document-form input:focus,.document-form textarea:focus,.document-form select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(0,133,83,.10)}.document-form button{height:52px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;box-shadow:0 14px 28px rgba(0,133,83,.18)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.document-action-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.document-action-bar button,.document-action-bar a{min-height:50px;border-radius:17px;border:0;background:var(--green);color:#fff;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 24px rgba(0,133,83,.15)}.document-action-bar a{background:#f7fffb;color:var(--green);border:1px solid #cfeee0}.cv-paper,.biodata-paper{background:#fff;color:#12221b;border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.10);padding:28px;margin:0 auto 20px;max-width:760px;min-height:900px;font-family:Arial,"Noto Sans Bengali",sans-serif}.cv-top{display:grid;grid-template-columns:1fr 110px;gap:18px;border-bottom:3px solid var(--green);padding-bottom:16px;margin-bottom:18px}.cv-top h1{margin:0;font-size:30px;line-height:1.1;text-transform:uppercase;color:#063b2c}.cv-top p{margin:6px 0 0;font-size:15px;font-weight:700;color:#48665a}.cv-top img,.cv-photo-placeholder{width:108px;height:120px;border-radius:8px;object-fit:cover;border:2px solid #dcebe4;background:#eff8f3;display:grid;place-items:center;color:var(--green);font-size:44px}.cv-contact-line{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:11px;color:#384d45;font-size:12px;font-weight:700}.cv-section{margin-top:16px}.cv-section h2{font-size:15px;letter-spacing:.5px;color:var(--green);text-transform:uppercase;border-bottom:1px solid #dcebe4;margin:0 0 7px;padding-bottom:5px}.cv-section p{margin:0;line-height:1.55;color:#263d34}.cv-section ul{margin:0;padding-left:18px}.cv-section li{margin:4px 0;line-height:1.45}.cv-tags{display:flex;flex-wrap:wrap;gap:7px}.cv-tags span{border:1px solid #dcebe4;background:#f8fffb;border-radius:999px;padding:6px 10px;font-weight:700;font-size:12px}.cv-signature{margin-top:46px;display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-end}.cv-signature span{border-top:1px solid #102a20;min-width:170px;text-align:center;padding-top:7px;font-size:12px;color:#60746c}.cv-signature b{font-size:13px;margin-top:3px}.cv-paper.simple .cv-top{border-bottom-color:#1f2937}.cv-paper.english .cv-top{background:#f6fbf8;padding:16px;border-radius:8px;border-bottom:0}.biodata-paper{font-family:"Noto Sans Bengali",Arial,sans-serif}.bio-heading{text-align:center;border:2px solid var(--green);border-radius:18px;padding:17px;background:linear-gradient(180deg,#f7fffb,#fff);position:relative}.bio-heading h1{margin:0;color:var(--green);font-size:28px;font-weight:1000}.bio-heading img,.bio-heading span{width:112px;height:128px;border-radius:12px;object-fit:cover;border:2px solid #dcebe4;background:#eff8f3;display:grid;place-items:center;color:var(--green);font-size:44px;margin:14px auto 0}.bio-name{text-align:center;margin:18px 0}.bio-name h2{margin:0;font-size:25px;font-weight:1000}.bio-name p{margin:4px 0 0;color:#60746c;font-weight:800}.bio-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dcebe4;border-radius:16px;overflow:hidden}.bio-table div{display:grid;grid-template-columns:135px 1fr;gap:10px;border-bottom:1px solid #dcebe4;padding:12px}.bio-table div:nth-child(odd){border-right:1px solid #dcebe4}.bio-table .wide{grid-column:1/-1;border-right:0!important}.bio-table span{font-weight:1000;color:var(--green)}.bio-table strong{font-weight:800;line-height:1.55}@media(max-width:420px){.premium-digital-hero,.document-maker-hero{grid-template-columns:58px 1fr;padding:15px;border-radius:24px}.premium-digital-hero>span,.document-maker-hero>span{width:54px;height:54px;border-radius:19px;font-size:26px}.premium-digital-hero h1,.document-maker-hero h1{font-size:23px}.premium-lock-actions,.form-two,.document-action-bar{grid-template-columns:1fr}.digital-service-card{grid-template-columns:52px 1fr 18px}.digital-service-card .service-icon{width:52px;height:52px}.cv-paper,.biodata-paper{padding:18px;min-height:0}.cv-top{grid-template-columns:1fr}.cv-top img,.cv-photo-placeholder{justify-self:start}.bio-table,.bio-table div{grid-template-columns:1fr}.bio-table div:nth-child(odd){border-right:0}}@media print{body{background:#fff!important}.splash-screen,.app-header,.bottom-nav,.top-toast,.side-drawer,.drawer-backdrop,.no-print,.notice-popup-overlay{display:none!important}.app-shell,.mobile-frame,.app-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}.cv-paper,.biodata-paper{box-shadow:none!important;border-radius:0!important;max-width:none!important;min-height:auto!important;margin:0!important;padding:20mm!important;page-break-inside:avoid}.cv-top h1{font-size:28px}.cv-section h2{color:#000!important;border-bottom-color:#999!important}.bio-heading{border-color:#000!important}.bio-heading h1,.bio-table span{color:#000!important}}
.profile-row strong.pending{color:#b45309;background:#fff7ed;border-radius:999px;padding:5px 9px}.mini-service-chip.premium{background:linear-gradient(135deg,#f8f0ff,#fff);border-color:#ead7ff!important}

/* v25 professional CV builder */
.cv-hero{background:radial-gradient(circle at 95% 0,rgba(255,255,255,.22),transparent 42%),linear-gradient(135deg,#008553,#006d49);border-radius:0 0 24px 24px;color:#fff;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:16px;margin:-10px -4px 14px;box-shadow:0 16px 34px rgba(0,85,55,.18)}
.cv-hero span{width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.17);display:grid;place-items:center;font-size:28px}.cv-hero h1{font-size:24px;margin:2px 0 3px;font-weight:1000;letter-spacing:-.4px}.cv-hero small,.cv-hero p{font-weight:800;opacity:.92}.cv-hero p{margin:0;font-size:12px;line-height:1.45}.cv-builder-card{background:rgba(255,255,255,.96);border:1px solid rgba(0,133,83,.08);border-radius:22px;padding:14px;box-shadow:0 18px 38px rgba(2,72,43,.08);display:grid;gap:12px}.cv-template-box{background:#f8fbff;border:1px solid #dde9f6;border-radius:18px;padding:12px;display:grid;gap:10px}.cv-template-box>label,.cv-lang-label{font-size:12px;font-weight:900;color:#64748b}.cv-template-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cv-radio-pill input{display:none}.cv-radio-pill span{min-height:42px;border:1px solid #dbe8f2;border-radius:13px;display:grid;place-items:center;text-align:center;font-weight:950;color:#475569;background:#fff;font-size:12px;padding:6px}.cv-radio-pill input:checked+span{border-color:#2b7bc2;background:#eaf4ff;color:#245e9a;box-shadow:0 0 0 3px rgba(43,123,194,.10)}.cv-template-box select,.cv-builder-card input,.cv-builder-card textarea,.cv-builder-card select{width:100%;border:1px solid #dce8e2;background:#fbfffc;border-radius:13px;padding:11px 12px;outline:0;font-weight:750;font-family:inherit;color:#0f172a}.cv-builder-card textarea{resize:vertical;line-height:1.5}.cv-builder-card input:focus,.cv-builder-card textarea:focus,.cv-builder-card select:focus{border-color:#008553;box-shadow:0 0 0 4px rgba(0,133,83,.10)}.cv-accordion{border:0;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(2,72,43,.05);overflow:hidden}.cv-accordion summary{cursor:pointer;list-style:none;padding:15px 4px;margin:0 10px;border-bottom:1px solid #e2ece8;font-size:20px;font-weight:1000;letter-spacing:-.3px;color:#111827;display:flex;align-items:center;justify-content:space-between}.cv-accordion summary::-webkit-details-marker{display:none}.cv-accordion summary:after{content:'⌄';font-size:18px;color:#0f5138}.cv-accordion[open] summary:after{content:'⌃'}.cv-accordion label{display:grid;gap:7px;font-size:12px;font-weight:950;color:#18352b}.cv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:13px 10px 14px}.cv-form-grid .full{grid-column:1/-1}.cv-repeat-wrap{display:grid;gap:12px;padding:12px 10px}.cv-repeat-row{position:relative;border:1px solid #dde9e4;border-radius:16px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fcfffd}.cv-repeat-row.mini{grid-template-columns:1fr 1fr}.cv-repeat-row label.full{grid-column:1/-1}.cv-remove-row{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#475569;font-size:15px;z-index:2}.cv-remove-row:hover{color:#e11d48}.cv-add-row{margin:0 10px 13px;border:1px solid #d9e8e2;background:#fff;color:#0f5138;border-radius:13px;min-height:42px;padding:0 14px;font-weight:950;display:inline-flex;align-items:center;gap:6px;justify-content:center}.cv-sticky-actions{position:sticky;bottom:80px;z-index:8;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid #e2ece8;border-radius:18px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;box-shadow:0 14px 34px rgba(2,72,43,.12)}.cv-sticky-actions button,.cv-action-bar button,.cv-action-bar a{border:0;border-radius:14px;min-height:48px;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:8px}.cv-sticky-actions button[type=submit],.cv-action-bar button{background:#008553;color:#fff;box-shadow:0 14px 26px rgba(0,133,83,.18)}.cv-sticky-actions .cv-secondary,.cv-action-bar a{background:#fff;color:#0f5138;border:1px solid #d9e8e2}.cv-action-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.cv-paper{margin:14px auto 90px;width:100%;max-width:794px;background:#fff;border-radius:18px;padding:28px;box-shadow:0 18px 42px rgba(0,0,0,.10);position:relative;overflow:hidden}.cv-paper *{box-sizing:border-box}.cv-watermark{position:absolute;right:22px;top:120px;font-size:88px;font-weight:1000;color:#eef7f2;line-height:1}.cv-top{display:grid;grid-template-columns:1fr 112px;gap:18px;align-items:start;border-bottom:3px solid #008553;padding-bottom:18px;margin-bottom:16px;position:relative;z-index:1}.cv-person h1{margin:0;font-size:28px;line-height:1.1;text-transform:uppercase;letter-spacing:.3px;color:#06352a}.cv-title{margin:4px 0 0;color:#008553;font-weight:900}.cv-contact-line{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:8px;font-size:12px;font-weight:750;color:#334155}.cv-photo{width:112px;height:126px;border:1px solid #d8ede4;border-radius:10px;object-fit:cover;background:#f5fbf8}.cv-photo-placeholder{display:grid;place-items:center;color:#008553;font-size:34px}.cv-section{position:relative;z-index:1;margin-top:15px;break-inside:avoid}.cv-section h2{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#008553;border-bottom:1px solid #cad7d1;margin:0 0 9px;padding-bottom:6px;font-weight:1000}.cv-section p{font-size:13px;line-height:1.58;color:#17231f}.cv-item{margin-bottom:12px;break-inside:avoid}.cv-item h3{margin:0;font-size:15px;font-weight:1000;color:#0f172a}.cv-item p{margin:2px 0 0;font-weight:800;color:#334155}.cv-item small,.cv-rich-text{display:block;margin-top:3px;color:#52645d;font-size:12px;line-height:1.5}.cv-tags{display:flex;flex-wrap:wrap;gap:6px}.cv-tags span{font-size:12px;font-weight:850;border:1px solid #d7eadf;background:#f8fffb;border-radius:999px;padding:5px 9px}.cv-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.cv-info-grid div{display:grid;grid-template-columns:112px 1fr;gap:8px;font-size:12px;border-bottom:1px dashed #e2e8f0;padding-bottom:5px}.cv-info-grid b{color:#0f5138}.cv-two-list,.cv-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cv-two-list span,.cv-reference-card{background:#fbfefc;border:1px solid #e2e8f0;border-radius:12px;padding:10px;font-size:12px}.cv-two-list b{display:block;color:#0f5138}.cv-reference-card h3{margin:0;font-size:13px;font-weight:1000}.cv-reference-card p{margin:3px 0;font-weight:800;color:#334155}.cv-reference-card small{font-size:11px;color:#52645d}.cv-signature{text-align:right;margin-top:38px}.cv-signature span{display:inline-block;border-top:1px solid #111827;min-width:150px;text-align:center;padding-top:7px;font-size:11px;color:#52645d}.cv-signature b{display:block;margin-top:3px;font-size:12px}.cv-template-international .cv-top{border-bottom-color:#2563eb}.cv-template-international .cv-section h2,.cv-template-international .cv-title{color:#2563eb}.cv-template-government .cv-top{border-bottom-color:#334155}.cv-template-government .cv-section h2,.cv-template-government .cv-title{color:#334155}.cv-template-ngo .cv-top{border-bottom-color:#7c3aed}.cv-template-ngo .cv-section h2,.cv-template-ngo .cv-title{color:#7c3aed}@media(max-width:420px){.cv-builder-card{padding:11px}.cv-template-options{grid-template-columns:1fr 1fr}.cv-radio-pill span{font-size:11px;min-height:38px}.cv-accordion summary{font-size:16px;padding:13px 2px}.cv-form-grid,.cv-repeat-row,.cv-repeat-row.mini{grid-template-columns:1fr;gap:9px}.cv-builder-card input,.cv-builder-card textarea,.cv-builder-card select{font-size:13px;padding:10px 11px}.cv-sticky-actions{bottom:76px;grid-template-columns:1fr 1fr}.cv-sticky-actions button{font-size:12px;min-height:44px}.cv-paper{padding:20px;margin-bottom:90px;border-radius:16px}.cv-top{grid-template-columns:1fr 86px;gap:12px}.cv-person h1{font-size:23px}.cv-photo{width:86px;height:96px}.cv-contact-line{font-size:10px;gap:4px 9px}.cv-info-grid,.cv-two-list,.cv-reference-grid{grid-template-columns:1fr}.cv-info-grid div{grid-template-columns:96px 1fr}.cv-section h2{font-size:12px}.cv-section p,.cv-item p{font-size:12px}.cv-item h3{font-size:13px}}
@media print{body *{visibility:hidden!important}.cv-paper,.cv-paper *{visibility:visible!important}.cv-paper{position:absolute!important;left:0!important;top:0!important;width:210mm!important;max-width:none!important;min-height:297mm!important;margin:0!important;border-radius:0!important;box-shadow:none!important;padding:16mm!important}.no-print,.app-header,.bottom-nav,.top-toast,.sheet-backdrop,.emergency-sheet,.notice-popup-overlay{display:none!important;visibility:hidden!important}.cv-section{break-inside:avoid}.cv-watermark{font-size:110px}}

/* v28 Premium citizen modules: advanced complaint, blood request, business and ward directory */
.v28-hero{background:linear-gradient(135deg,var(--su-primary,#008553),var(--su-secondary,#006d49));color:#fff;border-radius:0 0 24px 24px;display:flex;gap:16px;align-items:center;padding:24px;margin:0 10px 16px;box-shadow:0 18px 40px rgba(0,80,50,.16)}
.v28-hero h1{margin:0 0 6px;font-size:26px;line-height:1.15}.v28-hero p{margin:0;opacity:.95;font-size:14px;line-height:1.55}.v28-form-card,.v28-list-card{margin:14px 12px;padding:18px;border-radius:22px}.v28-form-card h2{font-size:20px;margin-bottom:14px}.v28-blood-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 12px;border-radius:22px}.v28-blood-cta h2{font-size:18px;margin:0}.v28-blood-cta p{margin:4px 0 0;color:#60716b;font-size:13px}.v28-blood-cta a,.v28-track-link{background:#008553;color:#fff;text-decoration:none;border-radius:16px;padding:12px 14px;font-weight:800;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.v28-track-link{margin-bottom:12px;background:#eefbf5;color:#008553;border:1px solid rgba(0,133,83,.16)}
.v28-request-list{display:grid;gap:12px}.v28-request-card{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid rgba(0,80,50,.08);box-shadow:0 10px 30px rgba(0,80,50,.08);border-radius:18px;padding:12px}.v28-request-card>b{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;display:grid;place-items:center;font-size:22px}.v28-request-card h3{font-size:17px;margin:0 0 6px}.v28-request-card p{margin:2px 0;color:#5c6f68;font-size:13px}.v28-request-card a{background:#008553;color:#fff;border-radius:14px;padding:10px 12px;text-decoration:none;font-weight:800}.v28-directory-list{padding-bottom:88px}.v28-biz-card .vehicle-avatar i{font-size:30px;color:#008553}.v28-ward-grid{display:grid;gap:12px;margin:12px;padding-bottom:88px}.v28-ward-card{border-radius:20px}.v28-ward-card h2{font-size:18px;margin:10px 0}.v28-ward-card p{margin:6px 0;color:#52645e}.ward-badge{display:inline-flex;background:#e9fff4;color:#008553;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}.v28-track-result{margin:14px 12px;border-radius:22px}.v28-user-desk{margin:14px 0}.v28-mini-list{display:grid;gap:10px}.v28-mini-list article{border:1px solid rgba(0,80,50,.1);border-radius:16px;padding:12px;background:#fff;display:grid;gap:4px}.v28-mini-list b{color:#008553}.v28-mini-list em{font-style:normal;background:#e9fff4;color:#008553;border-radius:999px;padding:4px 9px;font-size:12px;width:max-content}.v28-mini-list small{color:#586a63}.front-alert.success{background:#e5fff3;color:#006d49}.front-alert.error{background:#fff0f0;color:#b42318}.complaint-reply{background:#f1fff8;border-left:4px solid #008553;border-radius:12px;padding:10px 12px;margin:10px 0;color:#143f30}
@media(max-width:560px){.v28-hero{padding:20px 16px;margin-left:8px;margin-right:8px}.v28-hero h1{font-size:22px}.v28-blood-cta{align-items:flex-start;flex-direction:column}.v28-blood-cta a{width:100%;justify-content:center}.v28-request-card{grid-template-columns:54px 1fr}.v28-request-card a{grid-column:1/-1;text-align:center}.v28-request-card>b{width:50px;height:50px;font-size:18px}.v28-form-card,.v28-list-card{margin-left:8px;margin-right:8px;padding:15px}.v28-ward-grid{margin:8px}}

/* ===================== V29 PROFESSIONAL BIODATA MAKER ===================== */
.bio-builder-card{background:#fff;border:1px solid rgba(0,133,83,.08);border-radius:26px;padding:14px;box-shadow:var(--soft-shadow);display:grid;gap:12px;margin-bottom:28px}.bio-template-box{background:#f8fffb;border:1px solid #dcebe4;border-radius:22px;padding:14px;display:grid;gap:10px}.bio-template-box label{font-weight:1000;color:#657972;font-size:13px}.bio-template-box select,.bio-builder-card input,.bio-builder-card textarea,.bio-builder-card select{width:100%;border:1px solid #d9e8e2;background:#fbfffd;border-radius:14px;padding:12px 13px;outline:0;font-weight:750;font-family:inherit;transition:.16s ease}.bio-builder-card input:focus,.bio-builder-card textarea:focus,.bio-builder-card select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(0,133,83,.10)}.bio-accordion{border-bottom:1px solid #e3eee9;padding:0}.bio-accordion summary{list-style:none;cursor:pointer;font-size:20px;font-weight:1000;padding:16px 4px;color:#0f231c;display:flex;align-items:center;justify-content:space-between}.bio-accordion summary::-webkit-details-marker{display:none}.bio-accordion summary:after{content:"\f282";font-family:"bootstrap-icons";font-size:14px;transition:.16s ease;color:#20392f}.bio-accordion[open] summary:after{transform:rotate(180deg)}.bio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 2px 16px}.bio-form-grid label{font-size:13px;font-weight:900;color:#173228;line-height:1.5}.bio-form-grid label.full{grid-column:1/-1}.bio-form-grid input,.bio-form-grid textarea,.bio-form-grid select{margin-top:5px}.bio-form-actions{display:grid;grid-template-columns:1fr;margin-top:4px}.bio-form-actions button{height:52px;border:0;border-radius:17px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-weight:1000;box-shadow:0 14px 28px rgba(0,133,83,.18);display:flex;align-items:center;justify-content:center;gap:8px}.biodata-preview-wrap{padding-bottom:38px;overflow-x:auto}.bio-pro-paper{width:794px;max-width:100%;min-height:1123px;background:#fff;margin:0 auto 34px;padding:32px 38px;color:#18241f;border-radius:20px;box-shadow:0 18px 60px rgba(0,0,0,.10);font-family:"Noto Sans Bengali",Arial,sans-serif;position:relative}.bio-pro-topline{display:flex;justify-content:space-between;gap:12px;color:#5d6b67;font-size:11px;font-weight:750;margin-bottom:34px}.bio-pro-title{display:flex;align-items:flex-start;justify-content:center;gap:18px;position:relative;margin-bottom:22px}.bio-pro-title>div{text-align:center;flex:1}.bio-pro-title h1{margin:0;font-size:34px;font-weight:1000;letter-spacing:-.4px;color:#111827;font-family:Arial,"Noto Sans Bengali",sans-serif}.bio-pro-title i{display:block;width:86%;height:5px;background:#e5094f;border-radius:999px;margin:17px auto 0}.bio-pro-title img{width:96px;height:112px;border-radius:12px;object-fit:cover;border:4px solid #eef3f8;box-shadow:0 10px 20px rgba(0,0,0,.10);position:absolute;right:0;top:-16px}.bio-pro-section{margin:24px 0 0;break-inside:avoid;page-break-inside:avoid}.bio-pro-section h2{margin:0 0 12px;background:#f1f5fa;border-radius:8px;padding:11px 12px;color:#4b83b5;font-size:22px;font-weight:1000;line-height:1.2}.bio-pro-section dl{margin:0;padding:0;display:grid;gap:8px}.bio-pro-row{display:grid;grid-template-columns:210px 1fr;gap:20px;align-items:start;padding:2px 8px}.bio-pro-row dt{font-size:13px;font-weight:1000;color:#111827;line-height:1.5}.bio-pro-row dd{font-size:14px;font-weight:650;color:#6b7280;line-height:1.58;margin:0}.bio-pro-footer{margin-top:42px;border-top:1px solid #edf2f7;padding-top:12px;display:flex;justify-content:space-between;gap:10px;color:#64748b;font-size:11px;font-weight:800}.bio-pro-footer strong{color:var(--green)}.biodata-action-bar{grid-template-columns:1fr 1fr}.biodata-action-bar button{background:linear-gradient(135deg,#e5094f,#ff4b7d)}@media(max-width:480px){.bio-builder-card{border-radius:22px;padding:12px}.bio-accordion summary{font-size:18px;padding:14px 2px}.bio-form-grid{grid-template-columns:1fr;gap:9px}.bio-form-grid label{font-size:12.5px}.bio-template-box{border-radius:18px}.bio-pro-paper{width:100%;min-height:0;padding:22px 18px;border-radius:18px}.bio-pro-topline{font-size:9.5px;margin-bottom:24px}.bio-pro-title{justify-content:center;display:block}.bio-pro-title h1{font-size:26px}.bio-pro-title i{width:100%;height:4px;margin-top:13px}.bio-pro-title img{position:static;display:block;margin:14px auto 0;width:84px;height:98px}.bio-pro-section{margin-top:18px}.bio-pro-section h2{font-size:18px;padding:10px}.bio-pro-row{grid-template-columns:1fr;gap:3px;padding:4px 5px;border-bottom:1px dashed #edf2f7}.bio-pro-row dt{font-size:12.5px}.bio-pro-row dd{font-size:13px}.bio-pro-footer{display:block;text-align:center}.biodata-action-bar{grid-template-columns:1fr}}@media print{@page{size:A4;margin:12mm}body{background:#fff!important}.bio-builder-card,.document-maker-hero,.biodata-action-bar,.front-alert.no-print{display:none!important}.biodata-preview-wrap{padding:0!important;overflow:visible!important}.bio-pro-paper{width:auto!important;max-width:none!important;min-height:auto!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;color:#111!important}.bio-pro-title h1{font-size:30px}.bio-pro-section{margin-top:20px}.bio-pro-section h2{background:#f2f5f9!important;color:#4b83b5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.bio-pro-row{grid-template-columns:190px 1fr}.bio-pro-row dd{color:#5f6875!important}.bio-pro-title i{background:#e5094f!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.bio-pro-footer{position:relative}}

/* V30 Biodata responsive + print hotfix
   - Fixes blank print caused by older CV-only print visibility rule.
   - Keeps long email/text inside the biodata page on small screens.
*/
.biodata-preview-wrap{overflow-x:hidden!important;padding-left:0!important;padding-right:0!important}
.bio-pro-paper,.bio-pro-paper *{box-sizing:border-box!important}
.bio-pro-paper{max-width:100%!important;overflow:hidden!important}
.bio-pro-row{grid-template-columns:minmax(130px,210px) minmax(0,1fr)!important}
.bio-pro-row dd,.bio-pro-row dt,.bio-pro-footer,.bio-pro-topline{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.bio-pro-footer{font-size:10px!important;line-height:1.35!important}
@media(max-width:480px){
  .biodata-preview-wrap{overflow-x:hidden!important}
  .bio-pro-paper{width:100%!important;padding:18px 14px!important;border-radius:18px!important;min-height:0!important}
  .bio-pro-topline{display:block!important;text-align:center!important;font-size:9px!important;margin-bottom:18px!important;line-height:1.45!important}
  .bio-pro-topline span{display:block!important;margin-bottom:3px!important}
  .bio-pro-title h1{font-size:23px!important;line-height:1.1!important;letter-spacing:-.2px!important}
  .bio-pro-title i{width:92%!important;height:4px!important;margin-top:11px!important}
  .bio-pro-section h2{font-size:17px!important;padding:9px 10px!important}
  .bio-pro-row{grid-template-columns:1fr!important;gap:2px!important;padding:5px 3px!important;border-bottom:1px dashed #edf2f7!important}
  .bio-pro-row dt{font-size:12px!important;line-height:1.35!important}
  .bio-pro-row dd{font-size:12px!important;line-height:1.45!important}
  .bio-pro-footer{display:block!important;text-align:center!important;font-size:9px!important}
  .bio-pro-footer span,.bio-pro-footer strong{display:block!important;margin-top:3px!important}
}
@media print{
  @page{size:A4;margin:12mm}
  html,body{background:#fff!important;margin:0!important;padding:0!important}
  body *{visibility:hidden!important}
  #printDocument,#printDocument *{visibility:visible!important}
  #printDocument{position:absolute!important;left:0!important;top:0!important;width:186mm!important;max-width:186mm!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;color:#111827!important}
  .bio-pro-paper{min-height:auto!important}
  .bio-pro-title h1{font-size:27pt!important}
  .bio-pro-section h2{font-size:15pt!important;background:#f1f5fa!important;color:#4b83b5!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .bio-pro-row{grid-template-columns:54mm minmax(0,1fr)!important;gap:10mm!important;border-bottom:0!important}
  .bio-pro-row dt{font-size:9.3pt!important}
  .bio-pro-row dd{font-size:9.5pt!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .bio-pro-footer{font-size:7.4pt!important;display:flex!important;text-align:left!important}
  .no-print,.app-header,.bottom-nav,.top-toast,.side-drawer,.drawer-backdrop,.notice-popup-overlay,.document-maker-hero,.biodata-action-bar,.front-alert{display:none!important;visibility:hidden!important}
}


/* ===================== V32 PROFILE AUTH RESPONSIVE POLISH ===================== */
.simple-form select,.simple-form textarea{width:100%;min-height:51px;border:1px solid #dbe8e1;border-radius:16px;padding:0 14px;background:#fff;outline:0;font-family:inherit;color:#152c23;font-weight:800}
.simple-form textarea{padding:12px 14px;min-height:110px;resize:vertical}
.simple-form select:focus,.simple-form textarea:focus,.simple-form input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(0,133,79,.10)}
.v31-auth-upgrade{padding:18px;overflow:hidden;background:linear-gradient(180deg,#ffffff,#fbfffc)}
.v31-auth-upgrade .auth-intro{padding:2px 2px 4px}
.v31-auth-upgrade .auth-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#ecf9f2;color:var(--green);font-size:12px;font-weight:1000;margin-bottom:10px}
.v31-auth-upgrade .auth-intro h2{margin:0 0 8px;font-size:24px;line-height:1.2;font-weight:1000;color:#112d22}
.v31-auth-upgrade .auth-intro p{margin:0;color:#667972;line-height:1.65;font-size:13px;font-weight:750}
.v31-auth-upgrade .tab-buttons{margin-top:16px;background:#eef7f2;border-radius:20px;padding:7px;gap:10px}
.v31-auth-upgrade .tab-buttons button{min-height:48px;border-radius:16px;font-size:14px}
.v31-auth-upgrade .tab-buttons button.active{box-shadow:0 12px 22px rgba(3,45,30,.08)}
.auth-form-card{margin-top:14px;padding:18px;border:1px solid rgba(0,133,83,.08);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfffc);box-shadow:0 16px 30px rgba(2,72,43,.05)}
.auth-form-card .auth-panel-head h3{margin:0 0 6px;font-size:21px;font-weight:1000;color:#112d22}
.auth-form-card .auth-panel-head p{margin:0 0 14px;color:#667972;font-size:13px;line-height:1.6;font-weight:750}
.auth-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.auth-field{display:grid;gap:7px;min-width:0}
.auth-field.full{grid-column:1/-1}
.auth-field label{font-size:14px;font-weight:950;color:#173228}
.auth-form-card button{margin-top:6px;min-height:54px;border-radius:18px;box-shadow:0 14px 28px rgba(0,133,79,.18)}
.v31-auth-upgrade .auth-panel{display:none}.v31-auth-upgrade .auth-panel.active{display:grid}
@media(max-width:720px){.auth-field-grid,.v21-two-col{grid-template-columns:1fr!important}.auth-form-card{padding:16px}.v31-auth-upgrade .auth-intro h2{font-size:21px}}
@media(max-width:480px){.v31-auth-upgrade{padding:14px}.v31-auth-upgrade .tab-buttons{grid-template-columns:1fr 1fr}.v31-auth-upgrade .auth-intro h2{font-size:19px}.auth-form-card{padding:14px;border-radius:20px}.auth-form-card .auth-panel-head h3{font-size:18px}.simple-form input,.simple-form select{min-height:50px;height:auto}.v21-auth-tabs{margin-left:0!important;margin-right:0!important}}

.filter-empty{grid-column:1/-1}.chips [data-filter-value]{cursor:pointer;user-select:none}.service-grid .filter-empty{grid-column:1/-1}


/* v35 protected public UI + exam result viewer */
.su-protect-overlay{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;text-align:center;padding:28px;background:rgba(0,133,83,.94);color:#fff;font-weight:1000;font-size:clamp(22px,5vw,34px);line-height:1.55;letter-spacing:-.4px;backdrop-filter:blur(6px)}
body.su-protect-active .su-protect-overlay{display:flex}.su-protect-overlay small{display:block;margin-top:12px;font-size:13px;opacity:.88;font-weight:800}.su-protected-site{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.su-protected-site input,.su-protected-site textarea,.su-protected-site select,.su-protected-site [contenteditable="true"]{-webkit-user-select:text;user-select:text}.ticket-titlebar button{width:38px;height:38px;border:0;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;font-size:18px}.exam-result-titlebar{background:linear-gradient(135deg,#006d49,#008553)}.exam-result-frame-wrap{min-height:650px}.exam-result-fallback{opacity:.92}.exam-result-frame-wrap iframe{z-index:1}.exam-result-fallback{z-index:2;pointer-events:none}.exam-result-fallback a{pointer-events:auto}.result-provider-line span{max-width:78%;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:bottom}@media(print){body:not(.su-allow-print) *{visibility:hidden!important}body:not(.su-allow-print):before{content:'Screenshot/Print disabled - Smart Union';visibility:visible!important;display:flex!important;position:fixed;inset:0;align-items:center;justify-content:center;background:#008553;color:#fff;font:700 28px Arial,sans-serif;text-align:center;padding:30px}}


/* v36 Cash Memo Maker */
.cash-memo-hero{background:radial-gradient(circle at 100% 0,rgba(255,208,83,.28),transparent 34%),linear-gradient(135deg,#006d49,#00a16f)!important}.cash-memo-builder{display:grid;gap:15px;margin-bottom:36px}.cash-form-section{background:rgba(239,255,246,.96);border:1px solid rgba(0,133,83,.14);border-radius:24px;padding:16px;box-shadow:0 12px 30px rgba(0,72,45,.08)}.cash-form-section h2{margin:0 0 14px;font-size:20px;font-weight:1000;color:#006d49;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,133,83,.12);padding-bottom:11px}.cash-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cash-form-grid label,.cash-form-section label{font-weight:1000;color:#006047;font-size:13px;line-height:1.5}.cash-form-grid label.full{grid-column:1/-1}.cash-form-grid input,.cash-form-section textarea,.cash-item-row input{width:100%;margin-top:6px;border:2px solid #c6f5e3;background:#fff;border-radius:16px;padding:13px 14px;outline:0;font-family:inherit;font-size:15px;font-weight:750;color:#18342b;transition:.16s ease}.cash-form-grid input:focus,.cash-form-section textarea:focus,.cash-item-row input:focus{border-color:#00a16f;box-shadow:0 0 0 4px rgba(0,161,111,.12)}.cash-items-head,.cash-item-row{display:grid;grid-template-columns:1.5fr .62fr .7fr 38px;gap:9px;align-items:center}.cash-items-head{font-size:12px;font-weight:1000;color:#006d49;margin-bottom:7px;padding:0 4px}.cash-items-list{display:grid;gap:9px}.cash-item-row input{margin-top:0}.cash-row-remove{width:38px;height:38px;border:1px solid #ffd0d0;background:#fff5f5;color:#e11d48;border-radius:13px;display:grid;place-items:center;font-weight:1000}.cash-add-row{width:100%;min-height:52px;border:2px solid #008553;background:#fff;border-radius:17px;color:#007858;font-size:16px;font-weight:1000;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px}.cash-submit{height:58px;border:0;border-radius:20px;background:linear-gradient(135deg,#00b37a,#008553);color:#fff;font-size:19px;font-weight:1000;box-shadow:0 18px 36px rgba(0,133,83,.22);display:flex;align-items:center;justify-content:center;gap:9px}.cash-action-bar{grid-template-columns:1fr 1fr 1fr}.cash-action-bar a,.cash-action-bar button{height:48px;border:0;border-radius:16px;background:linear-gradient(135deg,#008553,#00a16f);color:#fff;font-family:inherit;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 10px 22px rgba(0,133,83,.14)}.cash-action-bar a{background:#fff;color:#007858;border:1px solid #cdeade}.cash-memo-preview-wrap{overflow-x:hidden;padding-bottom:38px}.cash-memo-paper{position:relative;background:#fff;width:794px;max-width:100%;min-height:980px;margin:0 auto 34px;border-radius:22px;padding:30px;color:#123027;box-shadow:0 22px 70px rgba(0,0,0,.12);border:1px solid #dceee7;font-family:"Noto Sans Bengali",Arial,sans-serif;overflow:hidden}.cash-paper-watermark{position:absolute;inset:auto -40px 120px auto;transform:rotate(-28deg);font-size:58px;font-weight:1000;color:rgba(0,133,83,.045);letter-spacing:2px;pointer-events:none}.cash-paper-head{display:grid;grid-template-columns:1fr 78px;gap:18px;align-items:center;border-bottom:4px solid #008553;padding-bottom:18px}.cash-paper-head h1{margin:0;color:#006d49;font-size:34px;font-weight:1000;letter-spacing:-.5px}.cash-paper-head p{margin:6px 0 3px;color:#263d34;font-size:15px;font-weight:850}.cash-paper-head small{display:block;color:#5d716b;font-weight:750;line-height:1.45}.cash-paper-head>span{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#00bf7d,#008553);color:#fff;display:grid;place-items:center;font-size:34px;box-shadow:0 14px 30px rgba(0,133,83,.20)}.cash-paper-title{margin:20px auto 18px;width:max-content;background:#ecfff6;border:1px solid #bdeedb;border-radius:999px;padding:9px 24px;color:#006d49;font-size:24px;font-weight:1000}.cash-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.cash-meta-grid div{display:grid;grid-template-columns:116px 1fr;gap:9px;padding:10px 12px;background:#f8fffb;border:1px solid #e0f2ea;border-radius:12px}.cash-meta-grid b{color:#006d49;font-size:12px}.cash-meta-grid span{font-weight:800;color:#1d342b;line-height:1.45}.cash-items-table{width:100%;border-collapse:collapse;border:1px solid #cdeade;border-radius:14px;overflow:hidden}.cash-items-table th{background:#008553;color:#fff;text-align:left;font-weight:1000;padding:12px 10px}.cash-items-table td{padding:12px 10px;border-bottom:1px solid #dceee7;font-weight:760;color:#263d34}.cash-items-table th:nth-child(1),.cash-items-table td:nth-child(1){width:52px;text-align:center}.cash-items-table th:nth-child(3),.cash-items-table th:nth-child(4),.cash-items-table th:nth-child(5),.cash-items-table td:nth-child(3),.cash-items-table td:nth-child(4),.cash-items-table td:nth-child(5){text-align:right}.cash-items-table tbody tr:nth-child(even){background:#f7fffb}.cash-total-panel{width:min(360px,100%);margin:18px 0 0 auto;border:1px solid #cdeade;border-radius:16px;overflow:hidden}.cash-total-panel div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e0f2ea;font-weight:1000}.cash-total-panel div:last-child{border-bottom:0}.cash-total-panel span{color:#5d716b}.cash-total-panel b{color:#006d49;font-size:17px}.cash-total-panel .due{background:#f0fff8}.cash-note{margin:18px 0 0;background:#f8fffb;border:1px dashed #bdeedb;border-radius:14px;padding:12px;color:#334942;line-height:1.6;font-weight:700}.cash-paper-footer{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:70px}.cash-paper-footer span,.cash-paper-footer strong{border-top:1px solid #123027;text-align:center;padding-top:8px;font-size:13px;color:#263d34}.cash-powered{text-align:center;margin-top:24px;color:#6b7f78;font-size:11px;font-weight:850}@media(max-width:480px){.cash-form-grid,.cash-items-head,.cash-item-row{grid-template-columns:1fr}.cash-items-head{display:none}.cash-row-remove{width:100%;height:42px}.cash-action-bar{grid-template-columns:1fr}.cash-memo-paper{padding:20px 14px;border-radius:18px;min-height:0}.cash-paper-head{grid-template-columns:1fr;text-align:center}.cash-paper-head>span{margin:0 auto}.cash-paper-head h1{font-size:27px}.cash-meta-grid{grid-template-columns:1fr}.cash-meta-grid div{grid-template-columns:1fr}.cash-items-table th,.cash-items-table td{font-size:12px;padding:9px 6px}.cash-paper-footer{gap:25px;margin-top:52px}}@media print{@page{size:A4;margin:10mm}body.su-allow-print{background:#fff!important}.su-allow-print .splash-screen,.su-allow-print .app-header,.su-allow-print .bottom-nav,.su-allow-print .top-toast,.su-allow-print .side-drawer,.su-allow-print .drawer-backdrop,.su-allow-print .notice-popup-overlay,.su-allow-print .no-print,.su-allow-print .su-protect-overlay{display:none!important;visibility:hidden!important}.su-allow-print .app-shell,.su-allow-print .mobile-frame,.su-allow-print .app-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}.su-allow-print .cash-memo-preview-wrap{padding:0!important;overflow:visible!important}.su-allow-print .cash-memo-paper{width:auto!important;max-width:none!important;min-height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#111!important}.su-allow-print .cash-paper-head{border-bottom-color:#008553!important}.su-allow-print .cash-items-table th{background:#008553!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.su-allow-print .cash-total-panel .due,.su-allow-print .cash-paper-title{background:#f0fff8!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* v37 Hero Slider + Prayer/Location/PWA prompts */
.hero-slider-card{background:#006d49!important}.hero-slide-bg-wrap{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-bg-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity .75s ease,transform 4.8s ease}.hero-bg-slide.active{opacity:1;transform:scale(1)}.hero-slider-card:before{z-index:1}.hero-slider-card:after{z-index:1}.hero-slider-dots{position:absolute;right:16px;bottom:96px;z-index:4;display:flex;gap:6px}.hero-slider-dots span{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.46);box-shadow:0 2px 7px rgba(0,0,0,.18);transition:.2s ease}.hero-slider-dots span.active{width:20px;background:#fff}.su-permission-card,.su-install-card{position:fixed;left:50%;bottom:22px;z-index:160;transform:translate(-50%,22px);width:min(470px,calc(100% - 28px));background:rgba(255,255,255,.96);border:1px solid rgba(0,133,83,.12);border-radius:24px;padding:15px 44px 15px 16px;display:grid;grid-template-columns:54px 1fr;gap:12px;box-shadow:0 24px 70px rgba(0,62,42,.22);opacity:0;pointer-events:none;transition:.24s ease;backdrop-filter:blur(14px)}.su-permission-card.show,.su-install-card.show{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.su-permission-icon,.su-install-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#00b679,#008553);color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 12px 28px rgba(0,133,83,.18)}.su-permission-card strong,.su-install-card strong{display:block;font-size:16px;font-weight:1000;color:#11342a}.su-permission-card p,.su-install-card p{margin:4px 0 10px;color:#63776f;font-size:12px;line-height:1.48;font-weight:750}.su-permission-actions,.su-install-actions{display:flex;flex-wrap:wrap;gap:8px}.su-permission-actions button,.su-install-actions button{border:0;border-radius:13px;min-height:38px;padding:0 12px;background:linear-gradient(135deg,#008553,#00a16f);color:#fff;font-family:inherit;font-weight:1000;display:flex;align-items:center;gap:6px}.su-install-actions button:last-child,.su-permission-actions button:last-child{background:#eef8f3;color:#007858}.su-permission-close,.su-install-close{position:absolute;right:12px;top:12px;width:30px;height:30px;border:0;border-radius:10px;background:#f1f7f4;color:#49645a;display:grid;place-items:center}@media(max-width:520px){.su-permission-card,.su-install-card{bottom:88px;grid-template-columns:46px 1fr;border-radius:22px}.su-permission-icon,.su-install-icon{width:46px;height:46px;border-radius:16px}.hero-slider-dots{bottom:91px}}


/* v38 Dynamic greeting + premium bottom navigation + compact side drawer */
.bottom-nav.smart-v38{height:84px;padding:9px 12px calc(8px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr 104px 1fr 1fr;gap:4px;background:rgba(255,255,255,.93);border:1px solid rgba(0,133,83,.10);border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -18px 42px rgba(0,54,36,.14);backdrop-filter:blur(18px)}
.bottom-nav.smart-v38 a{position:relative;min-height:58px;border-radius:18px;gap:4px;font-size:10.5px;font-weight:1000;color:#5f716b;text-decoration:none;transition:.18s ease;isolation:isolate}
.bottom-nav.smart-v38 a i{font-size:22px;line-height:1;transition:.18s ease}.bottom-nav.smart-v38 a.active:not(.nav-service-main),.bottom-nav.smart-v38 a:hover:not(.nav-service-main){color:#008553;background:rgba(0,133,83,.08)}
.bottom-nav.smart-v38 a.active:not(.nav-service-main) i,.bottom-nav.smart-v38 a:hover:not(.nav-service-main) i{transform:translateY(-1px)}
.bottom-nav.smart-v38 .nav-service-main{min-height:78px;margin-top:-30px;color:#fff;gap:4px;align-self:start;filter:drop-shadow(0 16px 28px rgba(0,133,83,.26))}
.bottom-nav.smart-v38 .nav-service-main b{width:66px;height:66px;border-radius:999px;background:radial-gradient(circle at 34% 25%,#24e6a3,#008553 72%);display:grid;place-items:center;border:8px solid rgba(255,255,255,.95);box-shadow:0 16px 34px rgba(0,133,83,.30);position:relative}
.bottom-nav.smart-v38 .nav-service-main b:after{content:"";position:absolute;inset:-10px;border-radius:999px;border:1px solid rgba(0,133,83,.14);pointer-events:none}.bottom-nav.smart-v38 .nav-service-main i{font-size:27px;color:#fff}.bottom-nav.smart-v38 .nav-service-main span{margin-top:-3px;background:#fff;color:#008553;border-radius:999px;padding:3px 9px;box-shadow:0 6px 14px rgba(0,65,42,.10);font-size:10.5px;font-weight:1000;white-space:nowrap}.bottom-nav.smart-v38 .nav-service-main.active span{background:#008553;color:#fff}.bottom-nav.smart-v38:before{content:"";position:absolute;left:50%;top:8px;transform:translateX(-50%);width:54px;height:4px;border-radius:999px;background:rgba(0,133,83,.12)}
.side-drawer{background:linear-gradient(180deg,#f7fffb,#fff);border-radius:0 30px 30px 0}.v38-drawer-head{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:168px;padding:24px 18px 20px!important;text-align:center;background:radial-gradient(circle at 88% 0,rgba(209,255,117,.22),transparent 34%),linear-gradient(135deg,#008553,#006d49)!important;overflow:hidden}.v38-drawer-head:after{content:"";position:absolute;right:-32px;bottom:-44px;width:130px;height:130px;border-radius:999px;background:rgba(255,255,255,.11)}.v38-drawer-close{position:absolute;right:14px;top:14px;z-index:2}.v38-drawer-logo{width:68px!important;height:68px!important;border-radius:24px!important;background:rgba(255,255,255,.18)!important;box-shadow:0 14px 32px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.28)}.v38-drawer-title{position:relative;z-index:1}.v38-drawer-title strong{display:block!important;font-size:28px!important;line-height:1.08;font-weight:1000!important;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.16)}.v38-drawer-title span{display:block!important;margin-top:7px;font-size:13px!important;font-weight:850!important;color:rgba(255,255,255,.86)!important}.side-drawer nav.v38-drawer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.side-drawer nav.v38-drawer-nav a{min-height:86px;padding:12px 8px;border-radius:21px;background:#fff;border:1px solid rgba(0,133,83,.08);box-shadow:0 12px 26px rgba(0,56,38,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#18362c;font-size:12px;line-height:1.2}.side-drawer nav.v38-drawer-nav a i{width:42px;height:42px;border-radius:16px;background:#eaf9f2;color:#008553;display:grid;place-items:center;font-size:22px}.side-drawer nav.v38-drawer-nav a:hover{background:#effbf5;color:#008553;transform:translateY(-1px)}.drawer-foot{margin:0 16px 22px;border:1px solid rgba(0,133,83,.08);box-shadow:0 10px 24px rgba(0,56,38,.06)}
.v21-greeting-card small[data-su-greeting]{letter-spacing:.1px}.v21-greeting-card h1{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:420px){.bottom-nav.smart-v38{height:82px;grid-template-columns:1fr 1fr 96px 1fr 1fr;padding-left:8px;padding-right:8px}.bottom-nav.smart-v38 a{font-size:10px}.bottom-nav.smart-v38 .nav-service-main b{width:62px;height:62px}.side-drawer{width:318px;max-width:86%}.v38-drawer-title strong{font-size:24px!important}.side-drawer nav.v38-drawer-nav{gap:9px}.side-drawer nav.v38-drawer-nav a{min-height:82px}}

/* v39 Bangla/English language switch */
.su-language-panel{padding:14px 18px 10px;border-top:1px solid rgba(8,85,58,.08);border-bottom:1px solid rgba(8,85,58,.08);background:linear-gradient(180deg,#fbfffd,#f3fbf7)}
.su-language-panel small{display:block;margin-bottom:9px;color:#52675f;font-weight:900;font-size:12px;letter-spacing:.2px;text-transform:uppercase}
.su-language-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#eaf4ee;border-radius:18px;padding:5px;border:1px solid rgba(4,95,62,.06)}
.su-language-switch a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:14px;color:#486157;text-decoration:none;font-weight:1000;font-size:13px;transition:.18s ease}
.su-language-switch a.active{background:#fff;color:var(--green,#008553);box-shadow:0 10px 24px rgba(3,45,30,.10)}
.su-language-switch a:hover{color:var(--green,#008553)}
html[data-su-lang="en"] body{font-family:"Noto Sans Bengali",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html[data-su-lang="en"] .v21-greeting-card h1,html[data-su-lang="en"] .hero-content h1{letter-spacing:-.6px;line-height:1.08}

/* v40 Live TV Pro Player */
.live-hero-v40 .live-hero-stats span:first-child{background:rgba(255,255,255,.18)}
.live-tv-pro-v40{position:relative;border:1px solid rgba(255,255,255,.06)}
.su-live-stage{background:#050707;isolation:isolate}.su-live-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;background:#000}.su-live-stage:fullscreen video,.su-live-stage:fullscreen iframe{object-fit:contain}.su-live-stage video[hidden],.su-live-stage iframe[hidden]{display:none!important}.su-live-status-badge.upcoming{background:#ff9c21}.su-live-status-badge.offline{background:#667085}.su-live-watermark{position:absolute;z-index:11;right:14px;top:14px;width:46px;height:46px;border-radius:16px;background:rgba(0,0,0,.34);backdrop-filter:blur(10px);display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 22px rgba(0,0,0,.25);pointer-events:none}.su-live-watermark img{max-width:72%;max-height:72%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.su-live-state{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.70));opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}.su-live-state.show{opacity:1;visibility:visible}.su-live-state.failed{background:linear-gradient(180deg,rgba(70,0,15,.62),rgba(0,0,0,.82))}.su-live-spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#00d889;animation:suLiveSpin .75s linear infinite}.su-live-state.failed .su-live-spinner{border-top-color:#ff3b55}.su-live-state strong{font-size:18px;font-weight:1000}.su-live-state small{font-size:12px;font-weight:800;color:#eaf6f0;line-height:1.45;max-width:300px}.su-live-controls{position:absolute;z-index:12;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:auto}.su-live-controls button,.su-live-controls label{min-height:38px;border:0;border-radius:14px;background:rgba(15,20,23,.74);color:#fff;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;font-size:12px;font-weight:1000;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 22px rgba(0,0,0,.18)}.su-live-controls button{cursor:pointer}.su-live-controls select{max-width:142px;background:transparent;color:#fff;border:0;outline:0;font-size:12px;font-weight:1000}.su-live-controls select option{color:#111;background:#fff}.live-player-info-v40{border-top:1px solid rgba(255,255,255,.06)}.live-server-section-v40 .live-server-btn.upcoming:not(.active){border-color:#ffe3b8;background:#fffaf1}.live-server-section-v40 .live-server-btn.offline:not(.active){opacity:.72;background:#f5f7f6}.live-server-section-v40 .live-server-btn.offline i{color:#667085;background:#eef1f0}.live-info-card-v40 li{font-size:12.5px}.pro-video-wrap:fullscreen .su-live-controls{bottom:20px;left:20px;right:20px}.pro-video-wrap:fullscreen .su-live-watermark{right:22px;top:22px;width:58px;height:58px}.pro-video-wrap:fullscreen .pro-live-badge{left:22px;top:22px}@media(max-width:420px){.su-live-watermark{width:40px;height:40px;right:12px;top:12px}.su-live-controls{gap:6px}.su-live-controls button,.su-live-controls label{min-height:35px;border-radius:12px;font-size:11px;padding:0 8px}.su-live-controls button span{display:none}.su-live-controls select{max-width:116px;font-size:11px}.su-live-state strong{font-size:16px}.su-live-state small{font-size:11px}}

/* v43 Dynamic Service Page Builder */
.dynamic-service-hero{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:14px}.dynamic-hero-icon{width:60px;height:60px;border-radius:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;font-size:30px;color:#d6ff78}.dynamic-service-cover{border-radius:24px;overflow:hidden;box-shadow:var(--soft-shadow);border:1px solid rgba(0,96,61,.07);margin:8px 0 14px}.dynamic-service-cover img{width:100%;height:190px;display:block;object-fit:cover}.dynamic-intro-card h1{font-size:22px}.dynamic-contact-strip{display:grid;gap:9px;margin-top:14px}.dynamic-contact-strip a,.dynamic-contact-strip span{min-height:44px;border-radius:16px;background:#f3fbf7;border:1px solid #dcefe6;padding:10px 12px;color:#0b6d4b;font-weight:950;display:flex;align-items:center;gap:8px}.dynamic-section-list{display:grid;gap:12px;margin-top:12px}.dynamic-info-card{background:#fff;border:1px solid rgba(0,96,61,.07);border-radius:22px;padding:14px;display:grid;grid-template-columns:54px 1fr;gap:12px;box-shadow:var(--soft-shadow)}.dynamic-info-card>span{width:54px;height:54px;border-radius:18px;background:#eaf8f1;color:var(--green);display:grid;place-items:center;font-size:25px}.dynamic-info-card h2{margin:0 0 6px;font-size:18px;font-weight:1000}.dynamic-info-card p{margin:0;color:#60746c;line-height:1.58;font-weight:730}.dynamic-directory-list{display:grid;gap:12px;padding-bottom:90px}.dynamic-directory-card{background:#fff;border:1px solid rgba(0,96,61,.07);border-radius:24px;padding:13px;display:grid;grid-template-columns:76px 1fr;gap:12px;box-shadow:var(--soft-shadow);opacity:0;transform:translateY(16px);transition:.32s ease}.dynamic-directory-card.in{opacity:1;transform:translateY(0);transition-delay:var(--delay)}.dynamic-directory-avatar{width:76px;height:76px;border-radius:22px;background:#edf8f1;display:grid;place-items:center;color:var(--green);font-size:32px;overflow:hidden;border:1px solid #dcefe6}.dynamic-directory-avatar img{width:100%;height:100%;object-fit:cover}.dynamic-directory-body h2{margin:6px 0 5px;font-size:19px;font-weight:1000}.dynamic-directory-body p{margin:0;color:#5f746c;line-height:1.48;font-weight:720}.dynamic-directory-body small{display:block;margin-top:7px;color:#60746c;font-weight:850}.dynamic-directory-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.dynamic-directory-actions a{min-height:42px;border-radius:15px;background:var(--green);color:#fff;padding:10px 13px;font-weight:1000;display:inline-flex;align-items:center;gap:7px}.dynamic-directory-actions a.outline{background:#f7fffb;color:var(--green);border:1px solid #cfeee0}@media(max-width:420px){.dynamic-service-hero{grid-template-columns:54px 1fr}.dynamic-hero-icon{width:52px;height:52px;border-radius:19px;font-size:25px}.dynamic-directory-card{grid-template-columns:64px 1fr}.dynamic-directory-avatar{width:64px;height:64px}.dynamic-directory-body h2{font-size:17px}}

/* ===== v44 complaint select + smart ID JPG button ===== */
.smart-select-wrap{position:relative;display:block;width:100%;}
.smart-select-wrap .smart-select{width:100%;min-height:54px;border:1px solid rgba(0,133,83,.18);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fffb);color:#102a20;font-weight:900;padding:0 46px 0 14px;outline:0;appearance:none;-webkit-appearance:none;box-shadow:0 10px 22px rgba(2,72,43,.06);}
.smart-select-wrap .smart-select:focus{border-color:#008553;box-shadow:0 0 0 4px rgba(0,133,83,.11),0 12px 24px rgba(2,72,43,.08);}
.smart-select-wrap>i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#008553;pointer-events:none;font-size:16px;font-weight:900;}
.complaint-category-select-wrap{margin-bottom:7px;}
.complaint-category-help{display:block;margin:0 0 12px;color:#5e746b;font-size:12px;font-weight:800;line-height:1.45;}
.v44-profile-actions{grid-template-columns:repeat(3,1fr);}
.profile-actions button.green-soft{background:linear-gradient(135deg,#00a86b,#008553);}
@media(max-width:430px){.v44-profile-actions{grid-template-columns:1fr 1fr}.v44-profile-actions button.green-soft{grid-column:1/-1}}

/* v44: union service online application + agriculture service page */
.union-service-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.union-service-actions button,.union-service-actions a{border:0;border-radius:14px;min-height:40px;padding:0 12px;font-size:12px;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.union-service-actions button{background:var(--green);color:#fff}.union-apply-btn{background:#e8f8f0;color:var(--green);border:1px solid rgba(0,133,83,.16)!important}.union-service-row>.union-service-actions>button{margin:0}.agri-page{margin:-14px -16px 0;padding:16px 16px 28px;background:#1f2a33;color:#f8fafc;min-height:calc(100vh - 130px)}.agri-hero-card{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center;border-radius:26px;background:radial-gradient(circle at 92% 14%,rgba(59,255,106,.28),transparent 38%),linear-gradient(135deg,#08a037,#00c932);padding:22px 18px;box-shadow:0 18px 42px rgba(0,0,0,.26);overflow:hidden}.agri-hero-icon{width:62px;height:62px;border-radius:20px;background:rgba(0,118,73,.42);display:grid;place-items:center;color:#fff;font-size:30px}.agri-hero-card h1{margin:0 0 8px;font-size:26px;font-weight:1000;color:#fff}.agri-hero-card p{margin:0;font-size:14px;line-height:1.65;font-weight:650;color:rgba(255,255,255,.92)}.agri-section{margin-top:22px}.agri-section h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#fff;font-size:20px;font-weight:1000}.agri-section h2 i{color:#03c95f}.agri-contact-list,.agri-calendar-list,.agri-crop-list,.agri-tip-list{display:grid;gap:12px}.agri-contact-list{border:1px solid rgba(0,201,95,.42);background:#33414d;border-radius:24px;padding:12px}.agri-contact-row{display:grid;grid-template-columns:56px 1fr auto 22px;align-items:center;gap:12px;border-radius:18px;background:rgba(0,133,83,.18);padding:11px;color:#fff}.agri-contact-row strong,.agri-season-card strong,.agri-crop-card strong,.agri-tip-card strong{display:block;color:#fff;font-size:17px;font-weight:1000}.agri-contact-row small,.agri-season-card small,.agri-crop-card small{display:block;color:rgba(255,255,255,.56);font-size:13px;font-weight:750;margin-top:3px}.agri-contact-row b{font-size:15px;font-weight:1000;color:#00d161}.agri-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:#fff;font-size:25px;background:#00a660;flex:0 0 54px}.agri-icon.green{background:linear-gradient(135deg,#00b35d,#008553)}.agri-icon.blue{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.agri-icon.red{background:linear-gradient(135deg,#ff4757,#a4161a)}.agri-icon.orange{background:linear-gradient(135deg,#ff7a18,#b45309)}.agri-icon.purple{background:linear-gradient(135deg,#8b5cf6,#5b21b6)}.agri-icon.amber{background:linear-gradient(135deg,#d99012,#7c5b16)}.agri-season-card,.agri-crop-card,.agri-tip-card{border:1px solid rgba(255,255,255,.10);background:#33414d;border-radius:22px;padding:14px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.agri-season-head{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.agri-season-card p,.agri-crop-card p,.agri-tip-card p{margin:10px 0 0;color:rgba(255,255,255,.62);font-size:14px;font-weight:650;line-height:1.65}.agri-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.agri-tag-list span{border-radius:999px;padding:8px 12px;border:1px solid rgba(255,190,75,.55);background:rgba(255,190,75,.12);color:#fff;font-size:13px;font-weight:900}.agri-crop-card{padding:0;overflow:hidden}.agri-crop-card summary{list-style:none;display:grid;grid-template-columns:58px 1fr 24px;gap:12px;align-items:center;padding:14px;cursor:pointer}.agri-crop-card summary::-webkit-details-marker{display:none}.agri-crop-card[open] summary .bi-chevron-down{transform:rotate(180deg)}.agri-crop-card>p{padding:0 14px 14px;margin:0}.agri-tip-card{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:flex-start}.agri-tip-card p{margin-top:6px}.agri-page .empty-state{background:#33414d;color:#fff;border:1px solid rgba(255,255,255,.12)}@media(max-width:420px){.union-service-row{grid-template-columns:48px 1fr}.union-service-actions{grid-column:1/-1;justify-content:stretch}.union-service-actions a,.union-service-actions button{flex:1}.agri-page{padding:14px 14px 24px}.agri-hero-card{grid-template-columns:60px 1fr;padding:18px 16px}.agri-hero-icon{width:56px;height:56px}.agri-hero-card h1{font-size:24px}.agri-contact-row{grid-template-columns:54px 1fr 22px}.agri-contact-row b{grid-column:2/3}.agri-section h2{font-size:19px}}

/* v45: agriculture light theme + reliable external application fallback */
.ticket-action-strip{display:grid;gap:7px;background:#f7fffb;border-bottom:1px solid #dbeee6;padding:10px 14px}.ticket-primary-open{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:15px;background:linear-gradient(135deg,#008553,#00a66a);color:#fff;font-weight:1000;box-shadow:0 10px 22px rgba(0,133,83,.18)}.ticket-action-strip small{display:block;color:#587069;font-size:12px;font-weight:800;line-height:1.5;text-align:center}.ticket-frame-fallback.show{display:block}.ticket-page-application .ticket-frame-wrap{background:#f7fffb}.ticket-page-application .ticket-frame-fallback{bottom:22px}.ticket-application-fallback strong{color:#0c241b}.ticket-application-fallback a{background:#008553;color:#fff}.agri-page{margin:-14px -16px 0!important;padding:16px 16px 28px!important;background:linear-gradient(180deg,#eaf7f0 0%,#ffffff 44%,#f7fffb 100%)!important;color:#0c241b!important;min-height:calc(100vh - 130px)!important}.agri-hero-card{background:radial-gradient(circle at 92% 14%,rgba(255,255,255,.30),transparent 40%),linear-gradient(135deg,#0aa96a,#02c86c)!important;box-shadow:var(--soft-shadow)!important}.agri-section h2{color:#0c241b!important}.agri-section h2 i{color:#008553!important}.agri-contact-list{border:1px solid rgba(0,133,83,.13)!important;background:#ffffff!important;border-radius:24px!important;box-shadow:var(--soft-shadow)!important}.agri-contact-row{background:#f3fbf7!important;color:#0c241b!important;border:1px solid rgba(0,133,83,.08)!important}.agri-contact-row strong,.agri-season-card strong,.agri-crop-card strong,.agri-tip-card strong{color:#0c241b!important}.agri-contact-row small,.agri-season-card small,.agri-crop-card small{color:#677a73!important}.agri-contact-row b{color:#008553!important}.agri-contact-row>.bi-chevron-right{color:#8aa199!important}.agri-season-card,.agri-crop-card,.agri-tip-card{border:1px solid rgba(0,133,83,.09)!important;background:#ffffff!important;box-shadow:var(--soft-shadow)!important}.agri-season-card p,.agri-crop-card p,.agri-tip-card p{color:#63766f!important}.agri-tag-list span{border:1px solid rgba(0,133,83,.18)!important;background:#e8f8f0!important;color:#008553!important}.agri-crop-card summary>.bi-chevron-down{color:#7a8f87!important}.agri-page .empty-state{background:#ffffff!important;color:#0c241b!important;border:1px solid rgba(0,133,83,.12)!important;box-shadow:var(--soft-shadow)!important}@media(max-width:420px){.ticket-action-strip{padding:9px 12px}.ticket-primary-open{min-height:42px}.ticket-action-strip small{font-size:11px}.agri-page{padding:14px 14px 24px!important}}

/* v46: polished service tiles, transport schedule and frontend dark mode */
.service-grid,.v21-service-grid{gap:12px}.service-grid.all{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.service-card{position:relative;overflow:hidden;min-height:96px;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#fbfffd 100%);box-shadow:0 14px 30px rgba(2,72,43,.09);border:1px solid rgba(0,133,83,.08);padding:10px 5px 9px}.service-card:after{content:"";position:absolute;right:-24px;bottom:-28px;width:62px;height:62px;border-radius:50%;background:rgba(0,133,83,.045);pointer-events:none}.service-card .service-icon{width:50px;height:50px;border-radius:17px;font-size:23px;box-shadow:0 12px 24px rgba(0,0,0,.14);position:relative;z-index:1}.service-card strong{position:relative;z-index:1;font-size:11.5px;line-height:1.22;color:#132b22;max-width:100%;padding:0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v21-service-grid .service-card{min-height:96px;border-radius:20px}.su-theme-panel{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}.su-theme-panel small{display:block;text-transform:uppercase;letter-spacing:.5px;color:#93d4bc;font-weight:1000;font-size:10px;margin-bottom:8px}.su-theme-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.su-theme-switch button{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.08);color:#eafff6;min-height:48px;padding:8px 6px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:950;font-size:11px}.su-theme-switch button i{font-size:16px}.su-theme-switch button.active{background:#ffffff;color:#007b52;border-color:#ffffff;box-shadow:0 10px 24px rgba(0,0,0,.16)}.transport-schedule-strip{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.transport-schedule-strip span{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#eaf8f1;color:#007a52;border:1px solid #d7efe3;padding:5px 8px;font-size:10.5px;font-weight:900;line-height:1.2}.transport-schedule-strip.muted span{background:#f3f7f5;color:#7a8b84;border-color:#e6eee9}.vehicle-detail-list div b{min-width:112px}.vehicle-detail-list div span{word-break:break-word}
@media(max-width:390px){.service-grid,.v21-service-grid{gap:8px}.service-grid.all{gap:8px}.service-card{min-height:88px;border-radius:18px;padding:8px 4px}.service-card .service-icon{width:45px;height:45px;border-radius:15px;font-size:21px}.service-card strong{font-size:10.5px}.transport-schedule-strip span{font-size:10px;padding:5px 7px}}@media(max-width:340px){.service-grid.all{grid-template-columns:repeat(3,minmax(0,1fr))}}
html[data-su-theme="dark"]{--ink:#f3fbf7;--muted:#a8b7b0;--line:#28443a;--card:#172821;--mint:#18362a;--mint-2:#10241d;--shadow:0 18px 42px rgba(0,0,0,.30);--soft-shadow:0 12px 28px rgba(0,0,0,.24)}html[data-su-theme="dark"] body{background:radial-gradient(circle at top,#183b31 0,#111f26 34%,#0f171d 100%);color:var(--ink)}html[data-su-theme="dark"] .mobile-frame{background:linear-gradient(180deg,#13232b 0%,#101d24 48%,#0d171d 100%);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 28px 100px rgba(0,0,0,.45)}html[data-su-theme="dark"] .app-content{background:transparent}html[data-su-theme="dark"] .side-drawer{background:linear-gradient(180deg,#0a3b32,#092923 62%,#071a17);color:#e8fff7}html[data-su-theme="dark"] .drawer-backdrop.show{background:rgba(0,0,0,.58)}html[data-su-theme="dark"] .v38-drawer-nav a{background:rgba(255,255,255,.055);color:#e8fff7;border-color:rgba(255,255,255,.06)}html[data-su-theme="dark"] .v38-drawer-nav a:hover{background:rgba(255,255,255,.10)}html[data-su-theme="dark"] .su-language-panel{border-color:rgba(255,255,255,.08)}html[data-su-theme="dark"] .su-language-switch{background:rgba(255,255,255,.07)}html[data-su-theme="dark"] .su-language-switch a{color:#dff8ee}html[data-su-theme="dark"] .su-language-switch a.active{background:#f7fffb;color:#007b52}html[data-su-theme="dark"] .drawer-foot{background:rgba(0,0,0,.14);border-color:rgba(255,255,255,.08)}html[data-su-theme="dark"] .bottom-nav{background:rgba(15,27,34,.92);border-color:rgba(255,255,255,.08);box-shadow:0 -18px 42px rgba(0,0,0,.40)}html[data-su-theme="dark"] .bottom-nav a{color:#b9c9c2}html[data-su-theme="dark"] .bottom-nav a.active,html[data-su-theme="dark"] .bottom-nav a:hover{background:rgba(0,133,83,.20)!important;color:#4ee3a8!important}html[data-su-theme="dark"] .bottom-nav .nav-service-main b{box-shadow:0 12px 28px rgba(0,0,0,.42)}html[data-su-theme="dark"] .search-box,html[data-su-theme="dark"] .v21-global-search,html[data-su-theme="dark"] .v21-search-page-form{background:#172a23;border-color:#2a4b3f;box-shadow:var(--soft-shadow)}html[data-su-theme="dark"] input,html[data-su-theme="dark"] textarea,html[data-su-theme="dark"] select{color:#eefbf6}html[data-su-theme="dark"] input::placeholder,html[data-su-theme="dark"] textarea::placeholder{color:#879a92}html[data-su-theme="dark"] .service-card,html[data-su-theme="dark"] .premium-card,html[data-su-theme="dark"] .featured-card,html[data-su-theme="dark"] .page-card,html[data-su-theme="dark"] .list-card,html[data-su-theme="dark"] .doctor-card,html[data-su-theme="dark"] .blood-card,html[data-su-theme="dark"] .contact-panel,html[data-su-theme="dark"] .video-shell,html[data-su-theme="dark"] .vehicle-card,html[data-su-theme="dark"] .ticket-card,html[data-su-theme="dark"] .digital-service-card,html[data-su-theme="dark"] .premium-lock-card,html[data-su-theme="dark"] .document-form,html[data-su-theme="dark"] .v21-greeting-card,html[data-su-theme="dark"] .v21-today-grid a,html[data-su-theme="dark"] .v21-quick-actions a,html[data-su-theme="dark"] .v21-dashboard-stats a,html[data-su-theme="dark"] .v21-profile-details,html[data-su-theme="dark"] .v21-profile-service-panel{background:linear-gradient(180deg,#172a23,#12231d);border-color:#28483d;box-shadow:var(--soft-shadow);color:#f3fbf7}html[data-su-theme="dark"] .service-card strong,html[data-su-theme="dark"] .digital-service-card h2,html[data-su-theme="dark"] .doctor-card h2,html[data-su-theme="dark"] .blood-card h2,html[data-su-theme="dark"] .vehicle-card h2,html[data-su-theme="dark"] .v21-greeting-card h1,html[data-su-theme="dark"] .section-head h2,html[data-su-theme="dark"] .section-title h2,html[data-su-theme="dark"] .page-card h1,html[data-su-theme="dark"] .list-card h2{color:#f5fff9}html[data-su-theme="dark"] .featured-card p,html[data-su-theme="dark"] .page-card p,html[data-su-theme="dark"] .digital-service-card p,html[data-su-theme="dark"] .doctor-card p,html[data-su-theme="dark"] .blood-card p,html[data-su-theme="dark"] .vehicle-card p,html[data-su-theme="dark"] .v21-greeting-card p,html[data-su-theme="dark"] .v21-today-grid span{color:#a8b7b0}html[data-su-theme="dark"] .chips span,html[data-su-theme="dark"] .chips button,html[data-su-theme="dark"] .v21-search-chips a{background:#172a23;border-color:#2a4b3f;color:#d8ebe4}html[data-su-theme="dark"] .chips span.active,html[data-su-theme="dark"] .chips button.active,html[data-su-theme="dark"] .v21-search-chips a.active{background:var(--green);border-color:var(--green);color:#fff}html[data-su-theme="dark"] .transport-schedule-strip span,html[data-su-theme="dark"] .vehicle-admin-badge{background:#12392b;border-color:#1f5c45;color:#50e3a7}html[data-su-theme="dark"] .transport-schedule-strip.muted span{background:#1a2b34;border-color:#31444d;color:#93a6ad}html[data-su-theme="dark"] .vehicle-sheet-backdrop{background:rgba(0,0,0,.62)}html[data-su-theme="dark"] .vehicle-sheet-panel{background:#101d24;color:#f3fbf7;border-color:#2a4b3f}html[data-su-theme="dark"] .vehicle-sheet-head{border-color:#2a4b3f}html[data-su-theme="dark"] .vehicle-detail-list div{background:#172a23;border-color:#2a4b3f}html[data-su-theme="dark"] .vehicle-avatar,html[data-su-theme="dark"] .doctor-avatar,html[data-su-theme="dark"] .blood-avatar{background:#10251f;border-color:#254b3e}html[data-su-theme="dark"] .more-service-deck,html[data-su-theme="dark"] .v21-more-services{background:linear-gradient(180deg,#172a23,#12231d);border-color:#28483d}html[data-su-theme="dark"] .mini-service-chip{background:#142720;border-color:#28483d;color:#edf8f3}html[data-su-theme="dark"] .empty-state{background:#172a23;border-color:#28483d;color:#dbeee7}html[data-su-theme="dark"] .su-permission-card,html[data-su-theme="dark"] .su-install-card,html[data-su-theme="dark"] .notice-popup-card{background:#172a23;border-color:#28483d;color:#f3fbf7}html[data-su-theme="dark"] .notice-popup-body p,html[data-su-theme="dark"] .sheet-note{color:#a8b7b0}html[data-su-theme="dark"] .emergency-sheet{background:#101d24;color:#f3fbf7}html[data-su-theme="dark"] .emergency-row{background:#172a23;border-color:#28483d}html[data-su-theme="dark"] .app-header{box-shadow:0 14px 26px rgba(0,0,0,.25)}html[data-su-theme="dark"] .page-hero,html[data-su-theme="dark"] .vehicle-hero-premium,html[data-su-theme="dark"] .transport-hero-premium{box-shadow:0 16px 32px rgba(0,0,0,.28)}
html[data-su-theme="dark"] .app-content input:not([type="checkbox"]):not([type="radio"]),html[data-su-theme="dark"] .app-content textarea,html[data-su-theme="dark"] .app-content select{background:#10251f!important;border-color:#2a4b3f!important;color:#f3fbf7!important}html[data-su-theme="dark"] .app-content input:not([type="checkbox"]):not([type="radio"]):focus,html[data-su-theme="dark"] .app-content textarea:focus,html[data-su-theme="dark"] .app-content select:focus{border-color:#26c286!important;box-shadow:0 0 0 4px rgba(38,194,134,.14)!important}html[data-su-theme="dark"] .primary-link,html[data-su-theme="dark"] .round-action,html[data-su-theme="dark"] .document-action-bar a,html[data-su-theme="dark"] .vehicle-map-btn{background:#12392b;color:#52e0a5;border-color:#1f5c45}html[data-su-theme="dark"] .document-action-bar button,html[data-su-theme="dark"] .vehicle-call-btn,html[data-su-theme="dark"] .vehicle-actions button{box-shadow:0 12px 28px rgba(0,0,0,.24)}

/* v47: police officers + public blood donor submission */
.police-directory-card .vehicle-info h2{display:flex;align-items:center;gap:6px}.police-officer-preview{display:grid;gap:5px;margin-top:8px}.police-officer-preview span{display:block;border-radius:12px;background:#eefbf5;color:#0b6f4d;padding:6px 9px;font-size:11px;font-weight:900;line-height:1.35}.police-officer-preview b{color:#033d2b}.vehicle-actions a.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 10px 20px rgba(0,133,83,.14)}.police-officer-detail-list{margin:14px 0;border:1px solid #d9eee4;background:#f8fffb;border-radius:20px;padding:12px;display:grid;gap:10px}.police-officer-detail-list h3{margin:0;color:#073d2e;font-size:16px;font-weight:1000;display:flex;align-items:center;gap:7px}.police-officer-detail-list h3 i{color:var(--green)}.police-officer-detail-row{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:start;border-radius:16px;background:#fff;border:1px solid #e2f0e9;padding:10px}.police-officer-detail-row>span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;background:#e8fff3;color:var(--green);font-size:12px;font-weight:1000}.police-officer-detail-row strong{display:block;color:#102a20;font-weight:1000;margin-bottom:4px}.police-officer-detail-row a{display:inline-flex;align-items:center;gap:5px;margin:3px 7px 3px 0;color:var(--green);font-weight:900;font-size:12px}.police-officer-detail-row small{display:block;margin-top:4px;color:#63756e;font-weight:750;line-height:1.4}.blood-action-cta-v47{display:grid;grid-template-columns:1fr;gap:12px}.blood-cta-actions-v47{display:grid;grid-template-columns:1fr 1fr;gap:10px}.blood-cta-actions-v47 a,.blood-cta-actions-v47 button{min-height:48px;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:1000;text-decoration:none}.blood-cta-actions-v47 a{background:var(--green);color:#fff}.blood-cta-actions-v47 button{background:#eafff4;color:var(--green);border:1px solid #cfefdf}.blood-add-fab-v47{position:fixed;right:calc(50% - 210px);bottom:104px;z-index:80;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(135deg,#008553,#006d49);color:#fff;font-size:28px;box-shadow:0 18px 38px rgba(0,90,55,.28);display:grid;place-items:center}.blood-donor-modal-v47{position:fixed;inset:0;z-index:220;display:none}.blood-donor-modal-v47.show{display:block}.blood-donor-modal-backdrop{position:absolute;inset:0;background:rgba(8,23,18,.58);backdrop-filter:blur(4px)}.blood-donor-modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,430px);max-height:88vh;overflow:auto;background:#fff;border-radius:26px;padding:16px;box-shadow:0 28px 80px rgba(0,0,0,.25);border:1px solid rgba(0,133,83,.10)}.blood-donor-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.blood-donor-modal-head h2{margin:0;font-size:24px;font-weight:1000;color:#102a20}.blood-donor-modal-head p{margin:4px 0 0;color:#667a72;font-weight:750;font-size:12px;line-height:1.45}.blood-donor-modal-head button{border:0;background:#f1fbf6;color:#0a6e4c;border-radius:14px;width:40px;height:40px;font-size:16px}.blood-donor-form-v47{display:grid;gap:10px}.blood-donor-form-v47 label{min-height:54px;border:1px solid #dbeae3;border-radius:17px;background:#fbfffd;display:grid;grid-template-columns:42px 1fr;align-items:center;padding:0 10px}.blood-donor-form-v47 label i{color:var(--green);font-size:22px;text-align:center}.blood-donor-form-v47 input,.blood-donor-form-v47 select,.blood-donor-form-v47 textarea{width:100%;border:0;outline:0;background:transparent;font:inherit;font-weight:850;color:#102a20;padding:12px 6px}.blood-donor-form-v47 textarea{resize:vertical}.blood-form-two-v47{display:grid;grid-template-columns:1fr 1fr;gap:10px}.blood-donor-form-actions-v47{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.blood-donor-form-actions-v47 button{border:0;border-radius:16px;min-height:50px;font-weight:1000}.blood-donor-form-actions-v47 button:first-child{background:#f3f7f5;color:#586b64}.blood-donor-form-actions-v47 button:last-child{background:linear-gradient(135deg,#008553,#006d49);color:#fff;box-shadow:0 12px 24px rgba(0,133,83,.16)}html.su-dark .police-officer-preview span{background:rgba(34,197,94,.12);color:#a7f3d0}html.su-dark .police-officer-detail-list,html.su-dark .blood-donor-form-v47 label{background:#22313a;border-color:#36505c}html.su-dark .police-officer-detail-row,html.su-dark .blood-donor-modal-panel{background:#17242c;border-color:#36505c}html.su-dark .police-officer-detail-row strong,html.su-dark .blood-donor-modal-head h2,html.su-dark .blood-donor-form-v47 input,html.su-dark .blood-donor-form-v47 select,html.su-dark .blood-donor-form-v47 textarea{color:#f8fafc}html.su-dark .blood-donor-modal-head p,html.su-dark .police-officer-detail-row small{color:#cbd5e1}@media(max-width:520px){.blood-add-fab-v47{right:22px;bottom:104px;width:58px;height:58px}.blood-form-two-v47{grid-template-columns:1fr}.blood-cta-actions-v47{grid-template-columns:1fr}.police-officer-detail-row{grid-template-columns:1fr}.police-officer-detail-row>span{justify-content:flex-start;padding:0 12px;width:max-content}.blood-donor-modal-panel{border-radius:24px;padding:14px}}

/* v48: reusable icon category directory for technicians, businesses and vehicle rentals */
.directory-category-panel{margin:12px 0 14px;padding:14px;border-radius:24px;background:linear-gradient(180deg,#fff,#f7fcf9);border:1px solid rgba(0,133,83,.10);box-shadow:0 14px 34px rgba(0,72,45,.07)}
.directory-category-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.directory-category-head h2{margin:0;color:#102a20;font-size:19px;font-weight:1000;line-height:1.2}
.directory-category-head p{margin:4px 0 0;color:#6a7d75;font-size:11px;font-weight:800;line-height:1.45}
.directory-category-head>span{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:7px 9px;background:#e9f8f1;color:#00754d;font-size:10px;font-weight:1000;white-space:nowrap}
.directory-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.directory-category-card{-webkit-tap-highlight-color:transparent;appearance:none;width:100%;min-width:0;min-height:108px;padding:10px 5px 8px;border:1px solid #e2ede8;border-radius:19px;background:#fff;color:#173128;box-shadow:0 7px 17px rgba(14,69,48,.06);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;position:relative;overflow:hidden}
.directory-category-card:before{content:"";position:absolute;right:-25px;top:-25px;width:55px;height:55px;border-radius:50%;background:rgba(0,133,83,.035)}
.directory-category-card:active{transform:scale(.96)}
.directory-category-card:hover{transform:translateY(-2px);border-color:#bddfce;box-shadow:0 12px 24px rgba(0,90,55,.11)}
.directory-category-card.is-active{border-color:#008553;background:linear-gradient(180deg,#f3fff9,#e8f9f1);box-shadow:0 12px 26px rgba(0,133,83,.16),inset 0 0 0 1px rgba(0,133,83,.16)}
.directory-category-card.is-active:after{content:"✓";position:absolute;right:7px;top:7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#008553;color:#fff;font-size:11px;font-weight:1000}
.directory-category-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:23px;border:1px solid transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);position:relative;z-index:1}
.directory-category-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;color:#142d24;font-size:11px;font-weight:1000;line-height:1.28;word-break:break-word;position:relative;z-index:1}
.directory-category-card small{display:inline-flex;align-items:center;gap:3px;color:#76877f;font-size:9px;font-weight:900;line-height:1;position:relative;z-index:1}
.directory-category-card small b{color:#008553;font-size:11px}.directory-category-card.is-active strong{color:#006d49}
.directory-category-icon.tone-green{background:#e7faef;color:#008553;border-color:#cdeedc}.directory-category-icon.tone-orange{background:#fff0df;color:#ee7c10;border-color:#ffe1bd}.directory-category-icon.tone-amber{background:#fff7d8;color:#d18d00;border-color:#f7e8a8}.directory-category-icon.tone-yellow{background:#fff9c8;color:#b68500;border-color:#f0e28e}.directory-category-icon.tone-blue{background:#e8f1ff;color:#2474dd;border-color:#d1e2ff}.directory-category-icon.tone-cyan{background:#e4f9ff;color:#0783a6;border-color:#c7eef8}.directory-category-icon.tone-teal{background:#e4fbf7;color:#078b75;border-color:#c9eee7}.directory-category-icon.tone-purple{background:#f2eaff;color:#7444d8;border-color:#e3d4ff}.directory-category-icon.tone-rose{background:#ffebf1;color:#d94675;border-color:#ffd2df}.directory-category-icon.tone-slate{background:#edf2f4;color:#52666d;border-color:#dce6e9}
.directory-result-bar{min-height:42px;margin:0 0 10px;padding:8px 12px;border-radius:15px;background:#eaf9f2;border:1px solid #d4eee1;color:#08734f;display:flex;align-items:center;font-size:11px;font-weight:1000}.directory-result-bar span{display:flex;align-items:center;gap:6px}.directory-filter-empty{margin:8px 0 18px;min-height:130px;border:1px dashed #bedfcf;border-radius:22px;background:#f8fffb;color:#537067;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}.directory-filter-empty[hidden]{display:none!important}.directory-filter-empty i{font-size:31px;color:#008553;margin-bottom:7px}.directory-filter-empty p{margin:0;font-size:13px;font-weight:900;line-height:1.5}.business-avatar{color:#008553}
html[data-su-theme="dark"] .directory-category-panel{background:linear-gradient(180deg,#172a23,#12231d);border-color:#28483d;box-shadow:var(--soft-shadow)}html[data-su-theme="dark"] .directory-category-head h2{color:#f5fff9}html[data-su-theme="dark"] .directory-category-head p{color:#a8b7b0}html[data-su-theme="dark"] .directory-category-head>span{background:#12392b;color:#50e3a7}html[data-su-theme="dark"] .directory-category-card{background:#142720;border-color:#28483d;color:#edf8f3}html[data-su-theme="dark"] .directory-category-card strong{color:#edf8f3}html[data-su-theme="dark"] .directory-category-card small{color:#a8b7b0}html[data-su-theme="dark"] .directory-category-card.is-active{background:linear-gradient(180deg,#153d2f,#123326);border-color:#26c286}html[data-su-theme="dark"] .directory-category-card.is-active strong{color:#7ff1bc}html[data-su-theme="dark"] .directory-result-bar{background:#12392b;border-color:#1f5c45;color:#61e3ad}html[data-su-theme="dark"] .directory-filter-empty{background:#172a23;border-color:#315347;color:#b9cec5}
@media(max-width:390px){.directory-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-category-card{min-height:104px}.directory-category-head{align-items:flex-start}.directory-category-head>span{font-size:9px;padding:6px 8px}}
@media(max-width:310px){.directory-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== v49 premium dynamic category buttons + My Union ===== */
.directory-category-panel{padding:15px 14px 16px;border-radius:28px;background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(241,251,246,.96));border:1px solid rgba(0,133,83,.11);box-shadow:0 20px 44px rgba(0,78,49,.09)}
.directory-category-grid{gap:10px}
.directory-category-card{min-height:126px;padding:12px 6px 10px;border-radius:24px;border:1px solid rgba(12,111,75,.11);background:linear-gradient(155deg,#fff 0%,#fbfffd 62%,#f0faf5 100%);box-shadow:0 12px 26px rgba(11,69,48,.09),inset 0 1px 0 rgba(255,255,255,.95);justify-content:flex-start;gap:7px}
.directory-category-card:before{width:80px;height:80px;right:-35px;top:-37px;background:radial-gradient(circle,rgba(0,158,98,.11),rgba(0,158,98,0) 70%)}
.directory-category-card:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:99px 99px 0 0;background:linear-gradient(90deg,transparent,rgba(0,133,83,.45),transparent);opacity:.45}
.directory-category-card:hover{transform:translateY(-4px);border-color:rgba(0,133,83,.28);box-shadow:0 18px 34px rgba(0,91,57,.14),inset 0 1px 0 #fff}
.directory-category-card.is-active{background:linear-gradient(155deg,#f3fff9 0%,#e9fbf2 68%,#dcf5e8 100%);border-color:#00a36b;box-shadow:0 18px 36px rgba(0,133,83,.18),inset 0 0 0 1px rgba(0,133,83,.12)}
.directory-category-card.is-active:after{content:"";left:14%;right:14%;bottom:0;width:auto;height:4px;background:linear-gradient(90deg,#60e2aa,#008553,#60e2aa);opacity:1;border-radius:99px 99px 0 0}
.directory-category-card.is-active .directory-category-icon{transform:translateY(-1px) scale(1.04);box-shadow:0 13px 24px rgba(0,103,66,.15),inset 0 1px 0 rgba(255,255,255,.8)}
.directory-category-card.is-active>strong{color:#006c48}
.directory-category-card.is-active:before{background:radial-gradient(circle,rgba(0,176,106,.18),rgba(0,176,106,0) 70%)}
.directory-category-card.is-active>small{background:#fff;border-color:#ccecdc}
.directory-category-card.is-active::selection{background:transparent}
.directory-category-card.is-active .directory-category-icon:after{content:"✓";position:absolute;right:-5px;top:-5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#008553;color:#fff;border:2px solid #fff;font-size:10px;font-weight:1000;box-shadow:0 5px 12px rgba(0,89,55,.24)}
.directory-category-icon{width:57px;height:57px;border-radius:20px;font-size:27px;box-shadow:0 10px 20px rgba(10,78,53,.09),inset 0 1px 0 rgba(255,255,255,.9);transition:.18s ease;overflow:visible}
.directory-category-icon img{width:38px;height:38px;object-fit:contain;display:block;border-radius:10px}
.directory-category-card strong{min-height:31px;font-size:11.2px;line-height:1.34;letter-spacing:-.1px}
.directory-category-card small{min-height:22px;padding:5px 8px;border-radius:999px;background:#f3f8f5;border:1px solid #e2eee8;color:#6b7d75;font-size:9px}
.directory-category-card small b{font-size:11px}
@media(max-width:390px){.directory-category-grid{gap:9px}.directory-category-card{min-height:122px;border-radius:22px;padding:11px 5px 9px}.directory-category-icon{width:54px;height:54px;border-radius:18px}.directory-category-icon img{width:36px;height:36px}}
html[data-su-theme="dark"] .directory-category-card{background:linear-gradient(155deg,#182d25,#13251e);border-color:#2b4b3f;box-shadow:0 12px 26px rgba(0,0,0,.23)}
html[data-su-theme="dark"] .directory-category-card.is-active{background:linear-gradient(155deg,#154333,#103126);border-color:#29ca8b}
html[data-su-theme="dark"] .directory-category-card small{background:#11271f;border-color:#294b3e;color:#b7cbc2}
html[data-su-theme="dark"] .directory-category-card.is-active>small{background:#0f2d22;border-color:#267653}

.my-union-hero{position:relative;min-height:230px;margin:-14px -16px 16px;padding:26px 20px 30px;border-radius:0 0 32px 32px;overflow:hidden;background:radial-gradient(circle at 85% 18%,rgba(202,255,112,.32),transparent 34%),linear-gradient(135deg,#008553,#006946 72%);background-size:cover;background-position:center;color:#fff;box-shadow:0 20px 42px rgba(0,72,45,.24)}
.my-union-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-95px;background:rgba(255,255,255,.12);box-shadow:-125px -80px 0 rgba(255,255,255,.055)}
.my-union-hero-badge{position:absolute;right:22px;top:25px;width:66px;height:66px;border-radius:22px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.30);backdrop-filter:blur(12px);display:grid;place-items:center;font-size:30px;color:#d8ff7d;z-index:2}
.my-union-hero-copy{position:relative;z-index:2;max-width:78%;padding-top:10px}.my-union-hero-copy>span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:11px;font-weight:1000}.my-union-hero-copy h1{font-size:32px;line-height:1.15;margin:14px 0 8px;font-weight:1000;color:#d4ff78;text-shadow:0 3px 12px rgba(0,0,0,.18)}.my-union-hero-copy p{margin:0;font-size:13px;line-height:1.6;font-weight:800}.my-union-hero-copy small{display:flex;align-items:center;gap:5px;margin-top:14px;font-size:11px;font-weight:850;opacity:.92}
.my-union-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.my-union-stat-grid>div{min-height:100px;border-radius:23px;background:linear-gradient(155deg,#fff,#f0faf5);border:1px solid rgba(0,133,83,.09);box-shadow:0 12px 27px rgba(0,72,45,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 5px}.my-union-stat-grid span{width:39px;height:39px;border-radius:14px;background:#e4f8ed;color:#008553;display:grid;place-items:center;font-size:19px;margin-bottom:6px}.my-union-stat-grid strong{font-size:16px;font-weight:1000;color:#123126;line-height:1.2}.my-union-stat-grid small{font-size:10px;color:#718079;font-weight:900;margin-top:3px}
.my-union-content-card{margin:14px 0;display:grid;grid-template-columns:58px 1fr;gap:14px;padding:18px;border-radius:27px;background:linear-gradient(155deg,#fff,#f5fcf8);border:1px solid rgba(0,133,83,.09);box-shadow:0 16px 34px rgba(0,72,45,.08)}.my-union-section-icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#e2faed,#d1f4e2);border:1px solid #c7ecd8;color:#008553;display:grid;place-items:center;font-size:25px}.my-union-content-card h2,.my-union-villages h2,.my-union-facts h2{margin:0;color:#102a20;font-size:20px;font-weight:1000}.my-union-richtext{margin-top:8px;color:#52675f;font-size:13px;line-height:1.78;font-weight:720}.history-card .my-union-section-icon{background:#fff3df;color:#e67b0c;border-color:#ffe1b8}
.my-union-villages,.my-union-facts{margin:14px 0;padding:16px;border-radius:28px;background:linear-gradient(155deg,#fff,#f6fcf9);border:1px solid rgba(0,133,83,.09);box-shadow:0 16px 34px rgba(0,72,45,.08)}.my-union-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.my-union-section-head p{margin:4px 0 0;color:#718079;font-size:11px;font-weight:800}.my-union-section-head>span{padding:7px 10px;border-radius:999px;background:#e6f8ef;color:#008553;font-size:10px;font-weight:1000;white-space:nowrap}.my-union-village-grid{display:grid;gap:10px}.my-union-village-card{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:13px;border-radius:20px;background:#fff;border:1px solid #e0eee7;box-shadow:0 8px 19px rgba(0,72,45,.055)}.village-number{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#e7faef,#d6f5e5);color:#008553;border:1px solid #cfeedd;display:grid;place-items:center;font-size:16px;font-weight:1000}.my-union-village-card h3{margin:1px 0 3px;color:#123126;font-size:15px;font-weight:1000}.my-union-village-card small{display:flex;align-items:center;gap:4px;color:#008553;font-size:10px;font-weight:900}.my-union-village-card p{margin:6px 0 0;color:#63776f;font-size:11px;line-height:1.55;font-weight:750}
.my-union-fact-list{display:grid;gap:8px;margin-top:13px}.my-union-fact-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:16px;background:#f4fbf7;border:1px solid #e1eee8}.my-union-fact-list span{display:flex;align-items:center;gap:7px;color:#61756d;font-size:12px;font-weight:850}.my-union-fact-list span i{color:#008553}.my-union-fact-list b{color:#133027;font-size:12px;font-weight:1000;text-align:right}.my-union-map-button{margin-top:12px;min-height:50px;border-radius:17px;background:linear-gradient(135deg,#008553,#006d49);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:1000;box-shadow:0 13px 25px rgba(0,133,83,.18)}
html[data-su-theme="dark"] .my-union-stat-grid>div,html[data-su-theme="dark"] .my-union-content-card,html[data-su-theme="dark"] .my-union-villages,html[data-su-theme="dark"] .my-union-facts,html[data-su-theme="dark"] .my-union-village-card{background:linear-gradient(155deg,#172a23,#12231d);border-color:#28483d;color:#f3fbf7}html[data-su-theme="dark"] .my-union-stat-grid strong,html[data-su-theme="dark"] .my-union-content-card h2,html[data-su-theme="dark"] .my-union-villages h2,html[data-su-theme="dark"] .my-union-facts h2,html[data-su-theme="dark"] .my-union-village-card h3,html[data-su-theme="dark"] .my-union-fact-list b{color:#f4fff9}html[data-su-theme="dark"] .my-union-richtext,html[data-su-theme="dark"] .my-union-village-card p,html[data-su-theme="dark"] .my-union-stat-grid small{color:#a8b7b0}html[data-su-theme="dark"] .my-union-fact-list>div{background:#142720;border-color:#28483d}html[data-su-theme="dark"] .my-union-fact-list span{color:#b8c9c1}
@media(max-width:380px){.my-union-hero-copy{max-width:82%}.my-union-hero-copy h1{font-size:27px}.my-union-stat-grid{gap:7px}.my-union-stat-grid>div{min-height:92px}.my-union-content-card{grid-template-columns:1fr}.my-union-section-icon{width:52px;height:52px}}

/* ===== v50 compact premium directory category cards ===== */
.directory-category-panel{padding:14px 13px 15px;border-radius:26px}
.directory-category-grid{gap:9px}
.directory-category-card{
  --cat-accent:#008553;--cat-soft:#eefaf4;--cat-border:#d5eee2;
  min-height:108px;height:108px;padding:6px 5px;border-radius:21px;
  justify-content:center;gap:4px;
  background:linear-gradient(150deg,#fff 0%,#fff 54%,var(--cat-soft) 100%);
  border-color:var(--cat-border);
  box-shadow:0 9px 20px rgba(9,68,47,.075),inset 0 1px 0 rgba(255,255,255,.96);
}
.directory-category-card.tone-green{--cat-accent:#008553;--cat-soft:#e9f9f1;--cat-border:#ccebdc}
.directory-category-card.tone-orange{--cat-accent:#ee7c10;--cat-soft:#fff2e5;--cat-border:#ffe0bf}
.directory-category-card.tone-amber{--cat-accent:#d18d00;--cat-soft:#fff8df;--cat-border:#f2e4aa}
.directory-category-card.tone-yellow{--cat-accent:#b68500;--cat-soft:#fffbd7;--cat-border:#eee39b}
.directory-category-card.tone-blue{--cat-accent:#2474dd;--cat-soft:#edf4ff;--cat-border:#d3e3ff}
.directory-category-card.tone-cyan{--cat-accent:#0783a6;--cat-soft:#eafaff;--cat-border:#cceef7}
.directory-category-card.tone-teal{--cat-accent:#078b75;--cat-soft:#e9fbf7;--cat-border:#cdeee7}
.directory-category-card.tone-purple{--cat-accent:#7444d8;--cat-soft:#f4efff;--cat-border:#e2d7ff}
.directory-category-card.tone-rose{--cat-accent:#d94675;--cat-soft:#fff0f4;--cat-border:#ffd5e1}
.directory-category-card.tone-slate{--cat-accent:#52666d;--cat-soft:#f0f5f6;--cat-border:#dce7ea}
.directory-category-card:before{width:62px;height:62px;right:-28px;top:-29px;background:radial-gradient(circle,var(--cat-soft),transparent 72%)}
.directory-category-card:after{left:24%;right:24%;height:2px;background:linear-gradient(90deg,transparent,var(--cat-accent),transparent);opacity:.28}
.directory-category-card:hover{transform:translateY(-3px);border-color:var(--cat-accent);box-shadow:0 15px 27px rgba(9,68,47,.12),inset 0 1px 0 #fff}
.directory-category-card.is-active{background:linear-gradient(150deg,#fff 0%,var(--cat-soft) 100%);border-color:var(--cat-accent);box-shadow:0 14px 29px rgba(0,120,75,.15),inset 0 0 0 1px rgba(255,255,255,.7)}
.directory-category-card.is-active:after{left:20%;right:20%;height:3px;background:linear-gradient(90deg,transparent,var(--cat-accent),transparent)}
.directory-category-card.is-active .directory-category-icon:after{background:var(--cat-accent)}
.directory-category-card.is-active>strong,.directory-category-card small b{color:var(--cat-accent)}
.directory-category-icon{width:46px;height:46px;border-radius:16px;font-size:22px;box-shadow:0 8px 17px rgba(10,78,53,.08),inset 0 1px 0 rgba(255,255,255,.9)}
.directory-category-icon img{width:30px;height:30px;border-radius:8px}
.directory-category-card strong{min-height:24px;font-size:10.6px;line-height:1.18;display:flex;align-items:center;justify-content:center;-webkit-line-clamp:2}
.directory-category-card small{min-height:17px;margin-top:0;padding:3px 7px;border-radius:999px;font-size:8.7px;line-height:1;background:rgba(255,255,255,.84);border:1px solid var(--cat-border);color:#62756d}
.directory-category-card small b{font-size:10px}
.directory-category-card.is-active>small{border-color:var(--cat-border);background:#fff}
@media(max-width:390px){
  .directory-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .directory-category-card{min-height:96px;height:96px;padding:5px 3px;border-radius:18px;gap:1px}
  .directory-category-icon{width:39px;height:39px;border-radius:14px;font-size:19px}
  .directory-category-icon img{width:26px;height:26px}
  .directory-category-card strong{min-height:21px;font-size:9.2px;line-height:1.15}
  .directory-category-card small{min-height:15px;padding:2px 5px;font-size:8px}
  .directory-category-card small b{font-size:9px}
}
html[data-su-theme="dark"] .directory-category-card{background:linear-gradient(150deg,#182d25,#14271f);border-color:#2b4b3f}
html[data-su-theme="dark"] .directory-category-card.is-active{background:linear-gradient(150deg,#1b382d,#123126);border-color:var(--cat-accent)}
html[data-su-theme="dark"] .directory-category-card small{background:#11271f;border-color:#315044}

/* ========================================================================== 
   Smart Union AI v5.1
   ========================================================================== */
.su-ai-page{--ai-ink:#102a22;--ai-muted:#687d75;--ai-line:rgba(0,123,78,.11);--ai-glow:rgba(44,227,157,.24);margin:-2px -2px 0;position:relative}.su-ai-page:before{content:"";position:absolute;inset:-30px -18px auto;height:260px;pointer-events:none;background:radial-gradient(circle at 78% 12%,rgba(202,255,106,.28),transparent 36%),radial-gradient(circle at 16% 10%,rgba(50,217,161,.22),transparent 38%);filter:blur(2px)}.su-ai-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:88px minmax(0,1fr) 40px;align-items:center;gap:13px;min-height:174px;padding:20px 17px;border-radius:30px;background:radial-gradient(circle at 84% -10%,rgba(209,255,113,.56),transparent 36%),radial-gradient(circle at -8% 110%,rgba(57,226,170,.26),transparent 46%),linear-gradient(145deg,#063f35 0%,#007a55 50%,#009a67 100%);box-shadow:0 24px 54px rgba(0,85,57,.25),inset 0 0 0 1px rgba(255,255,255,.15);overflow:hidden;color:#fff}.su-ai-hero:after{content:"AI";position:absolute;right:-13px;bottom:-42px;font:1000 126px/1 Arial,sans-serif;color:rgba(255,255,255,.055);letter-spacing:-11px;z-index:-1}.su-ai-orb{width:82px;height:82px;position:relative;display:grid;place-items:center}.su-ai-orb-core{width:58px;height:58px;border-radius:22px;display:grid;place-items:center;font-size:27px;color:#064a36;background:linear-gradient(145deg,#eeffcc,#9cffc8);box-shadow:0 15px 38px rgba(0,0,0,.22),0 0 35px rgba(196,255,104,.28);position:relative;z-index:3}.su-ai-orb-core:after{content:"";position:absolute;inset:5px;border:1px solid rgba(3,97,61,.16);border-radius:17px}.su-ai-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.31);animation:suAiOrbit 7s linear infinite}.su-ai-orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#d8ff79;box-shadow:0 0 15px rgba(216,255,121,.95)}.su-ai-orbit.orbit-one{inset:2px}.su-ai-orbit.orbit-one:before{top:6px;right:12px}.su-ai-orbit.orbit-two{inset:-6px;border-color:rgba(255,255,255,.12);animation-duration:10s;animation-direction:reverse}.su-ai-orbit.orbit-two:before{bottom:8px;left:14px;width:5px;height:5px;background:#7dffd0}@keyframes suAiOrbit{to{transform:rotate(360deg)}}.su-ai-hero-copy{min-width:0}.su-ai-eyebrow{display:flex;align-items:center;gap:6px;font:900 9.5px/1.2 Arial,sans-serif;letter-spacing:1.25px;color:#d9ffad}.su-ai-live-dot{width:7px;height:7px;border-radius:50%;background:#bfff5d;box-shadow:0 0 0 4px rgba(191,255,93,.12),0 0 16px #bfff5d;animation:suAiLive 1.7s ease-in-out infinite}@keyframes suAiLive{50%{opacity:.45;transform:scale(.82)}}.su-ai-hero h1{margin:9px 0 4px;font-size:30px;line-height:1;font-weight:1000;letter-spacing:-1px}.su-ai-hero p{margin:0;max-width:305px;font-size:12px;line-height:1.52;font-weight:700;color:rgba(255,255,255,.84)}.su-ai-status-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.su-ai-status-row span{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:4px 8px;border-radius:999px;font-size:9.5px;font-weight:900;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.10);backdrop-filter:blur(8px)}.su-ai-status-row .is-online{color:#e5ffbd}.su-ai-status-row .is-warning{color:#ffe6a3}.su-ai-status-row .is-offline{color:#ffd1d1}.su-ai-new-chat{align-self:start;width:38px;height:38px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.10);color:#fff;font-size:18px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:.2s}.su-ai-new-chat:hover{background:rgba(255,255,255,.2);transform:rotate(6deg)}.su-ai-mode-panel{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 2px;padding:6px;border:1px solid rgba(0,119,76,.09);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(2,72,43,.08);backdrop-filter:blur(14px)}.su-ai-mode-panel button{height:50px;border:0;border-radius:16px;background:transparent;color:#6b7f77;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9.5px;font-weight:900;transition:.18s}.su-ai-mode-panel button i{font-size:17px}.su-ai-mode-panel button.active{color:#fff;background:linear-gradient(145deg,#008b5c,#006e4c);box-shadow:0 10px 23px rgba(0,118,77,.24)}.su-ai-mode-panel button:disabled{opacity:.35;cursor:not-allowed}.su-ai-chat-card{position:relative;border-radius:28px;background:rgba(255,255,255,.94);border:1px solid var(--ai-line);box-shadow:0 22px 56px rgba(2,72,43,.11);overflow:hidden}.su-ai-chat-head{height:68px;padding:10px 13px;display:grid;grid-template-columns:42px 1fr 38px;align-items:center;gap:10px;border-bottom:1px solid rgba(0,113,72,.07);background:linear-gradient(180deg,#fff,#fbfffd)}.su-ai-agent-avatar,.su-ai-message-avatar{display:grid;place-items:center;color:#075039;background:linear-gradient(145deg,#d9ffb0,#86f4bd);box-shadow:0 10px 23px rgba(0,134,84,.15)}.su-ai-agent-avatar{width:42px;height:42px;border-radius:16px;font-size:20px}.su-ai-chat-head strong{display:block;font-size:14px;font-weight:1000;color:#102a22}.su-ai-chat-head small{display:block;margin-top:3px;color:#798b84;font-size:9.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-ai-chat-head>button{width:36px;height:36px;border:0;border-radius:13px;background:#f0f8f4;color:#6f817a;font-size:15px}.su-ai-feed{height:390px;overflow-y:auto;padding:16px 12px 10px;scroll-behavior:smooth;background:radial-gradient(circle at 100% 0,rgba(191,255,93,.08),transparent 28%),linear-gradient(180deg,#fbfffd 0%,#f8fcfa 100%);overscroll-behavior:contain}.su-ai-feed::-webkit-scrollbar{width:5px}.su-ai-feed::-webkit-scrollbar-thumb{background:rgba(0,119,76,.16);border-radius:20px}.su-ai-message{display:flex;align-items:flex-end;gap:8px;margin:0 0 14px;animation:suAiMessageIn .25s ease both}.su-ai-message.user{justify-content:flex-end}.su-ai-message-avatar{width:31px;height:31px;min-width:31px;border-radius:12px;font-size:14px;margin-bottom:18px}.su-ai-message.user .su-ai-message-avatar{background:linear-gradient(145deg,#edf4f1,#dcebe5);color:#50675e;box-shadow:none}.su-ai-message-main{max-width:86%;min-width:0}.su-ai-message.user .su-ai-message-main{max-width:82%}.su-ai-bubble{border-radius:8px 22px 22px 22px;background:#fff;border:1px solid rgba(0,119,76,.08);box-shadow:0 8px 22px rgba(2,72,43,.065);padding:12px 13px;color:#183128}.su-ai-message.user .su-ai-bubble{border-radius:22px 8px 22px 22px;background:linear-gradient(145deg,#008c5b,#006e4b);border-color:transparent;color:#fff;box-shadow:0 10px 26px rgba(0,117,76,.20)}.su-ai-bubble p{margin:0;font-size:12.5px;line-height:1.66;font-weight:650}.su-ai-answer-text h3,.su-ai-answer-text h4{font-size:14px;margin:10px 0 5px;font-weight:1000}.su-ai-list-item{display:flex;align-items:flex-start;gap:5px;margin:5px 0}.su-ai-list-item>i{color:#008a5a;margin-top:3px}.su-ai-message-meta{display:flex;align-items:center;gap:7px;padding:5px 5px 0;color:#91a099;font-size:8.5px;font-weight:800}.su-ai-message.user .su-ai-message-meta{justify-content:flex-end}.su-ai-answer-top{display:flex;margin-bottom:8px}.su-ai-response-mode{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eaf8f1;color:#007c51;font-size:9px;font-weight:950}.su-ai-response-mode.mode-web{background:#eaf2ff;color:#2765c7}.su-ai-response-mode.mode-general{background:#f0eaff;color:#7045c4}.su-ai-typing{display:flex;align-items:center;gap:5px;height:20px;padding:0 4px}.su-ai-typing span{width:7px;height:7px;border-radius:50%;background:#11a96e;animation:suAiTyping 1.15s infinite ease-in-out}.su-ai-typing span:nth-child(2){animation-delay:.14s}.su-ai-typing span:nth-child(3){animation-delay:.28s}@keyframes suAiTyping{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-5px);opacity:1}}@keyframes suAiMessageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.su-ai-system-notice{margin:8px 3px 14px;padding:10px 11px;border:1px solid #d8eee4;border-radius:16px;background:#eef9f3;color:#3e6655;display:flex;align-items:flex-start;gap:8px;font-size:10.5px;line-height:1.45;font-weight:800}.su-ai-system-notice i{color:#008b5a;font-size:15px}.su-ai-system-notice.danger{background:#fff2f2;border-color:#ffdcdc;color:#8c4444}.su-ai-system-notice.danger i{color:#e04747}.su-ai-system-notice button{margin-left:auto;border:0;background:transparent;color:inherit}.su-ai-result-cards{display:grid;gap:8px;margin-top:11px}.su-ai-result-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid #e1eee8;border-radius:17px;background:linear-gradient(180deg,#fff,#f9fdfa);overflow:hidden}.su-ai-result-card:after{content:"";position:absolute;right:-25px;top:-28px;width:68px;height:68px;border-radius:50%;background:rgba(0,137,88,.045)}.su-ai-result-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:19px;background:#e8f8f1;color:#00865a}.su-ai-result-icon.purple{background:#f0e9ff;color:#7441dd}.su-ai-result-icon.orange{background:#fff1df;color:#e87800}.su-ai-result-icon.blue{background:#e8f1ff;color:#2670d9}.su-ai-result-icon.pink{background:#ffeaf2;color:#e7467b}.su-ai-result-icon.red{background:#ffebeb;color:#df4747}.su-ai-result-icon.teal{background:#e6faf7;color:#078e80}.su-ai-result-copy{min-width:0;position:relative;z-index:1}.su-ai-result-copy strong{display:block;font-size:11.5px;font-weight:1000;color:#153128;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-ai-result-copy>span{display:block;margin-top:2px;font-size:9.5px;color:#62756d;font-weight:850}.su-ai-result-copy small{display:flex;align-items:flex-start;gap:3px;margin-top:3px;font-size:8.7px;line-height:1.3;color:#82918b;font-weight:750}.su-ai-result-copy p{margin:4px 0 0!important;font-size:9px!important;line-height:1.35!important;color:#71827a}.su-ai-result-actions{display:flex;gap:4px;position:relative;z-index:2}.su-ai-result-actions a{width:29px;height:29px;border-radius:10px;background:#eef8f3;color:#00855a;display:grid;place-items:center;font-size:12px;border:1px solid #e0eee7}.su-ai-result-actions a:first-child{background:#00895a;color:#fff;border-color:#00895a}.su-ai-sources{margin-top:12px;padding-top:10px;border-top:1px dashed #dce9e3}.su-ai-sources-title{display:flex;align-items:center;gap:5px;color:#6c8178;font-size:9.5px;font-weight:950;margin-bottom:7px}.su-ai-source-list{display:grid;gap:6px}.su-ai-source-chip{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:7px;align-items:center;padding:7px 8px;border:1px solid #e1ece7;border-radius:13px;background:#f9fcfa;color:#314c41}.su-ai-source-chip>b{width:22px;height:22px;border-radius:8px;background:#e8f6ef;color:#008253;display:grid;place-items:center;font-size:9px}.su-ai-source-chip span{font-size:9.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-ai-source-chip small{display:block;color:#87978f;font-size:7.8px;margin-top:1px}.su-ai-source-chip>i{color:#8ba098;font-size:11px}.su-ai-answer-tools{display:flex;justify-content:flex-end;gap:5px;margin:10px -3px -4px}.su-ai-answer-tools button{height:29px;border:1px solid #e2eee8;border-radius:10px;background:#f8fbf9;color:#7a8e85;padding:0 8px;display:flex;align-items:center;gap:4px;font-size:9px;font-weight:900}.su-ai-answer-tools button.selected{background:#e4f8ee;color:#008557;border-color:#ccecdf}.su-ai-suggestions{display:flex;gap:7px;overflow-x:auto;padding:10px 12px 5px;background:#fff;scrollbar-width:none;transition:.25s}.su-ai-suggestions::-webkit-scrollbar{display:none}.su-ai-suggestions.is-collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}.su-ai-suggestions button{flex:0 0 auto;max-width:210px;min-height:35px;padding:7px 10px;border:1px solid #dcebe4;border-radius:13px;background:#f7fbf9;color:#36564a;display:flex;align-items:center;gap:6px;font-size:9.5px;font-weight:900;text-align:left}.su-ai-suggestions button i{color:#008b5a}.su-ai-composer{display:grid;grid-template-columns:39px 1fr 41px;align-items:end;gap:7px;margin:8px 10px 0;padding:7px;border:1px solid #d8e9e1;border-radius:20px;background:#f9fcfa;box-shadow:0 8px 24px rgba(2,72,43,.055)}.su-ai-composer textarea{width:100%;height:42px;min-height:42px;max-height:118px;resize:none;border:0!important;outline:0!important;background:transparent!important;padding:10px 2px 7px!important;box-shadow:none!important;color:#193329!important;font-size:12px;line-height:1.45;font-weight:700}.su-ai-composer textarea::placeholder{color:#99a8a1}.su-ai-composer button{border:0;display:grid;place-items:center}.su-ai-voice{width:38px;height:38px;border-radius:14px!important;background:#eef7f3;color:#5e746a;font-size:17px}.su-ai-voice.is-listening{background:#ffe9e9;color:#ef4040;animation:suAiMic 1s infinite}.su-ai-voice.not-supported{opacity:.35}.su-ai-send{width:40px;height:40px;border-radius:14px!important;background:linear-gradient(145deg,#009a65,#006e4b);color:#fff;font-size:18px;box-shadow:0 9px 20px rgba(0,126,82,.25)}.su-ai-send:disabled,.su-ai-voice:disabled{opacity:.42}.su-ai-composer.is-busy .su-ai-send i{animation:suAiSendSpin .8s linear infinite}@keyframes suAiSendSpin{to{transform:rotate(360deg)}}@keyframes suAiMic{50%{box-shadow:0 0 0 8px rgba(239,64,64,.10)}}.su-ai-composer-foot{display:flex;align-items:center;justify-content:space-between;padding:7px 16px 12px;color:#91a099;font-size:8.5px;font-weight:800}.su-ai-composer-foot span{display:flex;align-items:center;gap:4px}.su-ai-disclaimer{display:flex;align-items:flex-start;gap:6px;margin:10px 7px 2px;color:#7d8e87;font-size:9px;line-height:1.45;font-weight:750}.bottom-nav .nav-ai>i{position:relative}.bottom-nav .nav-ai>i:after{content:"";position:absolute;width:5px;height:5px;right:-4px;top:-2px;border-radius:50%;background:#aee953;box-shadow:0 0 9px #8fea4e}.bottom-nav .nav-ai.active{color:#00895a!important;background:linear-gradient(180deg,#effbf5,#e6f7ef)!important}.bottom-nav .nav-ai.active>i{filter:drop-shadow(0 5px 10px rgba(0,133,83,.24))}
@media(max-width:390px){.su-ai-hero{grid-template-columns:74px minmax(0,1fr) 36px;padding:18px 13px;gap:9px}.su-ai-orb{width:70px;height:70px}.su-ai-orb-core{width:52px;height:52px;border-radius:19px}.su-ai-hero h1{font-size:27px}.su-ai-hero p{font-size:11px}.su-ai-feed{height:370px}.su-ai-message-main{max-width:88%}.su-ai-result-card{grid-template-columns:38px minmax(0,1fr) auto}.su-ai-result-icon{width:38px;height:38px}.su-ai-result-actions{gap:3px}.su-ai-result-actions a{width:27px;height:27px}.su-ai-mode-panel button{height:47px;font-size:9px}}
@media(min-width:700px){.su-ai-feed{height:460px}}
html[data-su-theme="dark"] .su-ai-page{--ai-ink:#f0faf5;--ai-muted:#9db0a7;--ai-line:rgba(115,226,174,.12)}html[data-su-theme="dark"] .su-ai-mode-panel,html[data-su-theme="dark"] .su-ai-chat-card{background:rgba(19,38,31,.95);border-color:#294a3e;box-shadow:0 22px 54px rgba(0,0,0,.30)}html[data-su-theme="dark"] .su-ai-mode-panel button{color:#9dafaa}html[data-su-theme="dark"] .su-ai-mode-panel button.active{color:#fff}html[data-su-theme="dark"] .su-ai-chat-head{background:linear-gradient(180deg,#172a23,#13241e);border-color:#28463b}html[data-su-theme="dark"] .su-ai-chat-head strong{color:#f1fff8}html[data-su-theme="dark"] .su-ai-chat-head small{color:#9db0a7}html[data-su-theme="dark"] .su-ai-chat-head>button{background:#1d352c;color:#b8cbc2}html[data-su-theme="dark"] .su-ai-feed{background:radial-gradient(circle at 100% 0,rgba(191,255,93,.05),transparent 28%),linear-gradient(180deg,#12231d,#102019)}html[data-su-theme="dark"] .su-ai-bubble{background:#192f27;border-color:#2b4b3f;color:#eefaf4;box-shadow:0 9px 23px rgba(0,0,0,.20)}html[data-su-theme="dark"] .su-ai-message.user .su-ai-bubble{background:linear-gradient(145deg,#008c5b,#005f41)}html[data-su-theme="dark"] .su-ai-message.user .su-ai-message-avatar{background:#20372f;color:#bdd0c7}html[data-su-theme="dark"] .su-ai-message-meta{color:#82968d}html[data-su-theme="dark"] .su-ai-system-notice{background:#173329;border-color:#285141;color:#b8d8ca}html[data-su-theme="dark"] .su-ai-system-notice.danger{background:#3a2424;border-color:#613535;color:#ffc4c4}html[data-su-theme="dark"] .su-ai-result-card{background:linear-gradient(180deg,#1b3129,#172a23);border-color:#2b4c3f}html[data-su-theme="dark"] .su-ai-result-copy strong{color:#f0fbf6}html[data-su-theme="dark"] .su-ai-result-copy>span,html[data-su-theme="dark"] .su-ai-result-copy p{color:#a4b7ae}html[data-su-theme="dark"] .su-ai-result-actions a{background:#203b31;border-color:#315447;color:#66e5ad}html[data-su-theme="dark"] .su-ai-source-chip{background:#172b24;border-color:#2b4a3e;color:#d9ebe3}html[data-su-theme="dark"] .su-ai-source-chip>b{background:#1c4032;color:#5ee1a8}html[data-su-theme="dark"] .su-ai-sources{border-color:#2c4b3f}html[data-su-theme="dark"] .su-ai-answer-tools button{background:#1a3129;border-color:#2c4b3f;color:#a8bbb2}html[data-su-theme="dark"] .su-ai-suggestions{background:#14261f}html[data-su-theme="dark"] .su-ai-suggestions button{background:#1a3028;border-color:#2d4d40;color:#d4e7df}html[data-su-theme="dark"] .su-ai-composer{background:#172b24;border-color:#2c4b3f;box-shadow:0 8px 24px rgba(0,0,0,.18)}html[data-su-theme="dark"] .su-ai-composer textarea{color:#effaf5!important}html[data-su-theme="dark"] .su-ai-voice{background:#20382f;color:#b4c8be}html[data-su-theme="dark"] .su-ai-composer-foot,html[data-su-theme="dark"] .su-ai-disclaimer{color:#889b92}html[data-su-theme="dark"] .bottom-nav .nav-ai.active{background:rgba(0,133,83,.19)!important;color:#54dfa8!important}

/* Google Search grounding attribution widget returned by Gemini. */
.su-ai-google-search-entry{margin-top:12px;max-width:100%;overflow-x:auto;border-top:1px solid rgba(0,126,84,.10);padding-top:10px}
.su-ai-google-search-entry>*{max-width:100%}
[data-theme="dark"] .su-ai-google-search-entry{border-top-color:rgba(255,255,255,.10)}

/* ========================================================================== 
   Smart Union v5.1.6 — premium directories, navigation and voter statistics
   ========================================================================== */
.directory-category-card{
  --cat-main:#008d5d;--cat-deep:#006e49;--cat-glow:rgba(0,141,93,.28);
  min-height:102px;height:102px;padding:7px 5px 6px;gap:4px;
  color:#fff!important;border:1px solid rgba(255,255,255,.52)!important;
  background:radial-gradient(circle at 82% 8%,rgba(255,255,255,.34),transparent 34%),linear-gradient(145deg,var(--cat-main),var(--cat-deep))!important;
  box-shadow:0 13px 27px var(--cat-glow),inset 0 1px 0 rgba(255,255,255,.42)!important;
  isolation:isolate;
}
.directory-category-card.tone-green{--cat-main:#18c98c;--cat-deep:#05865b;--cat-glow:rgba(5,134,91,.25)}
.directory-category-card.tone-orange{--cat-main:#ffad32;--cat-deep:#ed6f0a;--cat-glow:rgba(237,111,10,.24)}
.directory-category-card.tone-amber{--cat-main:#f7c83d;--cat-deep:#cb8d05;--cat-glow:rgba(203,141,5,.23)}
.directory-category-card.tone-yellow{--cat-main:#f1d94b;--cat-deep:#b99100;--cat-glow:rgba(185,145,0,.22)}
.directory-category-card.tone-blue{--cat-main:#5ca6ff;--cat-deep:#256ed5;--cat-glow:rgba(37,110,213,.24)}
.directory-category-card.tone-cyan{--cat-main:#31c6e8;--cat-deep:#087eaa;--cat-glow:rgba(8,126,170,.23)}
.directory-category-card.tone-teal{--cat-main:#35cdb7;--cat-deep:#078674;--cat-glow:rgba(7,134,116,.23)}
.directory-category-card.tone-purple{--cat-main:#a17cff;--cat-deep:#7040d6;--cat-glow:rgba(112,64,214,.24)}
.directory-category-card.tone-rose{--cat-main:#ff7fa9;--cat-deep:#d94075;--cat-glow:rgba(217,64,117,.23)}
.directory-category-card.tone-slate{--cat-main:#78929d;--cat-deep:#465f68;--cat-glow:rgba(70,95,104,.22)}
.directory-category-card:before{right:-23px!important;top:-28px!important;width:72px!important;height:72px!important;background:rgba(255,255,255,.13)!important;box-shadow:-62px 78px 0 rgba(255,255,255,.055)}
.directory-category-card:after{left:18%!important;right:18%!important;bottom:0!important;height:3px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent)!important;opacity:.65!important}
.directory-category-card:hover{transform:translateY(-4px) scale(1.015);border-color:rgba(255,255,255,.9)!important;box-shadow:0 18px 34px var(--cat-glow),inset 0 1px 0 rgba(255,255,255,.55)!important}
.directory-category-card.is-active{filter:saturate(1.08);transform:translateY(-2px);border:2px solid #fff!important;box-shadow:0 19px 38px var(--cat-glow),0 0 0 3px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.62)!important}
.directory-category-card.is-active:after{height:4px!important;opacity:1!important}
.directory-category-icon,.directory-category-icon.tone-green,.directory-category-icon.tone-orange,.directory-category-icon.tone-amber,.directory-category-icon.tone-yellow,.directory-category-icon.tone-blue,.directory-category-icon.tone-cyan,.directory-category-icon.tone-teal,.directory-category-icon.tone-purple,.directory-category-icon.tone-rose,.directory-category-icon.tone-slate{
  width:45px;height:45px;border-radius:15px;background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:0 9px 20px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.45)!important;backdrop-filter:blur(8px)
}
.directory-category-icon img{width:30px;height:30px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.15))}
.directory-category-card strong,.directory-category-card.is-active>strong{min-height:24px;color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.17);font-size:10.6px}
.directory-category-card small,.directory-category-card.is-active>small{min-height:18px;margin-top:0;padding:3px 8px;color:rgba(255,255,255,.94)!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.directory-category-card small b,.directory-category-card.is-active small b{color:#fff!important;font-size:10px}
.directory-category-card.is-active .directory-category-icon:after{right:-6px;top:-6px;background:#fff!important;color:var(--cat-deep)!important;border-color:var(--cat-main)!important;box-shadow:0 6px 14px rgba(0,0,0,.18)!important}
html[data-su-theme="dark"] .directory-category-card,html[data-su-theme="dark"] .directory-category-card.is-active{background:radial-gradient(circle at 82% 8%,rgba(255,255,255,.22),transparent 34%),linear-gradient(145deg,var(--cat-main),var(--cat-deep))!important;border-color:rgba(255,255,255,.35)!important}
@media(max-width:390px){.directory-category-card{min-height:94px;height:94px;border-radius:18px;padding:5px 3px}.directory-category-icon{width:39px!important;height:39px!important;border-radius:13px!important}.directory-category-card strong{font-size:9px;min-height:20px}.directory-category-card small{padding:2px 6px;min-height:15px;font-size:7.8px}}

.bottom-nav.smart-v516{height:88px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:5px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,252,248,.94));border:1px solid rgba(0,133,83,.13);box-shadow:0 -20px 48px rgba(0,58,38,.16),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(22px) saturate(1.2)}
.bottom-nav.smart-v516:before{top:6px;width:38px;height:3px;background:linear-gradient(90deg,transparent,rgba(0,133,83,.42),transparent)}
.bottom-nav.smart-v516>a:not(.nav-service-main){min-height:60px;border-radius:19px;padding:7px 2px 5px;gap:5px;color:#60736b}
.bottom-nav.smart-v516>a:not(.nav-service-main)>i{width:35px;height:35px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:transparent;transition:.2s ease}
.bottom-nav.smart-v516>a:not(.nav-service-main).active,.bottom-nav.smart-v516>a:not(.nav-service-main):hover{background:linear-gradient(180deg,#edfbf4,#e3f6ec)!important;color:#007e52!important;box-shadow:inset 0 0 0 1px rgba(0,133,83,.08)}
.bottom-nav.smart-v516>a:not(.nav-service-main).active>i,.bottom-nav.smart-v516>a:not(.nav-service-main):hover>i{background:linear-gradient(145deg,#22d399,#07885f);color:#fff;box-shadow:0 8px 18px rgba(0,133,83,.22);transform:translateY(-2px)}
.bottom-nav.smart-v516>a:not(.nav-service-main).active:after{content:"";position:absolute;bottom:3px;width:16px;height:3px;border-radius:99px;background:#11a974;box-shadow:0 0 9px rgba(17,169,116,.42)}
.bottom-nav.smart-v516 .nav-ai.active>i{color:#fff!important;filter:none!important}.bottom-nav.smart-v516 .nav-ai.active{background:linear-gradient(180deg,#edfbf4,#e3f6ec)!important}
.bottom-nav.smart-v516 .nav-service-main{margin-top:-33px;filter:drop-shadow(0 18px 30px rgba(0,133,83,.27))}
.bottom-nav.smart-v516 .nav-service-main b{width:68px;height:68px;border:7px solid rgba(255,255,255,.97);background:radial-gradient(circle at 33% 24%,#5df0bd,#08a973 52%,#006f4b 100%);box-shadow:0 17px 36px rgba(0,126,82,.32),inset 0 1px 0 rgba(255,255,255,.6)}
.bottom-nav.smart-v516 .nav-service-main b:before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(255,255,255,.27)}
.bottom-nav.smart-v516 .nav-service-main span{padding:4px 10px;border:1px solid rgba(0,133,83,.1);box-shadow:0 7px 16px rgba(0,65,42,.12)}
html[data-su-theme="dark"] .bottom-nav.smart-v516{background:linear-gradient(180deg,rgba(20,36,29,.97),rgba(13,28,23,.96));border-color:#29493d;box-shadow:0 -20px 48px rgba(0,0,0,.42)}
html[data-su-theme="dark"] .bottom-nav.smart-v516>a:not(.nav-service-main).active,html[data-su-theme="dark"] .bottom-nav.smart-v516>a:not(.nav-service-main):hover{background:linear-gradient(180deg,#17382c,#123025)!important;color:#65e7b1!important}
@media(max-width:390px){.bottom-nav.smart-v516{height:85px;padding-left:6px;padding-right:6px}.bottom-nav.smart-v516>a:not(.nav-service-main){font-size:9px}.bottom-nav.smart-v516>a:not(.nav-service-main)>i{width:32px;height:32px}.bottom-nav.smart-v516 .nav-service-main b{width:64px;height:64px}}

.my-union-voter-panel{margin:14px 0;padding:15px;border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(202,255,105,.34),transparent 38%),linear-gradient(145deg,#087b58,#006b4b);color:#fff;box-shadow:0 18px 38px rgba(0,91,59,.20);border:1px solid rgba(255,255,255,.19);overflow:hidden;position:relative}.my-union-voter-panel:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-62px;bottom:-66px;background:rgba(255,255,255,.10)}.my-union-voter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.my-union-voter-head>div{display:flex;align-items:center;gap:10px}.my-union-voter-head>div>span{width:43px;height:43px;border-radius:15px;background:rgba(255,255,255,.17);display:grid;place-items:center;font-size:20px;border:1px solid rgba(255,255,255,.24)}.my-union-voter-head h2{margin:0;font-size:18px;font-weight:1000}.my-union-voter-head p{margin:3px 0 0;font-size:10px;font-weight:800;opacity:.78}.my-union-voter-head>b{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:11px;font-weight:1000;border:1px solid rgba(255,255,255,.22)}.my-union-voter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;position:relative;z-index:1}.my-union-voter-grid article{min-height:85px;padding:9px 5px;border-radius:19px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.my-union-voter-grid i{font-size:19px;color:#d8ff80}.my-union-voter-grid strong{font-size:18px;font-weight:1000;margin-top:4px}.my-union-voter-grid small{font-size:9.5px;font-weight:900;opacity:.86;margin-top:2px}

/* v5.1.8 government-grade map loading screen */
.su-government-splash{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 22%,#fff 0,#fbfdff 30%,#eef6ff 72%,#e2efff 100%)!important;color:#123d86!important;text-align:center;transition:opacity .45s ease,transform .45s ease;isolation:isolate;padding:max(18px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom))}.su-government-splash.hide{opacity:0;transform:scale(1.015);pointer-events:none}.su-splash-content{position:relative;z-index:4;width:min(94vw,560px);height:min(94vh,900px);display:flex;flex-direction:column;align-items:center;justify-content:center}.su-splash-seal{width:64px;height:64px;border-radius:22px;background:#fff;border:1px solid #d9e8f7;box-shadow:0 12px 34px rgba(28,82,146,.14);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.su-splash-seal img{width:52px;height:52px;object-fit:contain;border-radius:16px}.su-splash-rule{width:min(280px,68vw);height:24px;display:flex;align-items:center;justify-content:center;margin:2px 0 4px}.su-splash-rule:before,.su-splash-rule:after{content:"";height:1.5px;flex:1;background:linear-gradient(90deg,transparent,#2b6bc7)}.su-splash-rule:after{background:linear-gradient(90deg,#2b6bc7,transparent)}.su-splash-rule span{width:56px;color:#2b6bc7;font-size:22px}.su-government-splash h1{margin:4px 0 12px;font-size:clamp(25px,6vw,42px);line-height:1.18;font-weight:900;letter-spacing:-.7px;color:#123f8c;text-shadow:0 1px 0 #fff}.su-splash-subtitle{display:flex;align-items:center;justify-content:center;gap:10px;width:min(420px,86vw);margin-bottom:8px;color:#4b4f54}.su-splash-subtitle span{height:1.5px;flex:1;max-width:72px;background:linear-gradient(90deg,transparent,#42a14d)}.su-splash-subtitle span:last-child{background:linear-gradient(90deg,#42a14d,transparent)}.su-splash-subtitle strong{font-size:clamp(20px,4.8vw,31px);font-weight:850;white-space:nowrap}.su-splash-map-wrap{position:relative;width:min(82vw,455px);height:min(42vh,430px);display:flex;align-items:center;justify-content:center;margin:2px auto 4px}.su-splash-map-glow{position:absolute;inset:8% 5%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(140,184,232,.15) 62%,transparent 72%);filter:blur(4px)}.su-splash-map{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(37,83,131,.18));animation:suMapFloat 3s ease-in-out infinite}.su-splash-council{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2466bd;height:82px;margin-top:-2px}.su-splash-council>i{font-size:22px;margin-bottom:-10px;margin-left:90px}.su-splash-council div{width:150px;height:60px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #2f71c8;position:relative}.su-splash-council div:before,.su-splash-council div:after{content:"";position:absolute;bottom:8px;width:34px;height:38px;border:2px solid #2f71c8;border-bottom:0;border-radius:18px 18px 0 0}.su-splash-council div:before{left:3px}.su-splash-council div:after{right:3px}.su-splash-council div i{font-size:48px}.su-splash-loading-label{font-size:clamp(20px,4.8vw,29px);font-weight:900;color:#123f8c;margin-top:1px}.su-splash-progress{width:min(310px,72vw);height:13px;border-radius:999px;background:#d5dce6;overflow:hidden;margin-top:13px;box-shadow:inset 0 1px 3px rgba(24,65,114,.14)}.su-splash-progress span{display:block;height:100%;width:12%;border-radius:inherit;background:linear-gradient(90deg,#0759bd,#1686e6);box-shadow:0 0 16px rgba(11,105,213,.35);animation:suSplashProgress var(--su-splash-duration,1800ms) cubic-bezier(.22,.72,.28,1) forwards}.su-splash-pattern{position:absolute;z-index:1;opacity:.22}.su-splash-pattern-left{width:290px;height:290px;left:-100px;top:-88px;background-image:linear-gradient(30deg,#78afe9 12%,transparent 12.5%,transparent 87%,#78afe9 87.5%,#78afe9),linear-gradient(150deg,#78afe9 12%,transparent 12.5%,transparent 87%,#78afe9 87.5%,#78afe9),linear-gradient(30deg,#78afe9 12%,transparent 12.5%,transparent 87%,#78afe9 87.5%,#78afe9),linear-gradient(150deg,#78afe9 12%,transparent 12.5%,transparent 87%,#78afe9 87.5%,#78afe9);background-size:42px 74px;background-position:0 0,0 0,21px 37px,21px 37px}.su-splash-pattern-right{right:25px;top:35px;width:90px;height:110px;background-image:radial-gradient(#78afe9 2px,transparent 2.5px);background-size:18px 18px}.su-splash-wave{position:absolute;z-index:2;left:-12%;right:-12%;bottom:-13%;height:27%;border-radius:48% 58% 0 0/62% 64% 0 0;transform:rotate(-7deg);background:linear-gradient(135deg,rgba(102,158,229,.28),rgba(32,106,202,.62))}.su-splash-wave-two{bottom:-17%;left:18%;right:-20%;height:23%;transform:rotate(-12deg);background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(76,143,225,.48));border-top:3px solid rgba(255,255,255,.75)}@keyframes suSplashProgress{0%{width:7%}55%{width:64%}100%{width:100%}}@keyframes suMapFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-height:690px){.su-splash-seal{width:50px;height:50px;margin-bottom:3px}.su-splash-seal img{width:42px;height:42px}.su-government-splash h1{margin:0 0 5px;font-size:26px}.su-splash-subtitle{margin-bottom:2px}.su-splash-map-wrap{height:330px}.su-splash-council{height:58px}.su-splash-council div{transform:scale(.78)}.su-splash-loading-label{font-size:20px;margin-top:-2px}.su-splash-progress{margin-top:8px}}


/* v5.1.8 verified access status */
.su-ai-access-status{margin:10px 18px 14px;padding:12px 13px;border:1px solid rgba(0,142,91,.14);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(235,250,244,.94));box-shadow:0 12px 30px rgba(0,83,57,.08);display:flex;align-items:center;gap:11px;color:#154c3c}
.su-ai-access-status .su-ai-access-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#caffdc,#84efaf);color:#007f51;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.su-ai-access-status>div{min-width:0;flex:1}.su-ai-access-status strong{display:block;font-size:13px;line-height:1.35;color:#083f30}.su-ai-access-status small{display:block;margin-top:2px;font-size:10.5px;line-height:1.4;color:#688177}
.su-ai-access-status>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border-radius:13px;background:#008d5c;color:#fff;font-size:10px;font-weight:800;text-decoration:none;box-shadow:0 8px 18px rgba(0,141,92,.2)}
.su-ai-access-status.verified{background:linear-gradient(135deg,#ecfff3,#f8fffb);border-color:rgba(0,170,103,.22)}.su-ai-access-status.locked{background:linear-gradient(135deg,#fff7f3,#fff);border-color:rgba(218,84,53,.2)}.su-ai-access-status.locked .su-ai-access-icon{background:#ffe4dc;color:#b83d25}
.su-ai-verification-gate{margin:12px 14px;padding:15px;border:1px solid rgba(218,84,53,.18);border-radius:20px;background:linear-gradient(145deg,#fff7f4,#fff);display:grid;grid-template-columns:42px 1fr;gap:10px;box-shadow:0 14px 32px rgba(112,46,30,.08)}
.su-ai-verification-gate>span{width:42px;height:42px;border-radius:15px;background:#ffe5dc;color:#b63b24;display:grid;place-items:center;font-size:19px}.su-ai-verification-gate strong{display:block;color:#7d281a;font-size:13px}.su-ai-verification-gate p{margin:4px 0 0;color:#805e56;font-size:11px;line-height:1.5}.su-ai-verification-gate a{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border-radius:14px;background:linear-gradient(135deg,#008e5d,#00ac74);color:white;text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 9px 20px rgba(0,142,93,.2)}
@media(max-width:430px){.su-ai-access-status{margin:8px 12px 12px;padding:10px}.su-ai-access-status>a{padding:8px 9px;font-size:9px}.su-ai-access-status strong{font-size:12px}.su-ai-access-status small{font-size:9.5px}}


/* ========================================================================== 
   Smart Union v5.1.9 — Reference-matched pages (auth, vehicle, technician,
   digital services and doctor). Scoped to the requested pages only.
   ========================================================================== */
.su-minimal-auth{background:#f7fcf9!important}.su-minimal-auth .mobile-frame{max-width:540px;background:#fff;box-shadow:0 0 0 1px rgba(0,88,55,.06),0 30px 90px rgba(0,74,46,.12)}.su-minimal-auth .su-auth-content{padding:0!important;min-height:100vh;background:radial-gradient(circle at 50% 20%,#f7fffb 0,#fff 47%,#fbfefd 100%)}.su-minimal-auth .su-permission-card,.su-minimal-auth .su-install-card,.su-minimal-auth .top-toast{display:none!important}.su-auth-portal{min-height:100vh;position:relative;padding:28px 28px 42px;color:#0b2b21}.su-auth-back{position:absolute;top:25px;left:25px;width:48px;height:48px;border-radius:18px;display:grid;place-items:center;color:#008553;font-size:29px;z-index:5}.su-auth-welcome{text-align:center;min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center}.su-auth-brand-seal{width:122px;height:122px;border-radius:50%;margin-top:55px;background:#fff;display:grid;place-items:center;box-shadow:0 18px 50px rgba(0,112,70,.14),0 0 0 14px rgba(229,249,239,.58)}.su-auth-brand-seal{position:relative}.su-auth-logo-fallback{font-size:52px;color:#008553}.su-auth-brand-seal img{position:absolute;inset:9px;width:104px;height:104px;object-fit:contain;border-radius:50%;background:#fff}.su-auth-brand-seal i{font-size:54px;color:#008553}.su-auth-welcome h1{margin:36px 0 5px;font-size:43px;line-height:1;font-weight:1000;letter-spacing:-1.2px;color:#073a2a}.su-auth-welcome h2{margin:18px 0 0;font-size:25px;font-weight:700;color:#1c2924}.su-auth-welcome>p{margin:10px 0 0;font-size:20px;font-weight:750;color:#707773}.su-auth-union-scene{width:100%;margin:38px 0 25px}.su-auth-union-scene img{width:100%;max-height:245px;object-fit:contain}.su-auth-entry-actions{width:100%;display:grid;gap:18px;margin-top:auto}.su-auth-entry-actions>a{min-height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:1000}.su-auth-entry-actions .primary{background:linear-gradient(135deg,#00945e,#006f48);color:#fff;box-shadow:0 15px 30px rgba(0,133,83,.22)}.su-auth-entry-actions .outline{border:2px solid #008553;color:#008553;background:#fff}.su-auth-entry-actions .guest{min-height:42px;font-size:18px;color:#303a35;gap:10px}.su-auth-entry-actions .guest i{color:#008553}.su-auth-form-screen{min-height:calc(100vh - 55px);padding-top:15px;display:flex;flex-direction:column}.su-auth-form-screen>h1{text-align:center;margin:12px 0 18px;font-size:35px;font-weight:1000}.su-auth-security-art{width:245px;height:225px;margin:0 auto 16px}.su-auth-security-art.small{width:180px;height:160px}.su-auth-security-art img{width:100%;height:100%;object-fit:contain}.su-auth-form-screen>h2{font-size:28px;line-height:1.25;margin:6px 0 8px;font-weight:1000}.su-auth-form-screen>p{margin:0 0 28px;font-size:17px;color:#66726c;font-weight:600}.su-auth-form{display:grid;gap:10px}.su-auth-form label{font-size:16px;font-weight:900;margin-top:7px}.su-auth-input{min-height:64px;border:1.5px solid #d2ddd8;border-radius:20px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 16px;transition:.18s}.su-auth-input:focus-within{border-color:#008553;box-shadow:0 0 0 4px rgba(0,133,83,.09)}.su-auth-input>i{font-size:20px;color:#789087}.su-auth-input input,.su-auth-input select{flex:1;min-width:0;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;font-size:17px;padding:0!important;color:#1a3027;font-weight:650}.su-auth-input button{width:42px;height:42px;border:0;background:transparent;color:#50635b;font-size:21px}.su-auth-forgot{justify-self:end;color:#008553;font-size:15px;font-weight:850;margin:4px 3px 12px}.su-auth-submit{height:64px;border:0;border-radius:22px;background:linear-gradient(135deg,#00945e,#006f48);color:#fff;font-size:24px;font-weight:1000;box-shadow:0 16px 34px rgba(0,133,83,.22);margin-top:8px}.su-auth-switch{text-align:center!important;margin:22px 0 0!important;color:#53635c!important;font-size:17px!important}.su-auth-switch a{color:#008553;font-weight:1000}.su-auth-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.su-register-screen{padding-bottom:30px}.su-register-screen>h2{font-size:24px}.su-register-screen>p{font-size:14px;margin-bottom:18px}.su-register-form .su-auth-input{min-height:56px}.su-register-form .su-auth-input input,.su-register-form .su-auth-input select{font-size:14px}.su-auth-alert{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border-radius:14px;font-size:12px;font-weight:800;margin-bottom:10px;text-align:left}.su-auth-alert.danger{background:#fff1f1;color:#a83232;border:1px solid #ffd0d0}.su-auth-alert.success{background:#eafff3;color:#087447;border:1px solid #c6efd9}@media(max-width:390px){.su-auth-portal{padding:22px 20px 34px}.su-auth-brand-seal{width:100px;height:100px;margin-top:48px}.su-auth-brand-seal img{width:84px;height:84px}.su-auth-welcome h1{font-size:36px}.su-auth-welcome h2{font-size:21px}.su-auth-union-scene{margin:28px 0 18px}.su-auth-entry-actions>a{min-height:58px;font-size:20px}.su-auth-security-art{width:205px;height:185px}.su-auth-form-screen>h2{font-size:24px}.su-auth-form-screen>p{font-size:15px}.su-auth-two-col{grid-template-columns:1fr}}

.su-ref-directory-page{margin:-2px -1px 0}.v519-directory-hero{min-height:183px;border-radius:28px;padding:26px 24px;display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;align-items:center;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 92% 18%,rgba(85,228,162,.28),transparent 38%),linear-gradient(135deg,#009363,#006f4b);box-shadow:0 20px 40px rgba(0,103,67,.22)}.v519-directory-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.07),transparent 50%);pointer-events:none}.v519-hero-icon{width:78px;height:78px;border-radius:25px;background:rgba(255,255,255,.13);border:1.5px solid rgba(255,255,255,.34);display:grid;place-items:center;font-size:38px;color:#d4ff76;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.v519-hero-copy{position:relative;z-index:2}.v519-hero-copy h1{margin:0 0 14px;font-size:35px;font-weight:1000}.v519-hero-copy p{margin:0;font-size:15px;line-height:1.55;font-weight:800;max-width:290px}.v519-vehicle-hero{grid-template-columns:86px minmax(0,1fr);padding-bottom:38px}.v519-vehicle-art{position:absolute;right:-16px;bottom:15px;width:232px;opacity:.78;z-index:1}.v519-vehicle-hero .v519-hero-copy{max-width:58%}.v519-slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}.v519-slider-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.7)}.v519-slider-dots i.active{background:#b8f164}.v519-hero-watermark{position:absolute;right:28px;top:30px;font-size:94px;color:rgba(0,55,35,.16)}.v519-search-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:10px;margin:18px 0}.v519-search-row .search-box{height:58px;border-radius:22px;margin:0;background:#fff}.v519-search-row .search-box input{font-size:15px}.v519-filter-button{border:1.5px solid #cde8dc;border-radius:22px;background:linear-gradient(145deg,#f8fffb,#edf8f3);color:#087a50;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:1000}.v519-filter-button i{font-size:24px}.v519-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.v519-category-card{--cat-main:#17bd7d;--cat-deep:#03865a;--cat-glow:rgba(3,134,90,.22);position:relative;border:0!important;border-radius:24px!important;overflow:hidden!important;cursor:pointer;transition:.2s ease}.v519-category-card.tone-green{--cat-main:#20c77d;--cat-deep:#048b5d}.v519-category-card.tone-orange{--cat-main:#ffb832;--cat-deep:#ef7e08}.v519-category-card.tone-amber,.v519-category-card.tone-yellow{--cat-main:#f5c927;--cat-deep:#d49b00}.v519-category-card.tone-blue{--cat-main:#55a2ff;--cat-deep:#3177df}.v519-category-card.tone-cyan{--cat-main:#35c9e4;--cat-deep:#0b91af}.v519-category-card.tone-teal{--cat-main:#36cabb;--cat-deep:#069681}.v519-category-card.tone-purple{--cat-main:#a372ff;--cat-deep:#6f3ee1}.v519-category-card.tone-rose{--cat-main:#f7689f;--cat-deep:#db3e76}.v519-category-card.tone-slate{--cat-main:#92a3af;--cat-deep:#5f737e}.v519-vehicle-category{height:126px!important;min-height:126px!important;padding:0!important;background:#fff!important;box-shadow:0 13px 28px rgba(7,65,45,.10)!important;border:1px solid rgba(0,105,68,.08)!important;display:grid!important;grid-template-rows:1fr 40px!important}.v519-vehicle-category:before,.v519-vehicle-category:after,.v519-technician-category:before,.v519-technician-category:after{display:none!important}.v519-category-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#fff;background:radial-gradient(circle at 80% 5%,rgba(255,255,255,.25),transparent 38%),linear-gradient(145deg,var(--cat-main),var(--cat-deep));width:100%;height:100%}.v519-category-icon{width:51px;height:51px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:29px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.v519-category-icon img{width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}.v519-vehicle-category strong{color:#fff!important;font-size:15px!important;font-weight:1000!important;text-shadow:0 1px 4px rgba(0,0,0,.18);min-height:0!important}.v519-vehicle-category small{align-self:center;justify-self:center;min-height:24px!important;padding:5px 13px!important;margin:0!important;border-radius:999px!important;color:var(--cat-deep)!important;background:color-mix(in srgb,var(--cat-main) 9%,white)!important;border:1px solid color-mix(in srgb,var(--cat-main) 40%,white)!important;font-size:13px!important;font-weight:1000!important}.v519-category-card.is-active{transform:translateY(-2px);box-shadow:0 17px 34px rgba(0,120,75,.22),0 0 0 3px rgba(0,151,96,.10)!important}.v519-category-card.is-active .v519-category-top{filter:saturate(1.08)}.v519-technician-category{height:136px!important;min-height:136px!important;padding:12px 6px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;color:#fff!important;background:radial-gradient(circle at 80% 5%,rgba(255,255,255,.24),transparent 36%),linear-gradient(145deg,var(--cat-main),var(--cat-deep))!important;box-shadow:0 15px 29px color-mix(in srgb,var(--cat-deep) 23%,transparent)!important;border:1px solid rgba(255,255,255,.48)!important}.v519-technician-category strong{color:#fff!important;font-size:15px!important;min-height:24px!important;font-weight:1000!important}.v519-technician-category small{color:rgba(255,255,255,.94)!important;background:transparent!important;border:0!important;font-size:12px!important;display:flex!important;align-items:center!important;gap:5px!important;padding:0!important}.v519-result-status{margin:11px 2px 14px;color:#658078;font-size:11px;font-weight:850}.v519-result-status i{color:#008553}.v519-directory-list{margin-top:0}.su-ref-directory-page .vehicle-card{border-radius:24px;box-shadow:0 12px 30px rgba(0,70,45,.08)}@media(max-width:390px){.v519-directory-hero{min-height:165px;padding:20px 16px;grid-template-columns:68px 1fr;gap:13px}.v519-hero-icon{width:64px;height:64px;font-size:31px}.v519-hero-copy h1{font-size:29px}.v519-hero-copy p{font-size:12.5px}.v519-vehicle-art{width:180px;right:-25px}.v519-search-row{grid-template-columns:1fr 88px}.v519-filter-button span{display:none}.v519-filter-button{font-size:23px}.v519-category-grid{gap:9px}.v519-vehicle-category{height:113px!important;min-height:113px!important;grid-template-rows:1fr 35px!important;border-radius:20px!important}.v519-technician-category{height:121px!important;min-height:121px!important;border-radius:20px!important}.v519-category-icon{width:44px;height:44px;font-size:25px}.v519-vehicle-category strong,.v519-technician-category strong{font-size:12px!important}.v519-vehicle-category small{font-size:10px!important}.v519-technician-category small{font-size:9.5px!important}}

.su-v519-digital-page{margin:-3px -2px 0}.v519-digital-hero{min-height:154px;padding:22px 18px;border-radius:28px;background:radial-gradient(circle at 95% 15%,rgba(66,214,151,.24),transparent 34%),linear-gradient(135deg,#007a50,#005f42);color:#fff;display:grid;grid-template-columns:80px 1fr;align-items:center;gap:15px;position:relative;overflow:hidden;box-shadow:0 18px 36px rgba(0,91,59,.22)}.v519-digital-shield{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#eaffb9,#61d98e);color:#006a43;display:grid;place-items:center;font-size:37px;position:relative;box-shadow:0 12px 25px rgba(0,0,0,.18)}.v519-digital-shield span{position:absolute;right:-4px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:#fff;color:#008553;display:grid;place-items:center;font-size:14px}.v519-digital-hero small{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.13);padding:4px 8px;border-radius:999px;font-size:8.5px;font-weight:900}.v519-digital-hero h1{margin:8px 0 5px;font-size:27px;font-weight:1000}.v519-digital-hero p{margin:0;font-size:11px;line-height:1.5;font-weight:750;max-width:260px}.v519-digital-watermark{position:absolute;right:10px;bottom:-14px;font-size:96px;color:rgba(255,255,255,.08)}.v519-digital-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.v519-digital-actions a{min-height:64px;border:1px solid #dcebe4;border-radius:18px;background:#fff;display:grid;grid-template-columns:35px 1fr 14px;align-items:center;gap:8px;padding:9px;color:#17372b}.v519-digital-actions a.primary{background:linear-gradient(145deg,#00915d,#006e49);color:#fff;border:0}.v519-digital-actions>a>i:first-child{width:34px;height:34px;border-radius:12px;background:rgba(0,133,83,.10);display:grid;place-items:center;color:#008553}.v519-digital-actions a.primary>i:first-child{background:rgba(255,255,255,.15);color:#fff}.v519-digital-actions strong,.v519-digital-actions small{display:block}.v519-digital-actions strong{font-size:11px;font-weight:1000}.v519-digital-actions small{font-size:8px;margin-top:3px;opacity:.75}.v519-locked-note{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;background:#fff8e8;color:#9a6900;border:1px solid #f4e0ae;font-size:10px;font-weight:850}.v519-digital-list{display:grid;gap:9px;margin-top:10px}.v519-digital-card{min-height:92px;border-radius:20px;border:1px solid #e0ece6;background:#fff;display:grid;grid-template-columns:52px minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:12px;box-shadow:0 9px 23px rgba(0,72,45,.07)}.v519-digital-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:25px;color:#fff}.v519-digital-icon.blue{background:linear-gradient(145deg,#6caaff,#3b78e8)}.v519-digital-icon.pink{background:linear-gradient(145deg,#ff78aa,#e83d7c)}.v519-digital-icon.green{background:linear-gradient(145deg,#31c988,#07905e)}.v519-digital-card h2{font-size:13px;margin:0 0 4px;font-weight:1000}.v519-digital-card p{font-size:9.5px;line-height:1.4;color:#63746d;margin:0}.v519-digital-card small{display:block;margin-top:5px;color:#07905e;font-size:8px;font-weight:850}.v519-digital-card>b{align-self:start;padding:4px 7px;border-radius:999px;background:#fff4df;color:#b37100;font-size:8px;white-space:nowrap}.v519-digital-card>i{width:20px;height:20px;border-radius:50%;border:1px solid #73b49b;color:#008553;display:grid;place-items:center;font-size:10px}.v519-digital-card.locked{opacity:.86}.v519-digital-security{margin-top:10px;border:1px solid #dcebe4;border-radius:20px;background:#fff;padding:13px;display:grid;grid-template-columns:1fr 62px;align-items:center;gap:10px}.v519-digital-security h2{font-size:12px;margin:0 0 5px;font-weight:1000}.v519-digital-security p{font-size:9px;line-height:1.45;margin:0;color:#61726b}.v519-digital-security>span{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#efffe8,#9bec9d);color:#087c4e;display:grid;place-items:center;font-size:30px}@media(max-width:390px){.v519-digital-hero{min-height:140px;padding:17px 14px;grid-template-columns:64px 1fr}.v519-digital-shield{width:58px;height:58px;font-size:29px}.v519-digital-hero h1{font-size:23px}.v519-digital-actions{grid-template-columns:1fr}.v519-digital-card{grid-template-columns:48px minmax(0,1fr) auto 18px;padding:10px}.v519-digital-icon{width:48px;height:48px}}

.su-v519-doctor-page{margin:-3px -2px 0}.v519-doctor-hero{min-height:154px;border-radius:28px;padding:23px 17px;background:radial-gradient(circle at 90% 14%,rgba(94,226,163,.26),transparent 39%),linear-gradient(145deg,#00865a,#006643);color:#fff;display:grid;grid-template-columns:1fr 150px;align-items:center;position:relative;overflow:hidden;box-shadow:0 18px 36px rgba(0,87,56,.22)}.v519-doctor-hero h1{font-size:28px;margin:0 0 8px;font-weight:1000}.v519-doctor-hero p{font-size:11px;line-height:1.55;margin:0;font-weight:750;max-width:235px}.v519-doctor-hero img{width:164px;position:absolute;right:-9px;bottom:-6px}.v519-doctor-search{height:54px;margin:14px 0 10px;border-radius:20px;background:#fff;border:1px solid #e0ece6;display:flex;align-items:center;gap:10px;padding:0 15px;box-shadow:0 8px 20px rgba(0,72,45,.07)}.v519-doctor-search i{font-size:20px;color:#008553}.v519-doctor-search input{flex:1;border:0;outline:0;font-size:14px;background:transparent}.v519-doctor-chips{display:flex;gap:7px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}.v519-doctor-chips::-webkit-scrollbar{display:none}.v519-doctor-chips span{flex:0 0 auto;min-height:30px;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid #dcebe4;color:#456158;font-size:9px;font-weight:900;display:flex;align-items:center;gap:5px}.v519-doctor-chips span.active{background:#008553;color:#fff;border-color:#008553}.v519-doctor-divider{height:3px;background:linear-gradient(90deg,#008553 0 12%,#e5eee9 12% 100%);border-radius:999px;margin:0 0 10px}.v519-doctor-list{display:grid;gap:10px}.v519-doctor-card{border:1px solid #dfeae5;border-radius:22px;background:#fff;padding:12px;box-shadow:0 10px 24px rgba(0,70,45,.08)}.v519-doctor-main{display:grid;grid-template-columns:62px 1fr;gap:11px;align-items:center}.v519-doctor-avatar{width:62px;height:62px;border-radius:50%;overflow:hidden;background:#e8f7ef;display:grid;place-items:center}.v519-doctor-avatar img{width:100%;height:100%;object-fit:cover}.v519-doctor-avatar>span{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#f6d6ab,#f1b986);display:grid;place-items:center;position:relative;color:#4a2b1c;font-size:28px}.v519-doctor-avatar b{position:absolute;right:-1px;bottom:-1px;width:22px;height:22px;border-radius:50%;background:#008553;color:#fff;display:grid;place-items:center;font-size:10px;border:3px solid #fff}.v519-doctor-card h2{font-size:16px;margin:0 0 3px;font-weight:1000}.v519-doctor-card p{font-size:11px;margin:0 0 3px;color:#384f46;font-weight:850}.v519-doctor-card small{display:block;font-size:9px;color:#64776f;margin-top:3px;font-weight:750}.v519-doctor-card small i{color:#008553}.v519-doctor-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:7px;margin-top:11px}.v519-doctor-actions a,.v519-doctor-actions button{min-height:36px;border-radius:12px;border:1px solid #d7e8e0;background:#f8fcfa;color:#32705b;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:1000}.v519-doctor-actions .primary{background:#008553;border-color:#008553;color:#fff}@media(max-width:390px){.v519-doctor-hero{min-height:138px;grid-template-columns:1fr 115px;padding:18px 13px}.v519-doctor-hero img{width:132px}.v519-doctor-hero h1{font-size:24px}.v519-doctor-hero p{font-size:9.5px;max-width:200px}.v519-doctor-actions{gap:5px}.v519-doctor-actions a,.v519-doctor-actions button{font-size:8px}}

/* ========================================================================== 
   Smart Union v5.2.0 — Responsive profile/auth, Union Council & Blood Request
   ========================================================================== */
/* Profile / login / registration: remove logged-out profile banner and make
   every screen fit real mobile viewports without artificial vertical gaps. */
.su-minimal-auth{min-height:100dvh;overflow-x:hidden!important}
.su-minimal-auth .app-shell,.su-minimal-auth .mobile-frame,.su-minimal-auth .su-auth-content{min-height:100dvh!important}
.su-minimal-auth .mobile-frame{width:100%;max-width:540px!important;overflow-x:hidden;background:linear-gradient(180deg,#fbfffd 0,#fff 100%)!important}
.su-minimal-auth .su-auth-content{display:block;padding:0!important}
.su-auth-portal{width:100%;max-width:540px;min-height:100dvh!important;margin:0 auto;padding:16px clamp(16px,5vw,28px) max(24px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden}
.su-auth-back{top:max(14px,env(safe-area-inset-top));left:clamp(14px,4vw,24px);width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(0,90,57,.07);backdrop-filter:blur(8px)}
.su-auth-welcome{min-height:auto!important;width:100%;justify-content:flex-start;padding-top:50px;box-sizing:border-box}
.su-auth-brand-seal{width:104px;height:104px;margin-top:10px!important;box-shadow:0 16px 38px rgba(0,112,70,.13),0 0 0 10px rgba(229,249,239,.62)}
.su-auth-brand-seal img{inset:8px;width:88px;height:88px}.su-auth-brand-seal i{font-size:47px}
.su-auth-welcome h1{margin:24px 0 4px;font-size:clamp(34px,9vw,43px);line-height:1.05}.su-auth-welcome h2{margin:10px 0 0;font-size:clamp(20px,5.5vw,25px)}.su-auth-welcome>p{margin:5px 0 0;font-size:clamp(15px,4.4vw,19px)}
.su-auth-union-scene{width:min(100%,450px);height:clamp(150px,31vh,215px);margin:18px auto 12px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.su-auth-union-scene img{width:100%;height:100%;max-height:none!important;object-fit:contain;object-position:center bottom}
.su-auth-entry-actions{margin-top:12px!important;gap:12px}.su-auth-entry-actions>a{min-height:56px;border-radius:19px;font-size:clamp(18px,5vw,22px)}.su-auth-entry-actions .guest{min-height:40px;font-size:clamp(14px,4.3vw,17px)}
.su-auth-form-screen{width:100%;min-height:auto!important;padding:48px 0 24px;box-sizing:border-box;display:block}
.su-auth-form-screen>h1{font-size:clamp(28px,7vw,34px);margin:0 0 10px}.su-auth-security-art{width:clamp(140px,42vw,190px);height:clamp(125px,37vw,170px);margin:0 auto 8px}.su-auth-security-art.small{width:clamp(92px,28vw,130px);height:clamp(82px,25vw,116px);margin-bottom:4px}
.su-auth-form-screen>h2{font-size:clamp(21px,5.7vw,27px);margin:5px 0 5px}.su-auth-form-screen>p{font-size:clamp(13px,3.8vw,16px);margin:0 0 14px;line-height:1.45}
.su-auth-form{width:100%;gap:8px}.su-auth-form label{font-size:clamp(13px,3.7vw,16px);margin-top:5px}.su-auth-input{width:100%;min-width:0;min-height:56px;border-radius:17px;padding:0 13px;box-sizing:border-box}.su-auth-input input,.su-auth-input select{width:100%;max-width:100%;font-size:clamp(14px,4vw,17px)!important}.su-auth-input button{flex:0 0 38px;width:38px;height:38px}
.su-auth-two-col{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.su-auth-two-col>div{min-width:0}.su-auth-two-col .su-auth-input{min-width:0}
.su-register-form{gap:7px}.su-register-form .su-auth-input{min-height:52px}.su-auth-submit{width:100%;height:58px;border-radius:19px;font-size:clamp(19px,5vw,23px);margin-top:7px}.su-auth-forgot{font-size:13px;margin:2px 2px 8px}.su-auth-switch{margin:16px 0 0!important;font-size:clamp(13px,4vw,16px)!important}
@media(max-width:600px){.su-auth-two-col{grid-template-columns:1fr}.su-register-screen{padding-top:48px}.su-register-screen .su-auth-security-art{display:none}.su-register-screen>h1{text-align:left;padding-left:48px;margin-bottom:15px}.su-register-screen>h2{font-size:21px}.su-register-screen>p{font-size:13px}}
@media(max-width:360px){.su-auth-portal{padding-left:14px;padding-right:14px}.su-auth-welcome{padding-top:44px}.su-auth-brand-seal{width:90px;height:90px}.su-auth-brand-seal img{width:74px;height:74px}.su-auth-union-scene{height:145px}.su-auth-entry-actions>a{min-height:52px}.su-auth-form-screen{padding-top:44px}.su-auth-input{min-height:50px}.su-auth-submit{height:54px}}
@media(max-height:720px) and (min-width:361px){.su-auth-welcome{padding-top:38px}.su-auth-brand-seal{width:88px;height:88px}.su-auth-brand-seal img{width:72px;height:72px}.su-auth-welcome h1{margin-top:17px}.su-auth-union-scene{height:125px;margin:10px auto 8px}.su-auth-entry-actions{gap:8px}.su-auth-entry-actions>a{min-height:50px}.su-auth-form-screen{padding-top:42px}.su-auth-security-art{width:125px;height:112px}.su-auth-form-screen>h1{margin-bottom:4px}.su-auth-form-screen>p{margin-bottom:9px}}

/* Union Council */
.v520-council-page{margin:-2px -1px 0;padding-bottom:12px}.v520-council-hero{min-height:166px;border-radius:28px;padding:24px 20px;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:18px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 92% 16%,rgba(73,224,157,.28),transparent 38%),linear-gradient(140deg,#007f52,#00603f);box-shadow:0 19px 38px rgba(0,91,59,.22)}.v520-council-hero:after{content:"";position:absolute;left:-8%;right:-8%;height:72px;bottom:-42px;border-radius:50%;background:rgba(26,195,126,.25);box-shadow:0 -20px 0 rgba(0,68,45,.17)}.v520-council-hero-icon{width:82px;height:82px;border-radius:28px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.12);display:grid;place-items:center;color:#d7ff88;font-size:42px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);position:relative;z-index:2}.v520-council-hero h1{position:relative;z-index:2;margin:0 0 8px;font-size:clamp(28px,7.5vw,36px);font-weight:1000}.v520-council-hero p{position:relative;z-index:2;margin:0;font-size:clamp(12px,3.5vw,15px);line-height:1.58;font-weight:750;max-width:310px}.v520-council-watermark{position:absolute;right:16px;bottom:10px;font-size:105px;color:rgba(255,255,255,.08);transform:rotate(-12deg)}
.v520-council-search{height:58px;margin:16px 0 18px;border-radius:22px;border:1px solid #dfeae5;background:#fff;display:grid;grid-template-columns:28px minmax(0,1fr) 54px;align-items:center;padding:0 8px 0 16px;box-shadow:0 10px 25px rgba(0,68,44,.07)}.v520-council-search>i{font-size:23px;color:#008553}.v520-council-search input{min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:#1b332a}.v520-council-search button{height:44px;border:0;border-left:1px solid #e2ebe7;background:transparent;color:#60746c;font-size:23px}
.v520-council-section{margin:18px 0 24px}.v520-section-heading{display:grid;grid-template-columns:48px auto 1fr;align-items:center;gap:10px;margin:0 2px 12px}.v520-section-heading>span{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#f6fffb,#e7f8ef);border:1px solid #dcebe4;color:#008553;display:grid;place-items:center;font-size:23px;box-shadow:0 7px 18px rgba(0,90,57,.06)}.v520-section-heading h2{margin:0;color:#07422f;font-size:clamp(22px,6vw,29px);font-weight:1000;white-space:nowrap}.v520-section-heading>i{height:3px;border-radius:9px;background:linear-gradient(90deg,#34bf83,#8edbb8);margin-left:10px}.v520-heading-with-count{grid-template-columns:48px minmax(0,1fr) auto}.v520-heading-with-count h2{white-space:normal}.v520-heading-with-count>b{padding:7px 10px;border-radius:999px;background:#e9fff4;color:#00784c;font-size:11px}
.v520-featured-officers{display:grid;gap:13px}.v520-officer-card{min-width:0;border:1px solid #dfeae5;border-radius:25px;background:linear-gradient(145deg,#fff,#fbfffd);padding:15px;display:grid;grid-template-columns:104px minmax(0,1fr);gap:13px;align-items:center;box-shadow:0 13px 31px rgba(0,68,44,.08);overflow:hidden}.v520-officer-card.is-featured{grid-template-columns:132px minmax(0,1fr);padding:18px}.v520-officer-photo{width:104px;height:104px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#ecfaf3,#fff);display:grid;place-items:center;border:1px solid #dfede6}.v520-officer-card.is-featured .v520-officer-photo{width:132px;height:132px}.v520-officer-photo img{width:100%;height:100%;object-fit:cover}.v520-officer-avatar{width:80%;height:80%;border-radius:28px;background:linear-gradient(145deg,#f5fffb,#e8f7f0);display:grid;place-items:center;color:#00905d;font-size:43px}.v520-officer-copy{min-width:0}.v520-ward-pill{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#edfff5;border:1px solid #d3efe0;color:#008553;font-size:11px;font-weight:950}.v520-officer-copy h2{margin:8px 0 3px;font-size:clamp(19px,5.5vw,27px);line-height:1.18;font-weight:1000;color:#082f23;overflow-wrap:anywhere}.v520-officer-copy p{margin:0;color:#008553;font-size:clamp(14px,4vw,18px);font-weight:1000}.v520-officer-copy small{display:block;margin-top:7px;color:#687a72;font-size:11px;line-height:1.5;font-weight:700}.v520-officer-call{grid-column:1/-1;min-height:50px;border-radius:17px;background:linear-gradient(135deg,#00975f,#007347);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(16px,4.8vw,21px);font-weight:1000;box-shadow:0 12px 25px rgba(0,133,83,.19)}
.v520-ward-summary{height:58px;border:1px solid #e0ebe6;border-radius:20px;background:linear-gradient(145deg,#fff,#f9fdfb);display:flex;align-items:center;gap:12px;padding:0 18px;margin-bottom:13px;color:#65766f;font-size:16px;font-weight:850}.v520-ward-summary i{font-size:25px;color:#00925c}.v520-ward-summary strong{color:#008553}.v520-ward-member-list{display:grid;gap:13px}.v520-other-officer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.v520-other-officer-grid .v520-officer-card{grid-template-columns:82px minmax(0,1fr);padding:12px;align-content:start}.v520-other-officer-grid .v520-officer-photo{width:82px;height:82px}.v520-other-officer-grid .v520-officer-copy h2{font-size:18px}.v520-other-officer-grid .v520-officer-copy p{font-size:13px}.v520-other-officer-grid .v520-officer-call{min-height:44px;font-size:14px}.v520-council-empty{border-radius:24px}
@media(max-width:460px){.v520-council-hero{min-height:142px;padding:18px 15px;grid-template-columns:67px minmax(0,1fr);gap:13px}.v520-council-hero-icon{width:64px;height:64px;border-radius:21px;font-size:31px}.v520-council-search{height:54px}.v520-section-heading{grid-template-columns:42px auto 1fr}.v520-section-heading>span{width:42px;height:42px;border-radius:14px;font-size:19px}.v520-section-heading h2{font-size:21px}.v520-officer-card,.v520-officer-card.is-featured{grid-template-columns:92px minmax(0,1fr);padding:12px;gap:11px}.v520-officer-photo,.v520-officer-card.is-featured .v520-officer-photo{width:92px;height:100px;border-radius:20px}.v520-officer-copy h2{font-size:18px}.v520-officer-copy p{font-size:14px}.v520-officer-call{min-height:45px;font-size:16px}.v520-other-officer-grid{grid-template-columns:1fr}.v520-other-officer-grid .v520-officer-card{grid-template-columns:88px minmax(0,1fr)}.v520-other-officer-grid .v520-officer-photo{width:88px;height:88px}}
@media(max-width:350px){.v520-officer-card,.v520-officer-card.is-featured{grid-template-columns:76px minmax(0,1fr)}.v520-officer-photo,.v520-officer-card.is-featured .v520-officer-photo{width:76px;height:84px}.v520-ward-pill{font-size:9px;padding:5px 7px}}

/* Blood Request */
.v520-blood-request-page{margin:-2px -1px 0;padding-bottom:12px}.v520-blood-hero{min-height:158px;border-radius:28px;padding:22px 20px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 90% 14%,rgba(77,220,149,.28),transparent 38%),linear-gradient(140deg,#008a59,#006c47);box-shadow:0 19px 38px rgba(0,91,59,.22)}.v520-blood-hero-icon{width:88px;height:88px;border-radius:50%;background:#fff;display:grid;place-items:center;position:relative;box-shadow:0 0 0 15px rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.17)}.v520-blood-hero-icon>span{color:#d5122a;font-size:48px;display:grid;place-items:center}.v520-blood-hero-icon>b{position:absolute;right:-4px;bottom:-5px;width:34px;height:34px;border-radius:50%;background:#008553;color:#fff;display:grid;place-items:center;border:4px solid #fff;font-size:14px}.v520-blood-hero h1{margin:0 0 8px;font-size:clamp(27px,7vw,34px);font-weight:1000}.v520-blood-hero p{margin:0;font-size:clamp(12px,3.5vw,15px);line-height:1.6;font-weight:750;max-width:315px}.v520-blood-watermark{position:absolute;right:18px;top:23px;color:rgba(255,255,255,.08);font-size:90px}.v520-form-alert{margin:14px 0 0}
.v520-blood-form-card,.v520-blood-list-card{margin-top:16px;border:1px solid #e1ebe6;border-radius:28px;background:#fff;padding:20px;box-shadow:0 16px 36px rgba(0,70,45,.09)}.v520-blood-form-title{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #e8eeeb}.v520-blood-form-title span,.v520-list-heading span{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#effff7,#e0f8ec);color:#008553;display:grid;place-items:center;font-size:24px}.v520-blood-form-title h2{margin:0;font-size:clamp(21px,5.5vw,27px);font-weight:1000;color:#082f23}.v520-blood-form{display:grid;gap:8px;margin-top:13px}.v520-blood-form label{font-size:15px;font-weight:950;color:#172f26;margin-top:5px}.v520-blood-form label b{color:#b51d2c}.v520-blood-form label span{font-size:12px;color:#71817b;font-weight:700}.v520-field{width:100%;min-height:56px;border:1.5px solid #d7e1dd;border-radius:17px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;box-sizing:border-box;transition:.18s;position:relative}.v520-field:focus-within{border-color:#008553;box-shadow:0 0 0 4px rgba(0,133,83,.09)}.v520-field>i:first-child{flex:0 0 23px;color:#173b2e;font-size:21px}.v520-field input,.v520-field select,.v520-field textarea{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;color:#243c32;font-size:14px;font-weight:650;box-sizing:border-box}.v520-field select{appearance:none;padding-right:26px}.v520-field-end{position:absolute;right:14px;color:#4c5f58!important;font-size:15px!important;pointer-events:none}.v520-date-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v520-textarea-field{min-height:88px;align-items:flex-start;padding:12px 14px}.v520-textarea-field textarea{resize:vertical;line-height:1.5}.v520-blood-submit{margin-top:7px;min-height:58px;border:0;border-radius:19px;background:linear-gradient(135deg,#00a266,#007848);color:#fff;font-size:clamp(18px,5vw,22px);font-weight:1000;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 14px 28px rgba(0,133,83,.21)}
.v520-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.v520-list-heading>div{display:flex;align-items:center;gap:10px}.v520-list-heading h2{margin:0;font-size:clamp(18px,5vw,23px);font-weight:1000}.v520-list-heading>a{font-size:11px;color:#008553;font-weight:950;white-space:nowrap}.v520-blood-request-list{display:grid;gap:11px}.v520-urgent-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #e1ebe6;border-radius:20px;background:linear-gradient(145deg,#fff,#fbfffd);padding:11px;box-shadow:0 8px 20px rgba(0,70,45,.06)}.v520-urgent-card>b{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#ff5365,#d91834);color:#fff;display:grid;place-items:center;font-size:20px}.v520-urgent-card h3{margin:0 0 4px;font-size:16px}.v520-urgent-card p{margin:2px 0;color:#60736b;font-size:11px}.v520-urgent-card a{min-height:40px;padding:0 12px;border-radius:13px;background:#008553;color:#fff;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:950}.v520-empty-list{padding:18px;text-align:center;border-radius:16px;background:#f7fbf9}
@media(max-width:430px){.v520-blood-hero{min-height:137px;padding:17px 14px;grid-template-columns:68px minmax(0,1fr);gap:13px}.v520-blood-hero-icon{width:64px;height:64px}.v520-blood-hero-icon>span{font-size:35px}.v520-blood-hero-icon>b{width:27px;height:27px;border-width:3px}.v520-blood-form-card,.v520-blood-list-card{padding:15px;border-radius:23px}.v520-date-time-grid{grid-template-columns:1fr 1fr;gap:8px}.v520-field{min-height:52px;padding:0 11px}.v520-blood-form label{font-size:13px}.v520-list-heading{align-items:flex-start}.v520-list-heading>a{font-size:9px;margin-top:8px}.v520-urgent-card{grid-template-columns:52px minmax(0,1fr)}.v520-urgent-card>b{width:48px;height:48px}.v520-urgent-card a{grid-column:1/-1;justify-content:center}}
@media(max-width:340px){.v520-date-time-grid{grid-template-columns:1fr}.v520-blood-hero h1{font-size:23px}.v520-blood-hero p{font-size:10px}}

html.su-dark .v520-officer-card,html.su-dark .v520-council-search,html.su-dark .v520-ward-summary,html.su-dark .v520-blood-form-card,html.su-dark .v520-blood-list-card,html.su-dark .v520-field,html.su-dark .v520-urgent-card{background:#10271f;border-color:#24463a;color:#eefbf5}html.su-dark .v520-officer-copy h2,html.su-dark .v520-blood-form-title h2,html.su-dark .v520-list-heading h2,html.su-dark .v520-blood-form label{color:#eefbf5}html.su-dark .v520-field input,html.su-dark .v520-field select,html.su-dark .v520-field textarea,html.su-dark .v520-council-search input{color:#eefbf5}

/* ========================================================================== */
/* Smart Union v5.2.1 — Profile/Auth precision + Vehicle card stability fix  */
/* ========================================================================== */

/* ---- Profile, login and registration: app-like responsive layout ---------- */
.su-minimal-auth{
  min-height:100%;
  background:#f7fcf9!important;
  overflow-x:hidden;
}
.su-minimal-auth .app-shell,
.su-minimal-auth .mobile-frame,
.su-minimal-auth .su-auth-content{
  width:100%;
  min-height:100svh!important;
  max-width:540px;
  margin-inline:auto;
}
.su-minimal-auth .mobile-frame{
  border:0!important;
  box-shadow:0 0 0 1px rgba(0,88,55,.045),0 24px 70px rgba(0,74,46,.08)!important;
  background:linear-gradient(180deg,#fbfffd 0%,#f7fcf9 100%)!important;
}
.su-minimal-auth .su-auth-content{
  padding:0!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 50% 17%,rgba(222,249,236,.72),transparent 34%),
    linear-gradient(180deg,#fbfffd 0%,#f7fcf9 100%)!important;
}
.su-auth-portal{
  width:100%!important;
  max-width:540px!important;
  min-height:100svh!important;
  margin:0 auto!important;
  padding:max(16px,env(safe-area-inset-top)) clamp(18px,5vw,30px) max(24px,env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
}
.su-auth-back{
  position:absolute!important;
  top:max(18px,env(safe-area-inset-top))!important;
  left:clamp(18px,5vw,28px)!important;
  width:52px!important;
  height:52px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  color:#008553!important;
  box-shadow:0 10px 28px rgba(0,104,65,.09)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.su-auth-welcome{
  width:100%!important;
  min-height:calc(100svh - max(40px,env(safe-area-inset-bottom)))!important;
  padding-top:66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
.su-auth-brand-seal{
  flex:0 0 auto!important;
  width:104px!important;
  height:104px!important;
  margin:12px 0 0!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(0,112,70,.13),0 0 0 12px rgba(225,249,237,.68)!important;
}
.su-auth-brand-seal img{
  inset:8px!important;
  width:88px!important;
  height:88px!important;
  object-fit:contain!important;
}
.su-auth-welcome h1{
  margin:28px 0 0!important;
  font-size:clamp(35px,9.6vw,45px)!important;
  line-height:1.06!important;
  letter-spacing:-1px!important;
  color:#073a2a!important;
}
.su-auth-welcome h2{
  margin:13px 0 0!important;
  font-size:clamp(21px,5.8vw,27px)!important;
  line-height:1.25!important;
  color:#1f3029!important;
}
.su-auth-welcome>p{
  margin:7px 0 0!important;
  font-size:clamp(15px,4.4vw,20px)!important;
  line-height:1.3!important;
  color:#6d746f!important;
}
.su-auth-union-scene{
  flex:1 1 auto!important;
  width:min(100%,470px)!important;
  min-height:150px!important;
  max-height:245px!important;
  margin:24px auto 17px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.su-auth-union-scene img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
.su-auth-entry-actions{
  flex:0 0 auto!important;
  width:100%!important;
  margin-top:0!important;
  padding-bottom:2px!important;
  display:grid!important;
  gap:13px!important;
}
.su-auth-entry-actions>a{
  width:100%!important;
  min-height:59px!important;
  padding:10px 18px!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
  font-size:clamp(19px,5.5vw,23px)!important;
  line-height:1.2!important;
}
.su-auth-entry-actions .guest{
  min-height:43px!important;
  font-size:clamp(15px,4.3vw,18px)!important;
}

.su-auth-form-screen{
  width:100%!important;
  min-height:calc(100svh - max(30px,env(safe-area-inset-bottom)))!important;
  padding:58px 0 26px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
}
.su-auth-form-screen>h1{
  flex:0 0 auto!important;
  margin:0 0 17px!important;
  text-align:center!important;
  font-size:clamp(31px,8vw,39px)!important;
  line-height:1.1!important;
  color:#072f24!important;
}
.su-auth-security-art{
  flex:0 0 auto!important;
  width:clamp(155px,43vw,205px)!important;
  height:clamp(145px,40vw,190px)!important;
  margin:0 auto 13px!important;
}
.su-auth-security-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.su-auth-form-screen>h2{
  margin:4px 0 7px!important;
  font-size:clamp(23px,6.2vw,29px)!important;
  line-height:1.25!important;
  color:#092f25!important;
}
.su-auth-form-screen>p{
  margin:0 0 19px!important;
  font-size:clamp(14px,4vw,17px)!important;
  line-height:1.5!important;
  color:#69736f!important;
}
.su-auth-form,
.su-register-form{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:9px!important;
  box-sizing:border-box!important;
}
.su-auth-form label{
  margin-top:6px!important;
  font-size:clamp(14px,4vw,17px)!important;
  line-height:1.25!important;
  color:#12372b!important;
}
.su-auth-input{
  width:100%!important;
  min-width:0!important;
  min-height:60px!important;
  padding:0 15px!important;
  border:1.5px solid #cedbd5!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  overflow:hidden!important;
}
.su-auth-input input,
.su-auth-input select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  font-size:clamp(15px,4.3vw,18px)!important;
  box-sizing:border-box!important;
}
.su-auth-input>i{
  flex:0 0 auto!important;
  font-size:21px!important;
}
.su-auth-input button{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
}
.su-auth-forgot{
  margin:2px 2px 9px!important;
  font-size:clamp(13px,3.8vw,16px)!important;
}
.su-auth-submit{
  width:100%!important;
  height:62px!important;
  margin-top:8px!important;
  border-radius:21px!important;
  font-size:clamp(20px,5.8vw,25px)!important;
}
.su-auth-switch{
  margin:19px 0 0!important;
  font-size:clamp(14px,4vw,17px)!important;
}
.su-auth-two-col{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
}
.su-auth-two-col>div{
  min-width:0!important;
}
.su-register-screen{
  padding-top:58px!important;
}
.su-register-screen>h1{
  margin-bottom:22px!important;
}
.su-register-screen .su-auth-security-art{
  display:none!important;
}
.su-register-screen>h2{
  margin-top:0!important;
  font-size:clamp(22px,6vw,28px)!important;
}
.su-register-screen>p{
  margin-bottom:17px!important;
}
.su-register-form .su-auth-input{
  min-height:57px!important;
}

@media (max-width:600px){
  .su-auth-two-col{grid-template-columns:1fr!important;gap:8px!important}
  .su-register-screen>h1{text-align:left!important;padding-left:52px!important}
}
@media (max-width:390px){
  .su-auth-portal{padding-left:17px!important;padding-right:17px!important}
  .su-auth-back{width:48px!important;height:48px!important;border-radius:17px!important}
  .su-auth-welcome{padding-top:58px!important}
  .su-auth-brand-seal{width:94px!important;height:94px!important}
  .su-auth-brand-seal img{width:78px!important;height:78px!important}
  .su-auth-welcome h1{margin-top:23px!important}
  .su-auth-union-scene{min-height:140px!important;max-height:210px!important;margin-top:20px!important}
  .su-auth-entry-actions>a{min-height:55px!important}
  .su-auth-form-screen{padding-top:54px!important}
  .su-auth-security-art{width:155px!important;height:145px!important}
  .su-auth-input{min-height:56px!important;border-radius:18px!important}
  .su-auth-submit{height:58px!important}
}
@media (max-width:340px){
  .su-auth-portal{padding-left:13px!important;padding-right:13px!important}
  .su-auth-welcome{padding-top:52px!important}
  .su-auth-brand-seal{width:86px!important;height:86px!important}
  .su-auth-brand-seal img{width:70px!important;height:70px!important}
  .su-auth-union-scene{min-height:125px!important;max-height:170px!important}
  .su-auth-entry-actions>a{min-height:52px!important;border-radius:17px!important}
  .su-auth-form-screen{padding-top:50px!important}
  .su-register-screen>h1{padding-left:48px!important}
}
@media (max-height:720px) and (min-width:341px){
  .su-auth-welcome{padding-top:48px!important}
  .su-auth-brand-seal{width:82px!important;height:82px!important;margin-top:5px!important}
  .su-auth-brand-seal img{width:66px!important;height:66px!important}
  .su-auth-welcome h1{margin-top:18px!important}
  .su-auth-welcome h2{margin-top:8px!important}
  .su-auth-union-scene{min-height:105px!important;max-height:135px!important;margin:10px auto 9px!important}
  .su-auth-entry-actions{gap:8px!important}
  .su-auth-entry-actions>a{min-height:50px!important}
  .su-auth-form-screen{padding-top:46px!important}
  .su-auth-security-art{width:125px!important;height:112px!important;margin-bottom:5px!important}
  .su-auth-form-screen>h1{margin-bottom:7px!important}
  .su-auth-form-screen>p{margin-bottom:10px!important}
}

/* ---- Vehicle category cards: prevent narrow coloured strip on Android ------ */
.v519-vehicle-category-grid{
  width:100%!important;
  align-items:stretch!important;
}
.v519-vehicle-category{
  width:100%!important;
  min-width:0!important;
  height:136px!important;
  min-height:136px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(0,105,68,.10)!important;
  border-radius:24px!important;
  box-shadow:0 13px 28px rgba(7,65,45,.11)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.v519-vehicle-category>.v519-category-top{
  flex:1 1 auto!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 5px 8px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 83% 5%,rgba(255,255,255,.28),transparent 38%),
    linear-gradient(145deg,var(--cat-main),var(--cat-deep))!important;
}
.v519-vehicle-category .v519-category-icon{
  flex:0 0 auto!important;
  width:52px!important;
  height:52px!important;
  margin:0!important;
  border-radius:18px!important;
  font-size:29px!important;
}
.v519-vehicle-category .v519-category-top strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1.18!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-shadow:0 1px 4px rgba(0,0,0,.18)!important;
}
.v519-vehicle-category>small{
  flex:0 0 39px!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:100%!important;
  min-height:39px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  color:var(--cat-deep)!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:none!important;
}
.v519-vehicle-category>small::before{
  content:"";
  position:absolute;
  width:56px;
  height:24px;
  border-radius:999px;
  border:1px solid rgba(0,133,83,.18);
  background:rgba(239,250,245,.88);
  z-index:-1;
}
.v519-vehicle-category.is-active{
  border:2px solid #0bb77a!important;
  box-shadow:0 16px 33px rgba(0,133,83,.20),0 0 0 3px rgba(0,178,112,.10)!important;
}
.v519-vehicle-category.is-active>.v519-category-top{
  filter:saturate(1.07) brightness(1.02)!important;
}
.v519-vehicle-category.is-active::before,
.v519-vehicle-category.is-active::after{
  display:none!important;
}

@media (max-width:430px){
  .v519-category-grid{gap:10px!important}
  .v519-vehicle-category{height:126px!important;min-height:126px!important;border-radius:21px!important}
  .v519-vehicle-category>.v519-category-top{padding:8px 3px 6px!important;gap:5px!important}
  .v519-vehicle-category .v519-category-icon{width:46px!important;height:46px!important;border-radius:16px!important;font-size:25px!important}
  .v519-vehicle-category .v519-category-top strong{font-size:12px!important;line-height:1.15!important}
  .v519-vehicle-category>small{flex-basis:35px!important;min-height:35px!important;font-size:11px!important}
}
@media (max-width:350px){
  .v519-category-grid{gap:7px!important}
  .v519-vehicle-category{height:117px!important;min-height:117px!important;border-radius:18px!important}
  .v519-vehicle-category .v519-category-icon{width:41px!important;height:41px!important;border-radius:14px!important;font-size:22px!important}
  .v519-vehicle-category .v519-category-top strong{font-size:10.5px!important}
  .v519-vehicle-category>small{flex-basis:33px!important;min-height:33px!important;font-size:10px!important}
}