/* ── 3ondokuz Kur'an okuyucusu (quran_detail_page.dart'ın web eşi) ──────
   Renkler MushafThemeData'dan (17 tema) --rd-* değişkenleriyle gelir; üç mod:
   meal kartları / mushaf kaydırmalı / mushaf tek ekran (fonta sığdırma).  */

.rd{position:relative;display:flex;flex-direction:column;height:calc(100vh - var(--hdr));min-height:560px;overflow:hidden;
  --rd-bg:#F8F6F0;--rd-txt:#1A1F2E;--rd-marker:#2D9F5D;--rd-marker-rgb:45,159,93;--rd-bsm:#2D9F5D;--rd-hb:#2D9F5D;--rd-ht:#1A1F2E;--rd-hbg:#EEF7F1;
  --rd-bar:#F8F6F0;--rd-bartxt:#1A1F2E;--rd-acc:#2D9F5D;--rd-acc-rgb:45,159,93;--rd-sec:#6B7280;--rd-line:#E5E7EB;--rd-card:#E5E7EB;--rd-tr:#1A1F2E;
  --rd-ar:38px;--rd-mar:26px;--rd-ml:16px;--rd-fit:34px;
  background:var(--rd-bg);color:var(--rd-txt);font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  -webkit-tap-highlight-color:transparent}
@supports(height:100dvh){.rd{height:calc(100dvh - var(--hdr))}}
@media(min-width:900px){
  .rd-wrap{padding:14px 20px 0;max-width:1160px;margin:0 auto}
  .rd{border-radius:28px;height:min(calc(100vh - var(--hdr) - 72px),940px);box-shadow:0 24px 60px rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.08)}
  @supports(height:100dvh){.rd{height:min(calc(100dvh - var(--hdr) - 72px),940px)}}
}
.rd.is-full{position:fixed;inset:0;z-index:1000;width:auto;height:100vh;max-height:none;min-height:0;border-radius:0;border:0;box-shadow:none;margin:0}
@supports(height:100dvh){.rd.is-full{height:100dvh}}
.rd *{box-sizing:border-box}
:where(.rd button){font:inherit;color:inherit;border:0;background:none;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.rd :where(a){color:inherit;text-decoration:none}
.rd :where(svg){display:block;width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rd :where(button,input,[tabindex]):focus-visible{outline:2px solid var(--rd-acc);outline-offset:2px}

/* Üst bar */
.rd-top{display:flex;align-items:center;gap:6px;height:56px;padding:0 10px 0 16px;flex:none;background:var(--rd-bar);color:var(--rd-bartxt);border-bottom:1px solid var(--rd-line);z-index:5}
.rd-title{flex:1;min-width:0;line-height:1.15}
.rd-title b{display:block;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-title span{display:block;font-size:12px;color:var(--rd-sec);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-tb{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--rd-bartxt);position:relative;flex:none;transition:background .15s}
.rd-tb:hover{background:rgba(var(--rd-acc-rgb),.1)}
.rd-tb.is-on{background:rgba(var(--rd-acc-rgb),.16);color:var(--rd-acc)}
.rd-tb svg{width:20px;height:20px}
.rd-tb .dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--rd-acc)}
@media(max-width:480px){.rd-top{padding:0 6px 0 12px;gap:2px}.rd-tb{width:36px;height:36px}.rd-tb svg{width:19px;height:19px}}

/* Gövde */
.rd-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 26px;scrollbar-width:thin;touch-action:pan-y;position:relative}
.rd.is-fit .rd-body{overflow:hidden;padding:14px 20px}
.rd-page{max-width:880px;margin:0 auto;transition:opacity .18s}
.rd-page.is-measuring{visibility:hidden}
.rd-frame{border:1.5px solid var(--rd-frame,var(--rd-line));border-radius:16px;padding:16px 18px 18px}
.rd.is-fit .rd-frame{height:100%}
@media(max-width:600px){.rd-frame{border:0;padding:0}}

/* Mushaf metni */
.rd-ar{font-family:"FeyzulFurkan",serif;font-size:var(--rd-ar);line-height:1.95;direction:rtl;text-align:center;margin:0;word-spacing:.05em}
.rd-ar.is-justify{text-align:justify;text-align-last:center}
.rd.is-fit .rd-ar{font-size:var(--rd-fit)}
.rd-v{cursor:pointer;border-radius:8px;padding:0 2px;transition:background .18s;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rd-v:hover{background:rgba(var(--rd-marker-rgb),.09)}
.rd-v.is-hl{background:rgba(var(--rd-marker-rgb),.2)}
.rd-v.is-playing{background:rgba(255,204,0,.28)}
.rd-m{color:var(--rd-marker);font-size:.86em;white-space:nowrap}
.rd-sj{color:var(--rd-marker);font-size:.8em}
.rd-sh{max-width:560px;margin:14px auto 10px;padding:10px 16px;border:1.5px solid var(--rd-hb);background:rgba(var(--rd-hbg-rgb),.13);color:var(--rd-ht);border-radius:14px;text-align:center}
.rd-sh .ar{font-family:"FeyzulFurkan",serif;font-size:1.9em;line-height:1.5;direction:rtl;color:var(--rd-ht)}
.rd-sh .tr{font-size:12.5px;color:var(--rd-sec);margin-top:2px;font-weight:600}
.rd-jz{max-width:560px;margin:10px auto 6px;padding:7px 14px;border-radius:999px;border:1px solid var(--rd-hb);color:var(--rd-ht);font-size:12.5px;font-weight:700;text-align:center;letter-spacing:.04em}
.rd-bsm{font-family:"FeyzulFurkan",serif;color:var(--rd-bsm);text-align:center;direction:rtl;font-size:calc(var(--rd-ar) * .95);line-height:1.8;margin:6px 0 10px}
.rd.is-fit .rd-bsm{font-size:calc(var(--rd-fit) * .95)}
.rd.is-fit .rd-sh{margin:6px auto 4px;padding:6px 14px}
.rd.is-fit .rd-sh .ar{font-size:1.4em}

/* Meal kartları */
.rd-card{padding:16px 2px 14px;border-bottom:1px solid rgba(var(--rd-marker-rgb),.18);scroll-margin-top:12px}
.rd-card.is-hl{background:rgba(var(--rd-marker-rgb),.09);border-radius:12px;padding-left:10px;padding-right:10px}
.rd-card.is-playing{background:rgba(255,204,0,.16);border-radius:12px;padding-left:10px;padding-right:10px}
.rd-card .hd{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.rd-badge{min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:var(--rd-acc);background:rgba(var(--rd-acc-rgb),.12);font-variant-numeric:tabular-nums}
.rd-chip{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:rgba(var(--rd-marker-rgb),.14);color:var(--rd-marker)}
.rd-card .hd .sp{flex:1}
.rd-card .ar{font-family:"FeyzulFurkan",serif;font-size:var(--rd-mar);line-height:1.95;direction:rtl;text-align:right;margin:2px 0 8px}
.rd-card .ar .rd-m{font-size:.8em}
.rd-card .tl{font-style:italic;color:var(--rd-sec);font-size:calc(var(--rd-ml) - 1px);line-height:1.55;margin:0 0 8px}
.rd-card .ml{font-size:var(--rd-ml);line-height:1.65;color:var(--rd-tr);margin:0}
.rd-card .tf{margin:10px 0 0;padding:10px 12px;border-left:3px solid rgba(var(--rd-marker-rgb),.5);background:rgba(var(--rd-marker-rgb),.06);border-radius:0 10px 10px 0;font-size:calc(var(--rd-ml) - 1px);line-height:1.6;color:var(--rd-tr)}
.rd-card .tf b{display:block;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--rd-marker);margin-bottom:4px}
.rd-card .tf .more{display:inline-block;margin-top:6px;font-weight:700;color:var(--rd-acc)}
.rd-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rd-acts button{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--rd-sec);background:rgba(var(--rd-acc-rgb),.07)}
.rd-acts button.is-on{color:var(--rd-acc);background:rgba(var(--rd-acc-rgb),.16)}
.rd-acts button svg{width:14px;height:14px}
.rd-more{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--rd-sec)}
.rd-more:hover{background:rgba(var(--rd-acc-rgb),.1)}
.rd-more svg{width:18px;height:18px}
.rd-note{margin-top:8px;padding:8px 12px;border-radius:10px;background:rgba(var(--rd-acc-rgb),.08);font-size:13px;line-height:1.5;color:var(--rd-tr)}
.rd-note b{color:var(--rd-acc);font-size:11px;letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:2px}


/* Ses çubuğu */
.rd-audio{display:none;align-items:center;gap:6px;padding:8px 12px;flex:none;background:var(--rd-bar);color:var(--rd-bartxt);border-top:1px solid var(--rd-line)}
.rd.has-audio .rd-audio{display:flex}
.rd-audio .who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.rd-audio .who b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-audio .who span{font-size:11.5px;color:var(--rd-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-ab{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--rd-bartxt);flex:none}
.rd-ab:hover{background:rgba(var(--rd-acc-rgb),.1)}
.rd-ab svg{width:19px;height:19px}
.rd-ab.is-play{width:46px;height:46px;background:var(--rd-acc);color:var(--rd-acc-on,#fff)}
.rd-ab.is-play svg{width:22px;height:22px}
.rd-ab .g-spin{width:20px;height:20px;border-radius:50%;border:2.2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:lp-spin .8s linear infinite}
.rd-ab.lbl{width:auto;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}

/* Boş / yükleniyor */
.rd-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--rd-sec);font-size:14px;gap:10px}
.rd-loading .g-spin{width:22px;height:22px;border-radius:50%;border:2.3px solid rgba(var(--rd-acc-rgb),.25);border-top-color:var(--rd-acc);animation:lp-spin .8s linear infinite}
.rd-toast{position:absolute;left:50%;bottom:120px;transform:translate(-50%,8px);z-index:60;pointer-events:none;background:var(--rd-txt);color:var(--rd-bg);padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;opacity:0;transition:opacity .2s,transform .2s;white-space:nowrap}
.rd-toast.is-in{opacity:1;transform:translate(-50%,0)}

/* Sheet ekleri (ortak .sh-* üstüne) */
.sh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 16px 10px}
.sh-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:14px;background:rgba(var(--sh-acc-rgb),.06);color:var(--sh-txt);font-size:11.5px;font-weight:600;text-align:center}
.sh-grid button svg{width:20px;height:20px;color:var(--sh-acc)}
.sh-grid button.is-on{background:rgba(var(--sh-acc-rgb),.16)}
.sh-grid button.is-on svg{color:var(--sh-acc)}
.sh-verse{padding:4px 20px 10px}
.sh-verse .ar{font-family:"FeyzulFurkan",serif;font-size:26px;line-height:1.9;direction:rtl;text-align:right}
.sh-verse .ml{font-size:14.5px;line-height:1.6;color:var(--sh-txt);margin-top:8px}
.sh-verse .tl{font-size:14px;line-height:1.6;color:var(--sh-dim);font-style:italic;margin-top:6px}
.sh-prose{padding:4px 20px 12px;font-size:15px;line-height:1.7;color:var(--sh-txt)}
.sh-prose p{margin:0 0 12px}
.sh-textarea{margin:6px 16px 10px}
.sh-textarea textarea{width:100%;min-height:130px;resize:vertical;border:0;border-radius:12px;padding:12px;font:inherit;font-size:15px;line-height:1.5;color:var(--sh-txt);background:rgba(var(--sh-acc-rgb),.06);outline:none}
.sh-textarea textarea:focus{box-shadow:0 0 0 1px rgba(var(--sh-acc-rgb),.5)}
.sh-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:6px 16px 12px}
.sh-theme{border-radius:12px;padding:10px 8px;border:2px solid transparent;text-align:center;font-size:11.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:6px}
.sh-theme .sw{width:100%;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:"FeyzulFurkan",serif;font-size:18px;direction:rtl;border:1px solid rgba(0,0,0,.08)}
.sh-theme.is-on{border-color:var(--sh-acc)}
.sh-opt{display:flex;align-items:center;gap:12px;padding:10px 20px;width:100%;text-align:left;color:var(--sh-txt)}
.sh-opt:hover{background:rgba(0,0,0,.04)}
.sh-opt .sw{width:22px;height:22px;border-radius:7px;border:2px solid rgba(var(--sh-acc-rgb),.4);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sh-opt.is-on .sw{background:var(--sh-acc);border-color:var(--sh-acc);color:#fff}
.sh-opt .sw svg{width:14px;height:14px}
.sh-opt .sw.is-radio{border-radius:50%}
.sh-opt .t{flex:1}
.sh-opt .t small{display:block;color:var(--sh-dim);font-size:12px;margin-top:1px}
.sh-preset{display:flex;align-items:center;gap:12px;width:100%;padding:10px 20px;text-align:left;color:var(--sh-txt)}
.sh-preset:hover{background:rgba(0,0,0,.04)}
.sh-preset.is-on{background:rgba(var(--sh-acc-rgb),.08)}
.sh-preset .t b{display:block;font-size:14.5px}
.sh-preset .t small{display:block;color:var(--sh-dim);font-size:12px;margin-top:2px}
.sh-result{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:11px 20px;color:var(--sh-txt);border-bottom:1px solid rgba(0,0,0,.05)}
.sh-result:hover{background:rgba(0,0,0,.04)}
.sh-result b{flex:none;height:24px;padding:0 9px;border-radius:999px;background:rgba(var(--sh-acc-rgb),.1);color:var(--sh-acc);font-size:12px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap;margin-top:1px}
.sh-result span{display:block;font-size:14px;line-height:1.5}
.sh-result mark,.sh-result span mark{background:#ffe066;color:#111;border-radius:3px;padding:0 1px}
.sh-hint{padding:0 20px 8px;font-size:12.5px;color:var(--sh-dim)}
/* Arama vurgusu (LP.searchHits) */
mark.lp-hit{background:#ffe066;color:#111;border-radius:3px;padding:0 1px;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.lp-hit-tag{position:absolute;z-index:44;display:inline-flex;align-items:center;gap:6px;background:#111;color:#fff;font:600 12px/1 Roboto,-apple-system,sans-serif;padding:7px 10px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.3);white-space:nowrap;max-width:calc(100% - 16px);cursor:pointer}
.lp-hit-tag .t{overflow:hidden;text-overflow:ellipsis;max-width:60vw}
.lp-hit-tag svg{width:13px;height:13px;flex:none}
.lp-hit-tag .x{opacity:.7;margin-left:2px}
/* Kitaplığım: işaret rengi */
.sh-dot{flex:none;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15);margin-top:4px}


/* Başlık = kitap seçici, konum etiketi = sayfaya git (uygulamadaki gibi) */
.rd-title-btn{display:block;max-width:100%;text-align:left;cursor:pointer;border-radius:8px;padding:0 4px;margin-left:-4px}
.rd-title-btn:hover{background:rgba(var(--rd-acc-rgb),.08)}
.rd-title-btn b{display:inline-block;max-width:100%;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.rd-title-btn b::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px;opacity:.55}
.rd-title .rd-title-sub{display:flex;align-items:center;gap:8px;min-width:0;margin-top:2px}
.rd-title .rd-title-sub>span:first-child{flex:0 1 auto;min-width:0;font-size:12px;color:var(--rd-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.rd-title .rd-pgedit{display:inline-flex;align-items:center;gap:3px;flex:none;color:var(--rd-sec);margin:0}
.rd-pgedit svg{width:12px;height:12px;opacity:.8}
.rd-pginput{width:54px;font:inherit;font-size:12px;font-weight:600;padding:2px 4px;border-radius:8px;border:1px solid var(--rd-line);background:rgba(var(--rd-acc-rgb),.06);color:var(--rd-txt);text-align:center;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.rd-pginput::-webkit-inner-spin-button,.rd-pginput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.rd-pginput:focus{outline:2px solid var(--rd-acc);outline-offset:1px;background:var(--rd-bg)}

@media(max-width:640px){.rd-title .rd-title-sub{display:none}.rd-title-btn b{font-size:15px}}

.rd-pgedit{display:inline-flex;align-items:center;gap:3px;color:var(--rd-sec)}

/* "Kaydettiklerim" metin düğmesi (mod düğmesiyle aynı dil) */
.rd-my{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;border-radius:999px;border:1px solid rgba(var(--rd-acc-rgb),.35);background:rgba(var(--rd-acc-rgb),.08);color:var(--rd-bartxt);font-size:12.5px;font-weight:700;white-space:nowrap;flex:none;margin:0 2px}
.rd-my svg{width:14px;height:14px}
@media(max-width:900px){.rd-top .rd-my span{display:none}.rd-top .rd-my{padding:0 8px}}

/* Geri dön pili (Kaydettiklerim'den gidilince) */
.rd-back{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);z-index:35;display:inline-flex;align-items:center;gap:2px;padding:4px 4px 4px 6px;border-radius:999px;background:var(--rd-txt);color:var(--rd-bg);box-shadow:0 10px 26px rgba(0,0,0,.28);max-width:calc(100% - 24px)}
.rd-back-go{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}
.rd-back-go svg{width:15px;height:15px}
.rd-back-x{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.75}
.rd-back-x svg{width:13px;height:13px}
.lp-hit-tag.is-share{background:#0A0A0A}

.rd-back-go small{font-size:11px;font-weight:700;opacity:.7;margin-left:2px}

/* ── Üst bar: "Sayfa N ✎" pili (uygulamadaki app bar page pill) ── */
.rd-pgpill{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;background:rgba(var(--rd-acc-rgb),.1);border:1px solid rgba(var(--rd-acc-rgb),.35);color:var(--rd-acc);font-size:12px;font-weight:700;white-space:nowrap;flex:none}
.rd-pgpill svg{width:12px;height:12px;opacity:.85}
@media(max-width:480px){.rd-pgpill{height:28px;padding:0 8px;font-size:11.5px}}
@media(max-width:900px){.rd-top .rd-my span{display:none}.rd-top .rd-my{padding:0 8px}}

/* ── Alt bar (uygulamadaki _buildNavBar / _buildBottomNav) ──
   satır 0 takip şeridi · satır 1 oturum / Okudum / Kuran Dinle / Tam Ekran / Paneli Gizle ·
   satır 2 Önceki Sayfa | başlık + konum ▾ | Sonraki Sayfa · satır 3 Okuma Görünümü (+ Tam Ekran) */
.rd-bottom{display:flex;flex-direction:column;flex:none;background:var(--rd-bar);color:var(--rd-bartxt);border-top:1px solid var(--rd-line);padding-bottom:env(safe-area-inset-bottom,0px)}
.rd-b-row{display:flex;align-items:center;gap:8px;min-width:0}
.rd-b-r1{padding:6px 8px 4px 12px}
.rd-b-r2{padding:4px 8px;border-top:1px solid var(--rd-line)}
.rd-b-r3{padding:2px 8px 8px;justify-content:center}
.rd-b-min{display:none;padding:6px 8px 6px 12px}
.rd-bottom.is-min>.rd-b-r1,.rd-bottom.is-min>.rd-b-r2,.rd-bottom.is-min>.rd-b-r3,.rd-bottom.is-min>.rd-goal{display:none}
.rd-bottom.is-min>.rd-b-min{display:flex}
.rd-b-sp{flex:1}
.rd-b-sess{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--rd-bartxt);opacity:.55;white-space:nowrap;min-width:0;overflow:hidden}
.rd-b-sess[hidden]{display:none}
.rd-b-sess svg{width:13px;height:13px}
.rd-b-read{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;font-size:11px;font-weight:700;color:var(--rd-bartxt);background:rgba(var(--rd-acc-rgb),.14);white-space:nowrap;flex:none}
.rd-b-read.is-on{background:var(--rd-acc);color:var(--rd-acc-on,#fff)}
.rd-b-read svg{width:13px;height:13px}
.rd-b-read.is-land{display:none}
.rd-b-audio{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;font-size:13px;font-weight:500;color:var(--rd-acc);white-space:nowrap}
.rd-b-audio:hover{background:rgba(var(--rd-acc-rgb),.08)}
.rd-b-audio svg{width:18px;height:18px}
.rd-b-audio.is-sm{font-size:12px}
.rd-b-audio.is-sm svg{width:16px;height:16px}
.rd-b-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:8px;background:var(--rd-line);color:var(--rd-bartxt);flex:none}
.rd-b-chip svg{width:20px;height:20px}
.rd-b-fs{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:20px;background:rgba(var(--rd-acc-rgb),.1);border:1px solid rgba(var(--rd-acc-rgb),.45);color:var(--rd-acc);flex:none}
.rd-b-fs:hover{background:rgba(var(--rd-acc-rgb),.18)}
.rd-b-fs svg{width:16px;height:16px}
.rd-b-nav{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 4px;border-radius:10px;font-size:9.5px;font-weight:500;color:var(--rd-bartxt);min-width:0;white-space:nowrap}
.rd-b-nav svg{width:16px;height:16px}
.rd-b-nav:hover{background:rgba(var(--rd-acc-rgb),.08)}
.rd-b-nav:disabled{opacity:.28;cursor:default;background:none}
.rd-b-sep{width:1px;height:28px;background:var(--rd-line);flex:none}
.rd-b-ctr{flex:2;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:4px 6px;border-radius:10px;color:var(--rd-bartxt);text-align:center}
.rd-b-ctr:hover{background:rgba(var(--rd-acc-rgb),.08)}
.rd-b-ctr.is-left{justify-content:flex-start;text-align:left;flex:1}
.rd-b-ctr-txt{min-width:0}
.rd-b-ctr .t{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-b-ctr .p{font-size:9.5px;color:var(--rd-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.rd-b-ctr>svg{width:18px;height:18px;color:var(--rd-sec);flex:none}
.rd-b-mode{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;background:rgba(var(--rd-acc-rgb),.1);border:1px solid rgba(var(--rd-acc-rgb),.45);color:var(--rd-bartxt);font-size:12px;font-weight:500;white-space:nowrap;min-width:0;max-width:100%}
.rd-b-mode:hover{background:rgba(var(--rd-acc-rgb),.18)}
.rd-b-mode svg{width:14px;height:14px;color:var(--rd-acc);flex:none}
.rd-b-mode svg:last-child{width:15px;height:15px}
.rd-b-mode b{color:var(--rd-acc);font-weight:700;overflow:hidden;text-overflow:ellipsis}
.rd-seg{display:inline-flex;padding:2px;border-radius:18px;background:rgba(var(--rd-acc-rgb),.05);border:1px solid var(--rd-line);flex:none}
.rd-seg-b{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600;color:var(--rd-bartxt);white-space:nowrap}
.rd-seg-b:hover{background:rgba(var(--rd-acc-rgb),.1)}
.rd-seg-b:disabled{opacity:.3;cursor:default;background:none}
.rd-seg-b svg{width:11px;height:11px}
/* Takip şeridi: alt barın 0. satırı (uygulamadaki _buildGoalStrip) */
.rd-goal{display:flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(var(--rd-acc-rgb),.08);border-bottom:1px solid var(--rd-line);color:var(--rd-txt);font-size:11px;font-weight:600;flex:none;text-decoration:none}
.rd-goal[hidden]{display:none}
.rd-goal svg{width:12px;height:12px;color:var(--rd-acc)}
.rd-goal-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-goal-n{color:var(--rd-acc);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Masaüstü / yatay: uygulamadaki tek satırlı bar — satırlar düzleşir, sıra: Okudum · konum · Önceki|Sonraki · Kuran Dinle · Okuma Görünümü · Tam Ekran · Paneli Gizle */
@media(min-width:900px){
  .rd-bottom{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px}
  .rd-bottom>.rd-goal{order:-1;flex:0 0 calc(100% + 24px);margin:-6px -12px 0;padding:5px 16px}
  .rd-b-r1,.rd-b-r2,.rd-b-r3,.rd-bottom.is-min>.rd-b-min{display:contents}
  .rd-b-sess,.rd-b-sep,.rd-b-sp{display:none}
  .rd-b-read.is-land{display:inline-flex}
  .rd-b-read{order:1}
  .rd-b-ctr{order:2;flex:1;justify-content:flex-start;text-align:left}
  .rd-b-ctr .t{font-size:12.5px}
  .rd-b-ctr .p{font-size:10.5px}
  .rd-b-nav{flex:none;flex-direction:row;gap:4px;padding:5px 11px;font-size:11px;font-weight:600;border:1px solid var(--rd-line);background:rgba(var(--rd-acc-rgb),.05)}
  .rd-b-nav svg{width:12px;height:12px}
  .rd-b-prev{order:3;border-radius:16px 0 0 16px;margin-right:-8px;border-right:0}
  .rd-b-next{order:4;flex-direction:row-reverse;border-radius:0 16px 16px 0}
  .rd-b-audio{order:5}
  .rd-b-mode{order:6}
  .rd-seg{order:3}
  .rd-b-fs{order:7}
  .rd-b-chip{order:8}
}

/* ── Tam Ekran (uygulamadaki immersive): üst/alt bar yok; ince durum satırı, alt tutamaç, kayan panel ── */
.rd.is-immersive>.rd-top,.rd.is-immersive>.rd-bottom{display:none}
.rd.is-immersive>.rd-body{padding-bottom:calc(46px + env(safe-area-inset-bottom,0px))}
.rd.is-immersive.is-fit>.rd-body{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
.rd-imm-status{flex:none;padding:5px 16px 3px;text-align:center;font-size:10.5px;font-weight:500;letter-spacing:.3px;line-height:1.1;color:var(--rd-marker);opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-imm-handle{position:absolute;left:0;right:0;bottom:0;height:calc(38px + env(safe-area-inset-bottom,0px));display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:30;transition:opacity .18s;cursor:pointer}
.rd-imm-handle.is-hidden{opacity:0;pointer-events:none}
.rd-imm-grip{width:76px;padding:3px 0;border-radius:14px;background:var(--rd-bar);border:1px solid var(--rd-line);box-shadow:0 2px 10px rgba(0,0,0,.12);display:flex;justify-content:center;color:var(--rd-bartxt);opacity:.94}
.rd-imm-grip svg{width:16px;height:16px;opacity:.7}
.rd-imm-panel{position:absolute;left:0;right:0;bottom:0;z-index:40;background:var(--rd-bar);color:var(--rd-bartxt);border-radius:22px 22px 0 0;border-top:1px solid var(--rd-line);box-shadow:0 -4px 18px rgba(0,0,0,.18);transform:translateY(105%);transition:transform .26s cubic-bezier(.33,1,.68,1);padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));pointer-events:none}
.rd-imm-panel.is-open{transform:none;pointer-events:auto}
.rd-imm-grab{display:flex;align-items:center;height:36px;padding-right:10px;gap:6px}
.rd-imm-bar{flex:1;height:100%;display:flex;align-items:center;justify-content:center}
.rd-imm-bar span{width:42px;height:4px;border-radius:2px;background:currentColor;opacity:.25}
.rd-imm-exit{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:14px;background:rgba(var(--rd-acc-rgb),.1);border:1px solid rgba(var(--rd-acc-rgb),.45);color:var(--rd-acc);font-size:12px;font-weight:600;white-space:nowrap}
.rd-imm-exit svg{width:14px;height:14px}
.rd-imm-done{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:14px;background:rgba(var(--rd-acc-rgb),.06);border:1px solid var(--rd-line);color:var(--rd-bartxt);font-size:12px;font-weight:600;white-space:nowrap}
.rd-imm-done svg{width:14px;height:14px}
.rd-imm-row{display:flex;align-items:center;gap:6px;padding:0 10px 4px 12px;min-width:0}
.rd-imm-r2{padding:2px 12px 4px}
.rd-imm-ic{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--rd-bartxt);flex:none}
.rd-imm-ic:hover{background:rgba(var(--rd-acc-rgb),.1)}
.rd-imm-ic.is-on{color:var(--rd-acc)}
.rd-imm-ic.is-on svg{fill:currentColor}
.rd-imm-ic svg{width:17px;height:17px}
.rd-imm-panel>.rd-audio{margin-top:4px}
/* Kur'an: sayfa sonu "Bu Sayfayı Okudum" kartı; Tam Ekran'da yerine Önceki · Okudum · Sonraki satırı */
.rd-cta{display:flex;align-items:center;gap:12px;width:100%;margin:18px 0 6px;padding:12px 16px 16px;border-radius:16px;background:rgba(var(--rd-acc-rgb),.08);border:1px solid rgba(var(--rd-acc-rgb),.3);color:var(--rd-txt);text-align:left}
.rd-cta.is-on{background:var(--rd-marker);border-color:transparent;color:var(--rd-acc-on,#fff)}
.rd-cta .bd,.rd-cta .tr{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--rd-acc-rgb),.15);color:var(--rd-acc)}
.rd-cta.is-on .bd,.rd-cta.is-on .tr{background:rgba(255,255,255,.22);color:inherit}
.rd-cta .bd svg,.rd-cta .tr svg{width:18px;height:18px}
.rd-cta .tx{flex:1;min-width:0}
.rd-cta .tx b{display:block;font-size:15px;font-weight:700}
.rd-cta .tx span{display:block;font-size:11.5px;font-weight:500;opacity:.78;margin-top:2px}
.rd-cta:not(.is-on) .tr svg{animation:rd-pulse 1.1s ease-in-out infinite alternate}
@keyframes rd-pulse{from{transform:translateX(0)}to{transform:translateX(4px)}}
.rd.is-immersive .rd-cta{display:none}
.rd-imm-foot{display:none;align-items:center;gap:4px;padding:4px;margin-top:10px}
.rd.is-immersive .rd-imm-foot{display:flex}
.rd-imm-nav{display:inline-flex;align-items:center;gap:3px;padding:6px 8px;border-radius:12px;font-size:11.5px;font-weight:500;color:var(--rd-acc);opacity:.85;white-space:nowrap;flex:none}
.rd-imm-nav:hover{background:rgba(var(--rd-acc-rgb),.1)}
.rd-imm-nav:disabled{opacity:.3;cursor:default}
.rd-imm-nav svg{width:15px;height:15px}
.rd-imm-foot .rd-b-read{flex:1;justify-content:center;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--rd-acc);border:1px solid rgba(var(--rd-acc-rgb),.3)}
.rd-imm-foot .rd-b-read.is-on{color:var(--rd-acc-on,#fff)}
.rd.is-fit .rd-cta{margin:10px 0 0;padding:8px 14px}
.rd.is-fit .rd-cta .tx b{font-size:13px}
.rd.is-fit .rd-cta .tx span{display:none}
.rd.is-fit .rd-imm-foot{margin-top:4px}
/* Geri dön pili alt barın üstünde durur (yüksekliği --rd-bh ile gelir) */
.rd-back{bottom:calc(var(--rd-bh,66px) + 10px)}
.rd.is-immersive .rd-back{bottom:48px}
.rd .rn-page .rd-imm-foot,.rd .lb-page .rd-imm-foot{margin:14px 0 4px}
/* "Takiplerim" sheet'i (okuyucu sağ üst) */
.tk-sheet-row{gap:10px;cursor:default}
.tk-sheet-row .sh-main{flex:1;min-width:0;cursor:pointer}
.tk-cont{display:inline-flex;align-items:center;gap:6px;flex:none;padding:8px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--rd-acc);background:rgba(var(--rd-acc-rgb),.12);white-space:nowrap}
.tk-cont svg{width:14px;height:14px}
.sh-acts{display:flex;gap:8px;padding:12px 14px 6px}
.sh-act{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 12px;border-radius:12px;font-weight:700;font-size:13.5px;text-decoration:none;color:var(--rd-acc);background:rgba(var(--rd-acc-rgb),.1)}
.sh-act.is-primary{background:var(--rd-acc);color:var(--rd-acc-on,#fff)}
.sh-act svg{width:15px;height:15px}

/* ── Paragraf işlemleri (Risale/Kütüphane, masaüstü): paragraf başında bağlantı ikonu → dikey mini menü ── */
.rn-p,.lb-p{position:relative}
.rn-pa{position:absolute;left:-26px;top:2px;width:22px;height:22px;border-radius:7px;display:none;align-items:center;justify-content:center;color:var(--rd-sec);background:rgba(var(--rd-acc-rgb),.08);opacity:.75;transition:opacity .12s,background .12s}
.rn-pa svg{width:12px;height:12px}
.rn-pa:hover,.rn-pa.is-open{opacity:1;background:rgba(var(--rd-acc-rgb),.16);color:var(--rd-acc)}
@media(hover:hover) and (pointer:fine){.rn-p:hover>.rn-pa,.lb-p:hover>.rn-pa,.rn-pa.is-open{display:inline-flex}}
.rn-pmenu{position:absolute;left:-26px;top:28px;z-index:46;display:flex;flex-direction:column;gap:2px;padding:4px;min-width:196px;border-radius:12px;background:#1c1c1e;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35);font-family:Roboto,-apple-system,sans-serif;text-align:left;direction:ltr}
.rn-pmenu>button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;text-align:left}
.rn-pmenu>button:hover{background:rgba(255,255,255,.12)}
.rn-pmenu>button svg{width:14px;height:14px;flex:none}
.rn-pm-colors{display:flex;align-items:center;gap:6px;padding:6px 10px 4px;border-top:1px solid rgba(255,255,255,.14);margin-top:2px}
.rn-pm-colors .lbl{font-size:11px;font-weight:600;color:rgba(255,255,255,.75);margin-right:auto;white-space:nowrap}
.rn-pm-colors button{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.rn-pm-colors .sw{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.55);display:block}
.rn-pm-colors button:hover .sw{transform:scale(1.15)}