#aii-upgrade{position:relative;z-index:1;margin:14px auto 22px;max-width:1040px;padding:20px;border:1px solid #d7e9de;border-radius:22px;background:linear-gradient(130deg,#fff,#f0fbf4);color:#153b2b;box-shadow:0 8px 28px #14532d13;font:inherit}#aii-upgrade *{box-sizing:border-box}#aii-upgrade h2{margin:5px 0;font-size:22px}#aii-upgrade p{margin:7px 0;color:#587064;font-size:13px}#aii-upgrade small{color:#167e4b;font-weight:700;letter-spacing:1px}#aii-upgrade .aii-up-tabs{display:flex;gap:7px;overflow-x:auto;margin:15px 0}#aii-upgrade button{border:0;border-radius:11px;padding:11px 14px;background:#e7f3eb;color:#155c38;cursor:pointer;font-size:13px;font-weight:700;width:auto;box-shadow:none;white-space:nowrap}#aii-upgrade button.on,#aii-upgrade .aii-input-row button,#aii-upgrade #aii-qsave{background:#137e47;color:#fff}#aii-upgrade input:not([type=checkbox]),#aii-upgrade textarea{background:#fff;border:1px solid #cbded2;border-radius:10px;padding:12px;width:100%;font:inherit;box-shadow:none;color:#173b2c}#aii-upgrade label{display:block;margin:9px 0 5px;font-size:13px;font-weight:650}#aii-upgrade .aii-input-row{display:flex;gap:8px}#aii-upgrade .aii-input-row input{flex:1;min-width:0}#aii-upgrade .aii-note{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #dae9de;overflow-wrap:anywhere}#aii-upgrade .aii-check{display:inline-flex;align-items:center;gap:5px;background:white;padding:10px 12px;border-radius:10px;margin:5px;border:1px solid #e1ece4}#aii-upgrade details{padding:12px;border-bottom:1px solid #dbe9df}#aii-upgrade summary{cursor:pointer;font-weight:700}#aii-upgrade details p{white-space:pre-wrap;line-height:1.6}@media(max-width:540px){#aii-upgrade{margin:12px;padding:15px}#aii-upgrade .aii-input-row{flex-direction:column}#aii-upgrade button{min-height:44px}}

/* Islamic shared design: scoped to plugin pages and embedded feature views. */
html.aii-design{--bg:#f5f7fb;--bg1:#f5f7fb;--bg2:#f5f7fb;--card:#fff;--card2:#fff;--panel:#fff;--text:#0f172a;--ink:#0f172a;--muted:#64748b;--line:rgba(2,6,23,.08);--border:rgba(2,6,23,.08);--stroke:rgba(2,6,23,.08);--ring:#d5e8df;--soft:#edf6f0;--brand:#1ea35f;--primary:#1ea35f;--accent:#1ea35f;--accent2:#2acb79;--green:#1ea35f;--green2:#2acb79;--btn:#1ea35f;--btnText:#fff;--shadow:0 10px 30px rgba(2,6,23,.10);--shadow2:0 6px 18px rgba(2,6,23,.08);--radius:20px;--aii-nav-height:104px;background:var(--bg);height:auto;min-height:100%;color-scheme:light}
html.aii-design[data-theme="dark"]{--bg:#0b1220;--bg1:#0b1220;--bg2:#0b1220;--card:#0f1a2c;--card2:#0f1a2c;--panel:#0f1a2c;--text:#e6edf8;--ink:#e6edf8;--muted:#9fb0cc;--border:rgba(226,232,240,.10);--line:rgba(226,232,240,.10);--stroke:rgba(226,232,240,.10);--ring:#274636;--soft:#142438;--shadow:0 12px 34px rgba(0,0,0,.45);--shadow2:0 8px 22px rgba(0,0,0,.38);color-scheme:dark}
body:is(.aii-subpage,.aii-embedded){display:block!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;background:var(--bg)!important;color:var(--text)!important;font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans Bengali","Hind Siliguri",sans-serif!important;text-rendering:optimizeLegibility}
body:is(.aii-subpage,.aii-embedded)::before{display:none!important}
:is(.aii-subpage,.aii-embedded) *{box-sizing:border-box}
.aii-content-root{width:min(900px,calc(100% - 28px));margin:0 auto;padding-bottom:calc(var(--aii-nav-height) + 88px);min-width:0}
:is(.aii-subpage,.aii-embedded) :is(.wrap,.container){width:100%;max-width:900px;margin:0 auto;padding:14px 0;min-width:0}
:is(.aii-subpage,.aii-embedded) .app{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;min-height:0;width:100%}
:is(.aii-subpage,.aii-embedded) :is(header,.header,.appbar,.topbar){position:relative;top:auto;background:transparent!important;backdrop-filter:none;border:0;box-shadow:none;max-width:100%;padding:8px 0;flex-wrap:wrap;color:var(--text)}
:is(.aii-subpage,.aii-embedded) :is(.card,.box,.tafsir-card){background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:var(--shadow2)!important;padding:18px;min-width:0;max-width:100%;transform:none!important;animation:none!important}
:is(.aii-subpage,.aii-embedded) :is(.item,.surah-item,.ayah,.notice,.note,.kpi,.kpiBox,.feature,details.dropdown,.check,.cell,.cal-cell,.checkgrid>*,.tabs,.datebar,.result){background:var(--card)!important;color:var(--text);border-color:var(--border)!important;border-radius:14px;box-shadow:none}
:is(.aii-subpage,.aii-embedded) :is(.tag,.badge,.pill,.chip,.inline-pill){background:var(--soft)!important;color:var(--text)!important;border:1px solid var(--border);box-shadow:none;border-radius:14px}
:is(.aii-subpage,.aii-embedded) :is(h1,h2,h3,h4,.title,.name,.step-title){color:var(--text);line-height:1.4;overflow-wrap:anywhere}
:is(.aii-subpage,.aii-embedded) h1{font-size:23px}:is(.aii-subpage,.aii-embedded) h2{font-size:19px}:is(.aii-subpage,.aii-embedded) h3{font-size:16px}
:is(.aii-subpage,.aii-embedded) :is(.small,.muted,.ref,.meta,.desc,.sub,.subtitle){color:var(--muted)}
:is(.aii-subpage,.aii-embedded) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),:is(.aii-subpage,.aii-embedded) :is(select,textarea){max-width:100%;min-width:0;padding:12px;border:1px solid var(--border)!important;border-radius:12px;background:var(--card)!important;color:var(--text)!important;font:inherit;box-shadow:none!important;min-height:44px}
:is(.aii-subpage,.aii-embedded) input:is([type=checkbox],[type=radio]){width:auto;accent-color:var(--green);box-shadow:none}
:is(.aii-subpage,.aii-embedded) select{appearance:auto}
:is(.aii-subpage,.aii-embedded) :is(button,.btn,.action-btn,.primary-btn){min-height:44px;border:1px solid transparent!important;border-radius:14px!important;padding:11px 16px;background:var(--green)!important;color:#fff!important;font-family:inherit;font-size:14px;font-weight:750;box-shadow:0 6px 18px rgba(30,163,95,.14)!important;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;white-space:normal;line-height:1.5}
:is(.aii-subpage,.aii-embedded) :is(button.secondary,.btn.secondary,.btn.ghost,.chip.ghost,.btn.pad){background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:none!important}
:is(.aii-subpage,.aii-embedded) :is(.tab.active,.tab.on,.seg .active,.surah-item.active){background:var(--soft)!important;color:var(--green)!important;border-color:var(--green)!important}
:is(.aii-subpage,.aii-embedded) :is(button,.btn,input,select,textarea,summary):focus-visible{outline:3px solid #ffd444;outline-offset:3px}
:is(.aii-subpage,.aii-embedded) button:disabled{opacity:.55;cursor:default}
:is(.aii-subpage,.aii-embedded) :is(.row,.actions,.toolbar,.head-actions,.datebar,.topbar-inner){flex-wrap:wrap;max-width:100%;min-width:0}
:is(.aii-subpage,.aii-embedded) :is(.grid,.grid2,.grid3,.grid4,.sumgrid,.kpiGrid){gap:14px;min-width:0}:is(.aii-subpage,.aii-embedded) :is(.grid,.grid2,.grid3,.grid4)>*{min-width:0}
:is(.aii-subpage,.aii-embedded) :is(.hero,.ramadan-hero){border-radius:28px!important;background:radial-gradient(1100px 420px at 20% 10%,rgba(255,212,68,.20),transparent 60%),linear-gradient(120deg,#1ea35f,#158650)!important;color:#fff!important;border:0!important;box-shadow:var(--shadow)!important}
:is(.aii-subpage,.aii-embedded) :is(.hero,.ramadan-hero) :is(h1,h2,h3,.title,.sub,.heroTitle,.heroSub,.ramadan-hero-title,.ramadan-hero-sub){color:#fff!important}
:is(.aii-subpage,.aii-embedded) :is(.float-home,.home-fab,.home-wrap,.homebtn,.backHome,.back-home,.footerbar){display:none!important}
.aii-page-top{width:min(900px,calc(100% - 28px));margin:20px auto 14px;display:flex;gap:10px;align-items:center;color:var(--text)}
.aii-page-top a{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:12px 16px;text-decoration:none;box-shadow:var(--shadow2);font-size:14px;font-weight:800;flex:1}
.aii-page-top button{width:44px!important;padding:8px!important;background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:none!important}
.aii-page-hero{padding:22px 24px;margin:0 0 18px;border-radius:28px;background:radial-gradient(1000px 400px at 20% 10%,rgba(255,212,68,.2),transparent 60%),linear-gradient(120deg,#1ea35f,#158650);color:#fff;box-shadow:var(--shadow)}
.aii-page-hero h1{color:#ffd444!important;margin:4px 0 8px;font-size:28px!important}.aii-page-hero p{margin:0;opacity:.94;font-size:14px}.aii-page-hero small{opacity:.9}
.aii-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:color-mix(in srgb,var(--card) 90%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:10px 12px calc(10px + max(env(safe-area-inset-bottom),10px));display:flex;justify-content:center}
.aii-nav-shell{width:min(900px,100%);display:flex;gap:10px}.aii-bottom-nav :is(a,button){flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px!important;background:transparent!important;color:var(--muted)!important;text-decoration:none;border:0!important;border-radius:16px!important;font-size:11px;font-weight:900;box-shadow:none!important;line-height:1.4;width:auto!important;margin:0!important}
.aii-bottom-nav span{width:30px;height:30px;border-radius:14px;display:grid;place-items:center;background:var(--soft);border:1px solid var(--border);font-size:16px}.aii-bottom-nav [aria-current=page]{background:var(--soft)!important;color:var(--text)!important}
.aii-menu-dialog{position:fixed;inset:0;width:min(430px,calc(100% - 28px));max-height:82dvh;margin:auto;padding:18px;border-radius:28px;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:var(--shadow);z-index:2147483100}.aii-menu-dialog::backdrop{background:rgba(2,6,23,.55)}.aii-menu-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.aii-menu-dialog header button{width:44px!important}.aii-menu-dialog a{display:block;padding:12px;margin:8px 0;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);text-decoration:none;font-weight:650}.aii-menu-dialog a[aria-current=page]{background:var(--soft);border-color:var(--green)}
.aii-subpage .tabbar{position:relative!important;bottom:auto!important;max-width:100%;margin:14px 0 0!important;border:1px solid var(--border)!important;border-radius:20px!important;background:var(--card)!important;box-shadow:var(--shadow2)!important}.aii-subpage .tabbar button{background:transparent!important;color:var(--text)!important}.aii-subpage .tabbar button.active{background:var(--soft)!important;color:var(--green)!important}
.aii-subpage #aii-launch{bottom:calc(var(--aii-nav-height) + 14px)!important;right:20px!important;z-index:100001!important;width:auto!important;margin:0!important;border-radius:30px!important}.aii-subpage #aii-panel{bottom:calc(var(--aii-nav-height) + 78px)!important;height:min(580px,calc(100dvh - var(--aii-nav-height) - 100px))!important;background:var(--card)!important;color:var(--text)!important;z-index:100001!important}.aii-subpage #aii-messages p{background:var(--soft)!important}.aii-subpage #aii-form input{width:auto}
body.aii-embedded{background:transparent!important}.aii-embedded .container{padding:0 0 12px!important}.aii-embedded .page{padding:0!important}.aii-embedded .compass{background:var(--soft);border-color:var(--green)}.aii-embedded .north{color:var(--text)}
#legacyWrap.aii-feature-wrap{padding:0;border:0;background:transparent;box-shadow:none;margin-top:4px}#legacyWrap.aii-feature-wrap iframe{width:100%;display:block;min-height:300px;border:0;background:transparent}
.aii-subpage[data-aii-route="more/masjid_finder"] main.grid{margin-top:12px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.aii-subpage #map{border-radius:20px;overflow:hidden;border:1px solid var(--border)}.aii-subpage .leaflet-control{font-family:inherit}.aii-subpage .leaflet-control a{background:#fff;color:#0f172a}
.aii-subpage[data-aii-route="more/missed_prayer"] .aii-content-root>.card{max-width:100%;margin-bottom:18px}
@media(max-width:720px){:is(.aii-subpage,.aii-embedded) :is(.grid2,.grid3,.grid4,.sumgrid){grid-template-columns:minmax(0,1fr)!important}:is(.aii-subpage,.aii-embedded) .checkgrid{grid-template-columns:repeat(3,minmax(0,1fr))}:is(.aii-subpage,.aii-embedded) .actions{gap:8px}:is(.aii-subpage,.aii-embedded) .actions>*{flex:1 1 auto;min-width:0}:is(.aii-subpage,.aii-embedded) :is(.card,.box,.tafsir-card){padding:15px}.aii-page-hero{padding:20px 18px}.aii-page-hero h1{font-size:25px!important}.aii-subpage[data-aii-route="more/masjid_finder"] main.grid{grid-template-columns:minmax(0,1fr)!important}.aii-subpage #map{height:340px}.aii-subpage .circle{width:min(260px,100%);height:auto;aspect-ratio:1}.aii-menu-dialog{max-height:80dvh}.aii-subpage .toolbar{display:flex!important;gap:8px}.aii-subpage .toolbar>*{flex:1 1 100%;min-width:0}.aii-subpage .cal-cell{min-width:0;padding:4px;font-size:12px}.aii-subpage .cal-grid{gap:4px}}
@media(prefers-reduced-motion:reduce){:is(.aii-subpage,.aii-embedded) *{animation:none!important;transition:none!important}}

.aii-subpage .aii-page-top button{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:none!important}.aii-subpage .aii-bottom-nav button{background:transparent!important;color:var(--muted)!important;box-shadow:none!important}.aii-subpage .appbar .actions{display:flex;align-items:center;gap:8px}.aii-subpage .appbar .actions button,.aii-subpage .appbar .actions select{width:auto;min-width:0;margin:0}.aii-subpage .appbar .actions select{min-width:100px}.aii-subpage h2.subtitle{color:var(--text);font-size:19px}.aii-subpage :is(.panel,.modal,.modal-body,.modal-head,.modal-foot,.jam,.sumgrid .card){background:var(--card)!important;color:var(--text);border-color:var(--border)}.aii-subpage .panel:not(.active){color:var(--text)}.aii-subpage dialog{background:var(--card);color:var(--text)}

:is(.aii-subpage,.aii-embedded) .acts{flex-wrap:wrap;max-width:100%;min-width:0;gap:8px}:is(.aii-subpage,.aii-embedded) .acts button{flex-shrink:0}.aii-subpage[data-aii-route="tracker/tracker"] .left{min-width:0;max-width:100%}.aii-subpage[data-aii-route="tracker/tracker"] .name{overflow-wrap:anywhere}.aii-subpage .aii-content-root :is(header,.header) :is(h1,.title,.brand>.logo,.homebtn){display:none}.aii-subpage .aii-content-root .appbar .title{display:none}

:is(.aii-subpage,.aii-embedded) :is(.guide-head,.tips,.event,.date-badge,.switch,.drop,.empty){background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:none}:is(.aii-subpage,.aii-embedded) :is(.date-day,.date-month){color:var(--text)!important}.aii-subpage .hero :is(.small,.muted,.note,.row){color:#fff!important}.aii-subpage #map{background:var(--soft)!important}.aii-subpage [hidden]{display:none!important}

/* Islamic mobile navigation and prayer summary */
body:has(#premiumHome) .bottomNav,body.aii-subpage .aii-bottom-nav{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line,#e3ebe6);box-shadow:0 -5px 22px #0f332b08;background:var(--card,#fff);backdrop-filter:blur(20px)}
body:has(#premiumHome) .navShell,body.aii-subpage .aii-nav-shell{gap:5px;align-items:center}
body:has(#premiumHome) .navItem,body.aii-subpage .aii-bottom-nav a,body.aii-subpage .aii-bottom-nav button{min-width:0;min-height:52px;padding:5px 3px;gap:3px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;border-radius:14px}
body:has(#premiumHome) .navItem .nicon,body.aii-subpage .aii-bottom-nav span{width:28px;height:28px;border:0;background:transparent;font-size:19px;border-radius:9px}
body:has(#premiumHome) .navItem.active{color:#117a45;background:#1ea35f12;box-shadow:inset 0 2px 0 #1ea35f}
body:has(#premiumHome) #aii-launch,body.aii-subpage #aii-launch{right:14px;padding:10px 15px;font-size:12px;line-height:1.3;border-radius:22px;box-shadow:0 5px 18px #064e3b25;bottom:calc(var(--footer-height,var(--aii-nav-height,76px)) + 10px)}
body:has(#premiumHome) #aii-panel{bottom:calc(var(--footer-height,76px) + 56px)}
#iftarChip{width:100%;max-width:350px;border-radius:16px;display:flex;align-items:center;gap:10px;padding:12px 14px;margin-top:14px;text-align:left}
#iftarChip svg{width:22px;height:22px;flex-shrink:0;opacity:.85}
#iftarChip .next-prayer-meta,#iftarChip .next-prayer-remain{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
#iftarChip small{font-size:10px;font-weight:500;opacity:.85;line-height:1.3}
#iftarChip b{font-size:14px;line-height:1.4}
#iftarChip .next-prayer-remain{margin-left:auto;padding-left:12px;border-left:1px solid #ffffff40}
#jummahBadge{font-size:11px;line-height:1.5;background:#ffffff20;border:1px solid #ffffff30;border-radius:9px;padding:5px 9px;margin:8px 0;max-width:fit-content}
#jummahBadge[hidden]{display:none!important}
@media(max-width:600px){
body:has(#premiumHome) .hero{padding:20px 18px;border-radius:26px}
body:has(#premiumHome) .heroRow{position:relative;display:block}
body:has(#premiumHome) .heroInfo{width:100%}
body:has(#premiumHome) .heroInfo>.ramadan,body:has(#premiumHome) .heroInfo>#dateLine{max-width:calc(100% - 94px)}
body:has(#premiumHome) .heroInfo>.ramadan{font-size:13px}
body:has(#premiumHome) .heroInfo>#dateLine{font-size:11px}
body:has(#premiumHome) .heroInfo>.title{font-size:36px;margin:5px 0 8px}
body:has(#premiumHome) .ring{position:absolute;right:-3px;top:36px;width:94px;height:94px}
body:has(#premiumHome) .ring .center{font-size:12px}
body:has(#premiumHome) #prayerStatus{font-size:11px;padding-top:8px}
body:has(#premiumHome) .pill .meta b{font-size:13px}
body:has(#premiumHome) .pill .meta small{font-size:10px}
body:has(#premiumHome) #locSelect{font-size:12px;width:78px;padding:8px 3px}
body:has(#premiumHome) .topbar{gap:8px}
body:has(#premiumHome) .topbar .iconbtn{width:36px;height:40px;flex-shrink:0}
body:has(#premiumHome) .pill{padding:10px 12px;gap:8px}
}

@media(max-width:600px){body:has(#premiumHome) .ring svg{width:100%;height:100%}body:has(#premiumHome) .ring{right:0;top:49px}}