/* IlmHub admin core screens (builder G): dashboard (a02), site setup wizard (a03), prayer settings & widget (a12),
   languages (a13), reports (a14), settings (a15). Loaded after admin-kit.css. Colours only through theme variables;
   phones: no clipping, controls >= 36 px, tables scroll inside their card. */

/* the design's switches: navy track, gold knob (admin-kit draws them green) */
input.sw:checked{background:var(--ink)}input.sw:checked::after{background:var(--gold)}

/* ---------- shared bits ---------- */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.form-grid>*{min-width:0}.form-grid>.full{grid-column:1/-1}
.gsec{font:800 11px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--cu2);margin:2px 0 12px;display:flex;align-items:center;gap:10px}
.gsec::after{content:"";flex:1;height:1px;background:var(--ln)}
.g-hint{font:400 12px/1.5 var(--font-body);color:var(--mu);margin-top:8px}
.g-tb{border:1px solid var(--ln);border-radius:12px}
.tbl.cmp th{padding:9px 12px}.tbl.cmp td{padding:9px 12px;font-size:12.5px}
.tbl td .sub{display:block;font-size:11.5px;color:var(--mu)}
.ip.ro{background:var(--sand);border-style:dashed;height:46px}.ip.ro span{flex:1;min-width:0}
.lnk2{margin-left:auto;font:700 12px var(--font-body);color:var(--ink);border-bottom:2px solid var(--cu);white-space:nowrap}
.g-tg{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border:1.5px solid var(--ln);border-radius:12px;background:#fff;cursor:pointer;min-width:0}
.g-tg>div{min-width:0}.g-tg b{display:block;font:600 13.5px var(--font-body);color:var(--tx)}.g-tg small{display:block;font:500 11.5px/1.4 var(--font-body);color:var(--mu);margin-top:1px}
.g-tg.ro{cursor:default}
.g-stp{display:inline-flex;align-items:center;border:1.5px solid var(--ln);border-radius:10px;overflow:hidden;flex:0 0 auto;background:#fff}
.g-stp button{width:34px;height:36px;display:grid;place-items:center;color:var(--ink);background:#fff;border:0;cursor:pointer;padding:0}.g-stp button .ic{width:14px;height:14px}
.g-stp input{width:50px;height:36px;text-align:center;font:700 14px var(--font-heading);color:var(--ink);border:0;border-left:1.5px solid var(--ln);border-right:1.5px solid var(--ln);background:var(--sand);outline:0;-moz-appearance:textfield;padding:0}
.g-stp input::-webkit-outer-spin-button,.g-stp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.g-code{background:var(--ink2);color:#C5CEE8;border-radius:12px;padding:14px 16px;font:500 12px/1.7 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all;margin:0;min-height:80px}
.g-save{position:sticky;bottom:16px;z-index:20;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:10px 10px 10px 18px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 40px -24px rgba(10,31,85,.45)}
.g-save .ic{width:16px;height:16px}.g-save b{color:var(--ink)}.g-save.dirty [data-dirty-text]{color:var(--tx)}
.gnav{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:2px}
.gnav a{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border-radius:10px;font:600 13px var(--font-body);color:var(--tx)}
.gnav a .ic{width:16px;height:16px;color:var(--mu)}.gnav a:hover{background:var(--sand)}
.gnav a.on{background:var(--ink);color:#fff}.gnav a.on .ic{color:var(--gold)}
.gnav h6{margin:10px 12px 4px;font:700 10.5px var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.g-tr{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--ln);font:500 13px var(--font-body);color:var(--mu)}
.g-tr:last-of-type{border:none}.g-tr b{font:700 13.5px var(--font-body);color:var(--ink)}.g-tr.on,.g-tr.on b{color:var(--cu2)}
.g-stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.g-stat div{background:var(--sand);border-radius:12px;padding:10px 12px;min-width:0}.g-stat b{display:block;font:800 18px/1.2 var(--font-heading);color:var(--ink)}.g-stat small{display:block;font:600 11px/1.3 var(--font-body);color:var(--mu)}
.g-hosts{margin-top:10px;border:1px solid var(--ln);border-radius:12px;padding:4px 12px}
.g-hosts div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--ln);font:500 12.5px var(--font-body)}.g-hosts div:last-child{border:none}.g-hosts b{color:var(--ink)}
.tabs label{display:block}.tabs label span{height:34px;padding:0 14px;border-radius:9px;font:600 13px/34px var(--font-body);color:var(--mu);display:block;white-space:nowrap;cursor:pointer}
.tabs label input:checked+span{background:#fff;color:var(--ink);box-shadow:0 2px 8px -3px rgba(18,53,138,.25)}
.tabs label input:focus-visible+span{outline:2px solid var(--ink3)}

/* ---------- prayer settings (a12) ---------- */
.pr-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
.pr-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}.pr-side .phd .lbl{font-size:10.5px}
.pr-side .note{margin:0}
.pr-form{display:flex;flex-direction:column;gap:20px;min-width:0}.pr-form>.panel{scroll-margin-top:90px}
.pr-mh{display:grid;grid-template-columns:minmax(0,1fr) 54px 54px minmax(0,1fr) 54px 54px;gap:0 12px;padding:0 14px 6px;font:700 10.5px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.pr-mh span:nth-child(3n+2),.pr-mh span:nth-child(3n){text-align:center}
.pr-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.pr-m{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px solid var(--ln);border-radius:12px;font:600 13px var(--font-body);color:var(--tx);background:#fff;cursor:pointer;min-width:0;min-height:48px}
.pr-m>div{flex:1;min-width:0}.pr-m b{font-weight:600;overflow-wrap:anywhere}
.pr-m .ang{width:54px;text-align:center;font:600 12.5px var(--font-body);color:var(--mu);flex:0 0 auto}
.pr-m:has(input:checked){border-color:var(--ink);background:#F3F6FC}.pr-m:has(input:checked) .ang{color:var(--ink);font-weight:700}
.pr-m:has(input:focus-visible){outline:2px solid var(--ink3);outline-offset:2px}
.pr-adj{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--ln);border-radius:12px;padding:10px 12px;background:#fff;min-width:0}
.pr-adj b{display:block;font:700 13.5px var(--font-body);color:var(--tx)}.pr-adj small{display:block;font:500 11.5px var(--font-body);color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-adj.on{border-color:var(--ink);background:#F3F6FC}
.pr-snd{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--ln);border-radius:12px;padding:12px 14px;min-width:0}
.pr-snd b{display:block;font:600 13.5px var(--font-body);color:var(--tx)}.pr-snd small{display:block;font:500 12px/1.45 var(--font-body);color:var(--mu)}.pr-snd audio{width:100%;height:36px;margin-top:6px}
.pr-upl{min-height:0;cursor:pointer;padding:12px}.pr-upl b{font:600 13px var(--font-body);color:var(--ink)}
.pr-t{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:32px;border:1.5px solid var(--ln);border-radius:9px;font:600 12.5px var(--font-body);color:var(--tx);padding:0 8px;white-space:nowrap}
.pr-pad{padding:0 18px 14px}
.pr-wg{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}.pr-wg>*{min-width:0}
.pr-wgr{display:flex;flex-direction:column}
.pr-pv{background:var(--sand)}.pr-pv iframe{width:100%;height:420px;border:0;border-radius:16px;display:block}

/* ---------- site setup wizard (a03) ---------- */
.su-top{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:14px 18px;flex-wrap:wrap}
.su-top .stp .ln{width:56px;margin:0 14px}.su-top .stp .st i .ic{width:14px;height:14px}.su-top .stp a.st:hover{color:var(--ink)}
.su-meta{flex-wrap:wrap}
.su-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}
.su-form .pb{padding:18px 18px 8px}
.su-foot{display:flex;align-items:center;gap:12px;padding:16px 18px 18px;border-top:1px solid var(--ln);margin-top:10px;flex-wrap:wrap}.su-foot p{flex:1;min-width:160px}
.su-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:90px}
.ip select{appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2366708A' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0 center;padding-right:20px;cursor:pointer}
.fld>label.ck{font:500 12px/1.4 var(--font-body);text-transform:none;letter-spacing:0;color:var(--mu)}
.ip .su-plus{color:var(--mu);font-weight:700}
.su-mapbtn{background:none;border:0;border-bottom:2px solid var(--cu);padding:0;cursor:pointer;border-radius:0}
.su-map{height:150px;border-radius:12px;overflow:hidden;border:1px solid var(--ln);position:relative;background:var(--sand) var(--patd);z-index:0}
.su-maptag{position:absolute;left:12px;top:10px;z-index:500;background:#fff;border-radius:8px;padding:4px 9px;font:700 11px var(--font-body);color:var(--ink);display:flex;align-items:center;gap:5px;box-shadow:0 4px 12px -6px rgba(0,0,0,.3);max-width:calc(100% - 24px)}
.su-maptag .ic{width:12px;height:12px;color:var(--cu2)}
.su-langs{border:1px solid var(--ln);border-radius:12px;padding:0 14px}
.su-lr{display:flex;align-items:center;gap:12px;min-height:46px;border-bottom:1px solid var(--ln);font:600 13.5px var(--font-body);color:var(--tx)}.su-lr:last-child{border:none}
.su-lr .nm{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden}.su-lr .nm b{font-weight:600}.su-lr .nm b.ar{font-size:17px;direction:rtl}.su-lr .nm small{font:500 12px var(--font-body);color:var(--mu)}
.su-lr.off .nm b{color:var(--mu)}.su-lr .lbl.su-rtl{background:var(--ink);color:#fff}
.su-def{display:flex;align-items:center;gap:6px;font:600 11.5px var(--font-body);color:var(--mu);cursor:pointer;flex:0 0 auto}.su-def input{width:18px;height:18px;accent-color:var(--ink);margin:0}
.su-hj .opt{padding:12px 14px}.su-hj .opt small{font-size:11.5px}
.su-today{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.su-today div{background:var(--sand);border-radius:12px;padding:10px 6px;text-align:center;min-width:0}.su-today small{display:block;font:600 11px var(--font-body);color:var(--mu)}.su-today b{display:block;font:700 17px var(--font-heading);color:var(--ink)}
.su-today div.on{background:var(--cu)}.su-today div.on small,.su-today div.on b{color:var(--onacc)}
.su-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.su-pre{display:flex;align-items:center;gap:10px;border:1.5px solid var(--ln);border-radius:12px;padding:10px 12px;cursor:pointer;min-width:0;font:600 13px var(--font-body)}
.su-pre b{font-weight:600;min-width:0;overflow-wrap:anywhere}.su-pre:has(input:checked){border-color:var(--ink);background:#F3F6FC}
.sw2{display:flex;flex:0 0 auto}.sw2 i{width:20px;height:28px;display:block}.sw2 i:first-child{border-radius:7px 0 0 7px}.sw2 i:last-child{border-radius:0 7px 7px 0;border:1px solid var(--ln);border-left:0}
.su-sum{margin:0;border:1px solid var(--ln);border-radius:12px;padding:0 14px}
.su-sum div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--ln);font-size:13px}.su-sum div:last-child{border:none}
.su-sum dt{color:var(--mu)}.su-sum dd{margin:0;font-weight:600;color:var(--tx);overflow-wrap:anywhere}
.gsec .su-edit{letter-spacing:0;text-transform:none;order:3}
.su-ph{border-radius:22px;overflow:hidden;border:1px solid var(--ln);box-shadow:0 20px 40px -28px rgba(10,31,85,.5);background:#fff}
.su-tb{background:var(--ink2);color:#C5CEE8;font:500 10.5px var(--font-body);padding:7px 12px;display:flex;justify-content:space-between;gap:8px}
.su-tb>span{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;min-width:0}.su-tb .ic{width:12px;height:12px;color:var(--gold);flex:0 0 auto}.su-tb b{color:#fff}
.su-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--ln)}
.su-hd .logo{gap:7px;min-width:0}.su-hd .logo .lm,.su-hd .logo .lm svg{width:28px;height:28px}.su-hd .logo b{font-size:15px}.su-hd .logo small{font-size:8px}.su-hd .logo img.full{height:28px}
.su-lg{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.su-lg span{font:600 10.5px var(--font-body);color:var(--mu);padding:3px 8px;border-radius:999px}.su-lg span.on{background:var(--ink);color:#fff}
.su-hero{background:var(--ink) var(--pat);color:#fff;padding:16px}
.su-hero .kick{color:var(--gold);font-size:9.5px;margin-bottom:6px;letter-spacing:.12em}.su-hero h3{color:#fff;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
.su-np{margin-top:12px;background:#fff;color:var(--tx);border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:10px}
.su-np b{display:block;font:700 16px/1.1 var(--font-heading);color:var(--ink)}.su-np small{font:700 9.5px var(--font-body);letter-spacing:.08em;color:var(--mu)}
.su-pt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:10px}
.su-pt span{text-align:center;font:600 10px var(--font-body);color:#C5CEE8;background:rgba(255,255,255,.08);border-radius:8px;padding:5px 2px;min-width:0;overflow:hidden}.su-pt b{display:block;color:#fff;font-size:11.5px}
.su-pt span.on{background:var(--cu);color:var(--onacc)}.su-pt span.on b{color:var(--onacc)}
.su-strip{padding:9px 12px;display:flex;justify-content:space-between;gap:8px;font:600 11px var(--font-body);color:var(--ink)}
.su-strip>span{display:flex;align-items:center;gap:4px;white-space:nowrap;min-width:0;overflow:hidden}.su-strip .ic{width:12px;height:12px;color:var(--cu2);flex:0 0 auto}
.su-ph[dir=rtl] .su-hero h3{font-family:var(--font-arabic)}
.su-wc>div{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--ln)}.su-wc>div:first-child{padding-top:0}.su-wc>div:last-child{border:none;padding-bottom:0}
.su-wc b{display:block;font:600 13px var(--font-body);color:var(--tx)}.su-wc small{display:block;color:var(--mu);font-size:12px;line-height:1.45}.su-wc .ico{width:32px;height:32px;border-radius:9px}.su-wc .ico .ic{width:15px;height:15px}
.su-upl{min-height:96px;cursor:pointer}.su-upl b{font:600 13px var(--font-body);color:var(--ink)}
@media (max-width:1280px){.su-grid{grid-template-columns:minmax(0,1fr) 360px}.su-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.su-grid{grid-template-columns:minmax(0,1fr)}.su-side{position:static}}
@media (max-width:760px){
  .su-top{padding:12px}.su-top .stp{flex-wrap:nowrap;width:100%}.su-top .stp .ln{width:auto;flex:1;margin:0 6px;min-width:8px}.su-top .stp .st .su-sl{display:none}.su-top .stp .st.now .su-sl{display:inline}
  .su-today{grid-template-columns:repeat(3,minmax(0,1fr))}.su-presets{grid-template-columns:minmax(0,1fr)}
  .su-sum div{grid-template-columns:minmax(0,1fr);gap:2px}
  .su-lr{gap:8px}.su-lr .nm{flex-direction:column;align-items:flex-start;gap:0}.su-lr .lbl{display:none}
  .su-foot .btn{width:100%}
}

/* ---------- dashboard (a02) ---------- */
a.kpi.g-lk{transition:border-color .2s,box-shadow .2s}a.kpi.g-lk:hover{border-color:color-mix(in srgb,var(--ink) 30%,var(--ln));box-shadow:var(--sh1)}
.kpi em{overflow-wrap:anywhere}
.g-chart{width:100%;height:auto;display:block;font-family:var(--font-body)}.g-chart .gl{stroke:var(--ln);stroke-width:1}.g-chart .ax{fill:var(--mu);font-size:10.5px}
.g-donut .dv{font:800 19px var(--font-heading);fill:var(--ink)}.g-donut .ds{font:600 7.5px var(--font-body);fill:var(--mu)}
.ds-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:20px;align-items:start}
.ds-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.ds-sum{display:flex;gap:18px;margin-top:10px;font:500 12px var(--font-body);color:var(--mu);flex-wrap:wrap}.ds-sum b{color:var(--ink);font-weight:700}.ds-sum .ds-peak{margin-left:auto}
.ds-donut{display:flex;align-items:center;gap:28px}.ds-donut .g-donut{flex:0 0 auto}
.ds-lg{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.ds-lg div{display:flex;align-items:center;gap:9px;font:500 12.5px var(--font-body);color:var(--tx)}.ds-lg i{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.ds-lg span{flex:1;min-width:0}.ds-lg b{font-weight:500;color:var(--mu)}
.ds-it{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--ln);font:500 13px var(--font-body)}.ds-it:first-child{padding-top:0}.ds-it:last-child{border:none;padding-bottom:0}
.ds-it b{display:block;font-weight:600;color:var(--tx);overflow-wrap:anywhere}.ds-it small{display:block;font:500 11.5px var(--font-body);color:var(--mu);overflow-wrap:anywhere}
.ds-bar{margin-bottom:8px;height:8px}
.ds-chk{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--ln);font:500 13px var(--font-body)}.ds-chk:last-child{border:none;padding-bottom:0}
.ds-chk .t{flex:1;min-width:0;overflow-wrap:anywhere}.ds-chk.done .t{color:var(--mu)}
.avi.sm,.av.sm{width:32px;height:32px;font-size:11.5px}
.ds-t td{white-space:nowrap}.ds-t th,.ds-t td{padding-left:9px;padding-right:9px}.ds-t th:first-child,.ds-t td:first-child{padding-left:14px}.ds-t .ell{max-width:126px}
.ds-bot{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:20px;align-items:stretch}
.ds-ps{background:var(--ink) var(--pat);color:#fff;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.ds-ps .t{font:700 15px var(--font-heading)}.ds-sub{font:400 12px var(--font-body);color:#C5CEE8;margin-top:2px}
.ds-ps .pill .ic{width:12px;height:12px}
.ds-tm{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ds-tm div{background:rgba(255,255,255,.08);border-radius:12px;padding:10px 6px;text-align:center;min-width:0}
.ds-tm small{display:block;font:600 11px var(--font-body);color:#C5CEE8}.ds-tm b{display:block;font:700 19px var(--font-heading);margin-top:2px;white-space:nowrap}
.ds-tm div.on{background:var(--cu);color:var(--onacc)}.ds-tm div.on small{color:var(--onacc)}
.ds-iq{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font:500 11.5px var(--font-body);color:#C5CEE8}
.ds-iq span{background:rgba(255,255,255,.08);border-radius:8px;padding:4px 7px;white-space:nowrap}.ds-iq span b{color:#fff;margin-left:4px}
.ds-iq .lb{background:none;padding:0;color:var(--gold);font-weight:700;white-space:normal}.ds-iq .pl{background:none;padding:0;display:inline-flex;align-items:center;gap:6px}.ds-iq .pl .ic{color:var(--gold);width:14px;height:14px}
.ds-pf{display:flex;align-items:center;gap:8px 16px;font:500 12.5px var(--font-body);color:#C5CEE8;margin-top:auto;flex-wrap:wrap}.ds-pf b{color:#fff;font-weight:700}.ds-pf .ic{width:14px;height:14px;color:var(--gold)}.ds-pf .btn{margin-left:auto}.ds-pf span{display:inline-flex;align-items:center;gap:6px}
.ds-hl{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:9px 0;border-bottom:1px solid var(--ln);font:500 13px var(--font-body)}.ds-hl:first-child{padding-top:0}.ds-hl:last-child{border:none;padding-bottom:0}
.ds-hl>span:first-child{color:var(--tx);font-weight:600}.ds-hl .bar{grid-column:2}.ds-hl>b,.ds-hl>.pill{grid-column:3;justify-self:end;color:var(--ink)}
.ds-hl small{grid-column:2/4;text-align:right;color:var(--mu);font-size:11.5px}
.ds-hl:not(:has(.bar)) small{grid-column:2}.ds-hl:not(:has(.bar)) small{grid-row:1;text-align:right}
@media (max-width:1280px){.ds-grid,.ds-bot{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .ds-donut{flex-direction:column;align-items:stretch}.ds-donut .g-donut{align-self:center}
  .ds-tm{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-pf .btn{margin-left:0;width:100%}.ds-sum .ds-peak{margin-left:0}
  .ds-hl{grid-template-columns:minmax(0,1fr) auto}.ds-hl .bar{grid-column:1/3;grid-row:2}.ds-hl>b,.ds-hl>.pill{grid-column:2;grid-row:1}.ds-hl small,.ds-hl:not(:has(.bar)) small{grid-column:1/3;grid-row:auto;text-align:left}
  .ds-two{grid-template-columns:minmax(0,1fr)}
}

/* ---------- reports (a14) ---------- */
.rp-g{display:grid;gap:20px}.rp-g>*{min-width:0}.rp-g.a{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.rp-g.b{grid-template-columns:repeat(2,minmax(0,1fr))}
.rp-lgd{justify-content:center;margin-top:8px}.rp-c{text-align:center}
.rp-pb{display:flex;align-items:center;gap:8px;font:600 11.5px var(--font-body);color:var(--mu);white-space:nowrap}.rp-pb .bar{flex:1;min-width:54px;height:6px}.rp-sh{height:6px;min-width:60px}
.rp-t{max-width:260px}.rp-t .ell{display:block}
tr.rp-off td{opacity:.6}
@media (max-width:1280px){.rp-g.a,.rp-g.b{grid-template-columns:minmax(0,1fr)}}

/* ---------- settings (a15) ---------- */
.set-wrap{grid-template-columns:250px minmax(0,1fr)}
.st-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:86px}
.st-side .g-tr b{max-width:150px;text-align:right}
.set-form .scard{scroll-margin-top:90px}
.st-last{display:inline-flex;flex-direction:column;border:1.5px solid var(--ln);border-radius:12px;padding:10px 14px}.st-last small{font:700 10.5px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}.st-last b{font:700 16px var(--font-heading);color:var(--ink)}
@media (max-width:1100px){.set-wrap{grid-template-columns:minmax(0,1fr)}.st-side{position:static}.st-side .gnav{flex-direction:row;overflow-x:auto;scrollbar-width:none}.st-side .gnav a{white-space:nowrap;flex:none}.st-side .gnav h6{display:none}}

/* ---------- languages (a13) ---------- */
.lg-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start}
.lg-t td b.lg-ar{font-size:18px;font-weight:700;display:block;text-align:left}
.lg-pb{min-width:120px}.lg-t td .sub{white-space:nowrap}.lg-t .acts{gap:5px}.lg-pb b{color:var(--ink);font-weight:700;width:36px;text-align:right}
.lg-sw{appearance:none;width:44px;height:26px;border-radius:999px;background:#D6D9E3;position:relative;border:0;padding:0;cursor:pointer;display:inline-block;flex:none;vertical-align:middle}
.lg-sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .2s}
.lg-sw.on{background:var(--ink)}.lg-sw.on::after{left:21px;background:var(--gold)}.lg-sw.is-def{opacity:.55;cursor:not-allowed}
.lg-ed td{vertical-align:top}.lg-ed .lg-src{width:40%;font:500 13px/1.5 var(--font-body);color:var(--tx);padding-top:14px}.lg-ed textarea.in{min-height:42px;height:auto;padding:9px 12px;font-size:13.5px}.lg-ed td:last-child{padding-top:14px;width:110px}
.lg-rtl .su-hero h3{font-size:22px}.lg-rtl .su-lg span{font-size:13px;color:var(--ink)}
@media (max-width:1280px){.lg-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- staff sign-in (a01) ---------- */
body[data-slog]{margin:0;min-height:100vh;background:radial-gradient(800px 500px at 50% 40%,var(--ink3),transparent 70%),var(--ink) var(--pat);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 16px 90px;position:relative;overflow-x:hidden}
.slog-back{position:absolute;left:28px;top:20px;display:inline-flex;align-items:center;gap:8px;font:600 13px var(--font-body);color:#fff}.slog-back .ic{width:16px;height:16px;color:var(--gold)}
.slog-main{width:100%;display:flex;flex-direction:column;align-items:center}
.slog-card{width:min(446px,100%);background:#fff;border-radius:28px;padding:36px;box-shadow:0 40px 80px -30px rgba(0,0,0,.55);position:relative;z-index:2}
.slog-card>.logo{margin-bottom:24px}.slog-card h1{font-size:28px}.slog-card .lead{color:var(--mu);font-size:14px;margin:8px 0 22px}
.slog-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.slog-deco span{position:absolute;color:var(--gold);pointer-events:none;z-index:0}.slog-deco .b1{left:-170px;top:50%;transform:translateY(-54%);opacity:.07}.slog-deco .b2{right:-200px;bottom:-220px;opacity:.05}@media (max-width:760px){.slog-deco{display:none}}
.slog-card .inp.bad{border-color:var(--rose)}
.slog-eye{border:0;background:none;padding:0;width:32px;height:32px;display:grid;place-items:center;color:var(--mu);cursor:pointer;flex:none}
.slog-rem{display:flex;align-items:center;gap:12px;cursor:pointer}.slog-rem span{min-width:0}.slog-rem b{display:block;font:600 13.5px var(--font-body);color:var(--tx)}.slog-rem small{display:block;font:500 12px var(--font-body);color:var(--mu)}
.slog-otp{justify-content:space-between;gap:8px}.slog-otp input{width:100%;min-width:0;max-width:56px;height:56px;background:var(--tint)}.slog-otp input:placeholder-shown{background:#fff}
.slog-demo{margin-top:16px;border:1px dashed var(--ln);border-radius:14px;padding:12px 14px}
.slog-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--ln);font:500 12.5px var(--font-body);color:var(--mu);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.slog-foot .ic{width:15px;height:15px;color:var(--ink)}
.slog-meta{margin-top:22px;font:500 13px var(--font-body);color:#C5CEE8;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;text-align:center}.slog-meta i{width:6px;height:6px;border-radius:50%;background:var(--cu);display:inline-block}
.slog-ayah{position:absolute;right:36px;bottom:22px;margin:0;text-align:right;color:#C5CEE8;max-width:360px}.slog-ayah .ar{display:block;font-size:30px;color:var(--gold);line-height:1.4}.slog-ayah figcaption{font:500 12.5px var(--font-body)}
@media (max-width:760px){
  body[data-slog]{justify-content:flex-start;padding:64px 16px 30px}.slog-back{left:16px;top:18px}
  .slog-card{padding:24px 20px;border-radius:22px}.slog-card h1{font-size:24px}
  .slog-otp input{height:50px}
  .slog-ayah{position:static;margin-top:24px;text-align:center;max-width:none}
}

/* ---------- phones & tablets ---------- */
@media (max-width:1280px){.pr-wg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){
  .pr-wrap{grid-template-columns:minmax(0,1fr)}.pr-side{position:static}.pr-side .gnav{flex-direction:row;overflow-x:auto;scrollbar-width:none}.pr-side .gnav a{white-space:nowrap;flex:none}
  .pr-methods{grid-template-columns:minmax(0,1fr)}.pr-mh{grid-template-columns:minmax(0,1fr) 54px 54px}.pr-mh .hide-t{display:none}
}
@media (max-width:760px){
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .chart-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-wrap .g-chart{min-width:480px}
  .acont .phd{flex-wrap:wrap}.acont .phd>.pill{white-space:normal;height:auto;min-height:24px;padding:4px 10px;max-width:100%}
  .g-save{bottom:10px;padding:8px 8px 8px 12px;flex-wrap:wrap}.g-save>span{flex:1 1 100%}.g-save .btn{flex:1 1 0}
  .pr-adjs,.pr-opts{grid-template-columns:minmax(0,1fr)}
  .g-stat b{font-size:16px}
  .pr-m{padding:9px 10px}.pr-m .ang{width:44px}.pr-mh{grid-template-columns:minmax(0,1fr) 44px 44px;padding:0 10px 6px}
  .pr-pv iframe{height:440px}
}
/* dashboard: most listened */
.ds-top{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--ln)}.ds-top:last-child{border-bottom:0}
.ds-top .f1{min-width:0}.ds-top b{display:block;font:600 13px var(--font-body);color:var(--tx)}.ds-top small{display:block;font-size:11.5px;color:var(--mu);margin-top:2px}
.ds-top .bar{margin-top:7px;height:6px}.ds-top>span{font:600 12px var(--font-body);color:var(--mu)}
/* roles that see one panel of a pair: it takes the whole row */
.ds-two>:only-child,.ds-bot>:only-child{grid-column:1/-1}