/* روائع قرّاء القرآن الكريم — v40
   الهوية: أخضر المصحف العميق + ذهب التذهيب + ضوء المذياع الكهرماني.
   الخطوط: أميري للعناوين وأسماء السور، بليكس العربي للواجهة. */
@font-face{font-family:Amiri;font-weight:400;font-display:swap;src:url(assets/fonts/amiri-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Amiri;font-weight:700;font-display:swap;src:url(assets/fonts/amiri-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Amiri;font-weight:400;font-display:swap;src:url(assets/fonts/amiri-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Amiri;font-weight:700;font-display:swap;src:url(assets/fonts/amiri-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Plex;font-weight:400;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Plex;font-weight:500;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Plex;font-weight:700;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Plex;font-weight:400;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Plex;font-weight:500;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Plex;font-weight:700;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}

:root{
  --night:#0e2c21; --brand:#18583f; --brand-2:#236b4f; --gold:#b8913a; --gold-soft:#e6cf92; --amber:#ffc75a;
  --paper:#faf5e9; --surface:#ffffff; --ink:#18261f; --muted:#5f6d66; --line:#dbe2dc; --tint:#e9f1ec;
  --display:Amiri,"Traditional Arabic",serif; --ui:Plex,Tahoma,"Segoe UI",sans-serif;
  --r-sm:8px; --r:14px; --r-lg:22px; --wrap:1240px;
}
[data-theme=dark]{
  --night:#164b37; --paper:#153326; --surface:#1b4030; --ink:#f1f6f2; --muted:#b5c9be; --line:#315c49; --tint:#244d3a; --brand:#61bd8f; --brand-2:#7bcda5; --gold:#dfbf69;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
html.cover-open,html.cp-open{overflow:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.75 var(--ui);-webkit-font-smoothing:antialiased}
body.has-player{padding-bottom:96px}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.hidden{display:none!important}
.muted{color:var(--muted);font-size:13px}
.skip{position:absolute;right:-999px;top:8px;z-index:20000;background:var(--gold-soft);color:#17392b;padding:8px 14px;border-radius:8px}
.skip:focus{right:8px}
.scroll-progress{position:fixed;top:0;right:0;height:3px;width:0;z-index:12000;background:var(--gold)}

/* ===== الغلاف ===== */
.site-cover{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;color:#fff;
  background:
    linear-gradient(rgba(4,48,31,.18),rgba(3,36,24,.28)),
    url("assets/BACK-1-v45.webp") center center/cover no-repeat,
    #075c38;
  transition:opacity .55s ease,visibility .55s}
.site-cover.is-hidden{opacity:0;visibility:hidden}
.cover-pattern{position:absolute;inset:0;opacity:.13;background-image:
  repeating-conic-gradient(from 22.5deg at 50% 50%,#e6cf92 0 6deg,transparent 6deg 45deg);mask-image:radial-gradient(circle at 50% 50%,transparent 26%,#000 27%,#000 29%,transparent 30%,transparent 44%,#000 45%,#000 46%,transparent 47%)}
.cover-sound{position:relative;z-index:5;margin:0 0 9px;min-width:118px;height:40px;padding:0 15px;border-radius:999px;border:2px solid rgba(255,241,188,.98);background:linear-gradient(145deg,#f8da79,#e4b84c);color:#123f2d;font:800 13px/1 var(--ui);display:inline-flex;align-items:center;justify-content:center;gap:7px;backdrop-filter:blur(3px);box-shadow:0 4px 16px rgba(0,0,0,.28),0 0 0 3px rgba(255,219,110,.13);transition:transform .18s ease,background .18s ease,box-shadow .18s ease;animation:sound-attention 1.9s ease-in-out infinite;white-space:nowrap}
.cover-sound-icon{font-size:17px;line-height:1}.cover-sound-label{font:inherit}
.cover-sound:hover{background:linear-gradient(145deg,#ffe79a,#efc85e);transform:translateY(-2px) scale(1.025);box-shadow:0 6px 20px rgba(0,0,0,.34),0 0 0 5px rgba(255,221,115,.18)}
.cover-sound.is-playing{background:linear-gradient(145deg,#ffbd58,#e96f39);color:#fffdf5;border-color:#fff2bc;box-shadow:0 5px 20px rgba(0,0,0,.34),0 0 0 4px rgba(255,168,72,.22);animation:sound-attention 1.25s ease-in-out infinite,cover-sound-pulse 1.25s ease-out infinite}
@keyframes cover-sound-pulse{0%,100%{box-shadow:0 5px 20px rgba(0,0,0,.34),0 0 0 0 rgba(255,146,62,.62)}50%{box-shadow:0 6px 22px rgba(0,0,0,.36),0 0 0 11px rgba(255,146,62,0)}}
/* وميض هادئ وواضح؛ أثناء تشغيل التلاوة يظهر النص «إلغاء الصوت» بلون برتقالي لافت. */
@keyframes sound-attention{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.12);transform:scale(1.035)}}
@media (prefers-reduced-motion:reduce){.cover-sound,.cover-sound.is-playing{animation:none!important}}
.cover-content{position:relative;width:min(1180px,96vw);height:min(760px,94dvh);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.cover-kicker{margin:0 0 6px;color:var(--gold-soft);font-weight:500;letter-spacing:.02em;font-size:13px}
.site-cover h1{position:relative;z-index:2;margin:0;max-width:760px;font:700 clamp(30px,5.2vw,62px)/1.25 var(--display);text-shadow:0 6px 30px #0009}
.site-cover p{position:relative;z-index:2;max-width:620px;margin:14px auto 0;color:#e3efe8;font-size:clamp(13.5px,1.7vw,17px);line-height:1.75}
.site-cover .cover-tagline{max-width:none;position:relative;z-index:2;margin:14px 0 0;font-family:Amiri,serif;font-size:15px;font-weight:700;letter-spacing:.15px;color:var(--gold-soft);opacity:.92;line-height:1.4}
.cover-updated{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 14px;border:1px solid rgba(232,207,142,.42);border-radius:999px;background:rgba(5,39,30,.34);color:#ead79e;font-size:11.5px;font-weight:700;letter-spacing:.1px;box-shadow:0 2px 10px rgba(0,0,0,.08);backdrop-filter:blur(3px)}
.cover-reciters{position:absolute;inset:0;z-index:1}
.cover-reciter{position:absolute;margin:0;width:104px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;user-select:none;animation:rise .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d)}
.cover-reciter img{display:block;width:78px;height:78px;margin:auto;object-fit:cover;object-position:center 22%;border-radius:50%;border:2px solid var(--gold-soft);box-shadow:0 0 0 6px #0e2c2166,0 12px 26px #0007;pointer-events:none}
.cover-reciter figcaption{margin-top:7px;font-size:11px;color:#f1f6f3;white-space:nowrap;text-shadow:0 1px 6px #000}
.cover-final-reciter{z-index:4;pointer-events:none;cursor:default}
.cover-final-reciter img{width:92px;height:92px;box-shadow:0 0 0 7px #0e2c2190,0 14px 34px #0009}
@keyframes rise{from{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}
.cover-actions{position:relative;z-index:3;margin-top:12px}
.cover-foot{position:absolute;z-index:4;inset-inline:8%;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cover-foot .cover-powered{position:static!important;margin:0!important;max-width:none!important;white-space:nowrap;color:#d9e4de!important;font:500 12px/1.4 var(--ui)!important;letter-spacing:.02em}
.cover-foot .cover-updated{margin:0!important}
.cover-enter{border:0;border-radius:999px;background:var(--gold-soft);color:#14372a;padding:8px 34px;font-weight:700;font-size:17px;line-height:1.2;box-shadow:0 12px 34px #0006;transition:transform .2s}
.cover-enter:hover{transform:translateY(-2px)}

@media(max-width:760px){.cover-reciter{width:74px}.cover-reciter img{width:52px;height:52px}.cover-reciter figcaption{font-size:9px;max-width:80px;overflow:hidden;text-overflow:ellipsis}}

/* ===== الشريط العلوي ===== */
.topbar{position:sticky;top:0;z-index:500;display:flex;align-items:center;gap:16px;padding:8px max(14px,calc((100vw - var(--wrap))/2));background:color-mix(in srgb,var(--night) 94%,transparent);backdrop-filter:blur(10px);color:#fff}
.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font:700 19px var(--display);white-space:nowrap}
.topbar-home-return{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 14px;border:1px solid rgb(230 207 146 / .42);border-radius:999px;background:rgb(255 255 255 / .07);color:var(--gold-soft);text-decoration:none;font-weight:700;font-size:13.5px;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.topbar-home-return:hover{background:rgb(255 255 255 / .13);border-color:var(--gold-soft);transform:translateY(-1px)}
.topbar-home-return:focus-visible{outline:3px solid var(--gold-soft);outline-offset:2px}
.navlinks{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1}
.navlinks::-webkit-scrollbar{display:none}
.navlinks a{color:#d6e6dd;text-decoration:none;padding:6px 11px;border-radius:999px;font-size:14px;white-space:nowrap}
.navlinks a:hover,.navlinks a.active{background:#ffffff18;color:#fff}
.topbar-tools{display:flex;gap:6px}
.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff30;background:transparent;color:#fff;font-size:17px}
.icon-btn:hover{background:#ffffff18}
/* ===== الرأس ===== */
.hero{position:relative;background:linear-gradient(180deg,#0b4a34,#075c38);color:#fff;padding:22px 18px 0;overflow:hidden}
.hero-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-art .ha-img{position:absolute;top:6px;height:290px;width:auto;opacity:.85}
.hero-art .ha-right{right:max(16px,calc((100vw - var(--wrap))/2 - 60px))}
.hero-art .ha-left{left:max(16px,calc((100vw - var(--wrap))/2 - 60px))}
.hero-inner,.waqf{position:relative;z-index:1}
@media(max-width:1180px){.hero-art{display:none}}
.hero-inner{max-width:var(--wrap);margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.hero h1{margin:0;color:var(--gold-soft);font:700 clamp(30px,4.6vw,54px)/1.25 var(--display)}
.hero-copy p{margin:8px 0 0;color:#cfe1d7;max-width:60ch}
.stats{display:flex;gap:22px;margin:0}
.stats div{text-align:center}
.stats dt{font-size:12px;color:#b9d0c4;order:2}
.stats dd{margin:0;font:700 30px/1.1 var(--display);color:var(--gold-soft)}
.stats div{display:flex;flex-direction:column-reverse}
.waqf{max-width:var(--wrap);margin:16px auto 0;padding:12px 18px 16px;border-top:1px solid #ffffff22;text-align:center;font:400 clamp(17px,2vw,22px)/1.9 var(--display);color:#f3ecd6}
.waqf p{margin:0}
.waqf-line2-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.waqf-contact{display:inline-flex;align-items:center;flex:none;padding:4px 16px;border-radius:999px;border:1px solid #e6cf9270;color:#f3ecd6;font:600 14px/1 var(--ui);text-decoration:none;transition:background .15s,color .15s}
.waqf-contact:hover{background:#e6cf92;color:#14372a}
.owner-signature{display:flex;justify-content:center;margin:6px 0}
.owner-signature[hidden]{display:none}
.owner-signature img{width:min(560px,92vw);height:auto;max-height:118px;object-fit:contain;opacity:1;filter:drop-shadow(0 2px 8px #00000024)}

/* ===== الأقسام ===== */
main{max-width:var(--wrap);margin:0 auto;padding:0 18px 28px}
.section{padding:26px 0 4px}
.section[hidden],.radio[hidden]{display:none}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.section-head h2,.radio h2{margin:0;font:700 clamp(26px,3vw,36px)/1.3 var(--display)}
.section-head p{margin:4px 0 0;color:var(--muted);max-width:68ch}
.btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 16px;font-weight:500;font-size:14px;transition:background .15s}
.btn:hover{background:var(--tint)}
.btn.active{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.primary:hover{background:var(--brand-2)}
.linkish{border:0;background:none;color:var(--brand);padding:0;font-weight:500;text-decoration:underline;text-underline-offset:4px}
.seg{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px}
.seg button{border:0;background:none;border-radius:999px;padding:6px 14px;font-size:14px;color:var(--muted)}
.seg button.active{background:var(--brand);color:#fff}

/* ===== إذاعة الروائع (العنصر المميز) ===== */
.radio{display:block;margin-top:-1px;padding-top:22px}
.radio-cabinet{position:relative;align-self:start;border-radius:var(--r-lg);padding:24px 24px 20px;color:#18583f;
  background:linear-gradient(160deg,#ffffff,#f4f4f4 70%);box-shadow:inset 0 1px 0 #ffffff80,0 24px 50px -24px #0e2c2155;overflow:hidden}
.radio-cabinet::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#00000008 0 2px,transparent 2px 7px);pointer-events:none}
.radio-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative}
.radio-head p{margin:2px 0 0;color:#3a6350;font-size:14px}
.onair{display:flex;align-items:center;gap:8px;font-size:13px;color:#3a6350;white-space:nowrap}
.lamp{width:10px;height:10px;border-radius:50%;background:#5b3a20;box-shadow:inset 0 0 2px #000}
.radio.is-on .lamp{background:var(--amber);box-shadow:0 0 12px var(--amber)}
.radio.is-on .onair{color:var(--amber)}
.dial{position:relative;height:132px;margin:20px 0 14px;border-radius:12px;background:linear-gradient(180deg,#2b2112,#1a140a);box-shadow:inset 0 2px 10px #000c,0 0 0 1px #c9a85a55;overflow:hidden}
.radio.is-on .dial{background:radial-gradient(ellipse at 50% 120%,#6a4a16 0%,#2b2112 60%,#1a140a 100%)}
.dial-scale{position:absolute;inset:10px 16px auto;height:38px}
.tick{position:absolute;right:var(--p);top:0;width:1px;height:10px;background:#e6cf9277}
.tick.major{height:18px;background:var(--gold-soft)}
.tick b{position:absolute;top:18px;right:50%;transform:translateX(50%);font:500 11px var(--ui);color:#e6cf92cc}
.dial-needle{position:absolute;top:6px;bottom:6px;right:calc(16px + (100% - 32px) * var(--p,0%) / 100%);width:3px;margin-right:-1px;border-radius:2px;background:#ff5a36;box-shadow:0 0 10px #ff5a36aa;transition:right .9s cubic-bezier(.3,.8,.2,1)}
.dial-needle{right:calc(16px + (100% - 32px) * var(--pn,0))}
.dial-stations{position:absolute;inset:auto 16px 10px;height:62px}
.dial-stations button{position:absolute;right:var(--p);bottom:0;transform:translateX(50%);border:0;background:none;color:#18583f99;padding:0 2px 6px;font:500 12px/1.3 var(--ui);width:74px;text-align:center}
.dial-stations button::before{content:"";display:block;width:8px;height:8px;margin:0 auto 6px;border-radius:50%;background:#18583f55}
.dial-stations button:hover,.dial-stations button.on{color:#0f3d2a}
.dial-stations button.on::before{background:var(--amber);box-shadow:0 0 10px var(--amber)}
.radio-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;position:relative}
.channel-desc{margin:0;font-size:14px;color:#3a6350}
.channel-desc b{color:#0f3d2a;font:700 18px var(--display)}
.radio-buttons{display:flex;gap:8px}
.radio-power{border:0;border-radius:999px;padding:10px 22px;background:var(--gold-soft);color:#14372a;font-weight:700}
.ghost-light{background:transparent;border-color:#18583f55;color:#18583f}
.ghost-light:hover{background:#18583f14}
.today{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column}
.today-label{margin:0 0 10px;font-size:13px;color:var(--gold);font-weight:700}
.today-photo{aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--tint)}
.today-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.today h3{margin:12px 0 0;font:700 26px/1.3 var(--display);color:var(--brand)}
.today-name{margin:0;font-weight:700}
.today-bio{margin:6px 0 12px;font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.today-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}

/* ===== شريط القراء ===== */
.reader-strip{display:grid;grid-auto-flow:column;grid-auto-columns:128px;gap:12px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity}
.reader{scroll-snap-align:start;border:0;background:none;padding:6px 4px;text-align:center;border-radius:var(--r);display:flex;flex-direction:column;align-items:center;gap:2px}
.reader:hover{background:var(--tint)}
.reader b{font-size:14px;line-height:1.4;margin-top:6px}
.reader span{font-size:12px;color:var(--muted)}
.reader-photo,.avatar,.face,.pl-av,.profile-photo{position:relative;display:grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;background:var(--tint);color:var(--brand);font:700 18px var(--display)}
.reader-photo img,.avatar img,.face img,.pl-av img,.profile-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.reader-photo{width:92px;height:92px;font-size:26px;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--gold)}
.avatar{width:50px;height:50px}
.face{width:34px;height:34px;font-size:13px}
.pl-av{width:46px;height:46px}
.profile-photo{width:120px;height:120px;font-size:34px;box-shadow:0 0 0 3px var(--gold)}

/* ===== الفلاتر والبطاقات ===== */
.notice{font-size:14px}
.notice.error{color:#9a4a2e}
.filters{position:sticky;top:54px;z-index:50;display:grid;grid-template-columns:2fr repeat(6,minmax(0,1fr));gap:8px;padding:12px;margin-bottom:18px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r)}
.filters[hidden]{display:none}
.filters input,.filters select{width:100%;height:42px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:0 10px}
.filter-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.alpha{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px}
.alpha-btn{min-width:32px;height:32px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);font:700 15px var(--display)}
.alpha-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:14px}
.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 14px 0;transition:border-color .2s}
.card.is-playing{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.card-extra{display:contents}
.card-extra.hidden{display:none}
.card-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;border:1.5px dashed var(--line);border-radius:var(--r);background:var(--tint);color:var(--brand);font:inherit;text-align:center;padding:14px;cursor:pointer;transition:background .15s,border-color .15s}
.card-toggle:hover{background:var(--surface);border-color:var(--brand)}
.card-toggle .ct-icon{font:800 22px var(--display);color:var(--gold)}
.card-toggle .ct-label{font:600 13px/1.4 var(--ui)}
.card-toggle.is-open{border-style:solid;grid-column:1/-1;min-height:auto;flex-direction:row;padding:10px 16px}
.card-toggle.is-open .ct-icon{font-size:16px}
.card-head{display:flex;gap:10px;align-items:center}
.card-id{min-width:0}
.card h3{margin:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-meta{margin:0;font-size:12px;color:var(--muted)}
.card-title{margin:12px 0 0;font:700 24px/1.35 var(--display);color:var(--brand)}
.card-note{margin:0 0 8px;font-size:13px;color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}
.tag{font-size:11px;padding:2px 9px;border-radius:999px;background:var(--tint);color:var(--muted)}
.tag.live{color:var(--brand);font-weight:500}
.tag.audio-verified{background:#e8f5ee;color:#17653f;font-weight:700}
.tag.audio-local{background:#d9f2e4;color:#0d5d35;font-weight:700}
.tag.audio-live{background:#eef5ff;color:#225f9d;font-weight:600}
.tag.audio-search{background:#fff4dd;color:#8a5a00;font-weight:600}
.audio-note{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:400}
.card-actions{display:flex;margin:auto -14px 0;border-top:1px solid var(--line)}
.card-actions button{border:0;background:none;padding:10px 0;flex:1;font-size:15px;color:var(--muted);border-left:1px solid var(--line)}
.card-actions button:last-child{border-left:0}
.card-actions button:hover{background:var(--tint);color:var(--ink)}
.card-actions button.on{color:#b3452c}
.card-actions button[data-act=masterpiece].on{color:var(--gold)}
.card-actions .play{flex:2.4;color:var(--brand);font-weight:700;display:flex;justify-content:center;gap:6px;align-items:center}
.card-actions .play span{font-size:14px}
.more{display:block;margin:22px auto 0}
.more:not(.btn){border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 24px;font-weight:500}
.empty{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted)}

/* ===== قوائم ومقامات وذاكرة ===== */
.playlists{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:24px;scrollbar-width:thin;padding:4px 2px 14px}
.playlist{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:4px;flex:0 0 270px;max-width:270px;scroll-snap-align:start}
.playlist h3{margin:8px 0 0;font:700 21px/1.4 var(--display)}
.playlist p{margin:0;font-size:14px}
.playlist .btn{margin-top:12px;align-self:flex-start}
.pl-faces{display:flex}
.pl-faces .face{width:40px;height:40px;margin-left:-10px;box-shadow:0 0 0 2px var(--surface)}
.maqamat{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:24px;scrollbar-width:thin;border-top:1px solid var(--line);padding:4px 2px 14px}
.maqam{padding:18px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);flex:0 0 230px;max-width:230px;scroll-snap-align:start}
.maqam h3{margin:0;font:700 28px/1.2 var(--display);color:var(--brand)}
.maqam .mood{margin:0 0 6px;color:var(--gold);font-weight:700;font-size:13px}
.maqam p{margin:0 0 8px;font-size:14px}
.fineprint{font-size:13px;color:var(--muted);margin-top:14px}
.timeline-wrap{display:flex;align-items:center;gap:10px}
.timeline-wrap .timeline{flex:1;min-width:0}
.timeline-nav{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--brand);font-size:19px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:background .15s,color .15s}
.timeline-nav:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.row-slider-wrap{display:flex;align-items:center;gap:10px}
.row-slider-wrap>.playlists,.row-slider-wrap>.schools,.row-slider-wrap>.maqamat,.row-slider-wrap>.glossary{flex:1;min-width:0}
.row-slider-nav{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--brand);font-size:19px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:background .15s,color .15s}
.row-slider-nav:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
@media(max-width:1180px){
  .playlist{flex-basis:230px;max-width:230px}
  .school{flex-basis:230px;max-width:230px}
  .maqam,.riwaya{flex-basis:190px;max-width:190px}
  .term{flex-basis:220px;max-width:220px}
  .row-slider-nav{width:34px;height:34px;font-size:16px}
}
.timeline{list-style:none;margin:0;padding:10px 4px 20px;position:relative;display:flex;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:24px;scrollbar-width:thin}
.timeline li{flex:0 0 230px;max-width:230px;scroll-snap-align:start;display:flex;flex-direction:column;padding:0 16px;position:relative}
.timeline li::after{content:"";position:absolute;top:52px;left:0;right:0;height:2px;background:var(--line)}
.timeline li::before{content:"";position:absolute;right:calc(50% - 6px);top:46px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--gold);z-index:1}
.timeline time{display:block;font:700 21px/1.3 var(--display);color:var(--gold);margin:0 0 30px}
.timeline h3{margin:0;font-size:15.5px}
.timeline p{margin:4px 0 6px;color:var(--muted);font-size:13.5px;max-width:none}

/* ===== من القارئ ===== */
.quiz{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.quiz-score{display:flex;gap:16px;font-size:14px;color:var(--muted)}
.quiz-score b{color:var(--brand);font-size:18px}
.quiz-stage{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.quiz-play{width:64px;height:64px;border-radius:50%;border:0;background:var(--brand);color:#fff;font-size:22px;flex:none}
.quiz-q{margin:0;font:700 22px/1.4 var(--display)}
.quiz-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.quiz-opts button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);text-align:right;font-weight:500}
.quiz-opts button:hover:not(:disabled){border-color:var(--brand)}
.quiz-opts button.right{border-color:#2f8f5b;background:#e3f4ea;color:#185c37}
.quiz-opts button.wrong{border-color:#c45a3c;background:#fbe9e3;color:#8a2f17}
[data-theme=dark] .quiz-opts button.right{background:#173d2a;color:#b7ecc9}
[data-theme=dark] .quiz-opts button.wrong{background:#3d1f17;color:#f3c1b1}
.quiz-next{margin-top:14px}

/* ===== مكتبتي ===== */
.library{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lib-col h3{margin:0 0 8px;font-size:16px}
.lib-col h3 span{color:var(--muted);font-weight:400}
.lib-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-bottom:1px solid var(--line);background:none;text-align:right}
.lib-row:hover{background:var(--tint)}
.lib-row > span:not(.face){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}
.lib-row em{font-style:normal;font-size:13px;color:var(--muted)}
.lib-row small{font-size:11px;color:var(--gold)}
.lib-row i{font-style:normal;color:var(--brand)}

/* ===== صفحة القارئ ===== */
dialog{width:min(820px,94vw);max-height:90dvh;border:0;border-radius:var(--r-lg);padding:0;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px #0006}
dialog::backdrop{background:#04120cbb}
.dialog-close{position:sticky;top:10px;float:left;margin:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:var(--tint);font-size:24px}
.profile{padding:28px}
.profile-head{display:flex;gap:20px;align-items:center}
.profile h2{margin:0;font:700 34px/1.3 var(--display)}
.profile-life{margin:0 0 8px;color:var(--muted)}
.profile-bio{font-size:16px;line-height:1.95;max-width:68ch}
.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.profile h3{margin:22px 0 8px;font:700 22px var(--display)}
.profile-list{list-style:none;margin:0;padding:0}
.profile-list button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:9px 4px;text-align:right;font-weight:500}
.profile-list button:hover{background:var(--tint)}
.profile-list .n{width:34px;color:var(--gold);font:700 18px var(--display)}
.profile-list em{font-style:normal;color:var(--muted);font-size:13px;margin-right:auto;font-weight:400}
.profile-list i{font-style:normal;color:var(--brand)}
.profile-moshaf{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:10px}
.profile-moshaf select{height:38px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:0 8px;max-width:100%}
.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
.surah-grid button{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:6px 8px;text-align:right;font:400 16px var(--display)}
.surah-grid button span{color:var(--gold);font-size:12px;margin-left:6px;font-family:var(--ui)}
.surah-grid button:hover{border-color:var(--brand)}

/* ===== المشغّل ===== */
.player{position:fixed;left:0;right:0;bottom:0;z-index:800;display:grid;grid-template-columns:minmax(180px,1.2fr) auto minmax(200px,2fr) auto;align-items:center;gap:14px;padding:10px max(14px,calc((100vw - var(--wrap))/2)) calc(10px + env(safe-area-inset-bottom));background:var(--night);color:#fff;box-shadow:0 -10px 30px #0003}
.pl-now{display:flex;align-items:center;gap:10px;min-width:0}
.pl-meta{min-width:0;display:flex;flex-direction:column;line-height:1.35}
.pl-meta b{font:700 19px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-meta span{font-size:12px;color:#b9d0c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-controls{display:flex;align-items:center;gap:6px}
.pl-controls button,.pl-extra button{border:0;background:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:15px}
.pl-controls button:hover,.pl-extra button:hover{background:#ffffff18}
.pl-main{background:var(--gold-soft)!important;color:#14372a!important;width:46px!important;height:46px!important;font-size:17px!important}
.pl-seek{display:flex;align-items:center;gap:8px;font-size:12px;color:#b9d0c4;font-variant-numeric:tabular-nums}
.pl-seek input{flex:1;accent-color:var(--gold-soft)}
.pl-extra{display:flex;align-items:center;gap:2px}
.pl-extra select{height:32px;border:1px solid #ffffff30;border-radius:8px;background:transparent;color:#fff;padding:0 4px;font-size:12px}
.pl-extra select option{color:#000}
.pl-extra button.on{color:var(--amber)}
.pl-source{position:absolute;left:max(14px,calc((100vw - var(--wrap))/2));top:-20px;font-size:11px;color:var(--muted)}
.pl-queue{position:absolute;bottom:100%;left:max(14px,calc((100vw - var(--wrap))/2));width:min(380px,92vw);max-height:50vh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r) var(--r) 0 0;box-shadow:0 -10px 30px #0003}
.pl-queue header{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);font-size:14px}
.pl-queue button{display:flex;gap:10px;width:100%;border:0;background:none;padding:8px 14px;text-align:right;font-size:14px}
.pl-queue button span{color:var(--muted);width:22px}
.pl-queue button.on{background:var(--tint);color:var(--brand);font-weight:700}
.toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,20px);z-index:13000;background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

footer.footer{max-width:var(--wrap);margin:30px auto 0;padding:24px 18px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}
footer p{margin:4px 0}
.shortcuts{opacity:.8}

/* ===== لوحة التحكم ===== */
.cp-overlay{position:fixed;inset:0;z-index:10000;background:#04120ccc;display:grid;place-items:center;padding:16px}
.cp-overlay[hidden],.cp-edit-overlay[hidden]{display:none}
.cp-panel{width:min(1080px,100%);height:min(88dvh,900px);display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border-radius:var(--r-lg);overflow:hidden}
.cp-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:var(--night);color:#fff;flex-wrap:wrap}
.cp-header h2{margin:0;font:700 24px var(--display)}
.cp-header p{margin:0;font-size:13px;color:#b9d0c4}
.cp-header-actions,.cp-inline-actions,.cp-actions-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cp-panel button,.cp-edit-card button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-sm);padding:7px 12px;font-size:13px}
.cp-header button{background:#ffffff14;border-color:#ffffff30;color:#fff}
.cp-local-note{max-width:680px;margin-top:6px;padding:7px 10px;border:1px solid #e6cf9266;border-radius:8px;background:#e6cf9214;color:#fff4d1;font-size:12px;line-height:1.7}
.cp-panel button.active{background:var(--brand);border-color:var(--brand);color:#fff}
.cp-primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.cp-danger-lite{color:#b3452c!important}
.cp-tabs{display:flex;gap:4px;padding:10px 20px 0;border-bottom:1px solid var(--line)}
.cp-tabs button{border:0!important;border-radius:var(--r-sm) var(--r-sm) 0 0!important;background:none!important;padding:10px 14px!important;color:var(--muted)!important;font-size:14px!important}
.cp-tabs button.active{background:var(--tint)!important;color:var(--brand)!important;font-weight:700}
.cp-body{flex:1;overflow:auto;padding:20px}
.cp-tab{display:none}.cp-tab.active{display:block}
.cp-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.cp-section-head h3{margin:0;font:700 22px var(--display)}
.cp-section-head p{margin:0;color:var(--muted);font-size:13px}
.cp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cp-form-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500}
.cp-wide{grid-column:1/-1}
.cp-form-grid input,.cp-form-grid select,.cp-form-grid textarea,.cp-inline-actions input,.cp-photo-tools input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);padding:8px 10px;font-weight:400}
.cp-switch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:16px 0}
.cp-switch-grid label{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:14px}
.cp-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.cp-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--r)}
.cp-item:not(:has(.cp-thumb)){grid-template-columns:1fr auto}
.cp-item.is-hidden{opacity:.55}
.cp-item-main{min-width:0}
.cp-item-main p{margin:0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-meta{display:flex;gap:4px;margin-top:4px}
.cp-meta span{font-size:11px;background:var(--tint);border-radius:999px;padding:1px 8px}
.cp-item-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.cp-empty{padding:18px;text-align:center;color:var(--muted)}
.cp-tagpick{display:flex;flex-wrap:wrap;gap:6px;font-weight:400}
.cp-tagpick label{flex-direction:row!important;align-items:center;gap:4px!important;border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.cp-edit-overlay{position:fixed;inset:0;z-index:10500;background:#04120caa;display:grid;place-items:center;padding:16px}
.cp-edit-card{width:min(640px,100%);max-height:90dvh;overflow:auto;background:var(--surface);color:var(--ink);border-radius:var(--r-lg);padding:20px}
.cp-edit-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cp-edit-card h3{margin:0;font:700 22px var(--display)}
.cp-photo-drop{display:flex;gap:12px;align-items:center;border:2px dashed var(--line);border-radius:var(--r);padding:10px;cursor:pointer}
.cp-photo-drop.is-drag{border-color:var(--brand);background:var(--tint)}
.cp-photo-drop img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--tint)}
.cp-photo-drop div{display:flex;flex-direction:column;font-weight:400}
.cp-photo-drop span{font-size:12px;color:var(--muted)}
.cp-photo-tools{display:flex;gap:6px;margin-top:6px}
.cp-photo-tools input{flex:1}

/* ===== استجابة ===== */
@media(max-width:1060px){
  .filters{grid-template-columns:repeat(3,1fr)}
  .search-box{grid-column:1/-1}
  .radio{grid-template-columns:1fr}
  .today{display:grid;grid-template-columns:180px 1fr;column-gap:18px}
  .today-label{grid-column:1/-1}
  .today-photo{grid-row:span 5}
  .player{grid-template-columns:1fr auto;grid-template-areas:"now ctl" "seek seek" "extra extra";row-gap:6px}
  .pl-now{grid-area:now}.pl-controls{grid-area:ctl}.pl-seek{grid-area:seek}.pl-extra{grid-area:extra;justify-content:center}
  body.has-player{padding-bottom:150px}
}
@media(max-width:700px){
  .brand span{display:none}
  .topbar-home-return{padding:6px 10px;min-height:34px;font-size:12.5px}
  .topbar-home-return span:last-child{display:inline}
  .topbar{gap:8px}
  .hero{padding-top:16px}
  .stats{gap:14px;width:100%;justify-content:space-between}
  .stats dd{font-size:24px}
  .filters{grid-template-columns:1fr 1fr;top:54px;position:static}
  .dial-stations{height:80px}
  .dial-stations button{width:60px;font-size:10px}
  .dial-stations button:nth-child(even){bottom:34px}
  .dial-stations{height:96px}
  .dial{height:160px}
  .tick b{font-size:9px}
  .tick:not(.major) {display:none}
  .today{display:flex}
  .quiz-opts{grid-template-columns:1fr}
  .library{grid-template-columns:1fr}
  .timeline li{flex-basis:190px;max-width:190px;padding:0 12px}.timeline time{font-size:18px;margin-bottom:26px}.timeline-nav{width:34px;height:34px;font-size:16px}
  .profile{padding:20px}.profile-head{flex-direction:column;text-align:center}.profile-head .tags{justify-content:center}
  .cp-form-grid{grid-template-columns:1fr}
  .cp-item{grid-template-columns:1fr}.cp-item-actions{justify-content:flex-start}
  .cp-thumb{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== ضبط واجهة v40 حسب الاعتماد ===== */
/* غلاف البداية: العنوان سطر واحد، رفع الوصف الوقفي، وإضافة التوقيع النصي. */
.cover-kicker{position:relative;top:-14px;margin-bottom:-7px}
.site-cover h1{max-width:none;white-space:nowrap;font-size:clamp(16px,4.2vw,53px);line-height:1.18}
.cover-powered{position:absolute!important;z-index:4!important;bottom:10px;left:50%;transform:translateX(-50%);margin:0!important;max-width:none!important;white-space:nowrap;color:#d9e4de!important;font:500 12px/1.4 var(--ui)!important;letter-spacing:.02em}

/* الإحصاءات بجوار زر الوضع الليلي/النهاري. */
.topbar-tools{align-items:center;flex:none}
.topbar-stats{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap}
.topbar-stats div{display:flex;flex-direction:row-reverse;align-items:center;gap:4px;padding:3px 7px;border:1px solid #ffffff22;border-radius:999px;background:#ffffff0b;text-align:center}
.topbar-stats dt{order:initial;font-size:10px;line-height:1.2;color:#c7d9cf}
.topbar-stats dd{margin:0;font:700 15px/1 var(--display);color:var(--gold-soft)}

/* عنوان صفحة الموسوعة ووصفها في المنتصف. */
.hero{padding-top:16px}
.hero-inner{justify-content:center;align-items:center}
.hero-copy{width:100%;text-align:center}
.hero-copy p{margin:6px auto 0;max-width:78ch}

/* ضغط الفراغات العمودية غير الضرورية. */
.waqf{margin-top:12px;padding-top:10px;padding-bottom:12px}
main{padding-bottom:24px}
.section{padding:18px 0 4px}
.section-head{margin-bottom:12px}
.radio{padding-top:14px}
.filters{margin-bottom:12px}
.more{margin-top:14px}
footer.footer{margin-top:20px;padding-top:18px;padding-bottom:26px}

/* قسم المقامات: مساحة أصغر وخطوط أخف حجمًا. */
#maqamat.section{padding-top:24px}
#maqamat .section-head{margin-bottom:8px}
#maqamat .section-head h2{font-size:clamp(23px,2.5vw,31px)}
#maqamat .section-head p{font-size:13px;line-height:1.55}
.maqamat{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.maqam{padding:11px 12px}
.maqam h3{font-size:23px;line-height:1.15}
.maqam .mood{margin-bottom:3px;font-size:11.5px}
.maqam p{margin-bottom:5px;font-size:12.5px;line-height:1.55}
.fineprint{font-size:12px;line-height:1.55;margin-top:8px}

@media(max-width:1180px){
  .topbar{gap:8px}
  .navlinks a{padding-inline:8px;font-size:13px}
  .topbar-stats{max-width:430px;overflow-x:auto;scrollbar-width:none}
  .topbar-stats::-webkit-scrollbar{display:none}
}
@media(max-width:850px){
  .topbar-stats{max-width:310px}
  .topbar-stats div{padding:3px 6px}
  .topbar-stats dt{font-size:9px}
  .topbar-stats dd{font-size:13px}
}
@media(max-width:700px){
  .site-cover h1{font-size:clamp(13px,4.4vw,24px)}
  .cover-kicker{top:-10px;margin-bottom:-5px;font-size:12.5px!important}
  .cover-powered{bottom:7px;font-size:10.5px!important}
  .cover-foot{inset-inline:5%;bottom:8px;gap:8px}
  .cover-sound{margin-bottom:7px;min-width:108px;height:36px;padding-inline:12px;font-size:12px}.cover-sound-icon{font-size:15px}
  .cover-foot .cover-powered{font-size:10.5px!important}
  .cover-foot .cover-updated{font-size:10px;padding:4px 10px}
  .topbar{flex-wrap:wrap;padding-block:6px}
  .navlinks{order:3;flex-basis:100%}
  .topbar-tools{margin-inline-start:auto;max-width:calc(100% - 42px)}
  .topbar-stats{max-width:calc(100vw - 145px)}
  .hero{padding-top:20px}
  .section{padding-top:24px}
  .maqamat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .site-cover h1{font-size:clamp(12.5px,4.1vw,18px)}
  .topbar-stats{max-width:calc(100vw - 132px)}
  .maqamat{grid-template-columns:1fr 1fr}
  .maqam{padding:9px 8px}
  .maqam h3{font-size:21px}
}

/* إبقاء الإحصاءات كلها ظاهرة على الشاشات الصغيرة دون تمرير أفقي. */
@media(max-width:700px){
  .topbar-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(230px,calc(100vw - 150px));max-width:none;overflow:visible;white-space:normal;gap:2px}
  .topbar-stats div{min-width:0;padding:3px 4px;justify-content:center}
  .topbar-stats dt{font-size:8.5px;line-height:1.15;text-align:center}
  .topbar-stats dd{font-size:12.5px;flex:none}
}
@media(max-width:360px){
  .topbar-stats{width:min(190px,calc(100vw - 135px))}
  .topbar-stats dt{font-size:8px}
  .topbar-stats dd{font-size:12px}
}


/* ===== v41: الميداليات الزخرفية والأقسام المرجعية ===== */
.orn{background-size:cover;background-position:center;color:#f3e2bd}
.orn i{position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.ref-line{margin:0 0 8px;font-size:13px;color:var(--muted);line-height:1.6}
.ref-line b{color:var(--brand)}
.schools{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:24px;scrollbar-width:thin;padding:4px 2px 14px}
.school{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:8px;flex:0 0 280px;max-width:280px;scroll-snap-align:start}
.school h3{margin:0;font:700 22px/1.25 var(--display);color:var(--brand)}

.school p{margin:0;font-size:14px;line-height:1.7}
.school-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:6px}
.riwaya{padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);flex:0 0 230px;max-width:230px;scroll-snap-align:start}
.riwaya h3{margin:0;font:700 24px/1.2 var(--display);color:var(--brand)}
.riwaya .mood{margin:0 0 6px;color:var(--gold);font-weight:700;font-size:13px}
.riwaya p{margin:0 0 8px;font-size:14px;line-height:1.7}
.glossary{display:flex;gap:12px;margin:0;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:24px;scrollbar-width:thin;border-top:1px solid var(--line);padding:4px 2px 14px}
.term{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);flex:0 0 260px;max-width:260px;scroll-snap-align:start}
.term dt{font-weight:700;color:var(--brand);font-size:15px;margin-bottom:3px}
.term dd{margin:0;font-size:13.5px;line-height:1.7;color:var(--muted)}
.adab-title{margin:22px 0 8px;font:700 22px/1.3 var(--display);color:var(--brand)}
.adab{margin:0;padding-inline-start:20px;font-size:14px;line-height:1.9}
.adab li{margin-bottom:4px}
@media (max-width:640px){
  .schools{grid-template-columns:1fr;gap:10px}
  .school{padding:12px}
  .school h3{font-size:19px}
  .school p,.riwaya p{font-size:13px}
  .glossary{grid-template-columns:1fr}
}


/* ===== v41: تحسينات الاستخدام ===== */
.strip-toggle{display:block;margin:2px auto 0}
.strip-toggle.hidden{display:none}
.reader-strip.is-wrapped{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));max-height:none;overflow:visible}
.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 8px;flex-wrap:wrap}
.filter-bar #filtersToggle{display:none}
.result-count{font-size:13px;color:var(--muted);font-weight:700}
.result-count.is-filtered{color:var(--gold)}
.to-top{position:fixed;inset-inline-end:16px;bottom:16px;z-index:480;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--line);background:var(--surface);color:var(--brand);font-size:20px;font-weight:700;
  box-shadow:0 6px 20px rgba(0,0,0,.18);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}
.to-top.show{opacity:1;pointer-events:auto;transform:none}
body.has-player .to-top{bottom:104px}
@media(max-width:850px){
  .filter-bar #filtersToggle{display:inline-block}
  #filters{display:none}
  #filters.is-open{display:grid}
  .to-top{width:40px;height:40px;inset-inline-end:10px}
}

/* ===================== صفحة البث المباشر (v41) ===================== */
.live-hero{padding:34px 18px 16px;text-align:center;max-width:900px;margin:0 auto}
.live-hero h1{margin:4px 0 8px;font:800 clamp(26px,5vw,42px)/1.2 var(--display);color:var(--brand)}
.live-lede{margin:0 auto;max-width:620px;color:var(--muted);font-size:15px;line-height:1.8}
.live-back{display:inline-block;margin-bottom:14px;font-size:14px;font-weight:700;color:var(--brand);text-decoration:none}
.live-back:hover{text-decoration:underline}
.live-tabs{display:flex;gap:8px;justify-content:center;margin:0 auto 6px;max-width:1100px;padding:0 16px}
.live-tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;
  padding:9px 26px;font:700 15px/1 inherit;cursor:pointer;transition:.18s}
.live-tab.is-on{background:var(--brand);color:#fff;border-color:var(--brand)}
.live-pane.hidden{display:none}
.list-title{margin:22px 0 10px;font:700 20px/1.3 var(--display);color:var(--brand)}

/* --- جهاز الراديو --- */
.tuner{margin:0 0 18px}
.tuner-case{background:linear-gradient(165deg,#1d1408,#120d06 55%,#0b0805);
  border:1px solid #3a2c15;border-radius:18px;padding:18px 18px 7px;
  box-shadow:0 18px 42px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06)}
.tuner-brand{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;
  font:700 14px/1 var(--display);color:#c8a86a;letter-spacing:.5px}
.tuner-band{font-size:12px;opacity:.7;border:1px solid #6b552c;border-radius:6px;padding:3px 8px}
.dial{position:relative;height:118px;border-radius:10px;cursor:ew-resize;touch-action:none;
  background:linear-gradient(#ffffff,#f0f0f0);border:1px solid #d8d8d8;overflow:hidden;outline:none}
.dial:focus-visible{box-shadow:0 0 0 3px rgba(200,168,106,.55)}
.dial.is-dragging{cursor:grabbing}
.dial-glass{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 42%,rgba(0,0,0,.10))}
.dial-ticks,.dial-marks{position:absolute;inset:0}
.tick{position:absolute;top:0;width:1px;height:13px;background:#8a7340;opacity:.7}
.tick.major{height:22px;width:1.5px;background:#5d4a22;opacity:1}
.tick.major b{position:absolute;top:24px;inset-inline-start:50%;transform:translateX(50%);
  font:700 11px/1 var(--display);color:#5d4a22}
.mark{position:absolute;bottom:0;width:2px;height:34px;background:#1f6b4d;opacity:.75;cursor:pointer}
.mark.verified{background:#b8860b;opacity:1}
.mark b{position:absolute;bottom:36px;inset-inline-start:50%;transform:translateX(50%);
  white-space:nowrap;font:700 10px/1 inherit;color:#2c2413;background:rgba(246,236,212,.85);
  padding:2px 5px;border-radius:4px;opacity:0;transition:.15s;pointer-events:none;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.mark:hover b,.mark.is-on b{opacity:1}
.mark.is-on{background:#c0392b;opacity:1;box-shadow:0 0 9px rgba(192,57,43,.7)}
.dial-needle{position:absolute;top:-4px;bottom:-4px;width:3px;background:#c0392b;
  box-shadow:0 0 10px rgba(192,57,43,.75);transform:translateX(50%);transition:inset-inline-start .08s linear}
.dial-needle.is-gliding{transition:inset-inline-start .38s cubic-bezier(.22,1.1,.36,1)}
.dial.is-locked .dial-needle{background:#1f6b4d;box-shadow:0 0 14px rgba(31,107,77,.85)}
.tuner-readout{display:flex;align-items:baseline;gap:8px;margin-top:4px;color:#e8d8b0;flex-wrap:wrap}
.tuner-readout b{font:800 30px/1 var(--display);color:#f0c96a}
.tuner-readout span{font-size:12px;opacity:.75}
.tuner-readout em{margin-inline-start:auto;font-style:normal;font-size:13px;opacity:.85}
.tuner-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px}
.tuner-step{width:38px;height:38px;border-radius:50%;border:1px solid #6b552c;background:#241a0c;
  color:#e0c58a;font-size:22px;line-height:1;cursor:pointer}
.tuner-step:hover{background:#33240f}
.knob{--rot:-150deg;width:72px;height:72px;border-radius:50%;cursor:grab;touch-action:none;
  background:radial-gradient(circle at 32% 28%,#5a4a2c,#241a0c 70%);
  border:1px solid #6b552c;box-shadow:0 6px 16px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.12);
  display:grid;place-items:center}
.knob:active{cursor:grabbing}
.knob-face{width:56px;height:56px;border-radius:50%;transform:rotate(var(--rot));transition:transform .1s linear;
  background:repeating-conic-gradient(#2e2210 0 6deg,#241a0c 6deg 12deg);display:grid;place-items:start center}
.knob-mark{display:block;width:3px;height:17px;border-radius:2px;background:#f0c96a;margin-top:5px}
.tuner-noise{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:12px;
  color:#c8a86a;font-size:13px;cursor:pointer}

/* --- بطاقات المحطات --- */
.stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.station{border:1px solid var(--line);border-radius:var(--r);padding:15px;background:var(--surface);
  display:flex;flex-direction:column;gap:7px}
.station.is-verified{border-color:var(--gold)}
.station.is-playing{box-shadow:0 0 0 2px var(--brand) inset}
.st-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-head h3{margin:0;font:700 18px/1.3 var(--display);color:var(--brand)}
.st-badge{font-size:11px;font-weight:700;color:#7a5a10;background:rgba(184,134,11,.14);
  border:1px solid rgba(184,134,11,.4);border-radius:999px;padding:2px 8px}
.st-place{margin:0;font-size:13px;color:var(--muted)}
.st-freq{display:inline-block;min-width:44px;font-weight:800;color:var(--gold)}
.st-about{margin:0;font-size:13.5px;line-height:1.7}
.st-play{margin-top:auto}

/* --- مشغّل البث --- */
.live-player{position:fixed;inset-inline:0;bottom:0;z-index:500;display:flex;align-items:center;gap:12px;
  padding:10px 14px;background:var(--surface);border-top:1px solid var(--line);
  box-shadow:0 -6px 24px rgba(0,0,0,.16)}
.live-player.hidden{display:none}
.live-dot{width:10px;height:10px;border-radius:50%;background:#c0392b;flex:none;
  animation:livePulse 1.6s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(192,57,43,.55)}50%{opacity:.65;box-shadow:0 0 0 7px rgba(192,57,43,0)}}
.lp-meta{display:flex;flex-direction:column;min-width:0;flex:1}
.lp-meta b{font-size:15px;color:var(--brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-meta span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.has-live{padding-bottom:70px}

/* --- البث المرئي --- */
.tv-stage{margin-bottom:16px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#000}
.tv-frame{position:relative;padding-top:56.25%}
.tv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tv-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--surface)}
.tv-bar b{color:var(--brand)}

/* --- زر القسم الجديد في الصفحة الرئيسية --- */
.live-cta{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:13px 24px;
  border-radius:999px;border:1px solid var(--gold);background:var(--surface);color:#18583f;
  font:800 16px/1 var(--display);text-decoration:none;position:relative;
  animation:ctaBreathe 3.4s ease-in-out infinite}
.live-cta:hover{background:var(--brand);color:#fff;animation:none}
[data-theme=dark] .live-cta{color:var(--gold-soft)}
[data-theme=dark] .live-cta:hover{color:#fff}
.live-cta .cta-dot{width:9px;height:9px;border-radius:50%;background:#c0392b;flex:none}
.live-cta .cta-new{font-size:11px;font-weight:700;border:1px solid currentColor;border-radius:999px;padding:2px 7px;opacity:.85}
@keyframes ctaBreathe{0%,100%{box-shadow:0 0 0 0 rgba(184,134,11,.32)}50%{box-shadow:0 0 0 11px rgba(184,134,11,0)}}
@media (prefers-reduced-motion:reduce){
  .live-cta,.live-dot{animation:none}
  .dial-needle,.knob-face{transition:none}
}
@media (max-width:640px){
  .stations{grid-template-columns:1fr}
  .dial{height:104px}
  .mark-country{font-size:8.5px;padding:1px 3px}

  .tuner-case{padding:14px 12px 6px}
  .knob{width:62px;height:62px}
  .knob-face{width:48px;height:48px}
  .live-tab{padding:8px 18px;font-size:14px}
}

/* ============ v41: تلاوة اليوم في الأعلى + تقليل المساحات ============ */
.today-top{max-width:var(--wrap);margin:14px auto 0;padding:0 18px}
.today-top .today{flex-direction:row;align-items:center;gap:16px;padding:14px;position:relative;flex-wrap:wrap}
.today-top .today-label{position:absolute;top:-9px;inset-inline-start:20px;margin:0;background:var(--surface);
  padding:0 8px;border:1px solid var(--line);border-radius:999px;line-height:18px;font-size:11px}
.today-top .today-kicker{display:none}
.today-top .today-photo{flex:none;width:128px;aspect-ratio:1/1;align-self:center;border-radius:var(--r);overflow:hidden}
.today-top .today-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.today-orn{width:100%;height:100%;border-radius:var(--r);font-size:30px}
.today-top .today-body{min-width:220px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}
.today-top .today h3{margin:0;font:700 20px/1.3 var(--display);color:var(--brand)}
.today-top .today-name{margin:0;font-weight:700;color:var(--gold);font-size:14px}
.today-top .today-bio{margin:2px 0 0;font-size:13px;line-height:1.7;color:var(--muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.today-top .today-actions{display:flex;flex-direction:column;gap:8px;flex:none;align-self:center}
@media(max-width:640px){
  .today-top{margin-top:10px;padding:0 12px}
  .today-top .today{gap:11px;padding:11px}
  .today-top .today-photo{width:76px}
  .today-top .today-body{min-width:140px}
  .today-top .today-actions{flex-direction:row;flex-basis:100%;justify-content:stretch}
  .today-top .today-actions .btn{flex:1;text-align:center}
  .today-top .today h3{font-size:17px}
  .today-top .today-bio{-webkit-line-clamp:2;font-size:12px}
  .today-top .today-actions .btn{padding:6px 12px;font-size:13px}
}

/* أعلام الدول: صور SVG حقيقية محلية بدل رموز emoji، لأن أنظمة مثل ويندوز لا تعرض
   أعلام emoji كصورة بل كحرفين نصّيين. صورة صغيرة بحدّ خفيف تناسب أي خلفية. */
.flag{display:inline-block;width:14px;height:10px;object-fit:cover;border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.25);vertical-align:middle;flex:none}
.st-flag{width:20px;height:14px;margin-inline-end:7px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}

/* ===================== v41: أسماء المحطات على مِسطرتين دائمتين ===================== */
.dial-rails{position:relative;height:30px}
.dial-rails.top{margin-bottom:2px}
.dial-rails.bottom{margin-top:2px}
.rail-item{position:absolute;transform:translateX(50%);display:flex;flex-direction:column;align-items:center;
  cursor:pointer;max-width:120px}
.dial-rails.bottom .rail-item{flex-direction:column-reverse}
.rail-name{display:flex;align-items:center;gap:3px;font:700 9.5px/1.25 inherit;color:#4a3418;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:120px;transition:.15s;text-align:center}
.rail-stem{width:1px;height:9px;background:#8a7340;opacity:.65;margin:2px 0}
.rail-flag{width:13px;height:9px;flex:none}
.rail-item:hover .rail-name{color:#1f6b4d}
.rail-item.is-on .rail-name{color:#8c2118;font-weight:800}
.rail-item.is-on .rail-stem{background:#c0392b;opacity:1;height:12px}
.rail-item.is-dead .rail-name{color:#9a8c70;text-decoration:line-through}
.rail-item.is-hidden-label{visibility:hidden}
.mark-country{font:700 9px/1 inherit}
@media(max-width:640px){
  .dial-rails{height:26px}
  .rail-name{font-size:8.5px;max-width:74px}
  .rail-item{max-width:74px}
  .rail-flag{width:11px;height:8px}
}


/* ===================== v41: أيقونات الأقسام وزخارف خفيفة ===================== */
.sec-icon{width:1em;height:1em;flex:none;margin-inline-end:.42em;vertical-align:-.1em;
  fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.section-head h2,.radio h2{display:flex;align-items:center}
.radio h2 .sec-icon{stroke:var(--gold)}

/* فاصل زخرفي بين الأقسام — خطّ رفيع بمَعين ذهبي في وسطه */
.section + .section .section-head::before{content:'';position:absolute;inset-inline:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent)}
.section + .section .section-head{position:relative;padding-top:22px}
.section + .section .section-head::after{content:'';position:absolute;top:-4px;inset-inline-start:50%;
  width:8px;height:8px;margin-inline-start:-4px;transform:rotate(45deg);
  background:var(--bg);border:1px solid var(--gold);opacity:.75}

/* لمسة على بطاقة تلاوة اليوم */
.today-top .today{background-image:radial-gradient(circle at 100% 0,rgba(184,134,11,.09),transparent 46%)}
.today-face{width:100%;height:100%;border-radius:var(--r);font-size:30px}
@media(max-width:640px){
  .sec-icon{margin-inline-end:.3em}
  .section + .section .section-head{padding-top:16px}
}


/* لوحة الراديو الفاتحة: التدرّج والمِسطرتان على أرضية واحدة كزجاج المذياع القديم */
.dial-plate{background:linear-gradient(#f9f1dd,#ead9b6);border:1px solid #6b552c;border-radius:12px;
  padding:6px 10px 6px;box-shadow:inset 0 2px 7px rgba(90,70,30,.22)}
.dial-plate .dial{border-radius:7px;border-color:#a08a55}
.dial-plate .dial-rails{height:30px}
.dial-plate .dial-rails.top{margin-bottom:0}
.dial-plate .dial-rails.bottom{margin-top:0}
@media(max-width:640px){.dial-plate{padding:4px 7px 5px}.dial-plate .dial-rails{height:26px}}

/* Cover: no reader names; Mustafa Ismail is fixed at the top. */
.cover-reciter figcaption{display:none!important}
.cover-featured-reciter{z-index:4;pointer-events:none;cursor:default}
.cover-featured-reciter img{width:92px;height:92px;box-shadow:0 0 0 7px #0e2c2190,0 14px 34px #0009}

/* Super Admin authentication */
.admin-login-card{position:relative;width:min(430px,calc(100vw - 28px));margin:auto;background:var(--surface,#fff);color:var(--ink,#173229);border-radius:22px;padding:32px 26px;text-align:center;box-shadow:0 24px 80px #0005;border:1px solid #c8d7cf}
.admin-login-card .cp-x{position:absolute;inset-inline-start:14px;top:12px}
.admin-lock{font-size:38px;margin-bottom:8px}.admin-login-card h2{margin:4px 0 8px}.admin-login-card p{line-height:1.8;opacity:.78}
.admin-google{border:0;border-radius:12px;padding:12px 20px;background:#fff;color:#202124;font-weight:800;box-shadow:0 1px 5px #0003;cursor:pointer;margin-top:8px}.admin-google:hover{box-shadow:0 2px 8px #0004}
.admin-login-status{min-height:28px;font-size:13px;font-weight:700;color:#8b3a2b}

/* نصوص واجهة راديو الروائع: أخضر غامق عالي الوضوح. */
.dial-plate .tick b,
.dial-plate .dial-stations button,
.dial-plate .rail-name,
.dial-plate .mark-country{color:#164b37}
.dial-plate .rail-item:hover .rail-name,
.dial-plate .dial-stations button:hover{color:#0d6843}

/* زر الفوائد القرآنية — تمييز لطيف بدون التأثير على أزرار الغلاف الأخرى. */
.site-cover .cover-benefits{display:block;width:max-content;min-width:190px;margin:10px auto 0;text-decoration:none;text-align:center;background:linear-gradient(115deg,#ffe18c,#e9af43);color:#19432d;border:1px solid #ffeab0;box-shadow:0 4px 22px #dca83255,0 12px 34px #0005;animation:quran-benefits-glow 3.2s ease-in-out infinite}
.site-cover .cover-benefits:hover{background:linear-gradient(115deg,#ffeba8,#f5c15c);transform:translateY(-2px)}
.site-cover .cover-benefits:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes quran-benefits-glow{0%,100%{box-shadow:0 3px 16px #dca83235,0 12px 34px #0005;filter:brightness(1)}50%{box-shadow:0 2px 23px #ffdd82aa,0 12px 34px #0005;filter:brightness(1.09)}}
@media(prefers-reduced-motion:reduce){.site-cover .cover-benefits{animation:none}}

/* تدوير عنوان زر فوائد قرآنية بهدوء عبر اللغات الثماني، من دون تغيير وجهته. */
.site-cover .cover-benefits{width:min(305px,92vw);min-width:0;min-height:43px;display:flex;align-items:center;justify-content:center;padding:8px 14px}
.benefits-language-rotator{display:grid;place-items:center;width:100%;min-height:1.55em;position:relative;isolation:isolate}
.benefits-language-rotator>span{grid-area:1/1;max-width:100%;white-space:normal;text-align:center;opacity:0;animation:benefits-language-fade 32s ease-in-out infinite;animation-delay:calc(var(--language-index) * 4s)}
@keyframes benefits-language-fade{0%,9%{opacity:1}12.5%,100%{opacity:0}}
.site-cover .cover-benefits:is(:hover,:focus-visible) .benefits-language-rotator>span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.benefits-language-rotator>span{animation:none!important;opacity:0}.benefits-language-rotator>span:first-child{opacity:1}}

/* === v47 cover buttons compact spacing === */
.site-cover .cover-actions{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:8px}
.site-cover .cover-actions .cover-enter{
  min-height:36px;
  padding:6px 28px;
  margin:0!important;
  font-size:15.5px;
  line-height:1.15;
}
.site-cover .cover-actions #enterSite{cursor:pointer}
.site-cover .cover-actions .cover-reference,
.site-cover .cover-actions .cover-benefits{
  width:min(305px,88vw);
  min-width:0;
  min-height:36px;
  padding:6px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  text-align:center;
}
@media(max-width:640px){
  .site-cover .cover-actions{gap:7px;margin-top:7px}
  .site-cover .cover-actions .cover-enter{min-height:34px;padding:5px 22px;font-size:14.5px}
  .site-cover .cover-actions .cover-reference,
  .site-cover .cover-actions .cover-benefits{width:min(270px,84vw);min-height:34px;padding:5px 12px}
}


/* =====================================================================
   v48 — طبقة الهوية الموحّدة (امتداد لهوية الغلاف)
   الرموز والمكوّنات المشتركة في theme.css؛ هنا تطبيقها على الموسوعة والبث.
   ===================================================================== */

/* --- القراءة العامة --- */
body{font-size:15.5px;line-height:1.8;background:
  linear-gradient(180deg,color-mix(in srgb,var(--paper-2) 70%,var(--paper)) 0,var(--paper) 420px) no-repeat,var(--paper)}
.section-head p,.fineprint,.card-note,.today-bio{line-height:1.8}

/* --- الشريط العلوي: خيط ذهبي كإطار الغلاف --- */
.topbar{box-shadow:inset 0 -1px 0 rgb(230 207 146 / .22),0 8px 24px -18px rgb(0 0 0 / .6)}
.navlinks a{transition:background var(--t-fast),color var(--t-fast)}
.navlinks a.active{background:rgb(230 207 146 / .14);color:var(--gold-soft)}
.navlinks a.nav-ext{color:var(--gold-soft)}
.navlinks a.nav-ext:hover{background:rgb(230 207 146 / .14)}
.icon-btn{transition:background var(--t-fast),border-color var(--t-fast)}
.icon-btn:hover{border-color:rgb(230 207 146 / .6)}
.scroll-progress{background:linear-gradient(90deg,var(--gold),var(--gold-soft))}

/* --- الرأس: نفس أرضية الغلاف ونجمته --- */
.hero.qr-band{background:var(--band);padding-bottom:4px}
.hero .qr-orn{margin-top:14px}
.hero h1{text-shadow:0 4px 24px rgb(0 0 0 / .35)}
.live-cta{min-height:44px;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease)}
.live-cta:hover{transform:translateY(-1px)}
.waqf{border-top-color:rgb(230 207 146 / .22)}

/* --- عناوين الأقسام --- */
.section-head h2{color:var(--brand)}
.section-head p{font-size:14.5px}
.section + .section .section-head::before{background:linear-gradient(90deg,transparent,var(--line-strong) 18%,var(--line-strong) 82%,transparent)}
.section + .section .section-head::after{width:40px;height:12px;top:-6px;margin-inline-start:-26px;transform:none;border:0;opacity:1;
  background:var(--paper) var(--orn-diamond) center/contain no-repeat;padding:0 6px;background-origin:content-box;box-sizing:content-box}
.adab-title{color:var(--brand)}

/* --- الأزرار الموحّدة --- */
.btn{min-height:38px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease)}
.btn:hover{border-color:var(--gold);background:var(--surface)}
.btn:active{transform:translateY(1px)}
.btn.primary,.btn.active{box-shadow:0 8px 20px -12px rgb(24 88 63 / .8)}
.btn.primary:hover{border-color:var(--brand-2)}
.seg{box-shadow:var(--sh-1)}
.seg button{min-height:34px;transition:background var(--t-fast),color var(--t-fast)}
.seg button:not(.active):hover{color:var(--brand)}
.more:not(.btn),.more{border-radius:var(--r-pill)}
.linkish{text-decoration-color:color-mix(in srgb,var(--gold) 70%,transparent)}
.row-slider-nav,.timeline-nav{border-color:var(--line-strong);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.row-slider-nav:hover,.timeline-nav:hover{background:var(--brand);border-color:var(--gold)}

/* --- البطاقات الموحّدة: سطح واحد، حافة واحدة، ظل واحد، ارتفاع خفيف --- */
.card,.playlist,.school,.maqam,.riwaya,.term,.quiz,.today,.station,.lib-col{
  border-color:var(--line);border-radius:var(--r);box-shadow:var(--sh-1);
  transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t-fast)}
.card:hover,.playlist:hover,.school:hover,.maqam:hover,.riwaya:hover,.term:hover,.station:hover{
  transform:translateY(-2px);box-shadow:var(--sh-2),inset 0 2px 0 color-mix(in srgb,var(--gold) 70%,transparent);
  border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}
.card.is-playing{box-shadow:var(--sh-gold)}
.card-actions{border-top-color:var(--line)}
.card-actions button{min-height:44px;transition:background var(--t-fast),color var(--t-fast)}
.card-title,.playlist h3,.school h3,.maqam h3,.riwaya h3{color:var(--brand)}
.tag{background:var(--tint)}
.card-toggle{border-radius:var(--r)}
.lib-col{background:var(--surface);border:1px solid var(--line);padding:14px 16px}
.quiz-opts button{border-radius:var(--r-sm);min-height:48px;transition:border-color var(--t-fast),background var(--t-fast)}
.quiz-play{box-shadow:0 0 0 4px rgb(230 207 146 / .5),0 10px 24px -10px rgb(24 88 63 / .8)}
.today-top .today{border-color:color-mix(in srgb,var(--gold) 35%,var(--line))}
.today-top .today-label{color:var(--gold-ink);border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}
.reader-photo{transition:transform var(--t) var(--ease),box-shadow var(--t)}
.reader:hover .reader-photo{transform:translateY(-3px);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--gold),0 12px 22px -12px rgb(14 44 33 / .6)}

/* --- الفلاتر والحقول --- */
.filters{border-radius:var(--r);box-shadow:var(--sh-1)}
.filters input,.filters select,.profile-moshaf select{border-radius:var(--r-sm);transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.filters input:focus,.filters select:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgb(230 207 146 / .45)}
.alpha-btn{transition:background var(--t-fast),border-color var(--t-fast)}
.alpha-btn:hover{border-color:var(--gold)}

/* --- إذاعة الروائع: خزانة خضراء بإطار ذهبي كأنها قطعة من الغلاف --- */
.radio-cabinet{color:#e3efe8;background:var(--band);border:1px solid rgb(230 207 146 / .28);
  box-shadow:0 26px 60px -30px rgb(4 36 26 / .9),inset 0 1px 0 rgb(255 255 255 / .06)}
.radio-cabinet::before{background:var(--star-tile) 0 0/64px 64px;opacity:.06}
.radio h2{color:var(--gold-soft)}
.radio-head p,.onair,.channel-desc{color:#cfe1d7}
.channel-desc b{color:var(--gold-soft)}
.lamp{background:#3b2a16;box-shadow:inset 0 0 2px #000,0 0 0 2px rgb(230 207 146 / .2)}
#radio .dial{background:linear-gradient(#f9f1dd,#ead9b6);border:1px solid #a08a55;box-shadow:inset 0 2px 8px rgb(90 70 30 / .25),0 0 0 4px rgb(230 207 146 / .12)}
#radio.is-on .dial{background:radial-gradient(ellipse at 50% 125%,rgb(255 199 90 / .5),transparent 62%),linear-gradient(#fbf3de,#ecdab4)}
#radio .dial-stations button{color:#164b37}
#radio .dial-stations button.on{color:#0b3a26;font-weight:700}
.radio-power{min-height:42px;border:1px solid #f1dfa6;background:linear-gradient(115deg,#f3e2ae,#e6cf92 50%,#d9b86c);box-shadow:0 10px 24px -12px rgb(0 0 0 / .7);transition:transform var(--t-fast) var(--ease),filter var(--t-fast)}
.radio-power:hover{transform:translateY(-1px);filter:brightness(1.05)}
.radio .ghost-light{min-height:42px;border-color:rgb(230 207 146 / .5);color:#f3ecd6;background:rgb(5 39 30 / .3)}
.radio .ghost-light:hover{background:rgb(5 39 30 / .55);border-color:var(--gold-soft)}

/* --- المشغّل الموحّد --- */
.player{box-shadow:inset 0 1px 0 rgb(230 207 146 / .28),0 -12px 30px -18px rgb(0 0 0 / .7)}
.pl-meta b{color:var(--gold-soft)}
.pl-controls button,.pl-extra button{transition:background var(--t-fast)}
.toast{box-shadow:0 12px 30px -12px rgb(0 0 0 / .5)}

/* --- النوافذ --- */
dialog{border:1px solid var(--line)}
.profile h2,.profile h3{color:var(--brand)}
.dialog-close{transition:background var(--t-fast)}
.dialog-close:hover{background:var(--gold-soft);color:#14372a}

/* --- التذييل --- */
footer.footer{position:relative;border-top-color:var(--line-strong);line-height:1.8}
footer.footer::before{content:"";position:absolute;top:-7px;inset-inline-start:50%;width:40px;height:12px;margin-inline-start:-26px;padding:0 6px;box-sizing:content-box;background:var(--paper) var(--orn-diamond) center/40px 12px no-repeat;background-origin:content-box}

/* --- ظهور هادئ عند التمرير --- */
@supports (animation-timeline:view()){
  .section-head,.grid>.card,.stations>.station,.radio-cabinet,.today,.quiz,.library{
    animation:qr-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
}

/* ===================== صفحة البث المباشر ===================== */
.live-page .live-hero{max-width:none;margin:0;padding:26px 18px 30px}
.live-page .live-hero>*{position:relative;max-width:760px;margin-inline:auto}
.live-page .live-hero h1{color:var(--gold-soft);font-weight:700;text-shadow:0 4px 24px rgb(0 0 0 / .35);margin:10px auto 6px}
.live-page .live-hero .cover-kicker{display:flex;justify-content:center;color:var(--gold-soft);font-size:13px}
.live-page .live-lede{color:#dcebe2}
.live-page .live-back{display:inline-flex;align-items:center;gap:6px;margin:0 auto 12px;padding:7px 16px;border-radius:var(--r-pill);
  border:1px solid rgb(232 207 142 / .45);background:rgb(5 39 30 / .35);color:#f3ecd6;font-weight:600;text-decoration:none;transition:background var(--t-fast)}
.live-page .live-back:hover{background:rgb(5 39 30 / .6);text-decoration:none}
.live-page main{padding-top:6px}
.live-tabs{width:max-content;max-width:calc(100% - 32px);margin:-22px auto 8px;padding:4px;gap:4px;position:relative;z-index:2;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-2)}
.live-tab{border:0;min-height:40px;padding:9px 28px;font-family:var(--ui)}
.live-tab:not(.is-on):hover{color:var(--brand)}
.list-title{display:flex;align-items:center;gap:12px}
.list-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}
[dir=rtl] .list-title::after{background:linear-gradient(270deg,var(--line-strong),transparent)}

/* جهاز الراديو: خشب داكن مخضرّ وذهب — عائلة لونية واحدة مع الغلاف */
.tuner-case{background:linear-gradient(165deg,#0d3f2b,#082e1f 55%,#052216);border-color:rgb(230 207 146 / .3);
  box-shadow:0 22px 48px -22px rgb(4 36 26 / .95),inset 0 1px 0 rgb(255 255 255 / .06);position:relative;isolation:isolate;overflow:hidden}
.tuner-case::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--star-tile) 0 0/64px 64px;opacity:.05;pointer-events:none}
.tuner-brand{color:var(--gold-soft)}
.tuner-band{border-color:rgb(230 207 146 / .45)}
.tuner-readout{color:#dcebe2}
.tuner-readout b{color:var(--gold-soft)}
.tuner-step{border-color:rgb(230 207 146 / .45);background:#0a3323;color:var(--gold-soft);width:42px;height:42px}
.tuner-step:hover{background:#0f4430}
.tuner-noise{color:var(--gold-soft)}
.station{padding:16px}
.station.is-verified{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}
.st-badge{color:var(--gold-ink)}
[data-theme=dark] .st-badge{color:var(--gold-soft)}

/* مشغّل البث: نفس شريط المشغّل الأخضر في الموسوعة */
.live-player{background:var(--night);color:#fff;border-top:0;box-shadow:inset 0 1px 0 rgb(230 207 146 / .28),0 -12px 30px -18px rgb(0 0 0 / .7);
  padding:10px max(14px,calc((100vw - var(--wrap))/2)) calc(10px + env(safe-area-inset-bottom))}
.live-player .lp-meta b{color:var(--gold-soft);font:700 18px/1.3 var(--display)}
.live-player .lp-meta span{color:#b9d0c4}
.live-player .btn{background:transparent;border-color:rgb(255 255 255 / .25);color:#fff}
.live-player .btn.primary{background:var(--gold-soft);border-color:var(--gold-soft);color:#14372a}
body.has-live{padding-bottom:84px}
.live-page footer.footer a{color:var(--brand)}

/* ===================== ضبط الهاتف ===================== */
@media(max-width:700px){
  body{font-size:15px}
  .section-head h2{font-size:clamp(23px,6.4vw,28px)}
  .section-head p{font-size:13.5px}
  .radio-cabinet{padding:18px 14px 16px}
  .radio-foot{flex-direction:column;align-items:stretch}
  .radio-buttons{width:100%}
  .radio-buttons>*{flex:1}
  .card-actions button{min-height:46px}
  .filter-actions .btn{flex:1 1 auto}
  .live-page .live-hero{padding:20px 16px 34px}
  .live-tabs{margin-top:-24px}
  .live-tab{padding:8px 22px}
  .live-player{flex-wrap:wrap;gap:8px}
  .live-player .lp-meta{flex-basis:calc(100% - 30px)}
  .live-player .btn{flex:1}
  body.has-live{padding-bottom:124px}
  .qr-footer-links a{padding:8px 10px}
}
@media(max-width:430px){
  main{padding-inline:14px}
  .today-top{padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){
  .card:hover,.playlist:hover,.school:hover,.maqam:hover,.riwaya:hover,.term:hover,.station:hover,.reader:hover .reader-photo{transform:none}
}
@media(max-width:700px){
  #radio .dial{height:172px}
  #radio .dial-stations{height:112px}
  #radio .dial-stations button{width:64px;font-size:10.5px;line-height:1.25}
  #radio .dial-stations button:nth-child(even){bottom:46px}
}
@media(max-width:520px){.qr-topbar .qr-brand span{display:none}.qr-links a{padding:7px 10px;font-size:13.5px}}


/* === v54 — إحصاءات الزيارات داخل لوحة Super Admin === */
.cp-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.cp-stat-card{min-height:128px;padding:18px 16px;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--gold-soft) 6%),var(--surface));box-shadow:0 10px 28px #0000000d;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px}
.cp-stat-card span{font-weight:800;color:var(--brand);font-size:14px}.cp-stat-card strong{font-family:system-ui,sans-serif;font-size:34px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.cp-stat-card small{font-size:11px;line-height:1.5;opacity:.68}
.cp-stats-status{margin:14px 0 0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--brand) 7%,transparent);font-size:13px}.cp-stats-help{margin-top:10px;font-size:13px;opacity:.84}.cp-stats-help summary{cursor:pointer;font-weight:800}.cp-stats-help p{line-height:1.8;margin:8px 0 0}
@media(max-width:900px){.cp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cp-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.cp-stat-card{min-height:108px;padding:13px 9px}.cp-stat-card strong{font-size:28px}.cp-stat-card small{font-size:10px}}