/* =====================================================================
   তাইবাহ রেডিও — নতুন নকশা (সবুজ-সোনালি, তিন ফন্ট, হালকা/গাঢ়)
   admin.css-এর পরে লোড হয়; পুরোনো অংশগুলো এখানে নতুন রূপ পায়।
   ===================================================================== */
@font-face{font-family:'Noto Sans Bengali';src:url(fonts/noto-sans-bengali-bengali-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans Bengali';src:url(fonts/noto-sans-bengali-bengali-600-normal.woff2) format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:'Noto Sans Bengali';src:url(fonts/noto-sans-bengali-bengali-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Noto Sans Bengali';src:url(fonts/noto-sans-bengali-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2013-2026,U+20B9}
@font-face{font-family:'Noto Sans Bengali';src:url(fonts/noto-sans-bengali-latin-600-normal.woff2) format('woff2');font-weight:500 600;font-display:swap;unicode-range:U+0000-00FF,U+2013-2026}
@font-face{font-family:'Noto Sans Bengali';src:url(fonts/noto-sans-bengali-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2013-2026}
@font-face{font-family:'Noto Serif Bengali';src:url(fonts/noto-serif-bengali-bengali-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Noto Serif Bengali';src:url(fonts/noto-serif-bengali-bengali-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Noto Serif Bengali';src:url(fonts/noto-serif-bengali-latin-600-normal.woff2) format('woff2');font-weight:500 600;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'Noto Serif Bengali';src:url(fonts/noto-serif-bengali-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'Galada';src:url(fonts/galada-bengali-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Galada';src:url(fonts/galada-latin-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF}

:root{
  --g9:#04211A; --g8:#0A3327; --g7:#10513E; --g5:#176B51; --gold:#C9A227; --gold2:#E9CD72; --ivory:#FAF6EC;
  --sans:'Noto Sans Bengali',system-ui,sans-serif; --serif:'Noto Serif Bengali',serif; --deco:'Galada',cursive;
  --primary:#10513E; --accent:#C9A227; --bg:#F6F2E7; --card:#FFFFFF; --text:#1C1B19; --muted:#6A665C; --line:#E6DDC8;
  --field:#FFFFFF; --fieldline:#D9CFB6; --head:#10513E; --soft:#FAF7EE; --radius:14px;
}
[data-theme=dark]{
  --bg:#06261E; --card:#0B3328; --text:#EEE8D8; --muted:#A9BBB1; --line:rgba(233,205,114,.18);
  --field:#072A21; --fieldline:rgba(233,205,114,.28); --head:#E9CD72; --soft:#0E3B2F; --primary:#E9CD72;
}
body{font-family:var(--sans);background:var(--bg);color:var(--text);transition:background .25s,color .25s}
code,input,select,textarea,.tile b{font-family:var(--sans)}
h1,h2,h3{font-family:var(--serif);color:var(--head)}
h1{font-size:1.5rem}
a{color:var(--g5)} [data-theme=dark] a{color:var(--gold2)}

/* ---------- ওপরের বার (দুই থিমেই গাঢ়) ---------- */
.topbar{height:64px;padding:0 16px;gap:12px;background:linear-gradient(90deg,var(--g9),var(--g7));
  border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--gold),transparent) 1}
.topbar .brand{gap:10px;color:#fff;font-weight:400}
.brand-text b{display:block;font-family:var(--serif);font-size:1.05rem;white-space:nowrap;line-height:1.2}
.brand-text small{display:block;color:var(--gold2);font-size:.76rem;opacity:1}
.who{display:flex;align-items:center;gap:8px;margin-left:0;font-size:.88rem}
.topbar .sp{flex:1}
.role-tag{white-space:nowrap;background:rgba(233,205,114,.18);color:var(--gold2);border:1px solid rgba(233,205,114,.4);padding:1px 10px}
.theme-btn{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.25);border:1px solid rgba(233,205,114,.35);color:#fff;border-radius:999px;padding:5px 12px;cursor:pointer;font:600 .8rem var(--sans)}
.theme-btn svg{width:16px;height:16px}
.logout{color:var(--gold2)!important;font-size:.85rem}

/* ছোট চলন্ত TR লোগো */
.mini-logo{position:relative;width:62px;aspect-ratio:334/240;flex:none;filter:drop-shadow(0 0 .7px rgba(255,255,255,.9))}
.mini-logo::before{content:"";position:absolute;inset:-10px -14px;background:radial-gradient(closest-side,rgba(255,248,228,.85),rgba(233,205,114,.25) 70%,transparent);z-index:-1}
.mini-logo img,.tr-logo img{position:absolute;inset:0;width:100%;height:100%}
.bar{opacity:.14}
.b1{animation:sig1 3.6s ease-in-out infinite}.b2{animation:sig2 3.6s ease-in-out infinite}.b3{animation:sig3 3.6s ease-in-out infinite}
@keyframes sig1{0%,8%{opacity:.14}14%,82%{opacity:1}90%,100%{opacity:.14}}
@keyframes sig2{0%,22%{opacity:.14}28%,72%{opacity:1}78%,100%{opacity:.14}}
@keyframes sig3{0%,36%{opacity:.14}42%,62%{opacity:1}68%,100%{opacity:.14}}

/* ---------- বাঁয়ের মেনু (দুই থিমেই গাঢ়) ---------- */
.shell{min-height:calc(100vh - 64px)}
.side{width:240px;background:var(--g8);border-right:0;padding:14px 10px}
.side .grp{color:#8FA99D;font-size:.72rem;margin:12px 10px 4px;letter-spacing:.5px}
.side a{display:flex;align-items:center;gap:8px;color:#D8E3DC;padding:9px 12px;border-radius:10px;font-size:.92rem;position:relative}
.side a:hover{background:rgba(255,255,255,.06)}
.side a.on{background:linear-gradient(90deg,rgba(201,162,39,.28),rgba(201,162,39,.06));color:#fff}
.side a.on::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--gold)}
.side a.ext{color:#8FA99D}
.side .dot{margin-left:auto;background:#E4572E;color:#fff;border-radius:999px;font-size:.72rem;padding:0 7px}
.main{max-width:1100px}

/* ---------- সাধারণ অংশ ---------- */
.card,.tile,.table-wrap{border-radius:var(--radius)}
.tile b{color:var(--head)}
input,select,textarea{background:var(--field);border-color:var(--fieldline);color:var(--text);border-radius:10px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,39,.18)}
.btn{background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--g9);font:700 1rem var(--sans);border-radius:10px;box-shadow:0 6px 16px rgba(201,162,39,.28)}
.btn.ghost{background:transparent;color:var(--g5);border:1px solid var(--g5);box-shadow:none}
[data-theme=dark] .btn.ghost{color:var(--gold2);border-color:rgba(233,205,114,.5)}
.btn.danger{background:#B83B3B;color:#fff;box-shadow:none}
.linkish{color:var(--g5)} [data-theme=dark] .linkish{color:var(--gold2)}
.list th{background:var(--soft)}
.side a,.btn,.tabs a{font-family:var(--sans)}

/* গাঢ় থিমে হালকা রঙে লেখা অংশগুলো ঠিক করা */
[data-theme=dark] .pill{background:rgba(255,255,255,.08);color:var(--muted)}
[data-theme=dark] .pill.on{background:rgba(80,190,140,.18);color:#8FE0B8}
[data-theme=dark] .pill.off{background:rgba(228,87,46,.18);color:#F4A58D}
[data-theme=dark] .flash.ok{background:rgba(80,190,140,.15);color:#A8E6C8}
[data-theme=dark] .flash.err{background:rgba(228,87,46,.15);color:#F6B7A4}
[data-theme=dark] .flash.warn{background:rgba(233,205,114,.14);color:var(--gold2)}
[data-theme=dark] .tile.alert{background:linear-gradient(135deg,rgba(201,162,39,.25),var(--card) 60%)}
[data-theme=dark] .tabs a{background:var(--card);border-color:var(--line);color:var(--text)}
.tabs a.on{background:var(--g7);color:#fff;border-color:var(--g7)}
[data-theme=dark] .tabs a.on{background:var(--gold);color:var(--g9);border-color:var(--gold)}
[data-theme=dark] .lv{background:transparent;border-color:var(--line);color:var(--muted)}
[data-theme=dark] .access-list li{border-color:var(--line)}
[data-theme=dark] .access-list li.is-default{background:var(--soft)}
[data-theme=dark] .thumb{background:var(--soft)}
[data-theme=dark] .btn.ghost.danger{background:transparent;color:#F4A58D;border-color:rgba(228,87,46,.5)}
[data-theme=dark] .pay-amt,[data-theme=dark] .coin{color:var(--gold2)}
[data-theme=dark] td.pos{color:#8FE0B8} [data-theme=dark] td.neg{color:#F4A58D}
[data-theme=dark] .toast{background:var(--gold);color:var(--g9)}

@media (max-width:760px){
  .side{top:64px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
  .who .nm,.brand-text small,.theme-btn span{display:none}
  .topbar{padding:0 10px;gap:8px}
}
@media (max-width:360px){ .who .role-tag{display:none} .mini-logo{width:52px} }

/* =====================================================================
   লগইন ও অ্যাকাউন্ট পাতা
   ===================================================================== */
body.auth{display:grid;place-items:center;min-height:100vh;padding:24px 16px;overflow-x:hidden;color:var(--ivory);
  background:radial-gradient(1200px 700px at 15% 10%,#176B51 0,transparent 60%),radial-gradient(900px 600px at 90% 90%,#6E4F04 0,transparent 55%),var(--g9)}
.auth-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;contain:paint}
.auth-bg svg{position:absolute;opacity:.10;animation:spin 60s linear infinite}
.auth-bg .s1{width:520px;top:-140px;left:-160px}
.auth-bg .s2{width:380px;bottom:-120px;right:-100px;animation-direction:reverse;animation-duration:80s}
.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.45;animation:float 12s ease-in-out infinite}
.orb.a{width:220px;height:220px;background:#C9A227;top:12%;right:12%}
.orb.b{width:260px;height:260px;background:#1E8C69;bottom:8%;left:10%;animation-delay:-6s}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-30px) scale(1.08)}}

@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.auth-wrap{position:relative;z-index:1;width:100%;max-width:430px;border-radius:24px;padding:2px;
  background:conic-gradient(from var(--ang),rgba(233,205,114,.15) 0 65%,var(--gold2) 78%,var(--gold) 84%,rgba(233,205,114,.15) 96%);
  animation:ring 5s linear infinite;box-shadow:0 0 40px rgba(201,162,39,.18)}
@keyframes ring{to{--ang:360deg}}
.auth-card{position:relative;max-width:none;border:0;border-radius:22px;padding:24px 26px 22px;color:var(--ivory);
  background:linear-gradient(160deg,rgba(14,64,49,.96),rgba(4,33,26,.97));box-shadow:0 30px 80px rgba(0,0,0,.45)}
.auth-card h1{font-size:1.25rem;color:var(--gold2);margin:0 0 12px;text-align:center}
.auth-card .muted,.auth-card p.muted{color:#B9C8BF}
.auth-card a,.auth-card .linkish{color:var(--gold2)}

/* বড় লোগো — আলোর ওপর বসানো */
.brand-big{display:flex;flex-direction:column;align-items:center;margin:-6px 0 12px;text-align:center;position:relative}
.brand-big::before{content:"";position:absolute;left:50%;top:50%;width:min(400px,100%);height:340px;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(255,251,240,.95),rgba(250,238,200,.75) 45%,rgba(233,205,114,.25) 72%,transparent 100%);animation:breathe 6s ease-in-out infinite;pointer-events:none}
@keyframes breathe{50%{opacity:.85;transform:translate(-50%,-50%) scale(1.06)}}
.tr-logo{position:relative;width:min(270px,100%);aspect-ratio:448/339;filter:drop-shadow(0 0 .6px rgba(255,255,255,.95)) drop-shadow(0 1.5px 0 rgba(120,80,0,.28))}
.tr-logo .shine{position:absolute;inset:0;-webkit-mask:url(logo/full/logo_base.png) center/100% 100% no-repeat;mask:url(logo/full/logo_base.png) center/100% 100% no-repeat;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) -150% 0/60% 100% no-repeat;animation:sweep 6s ease-in-out infinite}
@keyframes sweep{0%,55%{background-position:-150% 0}85%,100%{background-position:250% 0}}
.welcome{font-family:var(--deco);font-size:1.75rem;line-height:1.2;margin-top:2px;color:#F2B01E;letter-spacing:.3px;
  text-shadow:0 1px 0 #D69612,0 2px 0 #BC820C,0 3px 0 #A06D08,0 4px 0 #855905,0 5px 0 #6B4703,0 7px 6px rgba(40,25,0,.45),0 0 1px #5A3A00;animation:lift 6s ease-in-out infinite}
@keyframes lift{50%{transform:translateY(-2px)}}

/* সাইন ইন / রেজিস্টার ট্যাব (লিংক) */
.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:rgba(0,0,0,.25);border-radius:999px;padding:4px;margin:0 0 16px}
.auth-tabs a{position:relative;z-index:1;text-align:center;color:#B9C8BF;text-decoration:none;font:700 1rem var(--serif);padding:9px;border-radius:999px}
.auth-tabs a.on{background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--g9)}

/* ভাসমান লেবেলের ঘর */
.auth-card .form{gap:0;max-width:none}
.f{position:relative;margin-bottom:13px}
.f input{width:100%;height:52px;border-radius:12px;border:1px solid rgba(233,205,114,.28);background:rgba(0,0,0,.22);color:var(--ivory);padding:18px 14px 4px;font:500 1rem var(--sans);outline:none;box-shadow:none;transition:border .25s,box-shadow .25s}
.f label{position:absolute;left:14px;top:15px;color:#B9C8BF;pointer-events:none;transition:all .22s;font-weight:400;display:block}
.f input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,39,.15)}
.f input:focus+label,.f input:not(:placeholder-shown)+label{top:5px;font-size:.74rem;color:var(--gold2)}
.f .eye{position:absolute;right:10px;top:13px;background:none;border:0;color:#B9C8BF;cursor:pointer;padding:4px}
.f .eye svg{width:20px;height:20px}
.f input[type=password]{padding-right:44px}
.f.code input{text-align:center;font:700 1.5rem var(--sans);letter-spacing:.35em;padding:14px 10px 4px}
.auth-card .btn{width:100%;height:50px;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 26px rgba(201,162,39,.35)}
.auth-card .btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);animation:shine 3.2s ease-in-out infinite}
@keyframes shine{60%,100%{left:130%}}
.auth-card .flash.ok{background:rgba(80,190,140,.15);color:#A8E6C8}
.auth-card .flash.err{background:rgba(228,87,46,.18);color:#F6B7A4}
.auth-card .flash.warn{background:rgba(233,205,114,.14);color:var(--gold2)}
.auth-foot{text-align:center;color:#B9C8BF;font-size:.9rem;margin:14px 0 0}
.auth-foot a{color:var(--gold2);text-decoration:none}
.auth-foot a:hover{text-decoration:underline}

/* অ্যাকাউন্টের ভেতরের পাতা (প্রিমিয়াম, ইবাদত, কয়েন) — গাঢ় পটভূমিতে হালকা কার্ড */
body.auth-page .auth-card{background:var(--ivory);color:#1C1B19;--primary:#10513E;--card:#fff;--text:#1C1B19;--muted:#6A665C;--line:#E6DDC8;--field:#fff;--fieldline:#D9CFB6;--head:#10513E}
body.auth-page .auth-card h1{color:#10513E;text-align:left;margin:0}
body.auth-page .auth-card .muted{color:#6A665C}
body.auth-page .auth-card a,body.auth-page .auth-card .linkish{color:#176B51}
body.auth-page .auth-card .flash.ok{background:#DDEFE6;color:#0B4A37}
body.auth-page .auth-card .flash.err{background:#F7E1E1;color:#7A2222}
body.auth-page .auth-card .flash.warn{background:#FFF4D6;color:#6E4F04}
body.auth-page .auth-wrap{max-width:460px}
.page-head{display:flex;align-items:center;gap:12px;margin:-4px 0 14px;padding-bottom:12px;border-bottom:1px solid #E6DDC8}
.page-head .mini-logo{width:66px}
.page-head small{display:block;color:#8A6300;font-size:.8rem}

@media (max-width:380px){
  body.auth{padding:14px 10px}
  .auth-card{padding:20px 14px 18px}
  .welcome{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){
  .bar{animation:none!important;opacity:1}
  .auth-wrap,.auth-bg svg,.orb,.brand-big::before,.tr-logo .shine,.welcome,.auth-card .btn::after{animation:none!important}
}

/* লুকানো রেডিও/চেকবক্স যেন জায়গা না নেয় */
.plan-card input,.m-tab input,.ib-item input{width:1px;height:1px;margin:0;pointer-events:none}
.pay-list{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}
/* মোবাইলে লগআউট মেনুর ভেতরে */
.side .side-logout{display:none}
@media (max-width:760px){
  .who .logout{display:none}
  .side .side-logout{display:flex;margin-top:4px;color:var(--gold2)}
}

/* অ্যাকাউন্ট পাতার ছোট বাটন, ট্যাব ও কয়েনের লাইন */
.auth-card .btn.small{width:auto;height:auto;padding:6px 16px;font-size:.9rem;box-shadow:none}
.auth-card .btn.small::after{display:none}
.auth-card .btn.ghost{background:transparent;color:#10513E;border:1px solid #10513E}
body.auth-page .auth-card .tabs a{background:#fff;border-color:#E2DED2;color:#444}
body.auth-page .auth-card .tabs a.on{background:#10513E;border-color:#10513E;color:#fff}
.coin-use label.check{display:block;font-weight:500}
.coin-use label.check input{vertical-align:middle;margin-right:6px}

/* ---------- লাইভে যান ---------- */
.live-status{display:flex;align-items:center;gap:14px;border-left:5px solid #8FA99D}
.live-status .ls-dot{width:14px;height:14px;border-radius:50%;background:#8FA99D;flex:none}
.live-status.is-live{border-left-color:#E4572E;background:linear-gradient(90deg,rgba(228,87,46,.10),var(--card) 45%)}
.live-status.is-live .ls-dot{background:#E4572E;animation:lpulse 1.4s infinite}
@keyframes lpulse{50%{box-shadow:0 0 0 8px rgba(228,87,46,.18)}}
.ls-text{flex:1;min-width:0}
.ls-text b{display:block;font-size:1.1rem;font-family:var(--serif);color:var(--head)}
.live-status.is-live .ls-text b{color:#C83E1F}
[data-theme=dark] .live-status.is-live .ls-text b{color:#FF8A6B}
.ls-text span{color:var(--muted);font-size:.92rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-count{text-align:center}
.ls-count b{display:block;font-size:1.6rem;color:var(--head);line-height:1}
.ls-count small{color:var(--muted)}
.live-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:16px;margin-bottom:16px}
.live-ways .card{margin:0;position:relative}
.way-tag{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:999px;background:#DDEFE6;color:#0F5D46;margin-bottom:6px}
.way-tag.gold{background:#FFF1C9;color:#8A6300}
[data-theme=dark] .way-tag{background:rgba(80,190,140,.18);color:#8FE0B8} [data-theme=dark] .way-tag.gold{background:rgba(233,205,114,.18);color:var(--gold2)}
.steps{margin:8px 0 14px;padding-left:20px}
.steps li{margin:4px 0}
.conn{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:10px 0}
.conn dt{color:var(--muted);font-size:.9rem}
.conn dd{margin:0;word-break:break-all}
.dj-form{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);max-width:none}
.howto{margin-top:14px}
.howto summary{cursor:pointer;color:var(--g5);font-weight:600}
[data-theme=dark] .howto summary{color:var(--gold2)}
.tile.live-tile{border-left:4px solid #8FA99D}
.tile.live-tile.is-live{border-left-color:#E4572E}

/* ---------- গাইড ---------- */
.help-q{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--g9)!important;font:700 .9rem var(--sans);text-decoration:none;vertical-align:middle;margin-left:6px}
.guide{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start}
.g-toc{position:sticky;top:78px;max-height:calc(100vh - 92px);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px}
.g-toc input{margin-bottom:8px}
.g-toc .g-part{font-size:.72rem;color:var(--muted);margin:10px 4px 2px;letter-spacing:.4px}
.g-toc nav a{display:flex;gap:8px;padding:5px 6px;border-radius:8px;text-decoration:none;color:var(--text);font-size:.88rem;line-height:1.35}
.g-toc nav a span{color:var(--muted);min-width:22px}
.g-toc nav a:hover{background:var(--soft)}
.g-toc nav a.on{background:var(--soft);color:var(--head);font-weight:600}
.g-toc .btn{margin-top:10px;width:100%}
.g-body{min-width:0}
.g-cover{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,var(--g9),var(--g7));color:#fff;border-radius:var(--radius);padding:16px 18px;margin-bottom:16px}
.g-cover b{display:block;font-family:var(--serif);font-size:1.2rem}
.g-cover span{color:var(--gold2);font-size:.85rem}
.g-parth{font-size:1rem;color:var(--muted);margin:22px 0 8px;letter-spacing:.3px;border-bottom:1px solid var(--line);padding-bottom:4px}
.g-ch{scroll-margin-top:80px}
.g-ch h3{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin:0 0 10px}
.g-no{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border-radius:10px;background:var(--g7);color:#fff;font:700 .95rem var(--sans)}
[data-theme=dark] .g-no{background:var(--gold);color:var(--g9)}
.g-ch h4{font-family:var(--serif);color:var(--head);margin:16px 0 6px;font-size:1.02rem}
.g-ch p,.g-ch li{line-height:1.75}
.g-steps{counter-reset:s;list-style:none;padding:0;margin:8px 0}
.g-steps li{counter-increment:s;position:relative;padding:6px 0 6px 40px}
.g-steps li::before{content:counter(s);position:absolute;left:0;top:5px;width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--g9);display:grid;place-items:center;font:700 .85rem var(--sans)}
.g-check{list-style:none;padding:0} .g-check li{padding:3px 0 3px 26px;position:relative} .g-check li::before{content:"☐";position:absolute;left:2px;color:var(--g5)}
.g-tip,.g-warn{border-radius:12px;padding:10px 14px;margin:12px 0;line-height:1.7}
.g-tip{background:#E9F4EE;border-left:4px solid #2E8B63}
.g-warn{background:#FFF4DA;border-left:4px solid #C99A12}
[data-theme=dark] .g-tip{background:rgba(80,190,140,.12)} [data-theme=dark] .g-warn{background:rgba(233,205,114,.12)}
.g-fig{margin:12px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--soft)}
.g-fig img{display:block;width:100%;height:auto}
.g-fig figcaption{padding:6px 12px;font-size:.84rem;color:var(--muted)}
.g-tbl{width:100%;border-collapse:collapse;margin:10px 0;font-size:.92rem}
.g-tbl th,.g-tbl td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
.g-tbl th{background:var(--soft)}
.g-ch pre{background:#0C2019;color:#EDE6D6;border-radius:10px;padding:10px 12px;overflow:auto}
.g-ch code{background:var(--soft);padding:1px 6px;border-radius:5px;word-break:break-all}
.g-map{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:12px 0}
.g-map div{flex:1 1 150px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--soft);text-align:center}
.g-map div.hl{border-color:var(--gold);background:linear-gradient(135deg,#FFF6D9,var(--card))}
[data-theme=dark] .g-map div.hl{background:linear-gradient(135deg,rgba(201,162,39,.2),var(--card))}
.g-map b{display:block;color:var(--head)} .g-map small{display:block;color:var(--muted);font-size:.75rem} .g-map span{font-size:.85rem}
.g-map i{align-self:center;font-style:normal;color:var(--gold);font-size:1.3rem}
@media (max-width:860px){ .guide{grid-template-columns:1fr} .g-toc{position:static;max-height:none} .g-map i{transform:rotate(90deg);flex-basis:100%;text-align:center} }
/* প্রিন্ট / PDF */
@media print{
  .topbar,.side,.g-toc,.help-q,.flash{display:none!important}
  body{background:#fff!important;color:#111} .shell{display:block} .main{max-width:none;padding:0}
  .guide{display:block} .g-ch{border:0;box-shadow:none;padding:0 0 10px} .g-ch h3,.g-ch h4,.g-parth{break-after:avoid} .g-steps li,.g-tip,.g-warn,.g-tbl tr{break-inside:avoid}
  .g-parth{break-before:page;margin-top:0} .g-body>.g-parth:first-of-type{break-before:auto}
  .g-fig{break-inside:avoid} .g-fig img{max-height:420px;object-fit:contain}
  .main>h1{display:none} a{color:#111;text-decoration:none}
}
.g-tbl td,.g-tbl th{overflow-wrap:anywhere}
@media (max-width:600px){ .g-tbl{display:block;overflow-x:auto;font-size:.86rem} .g-ch{padding:14px} }

/* ধাপ ১গ — সোশ্যাল বাটন, ইমেইল/মোবাইল বাছাই, +88 ঘর, সম্মতি, কোড */
.social{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}
.soc{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border-radius:12px;border:1px solid rgba(233,205,114,.28);background:rgba(255,255,255,.06);color:var(--ivory)!important;font:600 .92rem var(--sans);text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}
.soc:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.soc svg{width:19px;height:19px;flex:none}
.or{display:flex;align-items:center;gap:10px;color:#B9C8BF;font-size:.85rem;margin:16px 0 12px}
.or::before,.or::after{content:"";flex:1;height:1px;background:rgba(233,205,114,.28)}
.via{display:flex;gap:6px;margin-bottom:12px}
.via a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(233,205,114,.28);color:#B9C8BF!important;border-radius:10px;padding:7px 4px;font:500 .9rem var(--sans);text-decoration:none}
.via a.on{border-color:var(--gold);color:var(--gold2)!important;background:rgba(201,162,39,.1)}
.f.phone .cc{position:absolute;left:12px;top:0;height:52px;display:flex;align-items:center;color:var(--ivory);font-weight:600;border-right:1px solid rgba(233,205,114,.28);padding-right:9px;direction:ltr;z-index:1}
.f.phone input{padding-left:62px;direction:ltr;text-align:left}
.f.phone label{left:62px}
.f.code input{text-align:center;letter-spacing:.5em;font-size:1.4rem;font-weight:700;direction:ltr;padding-top:14px}
.f.code label{left:0;right:0;text-align:center}
.agree{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;color:#B9C8BF;margin:2px 0 14px;font-weight:400;line-height:1.5}
.agree input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--gold)}
.auth-card .btn.ghost-light{margin-top:10px;background:transparent;color:var(--gold2);border:1px solid rgba(233,205,114,.45);box-shadow:none}
.auth-card .btn.ghost-light::after{display:none}
.auth-card .btn.ghost-light:hover{background:rgba(201,162,39,.1)}
.auth-card .linkish[disabled]{opacity:.5;cursor:default}
[dir=rtl] .f.phone .cc{left:auto;right:12px;border-right:0;border-left:1px solid rgba(233,205,114,.28);padding:0 0 0 9px}
/* অ্যাকাউন্ট পাতায় মোবাইল নম্বরের বাক্স */
.phone-box{display:flex;flex-direction:column;gap:8px;background:#F4EFE2;border:1px solid #E6DDC8;border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:.93rem}
.phone-box .inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.phone-box input{flex:1 1 150px;min-width:0}
.pill{display:inline-block;padding:1px 9px;border-radius:999px;font-size:.78rem;background:#E6DDC8;color:#444}
.pill.on{background:#DDEFE6;color:#0B4A37}
@media (max-width:380px){ .soc{font-size:.8rem;gap:5px;height:44px} .soc svg{width:16px;height:16px} .via a{font-size:.82rem} }
/* সোশ্যাল লগইন সেটিং পাতা (প্যানেল) */
.soc-card h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.soc-ic{display:inline-flex}
.soc-card .tag{font-size:.75rem;padding:2px 10px;border-radius:999px;background:var(--line);color:var(--muted)}
.soc-card .tag.ok{background:#DDEFE6;color:#0B4A37}
.soc-card .steps{margin:8px 0 4px;padding-left:22px;line-height:1.75}
.soc-card details summary{cursor:pointer;color:var(--primary);font-weight:600}
.soc-card .redir code{word-break:break-all}
.soc-card textarea{font-family:ui-monospace,monospace;font-size:.82rem;width:100%}
.soc-card .row{display:flex;gap:8px;flex-wrap:wrap}
.auth-card .form label.agree{display:flex;flex-direction:row;align-items:flex-start;gap:8px}
.auth-card .form label.agree input{width:18px;height:18px;min-height:0;padding:0;flex:none}
.via svg{flex:none}

/* ধাপ ২ — নামাজের সময়সূচি (প্যানেল) */
.pr-pick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.pr-pick select,.pr-pick input{max-width:220px}
.pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}
.pr-t{border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--card)}
.pr-t b{display:block;font-size:.85rem;color:var(--muted);font-weight:600}
.pr-t span{font-size:1.02rem;font-weight:600;font-variant-numeric:tabular-nums}
.pr-t.pr-jumuah{border-color:var(--gold,#C9A227)}
.pr-adj{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.pr-adj input{width:100%}
.pr-order{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:420px}
.pr-order li{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border-bottom:1px solid var(--line);background:var(--card)}
.pr-order li:last-child{border-bottom:0}
.pr-order .linkish{font-size:.8rem;padding:2px 6px}
.pr-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.pr-colors input[type=color]{width:100%;height:40px;padding:2px}
.pr-demo{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.pr-demo .band{display:flex;align-items:center;gap:6px;background:var(--band);color:#FAF6EC;border-radius:14px;padding:10px 14px;font-size:.78rem}
.pr-demo .band b{color:var(--dig);font-size:1.1rem}
.pr-demo .band i{font-style:normal;background:rgba(250,246,236,.1);border-radius:8px;padding:4px 8px;color:var(--dig);font-weight:700;font-size:1.1rem}
.pr-demo .t{border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:.9rem;background:var(--card)}
.pr-demo .t b{display:block;font-size:.8rem}
.pr-demo .t.on{background:var(--act);border-color:var(--act);color:#FAF6EC}
.pr-find{max-width:280px;margin:14px 0 8px}
.pr-cities tr.off td{opacity:.55}
.pr-act{white-space:nowrap}
.pr-act form.inline{display:inline}
.pr-act .danger{color:#B3261E}
@media (max-width:600px){ .pr-cities .hide-s{display:none} .pr-act{white-space:normal} }
/* ইবাদত ট্র্যাকারে নামাজের সময় */
.ib-city{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.88rem;margin:0 0 10px;color:#6A665C}
.ib-city select{flex:1 1 140px;min-width:0;max-width:220px;padding:6px 10px;border-radius:10px;border:1px solid #E6DDC8;background:#fff;font:inherit}
.ib-item .ib-l{font-weight:500;display:flex;flex-direction:column;min-width:0}
.ib-item .ib-time{font-style:normal;font-size:.78rem;color:#176B51;font-weight:600;font-variant-numeric:tabular-nums}
#cities .table-wrap{max-height:560px;overflow:auto}
#cities .table-wrap tr:first-child th{position:sticky;top:0;background:var(--card);z-index:1}
.pr-auto{line-height:1.6}
.pr-ctl{margin:0 0 16px}
.pr-ctl>summary{cursor:pointer;list-style:none;padding:14px 18px;border:1px dashed var(--line);border-radius:14px;background:var(--card);font-weight:600;color:var(--primary)}
.pr-ctl>summary::before{content:"▸ ";}
.pr-ctl[open]>summary::before{content:"▾ ";}
.pr-ctl[open]>summary{margin-bottom:14px}

/* SMS পোর্টাল */
.sms-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:-4px 0 10px}
.sms-prov{font-size:.95rem;color:var(--muted)}
.sms-prov b{color:var(--text)}
.sms-tabs{margin-bottom:14px;flex-wrap:wrap}
.sms-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}
.sms-stats .st{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.sms-stats .st small{color:var(--muted);font-size:.8rem}
.sms-stats .st b{font-size:1.5rem;line-height:1.2;font-variant-numeric:tabular-nums}
.sms-stats .st em{font-style:normal;font-size:.78rem;color:var(--muted)}
.sms-stats .st.big{grid-column:span 2;background:linear-gradient(135deg,#0B3B2E,#04211A);color:#FAF6EC;border-color:#0B3B2E}
.sms-stats .st.big small,.sms-stats .st.big em{color:#E0C478}
.sms-stats .st.big b{font-size:2rem;color:#fff}
.sms-stats .st.big .linkish{color:#E0C478;font-size:.82rem}
.sms-stats .st.big form{display:flex;gap:8px;align-items:center;margin-top:4px}
.sms-stats .st.bad{border-color:#E4A08D;background:#FBEDE8}
.sms-stats .st.bad b{color:#9B2C12}
.sms-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.sms-lists{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 14px}
.sms-count{margin:-6px 0 4px;font-size:.85rem;color:var(--muted)}
.sms-count.warn{color:#9B2C12}
.sms-bubble{background:#E7F3EC;border-radius:14px 14px 14px 4px;padding:10px 14px;margin:8px 0;max-width:440px}
.sms-bubble small{color:#176B51;font-size:.76rem}
.sms-bubble p{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}
.sms-prog{height:14px;background:var(--line);border-radius:99px;overflow:hidden;margin:12px 0 6px}
.sms-prog i{display:block;height:100%;background:linear-gradient(90deg,#16785E,#C9A227);transition:width .4s}
.sms-ptext{font-weight:600;font-variant-numeric:tabular-nums}
.sms-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sms-filter input,.sms-filter select{flex:1 1 130px;min-width:0;max-width:200px}
.sms-log .sms-msg{max-width:360px;word-break:break-word}
.pill.st-sent{background:#DDEFE6;color:#0B4A37}
.pill.st-delivered{background:#CDEBDC;color:#0B4A37}
.pill.st-failed,.pill.bad{background:#F7E1E1;color:#7A2222}
.pill.st-queued{background:#FFF4D6;color:#6E4F04}
.sms-pages{display:inline-flex;gap:4px;flex-wrap:wrap}
.sms-pages a{padding:4px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.sms-pages a.on{background:var(--primary);color:#fff;border-color:var(--primary)}
.sms-raw{background:#1d1d1b;color:#e8e3d6;padding:10px 12px;border-radius:10px;font-size:.78rem;white-space:pre-wrap;word-break:break-all;max-height:160px;overflow:auto}
.sms-find{max-width:260px;margin:10px 0}
.sms-scroll{max-height:480px;overflow:auto}
.sms-form textarea{width:100%}
.danger{color:#B3261E}
@media (max-width:600px){ .sms-stats .st.big{grid-column:1/-1} .sms-log .hide-s,.hide-s{display:none} }
[data-theme=dark] .sms-bubble{background:#173a2e}
[data-theme=dark] .sms-stats .st.bad{background:#3a1d17}

/* মিডিয়া লাইব্রেরি */
.md-tabs{margin-bottom:14px;flex-wrap:wrap}
.md-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.md-stats .st{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.md-stats .st small{color:var(--muted);font-size:.8rem}
.md-stats .st b{font-size:1.35rem;font-variant-numeric:tabular-nums}
.md-stats .st em{font-style:normal;font-size:.76rem;color:var(--muted)}
.md-stats .st.bad{border-color:#E4A08D;background:#FBEDE8}
[data-theme=dark] .md-stats .st.bad{background:#3a1d17}
.md-bar{display:block;height:6px;background:var(--line);border-radius:9px;overflow:hidden;margin-top:4px}
.md-bar em{display:block;height:100%;background:linear-gradient(90deg,#16785E,#C9A227)}
.md-quick{margin-bottom:12px;gap:8px;display:flex;flex-wrap:wrap}
.md-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.md-filter select,.md-filter input{flex:1 1 140px;min-width:0;max-width:240px}
.md-list{display:flex;flex-direction:column;gap:8px}
.md-item{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.md-item .md-ck{width:18px;height:18px;flex:none}
.md-thumb{position:relative;flex:none;width:96px;height:56px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#0B3B2E,#16785E);display:grid;place-items:center;text-decoration:none}
.md-thumb.video{background:#1d1d1b}
.md-thumb img{width:100%;height:100%;object-fit:cover}
.md-thumb span{color:#E0C478;font-size:1.5rem}
.md-thumb em{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.7);color:#fff;font-style:normal;font-size:.7rem;padding:1px 5px;border-radius:5px;font-variant-numeric:tabular-nums}
.md-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.md-info a{text-decoration:none;color:inherit}
.md-info b{word-break:break-word}
.md-info small{color:var(--muted)}
.md-tags{display:flex;flex-wrap:wrap;gap:4px}
.md-tags .pill{font-size:.72rem}
.pill.lv-premium{background:#FFF1C9;color:#6E4F04}
.pill.lv-members{background:#E4EEF9;color:#1D4A7A}
.pill.lv-public{background:#DDEFE6;color:#0B4A37}
.md-bulk{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;position:sticky;bottom:8px;z-index:3;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.md-bulk select{flex:1 1 220px;min-width:0;max-width:360px}
.md-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;align-items:start}
@media (max-width:900px){ .md-edit{grid-template-columns:1fr} }
.md-yt{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}
.md-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.md-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed var(--line);border-radius:16px;padding:34px 16px;text-align:center;cursor:pointer;background:var(--card);margin:12px 0;transition:border-color .2s,background .2s}
.md-drop b{font-size:1.05rem}
.md-drop span{color:var(--muted);font-size:.88rem}
.md-drop.on{border-color:#C9A227;background:rgba(201,162,39,.08)}
.md-queue{display:flex;flex-direction:column;gap:8px}
.md-up{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card)}
.md-up b{word-break:break-all;font-size:.92rem}
.md-up small{color:var(--muted);text-align:right}
.md-up i{grid-column:1/-1;display:block;height:8px;background:var(--line);border-radius:9px;overflow:hidden}
.md-up i em{display:block;height:100%;width:0;background:linear-gradient(90deg,#16785E,#C9A227);transition:width .3s}
.md-up .st{font-size:.84rem;color:var(--muted)}
.md-up .st.ok{color:#0B6B4B;font-weight:600}.md-up .st.bad{color:#9B2C12;font-weight:600}.md-up .st.warn{color:#8A6300;font-weight:600}
.md-up a{justify-self:end;font-size:.85rem}
.md-defaults{margin-bottom:4px}
.pl-items{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pl-items li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--card)}
.pl-items li:last-child{border-bottom:0}
.pl-items li.drag{opacity:.5}
.pl-items .grip{cursor:grab;color:var(--muted);font-size:1.1rem}
.pl-items .md-k{color:#C9A227}
.pl-items .t{flex:1;min-width:0;display:flex;flex-direction:column}
.pl-items .t b{word-break:break-word;font-weight:600;font-size:.93rem}
.pl-items .t small{color:var(--muted)}
.pl-items .pl-btn{display:flex;gap:2px;flex:none}
.pl-cand{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card)}
@media (max-width:600px){ .md-thumb{width:72px;height:44px} .md-item{gap:8px;padding:8px} }

/* আর্কাইভ (ধাপ ৪খ/৪ঘ) */
.ar-cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.ar-cats li{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--cc,var(--line));border-radius:12px;min-width:0}
.ar-cats li.off{opacity:.6}
.ar-cats li.drag{opacity:.4}
.ar-cats .grip{cursor:grab;color:var(--muted)}
.ar-ic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--cc,var(--accent));background:color-mix(in srgb,var(--cc,#16785E) 12%,transparent);text-decoration:none}
.ar-t{flex:1;min-width:0;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.ar-t b{word-break:break-word}
.ar-t small{color:var(--muted);font-size:.8rem}
.ar-t .lv-premium{color:#8A6300;font-weight:600}
.ar-t .lv-members{color:#1D4A7A}
.ar-prev{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-top:4px solid var(--cc);border-radius:12px;max-width:220px;background:var(--card)}
.ar-prev .ar-ic{width:auto;height:auto;background:none;justify-content:start;display:flex}
.ar-prev b{font-family:'Noto Serif Bengali',serif;font-weight:500}
.ar-prev small{color:var(--muted);font-size:.8rem}
.ar-colors,.ar-icons,.md-cats{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;margin:0;min-width:0}
.ar-colors legend,.ar-icons legend,.md-cats legend{padding:0 6px;font-weight:600;font-size:.92rem}
.ar-colors label{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-size:.72rem;color:var(--muted);width:62px}
.ar-colors input[type=radio],.ar-icons input{position:absolute;opacity:0;width:1px;height:1px}
.ar-colors span{width:32px;height:32px;border-radius:50%;background:var(--sw);border:3px solid var(--card);box-shadow:0 0 0 1px var(--line)}
.ar-colors span.theme{background:conic-gradient(#16785E 0 50%,#E0C478 0)}
.ar-colors input:checked+span,.ar-colors input:checked+input{box-shadow:0 0 0 3px var(--cc,#16785E)}
.ar-colors input[type=color]{width:32px;height:32px;border-radius:50%;padding:0;border:3px solid var(--card);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.ar-colors em{font-style:normal;text-align:center;line-height:1.2;color:var(--muted)}
.ar-colors input:focus-visible+span,.ar-icons input:focus-visible+span{outline:2px solid var(--cc);outline-offset:2px}
.ar-icons label{cursor:pointer}
.ar-icons span{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted)}
.ar-icons input:checked+span{border-color:var(--cc);color:var(--cc);background:color-mix(in srgb,var(--cc) 12%,transparent);box-shadow:0 0 0 1px var(--cc)}
.md-cats .check{font-size:.88rem;margin:0}
.ar-items li{border-inline-start:3px solid var(--cc)}
.ar-items .t a{color:inherit;text-decoration:none}
.qa-list,.sr-list{display:flex;flex-direction:column;gap:8px}
.qa-item{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--cc);border-radius:12px;padding:10px 12px}
.qa-item .qa-ck{margin-top:4px;width:18px;height:18px;flex:none}
.qa-b{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit;min-width:0;flex:1}
.qa-b b{word-break:break-word;font-weight:600}
.qa-b small{color:var(--muted);font-size:.8rem}
.qa-prev{display:flex;flex-direction:column;gap:6px;max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px}
.qa-pi{display:flex;gap:10px;align-items:flex-start;padding:8px;border-bottom:1px solid var(--line);cursor:pointer}
.qa-pi:last-child{border-bottom:0}
.qa-pi input{margin-top:4px;flex:none}
.qa-pi span{display:flex;flex-direction:column;gap:3px;min-width:0}
.qa-pi b{word-break:break-word;font-weight:600}
.qa-pi small{word-break:break-word}
.sr-item{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--cc);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.sr-item a{color:inherit;text-decoration:none}
.sr-item b{word-break:break-word}
.sr-item p{margin:0;font-size:.88rem;color:var(--muted);word-break:break-word}
.sr-k{font-size:.74rem;color:var(--cc);font-weight:600}
.sr-who{font-size:.82rem}
.ref-prev{display:flex;flex-wrap:wrap;gap:6px}
.ref{font-size:.8rem;border:1px solid var(--line);border-radius:8px;padding:2px 8px;background:var(--card);word-break:break-word;max-width:100%}
.ref i{font-style:normal;font-weight:600;font-size:.72rem;margin-inline-end:2px}
.ref-quran i{color:#0B6B4B}.ref-hadith i{color:#8A6300}.ref-book i{color:#1D4A7A}.ref-web i{color:#6B4FA0}
.md-4gh{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.md-4gh summary{cursor:pointer;font-weight:600}
.md-4gh[open] summary{margin-bottom:8px}
.md-4gh label{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.md-chaps{display:flex;flex-direction:column;gap:2px;margin:10px 0;max-height:260px;overflow:auto}
.md-ch{text-align:start;background:none;border:0;padding:5px 6px;border-radius:8px;cursor:pointer;color:inherit;font:inherit;font-size:.86rem}
.md-ch:hover{background:rgba(201,162,39,.12)}
.md-ch em{font-style:normal;color:#16785E;font-variant-numeric:tabular-nums;font-weight:600}
.pager{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0}
.pager a{padding:4px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:inherit}
.pager a.on{background:#16785E;color:#fff;border-color:#16785E}
@media (max-width:600px){ .ar-cats{grid-template-columns:1fr} .ar-colors label{width:54px} }

/* অনুষ্ঠানসূচি (ধাপ ৪ক) */
.sc-pub{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.sc-pub.dirty{border-color:#C9A227;background:rgba(201,162,39,.08)}
.sc-pub b{display:block}
.sc-pub small{color:var(--muted)}
.sc-daybar{display:none;gap:6px;overflow-x:auto;margin-bottom:10px;scrollbar-width:none}
.sc-daybar button{flex:0 0 auto;padding:7px 14px;border-radius:100px;border:1px solid var(--line);background:var(--card);color:inherit;font:inherit;font-size:.9rem;cursor:pointer}
.sc-daybar button.on{background:#16785E;border-color:#16785E;color:#fff}
.sc-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px}
.sc-day{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 8px;display:flex;flex-direction:column;gap:6px;min-width:0}
.sc-day h3{font-size:.95rem;margin:0 0 4px;text-align:center}
.sc-day h3 small{font-size:.7rem;background:#C9A227;color:#1d1d1b;border-radius:6px;padding:0 5px;vertical-align:2px}
.sc-slot{display:flex;flex-direction:column;gap:1px;padding:7px 8px;border-radius:9px;border:1px solid var(--line);border-inline-start:4px solid var(--sc);background:color-mix(in srgb,var(--sc) 7%,var(--card));text-decoration:none;color:inherit;min-width:0}
.sc-slot:hover{box-shadow:0 0 0 1px var(--sc)}
.sc-slot time{font-size:.74rem;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}
.sc-slot b{font-size:.86rem;line-height:1.35;word-break:break-word}
.sc-slot small{font-size:.7rem;color:var(--muted);word-break:break-word}
.sc-slot.off{opacity:.55}
.sc-slot.bad{border-color:#C0392B;box-shadow:0 0 0 1px #C0392B}
.sc-once{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
@media (max-width:1100px){ .sc-daybar{display:flex} .sc-week{grid-template-columns:1fr} .sc-day{display:none} .sc-day.on{display:flex} .sc-day h3{text-align:start} }
.sc-kinds{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;margin:0}
.sc-kinds legend,.sc-form fieldset legend{font-weight:600;padding:0 6px}
.sc-form fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0;min-width:0}
.sc-kinds .check{margin:0}
.sc-pl{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.sc-help{margin:4px 0 0}
.sc-days{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sc-days label{cursor:pointer}
.sc-days input{position:absolute;opacity:0;width:1px;height:1px}
.sc-days span{display:inline-block;padding:6px 12px;border-radius:100px;border:1px solid var(--line);font-size:.88rem}
.sc-days input:checked+span{background:#16785E;border-color:#16785E;color:#fff}
.sc-days input:focus-visible+span{outline:2px solid #C9A227;outline-offset:2px}
.sc-date{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-width:240px}
.sc-at{font-variant-numeric:tabular-nums;font-weight:600;color:#16785E;font-size:.85rem;min-width:44px}
table.list tr.bad td{background:rgba(192,57,43,.06)}
.ar-img{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ar-img img{width:160px;height:70px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}

/* আলেমগণ ও প্রতিষ্ঠাতা (ধাপ ৫) */
.sch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sch-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:14px;min-width:0}
.sch-list li.drag{opacity:.4}
.sch-list .grip{cursor:grab;color:var(--muted)}
.sch-av{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#0B3B2E,#16785E);color:#E0C478;font-weight:600;font-size:1.1rem;text-decoration:none}
.sch-av img{width:100%;height:100%;object-fit:cover}
.sch-av.big{width:88px;height:88px;font-size:1.6rem}
.sch-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit}
.sch-t b{word-break:break-word}
.sch-t small{color:var(--muted)}
.sch-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.sch-head>div{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}
.sch-links{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 12px;margin:0;min-width:0}
.sch-links legend{font-weight:600;padding:0 6px}
.sch-links label{display:flex;flex-direction:column;gap:4px;min-width:0}
.sch-verify{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;background:var(--card)}
.sch-verify.ok{border-color:#16785E;background:rgba(22,120,94,.07)}
.sch-verify.warn{border-color:#C9A227;background:rgba(201,162,39,.08)}
.sch-verify small{color:var(--muted)}
.sch-verify .check{margin:0}
.sch-media{margin:6px 0 8px 18px;padding:0}
.sch-media li{margin:3px 0}
.fd-form fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.fd-form legend{font-weight:600;padding:0 6px}
.fd-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.fd-sec{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px dashed var(--line)}
.fd-sec:last-child{border-bottom:0}
.fd-btns td input[type=text],.fd-btns td input:not([type]){width:100%;min-width:120px}
@media (max-width:600px){ .fd-row{grid-template-columns:1fr} .sch-av.big{width:72px;height:72px} }

/* ধাপ ৬ — আটকানো অ্যাকাউন্ট, পাতা */
.side .dot.soft{background:#8a8577}
.bk-list{display:flex;flex-direction:column;gap:10px}
.bk.req{border-color:#C0392B;box-shadow:0 0 0 1px rgba(192,57,43,.35)}
.bk-h{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bk-req{margin:8px 0;padding:10px 12px;border-inline-start:4px solid #C9A227;background:rgba(201,162,39,.08);border-radius:8px;font-size:.92rem;word-break:break-word}
.bk-req small{display:block;color:var(--muted);margin-top:4px}
.bk-act{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:8px}
.bk-act form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bk-act input[name=note]{min-width:0;flex:1 1 200px}
.bk-found{margin:8px 0 0 18px;padding:0}
.bk-reasons{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.bk-reasons legend{font-weight:600;padding:0 6px}
.bk-reasons .check{margin:0}
.pg-prev h3{margin:16px 0 6px}
.pg-prev ul{margin:6px 0 6px 20px}
.pg-prev p{margin:0 0 10px;line-height:1.8}
.bk-act select{max-width:190px}
/* ভাষা ও অনুবাদ */
.i18n-st{text-decoration:none;color:inherit}
.i18n-st.on{border-color:#16785E;box-shadow:0 0 0 1px #16785E}
.i18n-list{display:flex;flex-direction:column;gap:6px}
.i18n-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px;align-items:start;background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--line);border-radius:10px;padding:8px 10px}
.i18n-row.miss{border-inline-start-color:#C0392B}
.i18n-row.auto{border-inline-start-color:#C9A227}
.i18n-row.ok{border-inline-start-color:#16785E}
.i18n-row .src{display:flex;flex-direction:column;gap:2px;min-width:0;word-break:break-word;font-size:.92rem}
.i18n-row .src small{color:var(--muted);font-size:.74rem}
.i18n-row .src span{max-height:260px;overflow:auto}
.i18n-row .dst{display:flex;flex-direction:column;gap:4px;min-width:0}
.i18n-row textarea{width:100%;min-height:38px;font-family:inherit;font-size:.92rem;resize:vertical}
.i18n-row textarea[lang=ar]{font-size:1rem}
.i18n-row .check{margin:0;font-size:.8rem}
@media (max-width:700px){ .i18n-row{grid-template-columns:1fr} }
/* ---------- ড্যাশবোর্ড (ধাপ ৭) ---------- */
.dash-hello{margin:-4px 0 14px}
.dash-now{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dash-state{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:var(--soft);border-left:4px solid #8FA99D;text-decoration:none;color:var(--text);min-width:0}
.dash-state.is-live{border-left-color:#E4572E}.dash-state.off{border-left-color:#B8B2A3}
.dash-state small{color:var(--muted);font-size:.8rem}.dash-state.is-live small{color:#C0391B;font-weight:700}
.dash-state b{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--head)}
.dash-num{padding:12px 14px;border-radius:12px;background:var(--soft);display:flex;flex-direction:column;gap:2px}
.dash-num small{color:var(--muted);font-size:.8rem}.dash-num b{font:700 1.7rem var(--sans);color:var(--head);line-height:1.1}
.dash-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}
.dash-charts h3{font-size:.95rem;margin:0 0 6px}.dash-charts h3 small{font:400 .75rem var(--sans);color:var(--muted)}
.dbar{position:relative;height:166px;padding-bottom:22px}
.dbar svg{position:absolute;inset:16px 0 22px 0;width:100%;height:calc(100% - 38px)}
.dbar svg .grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.dbar-cols{position:absolute;inset:16px 0 22px 0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));align-items:end;border-bottom:1px solid var(--line)}
.dbar-cols .c{height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 1px;position:relative;outline:none}
.dbar-cols .c i{display:block;width:min(70%,26px);background:var(--g5);border-radius:4px 4px 0 0;min-height:0}
[data-theme=dark] .dbar-cols .c i{background:var(--gold2)}
.dbar-cols .c.none i{background:transparent}
.dbar-cols .c:hover i,.dbar-cols .c:focus i{filter:brightness(1.25)}
.dbar-cols .c:hover::after,.dbar-cols .c:focus::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--g9);color:#fff;font-size:.75rem;padding:4px 8px;border-radius:6px;white-space:nowrap;z-index:5;pointer-events:none}
.dbar-cols .c:first-child:hover::after,.dbar-cols .c:first-child:focus::after{left:0;transform:none}
.dbar-cols .c:last-child:hover::after,.dbar-cols .c:last-child:focus::after{left:auto;right:0;transform:none}
.dbar-x{position:absolute;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.dbar-x small{font-size:.68rem;color:var(--muted);text-align:center;white-space:nowrap;overflow:visible}
.dbar-max{position:absolute;top:-2px;right:0;font-size:.7rem;color:var(--muted)}
.dash-todo ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dash-todo li a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--soft);color:var(--text);text-decoration:none;border:1px solid var(--line)}
.dash-todo li a:hover{border-color:var(--g5)}
.dash-todo .ic{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 .8rem var(--sans);color:#fff;background:#6A8F80}
.dash-todo li.bad .ic{background:#C0391B}.dash-todo li.warn .ic{background:#B8860B}
.dash-todo .go{margin-left:auto;color:var(--muted)}
.dash-ok{color:var(--g5);font-weight:600;margin:0}
.dash-tiles .tile small{color:var(--muted);font-size:.8rem}.dash-tiles .tile span{font-size:.78rem;color:var(--muted)}
.dash-disk .ddbar{height:12px;border-radius:6px;background:var(--line);overflow:hidden}
.dash-disk .ddbar i{display:block;height:100%;background:var(--g5)}.dash-disk .ddbar i.warn{background:#B8860B}.dash-disk .ddbar i.bad{background:#C0391B}
.dash-dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;font-size:.9rem;margin:10px 0 12px}
.dash-dl dt{color:var(--muted)}.dash-dl dd{margin:0}
@media(max-width:760px){.dash-now{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-state{grid-column:1/-1}.dash-charts{grid-template-columns:1fr}.dash-num b{font-size:1.4rem}}
.dbar-x small:first-child{text-align:left}.dbar-x small:last-child{text-align:right}
/* ---------- টেনে সাজানো (ধাপ ৭) ---------- */
.sort-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.sort-bar .sort-save{display:none;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#FFF4D6;border:1px solid #E9CD72}
[data-theme=dark] .sort-bar .sort-save{background:#3A300F}
.sort-bar.changed .sort-save{display:flex;flex-wrap:wrap}
.sort-td{white-space:nowrap}
.sort-td .grip{cursor:grab;color:var(--muted);margin-right:4px}
.sort-td button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:6px;width:26px;height:26px;padding:0;font-size:.7rem;cursor:pointer;margin-right:2px}
.sort-td button:hover{border-color:var(--g5)}
.sort-td .sort-n{margin-left:4px;font-weight:600}
tr.dragging{opacity:.5;outline:2px dashed var(--gold)}
.pill-btn{cursor:pointer;border:1px solid var(--line);font:inherit}
.pill-btn:hover{border-color:var(--g5)}
form.pill-form{display:inline}
/* ---------- সেটিংসের সাইট-প্রিভিউ (ধাপ ৭) ---------- */
.pv-fab{position:fixed;right:18px;bottom:84px;z-index:40;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:0;background:var(--g7);color:#fff;font:600 .9rem var(--sans);box-shadow:0 8px 22px rgba(0,0,0,.25);cursor:pointer}
[data-theme=dark] .pv-fab{background:var(--gold);color:var(--g9)}
.pv-fab[hidden]{display:none}
.site-pv{position:fixed;right:16px;top:80px;max-height:calc(100vh - 96px);width:min(380px,calc(100vw - 32px));z-index:45;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 44px rgba(0,0,0,.28);padding:12px;overflow:auto}
.site-pv[hidden]{display:none}
.spv-top{display:grid;grid-template-columns:1fr auto;gap:0 8px;margin-bottom:10px}
.spv-top small{grid-column:1;color:var(--muted);font-size:.75rem}
.spv-x{grid-row:1/3;grid-column:2;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:50%;width:32px;height:32px;cursor:pointer}
.spv-frame{--p:#10513E;--a:#C9A227;--l:#F05252;--b:#FAF6EC;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--b);font-size:.8rem;color:#1C1B19}
.spv-head{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--b);border-bottom:1px solid rgba(0,0,0,.06)}
.spv-head img{height:24px;width:auto}.spv-head span{font-weight:700;color:var(--p);margin-right:auto;font-size:.8rem}
.spv-pill{display:inline-block;width:34px;height:14px;border-radius:7px;background:var(--p)}.spv-pill.acc{background:var(--a)}
.spv-notice{padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem}
.spv-notice[hidden]{display:none}
.spv-notice.scroll span{display:inline-block;animation:spvMq 9s linear infinite}
@keyframes spvMq{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.spv-hero{background:linear-gradient(160deg,var(--p),#04211A);color:#FAF6EC;padding:14px 12px}
.spv-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:2px 9px;font-size:.7rem}
.spv-badge i{width:7px;height:7px;border-radius:50%;background:var(--l)}
.spv-hero h3{color:#fff;margin:8px 0 2px;font-size:1.3rem}.spv-hero p{margin:0 0 10px;color:var(--a);font-size:.8rem}
.spv-card{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.05)}
.spv-card small{grid-column:1;color:var(--a);font-size:.7rem}.spv-card b{grid-column:1;font-size:.95rem}.spv-card span:not(.spv-play){grid-column:1;font-size:.72rem;opacity:.85}
.spv-play{grid-column:2;grid-row:1/4;align-self:center;width:34px;height:34px;border-radius:50%;background:var(--a);color:#04211A;display:grid;place-items:center}
.spv-body{display:flex;gap:8px;padding:12px}
.spv-btn{padding:6px 14px;border-radius:999px;background:var(--p);color:#fff;font-weight:600}.spv-btn.acc{background:var(--a);color:#04211A}
.spv-foot{background:#04211A;color:rgba(250,246,236,.8);padding:12px}
.spv-foot b{color:#fff}.spv-foot p{margin:4px 0 8px;font-size:.75rem}.spv-foot small{font-size:.7rem;opacity:.7}
@media(max-width:760px){.site-pv{top:auto;bottom:8px;left:8px;right:8px;width:auto;max-height:78vh}.pv-fab{right:12px;bottom:76px}}
fieldset.bare{border:0;padding:0;margin:0;min-width:0}
.logout-form{display:inline;margin:0}
.logout-form button{font:inherit;cursor:pointer;background:none;border:0;padding:0}
.logout-form button.logout{color:var(--gold2);text-decoration:underline}
.logout-form button.side-logout{padding:10px 12px;width:100%;text-align:left}
.side .logout-form{display:block}
.logout-form button.linkish{color:var(--g5);text-decoration:underline}
/* ---------- শ্রোতার অ্যাকাউন্ট পাতার ভাষা (ধাপ ৭ক) ---------- */
.ulangs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:-4px 0 12px}
.ulangs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:3px 11px;font:500 .8rem var(--sans);cursor:pointer}
.ulangs button.on{background:var(--g7);border-color:var(--g7);color:#fff}
[data-theme=dark] .ulangs button.on{background:var(--gold);border-color:var(--gold);color:var(--g9)}
html.lang-ar body{font-family:'Noto Naskh Arabic','Noto Sans Bengali',sans-serif}
html.lang-zh body{font-family:system-ui,'PingFang SC','Microsoft YaHei','Noto Sans SC','Noto Sans Bengali',sans-serif}
@font-face{font-family:'Noto Naskh Arabic';src:url(fonts/noto-naskh-arabic-arabic-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Naskh Arabic';src:url(fonts/noto-naskh-arabic-arabic-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}

/* ---------- ৭চ লাইব্রেরি ও আরবি ক্লাব ---------- */
.lb-sec{margin-bottom:6px}
.lb-sec a{font-weight:600}
.lb-cover{flex:none;width:44px;height:62px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#0B3B2E,#16785E);display:grid;place-items:center;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.lb-cover img{width:100%;height:100%;object-fit:cover}
.lb-cover span{color:#E0C478;font-size:1.3rem;font-weight:700}
.lb-cover.big{width:96px;height:134px;border-radius:8px}
.lb-cover.big span{font-size:2.4rem}
.lb-coverrow{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.lb-coverrow>div:last-child{flex:1 1 220px;min-width:0}
.lb-edit{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}
.lb-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.lb-side .card{margin:0}
@media (max-width:980px){ .lb-edit{grid-template-columns:1fr} }
.lb-how{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;margin:0}
.lb-how legend{padding:0 6px;font-weight:600}
.lb-opt{display:grid!important;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}
.lb-opt small{grid-column:2;color:var(--muted);font-size:.84rem;line-height:1.5}
.lb-opt:has(input:checked){border-color:#16785E;background:rgba(22,120,94,.07)}
.lb-perm{border:1px dashed #D9A441;background:#FFF8E6;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.lb-perm.ok{border:1px solid #9BD3B8;background:#EEF8F3}
[data-theme=dark] .lb-perm{background:#2e2710}[data-theme=dark] .lb-perm.ok{background:#12291f}
.lb-ck{align-self:end}
.lb-meds{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px}
.lb-meds li{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:7px 10px;flex-wrap:wrap}
.lb-meds li>span{min-width:0;word-break:break-word}
.lb-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}
.lb-editor{display:flex;flex-direction:column;gap:6px}
.lb-tools{display:flex;flex-wrap:wrap;gap:4px;position:sticky;top:58px;z-index:2;background:var(--card);padding:6px;border:1px solid var(--line);border-radius:10px}
.lb-tools button{border:1px solid var(--line);background:var(--bg,#fff);border-radius:8px;padding:4px 9px;font:inherit;font-size:.84rem;cursor:pointer;color:inherit}
.lb-tools button:hover{border-color:#16785E}
.lb-area{min-height:340px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--card);line-height:1.9;font-size:1.02rem;outline:none;overflow-wrap:anywhere}
.lb-area:focus{border-color:#16785E;box-shadow:0 0 0 3px rgba(22,120,94,.12)}
.lb-area h3{font-size:1.1rem;margin:14px 0 6px}
.lb-area blockquote{margin:10px 0;padding:8px 12px;border-inline-start:4px solid #C9A227;background:rgba(201,162,39,.08);border-radius:6px}
.lb-area blockquote.ayah{border-color:#16785E;background:rgba(22,120,94,.07)}
.lb-area blockquote.hadith{border-color:#1d4ed8;background:rgba(29,78,216,.06)}
.lb-area blockquote.note{border-color:#999;background:rgba(0,0,0,.04);font-size:.94rem}
.lb-area .ar,.lb-area.rtl{font-family:'Amiri','Noto Naskh Arabic','Scheherazade New',serif;font-size:1.25rem;line-height:2.1}
.lb-area table{border-collapse:collapse;margin:8px 0}.lb-area td,.lb-area th{border:1px solid var(--line);padding:4px 8px}
@media (max-width:600px){ .lb-area{padding:10px 12px;min-height:260px} .lb-tools{top:52px} }
.lb-fmt{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:3px;margin-bottom:10px}
.lb-fmt button{border:0;background:none;border-radius:999px;padding:6px 14px;font:inherit;font-size:.9rem;cursor:pointer;color:inherit}
.lb-fmt button.on{background:#0B3B2E;color:#fff;font-weight:600}
.lb-perm label.check{display:block;line-height:1.6}
.lb-perm label.check input{margin-inline-end:6px;vertical-align:middle}
.form label.check.lb-line{display:block;line-height:1.6}.form label.check.lb-line input{margin-inline-end:6px;vertical-align:middle}
/* ---------- “জানতে চাই” — টীকা ও রেফারেন্স ---------- */
.ask-prev{line-height:1.9;font-size:.95rem;overflow-wrap:anywhere}
.ask-prev sup.fn{color:#16785E;font-weight:700;font-size:.72em}
.ask-notes{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:5px;font-size:.88rem;line-height:1.7}
.ask-notes b{color:#16785E}
.ask-refs{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ask-refs li{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.88rem}
.ask-refs li.st-check{background:#FBEDE8;border-radius:8px;padding:4px 6px}
[data-theme=dark] .ask-refs li.st-check{background:#3a1d17}
/* ব্লগ (৭চ-৪ক) */
.bg-item{border-inline-start:4px solid var(--line)}.bg-item.st-pending{border-inline-start-color:#C9A227}.bg-item.st-published{border-inline-start-color:#16785E}.bg-item.st-rejected,.bg-item.st-hidden{border-inline-start-color:#B42318}
.bg-ex{margin:4px 0;color:var(--muted);overflow-wrap:anywhere}
.bg-quick{gap:8px;flex-wrap:wrap;margin-top:6px}.bg-quick form{margin:0}
.pill.st-pending{background:#FFF1D6;color:#8A5A00}.pill.st-published{background:#DDEFE6;color:#0B4A37}.pill.st-rejected,.pill.st-hidden{background:#F7E1E1;color:#7A2222}.pill.st-draft{background:#E6DDC8;color:#444}
.bg-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;align-items:start}
@media (max-width:980px){.bg-edit{grid-template-columns:minmax(0,1fr)}}
.bg-side h3{font-size:1rem;margin:12px 0 4px}.bg-refs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
.bg-acts{display:flex;flex-direction:column;gap:12px;margin-top:12px;border-top:1px dashed var(--line);padding-top:12px}
.bg-acts form{margin:0}.bg-note textarea,.bg-note input{width:100%}
.bg-main{display:flex;flex-direction:column;gap:8px}
.bg-prev{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;line-height:1.9;margin-top:6px;overflow-wrap:anywhere}
.bg-prev a{border-bottom:1px dashed currentColor;text-decoration:none}
.bg-ban{gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}.bg-ban input[name=ban_note]{flex:1 1 180px;min-width:0}
/* লিখিত রূপ (৭চ-৪খ) */
.tr-item{border-inline-start:4px solid var(--line)}.tr-item.st-draft{border-inline-start-color:#C9A227}.tr-item.st-verified{border-inline-start-color:#16785E}
.tr-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;position:sticky;top:58px;z-index:3}
.tr-head audio{width:min(460px,100%)}.tr-yt{width:min(420px,100%);aspect-ratio:16/9}.tr-yt iframe{width:100%;height:100%;border:0;border-radius:10px}
.tr-file{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tr-file input[type=file]{max-width:100%}
.tr-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}.tr-tools input{flex:1 1 140px;min-width:0;max-width:220px}
.tr-segs{display:flex;flex-direction:column;gap:6px}
.tr-seg{display:grid;grid-template-columns:34px 74px minmax(0,1fr) 30px;gap:6px;align-items:start}
.tr-seg textarea{width:100%;min-height:52px;line-height:1.7}.tr-seg .tr-t{width:100%;text-align:center;font-variant-numeric:tabular-nums}
.tr-play,.tr-del{border:1px solid var(--line);background:var(--card);border-radius:8px;height:34px;cursor:pointer;color:var(--g5,#16785E)}.tr-del{color:#B42318}
@media (max-width:560px){.tr-seg{grid-template-columns:34px 70px minmax(0,1fr);}.tr-seg textarea{grid-column:1/-1}.tr-seg .tr-del{grid-column:3;justify-self:end;width:34px}}
.tr-st{border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:12px 0;display:flex;flex-direction:column;gap:4px}
.tr-prev{display:flex;flex-direction:column;gap:8px}.tr-row{border:1px solid var(--line);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.tr-row.err{background:#FBEDE8}
.tr-row select{max-width:100%}.tr-help code{overflow-wrap:anywhere}
label.check{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:400}label.check input[type=radio],label.check input[type=checkbox]{width:auto;flex:none;margin:0}
/* আরবি ক্লাব (৭চ-৫) */
.ar-item{border-inline-start:4px solid #0E7490}.ar-item.off{border-inline-start-color:var(--line);opacity:.85}
.ar-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(14,116,144,.12);color:#0E7490;font-weight:700}
.ar-mv{display:flex;flex-direction:column;gap:2px}
.ar-order{margin-bottom:14px}
.ar-words{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ar-w{border:1px solid var(--line);border-radius:999px;padding:2px 10px;text-decoration:none;color:inherit}.ar-w span{font-family:'Noto Naskh Arabic','Amiri',serif;font-size:1.15rem}
.ar-wadd{display:flex;flex-wrap:wrap;gap:6px}.ar-wadd input{flex:1 1 140px;min-width:0}
.ar-in{font-family:'Noto Naskh Arabic','Amiri',serif;font-size:1.3rem}
.ar-table{display:flex;flex-direction:column;gap:4px;max-height:70vh;overflow:auto;margin-top:8px}
.ar-row{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:10px;text-decoration:none;color:inherit;border:1px solid transparent}.ar-row:hover,.ar-row.on{border-color:#0E7490;background:rgba(14,116,144,.06)}
.ar-row .arw{font-family:'Noto Naskh Arabic','Amiri',serif;font-size:1.3rem;min-width:90px;text-align:right}.ar-row span:last-child{display:flex;flex-direction:column;min-width:0}
.ar-form{display:flex;flex-direction:column;gap:6px}
/* সংস্করণ ও অংশ (৭জ-১) */
.vs-list{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}
.vs-row{border:1px solid var(--line);border-radius:12px;padding:8px 12px;align-items:flex-start!important}.vs-row.off{border-color:#E4A08D;background:#FBEDE8}
[data-theme=dark] .vs-row.off{background:#3a1d17}
.vs-log{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;font-size:.9rem}.vs-log li.bad{color:#B42318}
.vs-cl h2{font-size:1.05rem}

/* v1.0.4 — ভাঁজ-করা মেনু */
.side details.ng{margin:2px 0}
.side details.ng>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;color:#D8E3DC;padding:9px 12px;border-radius:10px;font-size:.92rem;font-family:var(--sans);user-select:none}
.side details.ng>summary::-webkit-details-marker{display:none}
.side details.ng>summary:hover{background:rgba(255,255,255,.06)}
.side details.ng>summary:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.side details.ng>summary .dot{margin-left:auto}
.side details.ng>summary i{margin-left:auto;width:7px;height:7px;border-right:2px solid #8FA99D;border-bottom:2px solid #8FA99D;transform:rotate(-45deg);transition:transform .15s;flex:none}
.side details.ng>summary .dot+i{margin-left:6px}
.side details.ng[open]>summary{color:#fff;background:rgba(255,255,255,.04)}
.side details.ng[open]>summary i{transform:rotate(45deg)}
.side details.ng .ng-in{padding:2px 0 4px 10px;border-left:1px solid rgba(255,255,255,.08);margin-left:14px}
.side details.ng .ng-in a{font-size:.88rem;padding:7px 10px}
.md-plnew{margin:4px 0 8px;padding:10px 12px;border:1px dashed var(--line,#d9d3c4);border-radius:12px}
.md-plnew[hidden]{display:none}
.md-fetch{margin-top:12px;padding:12px;border-radius:12px;background:#FFF8E6;border:1px solid #EBD9A6}
.md-fetch p{margin:0 0 8px}
.qa-test{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 10px}
/* v1.0.5 — মার্কেটিং */
.mk-list{margin:6px 0;padding-left:18px;line-height:1.8}
.mk-bar{height:10px;border-radius:999px;background:#E9E4D6;overflow:hidden;margin:8px 0}.mk-bar em{display:block;height:100%;background:linear-gradient(90deg,#10513E,#C9A227);transition:width .3s}
.mk-pre{white-space:pre-wrap;font:inherit;background:#FAF6EC;border:1px solid var(--line,#E2DCCB);border-radius:12px;padding:12px;max-height:420px;overflow:auto}
.mk-score{display:inline-block;min-width:44px;text-align:center;border-radius:999px;padding:2px 10px;font-weight:700;color:#fff}
.mk-score.ok{background:#1E7B4F}.mk-score.mid{background:#B7791F}.mk-score.bad{background:#C0392B}
.mk-checks{list-style:none;padding:0;margin:8px 0;line-height:1.9;font-size:.92rem}.mk-checks li.bad{color:#9B2C1F}.mk-checks li.ok{color:#1E5B3F}
.mk-serp{border:1px solid var(--line,#E2DCCB);border-radius:12px;padding:10px 12px;margin:10px 0;background:#fff;display:flex;flex-direction:column;gap:2px;font-family:Arial,var(--sans),sans-serif;overflow-wrap:anywhere}
.mk-serp small{color:#1F6E43;font-size:.8rem}.mk-serp b{color:#1A0DAB;font-weight:400;font-size:1.05rem}.mk-serp span{color:#4D5156;font-size:.88rem}
.mk-steps{padding-left:20px}.mk-steps li{margin-bottom:10px}.mk-steps p{margin:2px 0 0 26px;color:var(--muted,#5F5B52)}
.mk-copy{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0;overflow-wrap:anywhere}
[data-theme=dark] .mk-serp{background:#12201a}[data-theme=dark] .mk-serp b{color:#8AB4F8}[data-theme=dark] .mk-serp span{color:#BDC1C6}[data-theme=dark] .mk-pre{background:#12201a}
.mk-det summary{cursor:pointer;font-size:.9rem;color:var(--muted,#5F5B52)}
/* v1.0.5 — বই লেখার স্টুডিও */
.st-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px}.st-head h2{margin:2px 0}.st-acts{display:flex;gap:6px;flex-wrap:wrap}
.st-grid{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:12px;align-items:start}
.st-side h3{margin:0 0 6px;font-size:1rem}.st-chs{margin:0 0 8px;padding-left:24px;list-style-type:bengali;font-size:.9rem;line-height:1.5}.st-chs li{margin:2px 0;cursor:grab}.st-chs a.on{font-weight:700;color:var(--g5,#10513E)}
.st-tools{display:flex;flex-wrap:wrap;gap:4px;padding:8px;position:sticky;top:64px;z-index:5}
.st-tools button{border:1px solid var(--line,#E2DCCB);background:#fff;border-radius:8px;padding:5px 9px;font:inherit;font-size:.85rem;cursor:pointer;color:inherit}.st-tools button:hover{background:#F3EEDD}
.st-pop{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:6px;border-top:1px dashed var(--line,#E2DCCB)}.st-pop input{flex:1 1 220px;padding:6px 10px;border:1px solid var(--line,#E2DCCB);border-radius:8px;font:inherit}
.st-pop[hidden]{display:none}
.st-title{width:100%;box-sizing:border-box;font:inherit;font-size:1.25rem;font-weight:700;border:0;border-bottom:2px solid var(--line,#E2DCCB);background:transparent;padding:8px 2px;margin:8px 0 10px;color:inherit}
.st-paper{background:#fff;color:#111;max-width:calc(var(--pw) * 1.25);margin:0 auto;padding:var(--mt) var(--mo) 24mm var(--mi);box-shadow:0 2px 14px rgba(0,0,0,.15);border-radius:4px;min-height:60vh}
.st-area{outline:none;font-family:'Noto Serif Bengali','Noto Sans Bengali',serif;font-size:calc(var(--fs) * 1.25);line-height:var(--lh);text-align:justify;min-height:50vh}
.st-paper[data-font=sans] .st-area{font-family:'Noto Sans Bengali',sans-serif}
.st-area p{margin:0 0 .55em}.st-area h3{font-size:1.15em;margin:1em 0 .4em}
.st-area blockquote{margin:.6em 0;padding:.4em .8em;border-left:3px solid #C9A227;background:#FBF7EA}.st-area blockquote.ayah,.st-area blockquote.hadith{background:#F3F8F5;border-color:#10513E}
.st-area .ar{font-family:'Noto Naskh Arabic',serif;direction:rtl;text-align:right;font-size:1.15em;line-height:2}
.st-area .fn{font-size:.72em;background:#FFF4D6;border:1px solid #EBD9A6;border-radius:6px;padding:0 4px;vertical-align:super;line-height:1}.st-area .fn::before{content:'ফুটনোট: ';color:#8a6d1a}
.st-area hr.pb{border:0;border-top:2px dashed #C9A227;margin:1em 0;position:relative}.st-area hr.pb::after{content:'— নতুন পাতা —';position:absolute;left:50%;top:-.8em;transform:translateX(-50%);background:#fff;color:#a08020;font-size:.75rem;padding:0 6px}
.st-area a{color:#0B6B47}
.st-save{position:sticky;bottom:8px;margin-top:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--bg,#FAF6EC);padding:6px 0}
.st-right .st-pane{margin-top:0}.st-tabs{margin-bottom:8px}.st-4{display:grid;grid-template-columns:1fr 1fr;gap:6px}.st-pane fieldset{border:0;padding:0;margin:0}
.sp-list{list-style:none;padding:0;margin:0;max-height:55vh;overflow:auto}.sp-list li{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:3px 0;border-bottom:1px solid var(--line,#E2DCCB)}.spw{font-weight:600}
@media(max-width:1100px){.st-grid{grid-template-columns:1fr}.st-tools{top:56px}}
@media(max-width:560px){.st-paper{padding:12px 14px 30px}.st-area{font-size:1rem}}
[data-theme=dark] .st-tools button{background:#1b2a24;color:#e8e3d4}[data-theme=dark] .st-save{background:transparent}
/* v1.0.5 — বইয়ের অক্ষর বাছাই ও ফন্টের পাতা */
.st-fsel{display:flex;flex-direction:column;gap:8px}.st-fprev{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:#111;display:flex;flex-direction:column;gap:4px;line-height:1.7}
.st-fprev b{font-size:1.15rem}.st-fprev .ar{font-size:1.25rem;text-align:right}
.st-fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.st-font{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card);display:flex;flex-direction:column;gap:8px;min-width:0}.st-font.off{opacity:.6}
.st-fh{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.st-fs{font-size:1.35rem;line-height:1.8;background:#fff;color:#111;border-radius:8px;padding:8px 10px;overflow-wrap:anywhere}
.st-fsample input{width:100%}