/* ── Araçlar (tools_page.dart'taki araçların web eşleri) ─────────────────
   Açık site teması: beyaz zemin, siyah yazı; kartlar --card, çizgiler --line.
   Her araç `.tool.tool-<ad>` kökünde; ortak bileşenler burada, araç-özel
   kurallar aşağıda. Mini-uygulamalar (hıfz, camiler, arkaplan) kendi CSS'ini
   <style> ile ekler. */
.tool{--t-acc:#111;--t-acc-rgb:17,17,17;margin:8px 0 26px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
:where(.tool button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
:where(.tool button:disabled){opacity:.4;cursor:default}
.tool svg,.tool-grid svg,.ts-hub svg,.dua-sets svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tool .t-icon.is-fav svg,.tool .fav.is-on svg{fill:currentColor}
.t-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}
.t-card+.t-card{margin-top:14px}
.t-row{display:flex;align-items:center;gap:12px}
.t-grow{flex:1;min-width:0}
.t-muted{color:var(--dim);font-size:.9rem}
.t-chips{display:flex;flex-wrap:wrap;gap:8px}
.t-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.9rem;font-weight:600;color:var(--txt);transition:.15s}
.t-chip:hover{border-color:#111}
.t-chip.is-on{background:#111;color:#fff;border-color:#111}
.t-chip svg{width:16px;height:16px}
.t-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;background:#111;color:#fff;font-weight:600;font-size:.95rem;transition:.15s;white-space:nowrap}
.t-btn:hover{transform:translateY(-1px);opacity:.92}
.t-btn.is-ghost{background:#fff;color:#111;border:1px solid rgba(0,0,0,.25)}
.t-btn.is-danger{background:#fff;color:#b3261e;border:1px solid rgba(179,38,30,.35)}
.t-btn svg{width:18px;height:18px}
.t-icon{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--txt);flex:none}
.t-icon:hover{border-color:#111}
.t-icon.is-on{background:#111;color:#fff;border-color:#111}
.t-icon.is-fav{color:#e0245e;border-color:#e0245e}
.t-icon.is-fav svg{fill:currentColor}
.t-icon svg{width:19px;height:19px}
.t-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.t-stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.t-stat div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.t-stat b{display:block;font-size:1.4rem;line-height:1.1;font-variant-numeric:tabular-nums}
.t-stat small{color:var(--dim);font-size:.8rem}
.t-bar{height:8px;border-radius:4px;background:rgba(0,0,0,.08);overflow:hidden}
.t-bar i{display:block;height:100%;background:#111;border-radius:4px;transition:width .3s}
.t-empty{text-align:center;color:var(--dim);padding:36px 20px;line-height:1.5}
.t-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,10px);z-index:80;background:#111;color:#fff;padding:10px 18px;border-radius:999px;font-size:.9rem;font-weight:600;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}
.t-toast.is-in{opacity:1;transform:translate(-50%,0)}
.t-input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;font-size:1rem;background:#fff;color:var(--txt);outline:none}
.t-input:focus{border-color:#111}
.t-search{position:relative}
.t-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--dim)}
.t-search input{padding-left:42px}
.t-ar{font-family:"FeyzulFurkan","Amiri",serif;direction:rtl;line-height:1.95;font-size:1.7rem;text-align:center}
.t-lat{font-size:1.05rem;line-height:1.6}
.t-meal{font-size:.98rem;line-height:1.65;color:#333}
.t-sheet-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 20px;text-align:left;color:var(--sh-txt)}
.t-sheet-row:hover{background:rgba(0,0,0,.04)}
.t-sheet-row.is-on{background:rgba(var(--sh-acc-rgb),.1);font-weight:700}
.t-sheet-row small{color:var(--sh-dim);font-size:12px}
.t-seg{display:flex;padding:4px;border-radius:14px;background:rgba(0,0,0,.06);gap:2px}
.t-seg button{flex:1;padding:9px 6px;border-radius:11px;font-size:.88rem;font-weight:600;color:var(--dim);white-space:nowrap}
.t-seg button.is-on{background:#111;color:#fff}
.t-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}
.t-stepper button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}
.t-stepper button:hover{background:rgba(0,0,0,.05)}
.t-stepper input{width:76px;text-align:center;border:0;font:inherit;font-weight:700;font-size:1rem;outline:none;background:transparent;-moz-appearance:textfield}
.t-stepper input::-webkit-inner-spin-button,.t-stepper input::-webkit-outer-spin-button{-webkit-appearance:none}
.t-list{display:flex;flex-direction:column;gap:8px}
.t-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.t-item .t-grow b{display:block;font-size:.98rem}
.t-item .t-grow small{color:var(--dim);font-size:.82rem}
.t-item .ic{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);flex:none}
.t-item .ic svg{width:18px;height:18px}
.t-mini{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--dim);flex:none}
.t-mini:hover{background:rgba(0,0,0,.06);color:#111}
.t-mini svg{width:16px;height:16px}
.t-mini.is-danger:hover{color:#b3261e}
.t-h{font-size:1.15rem;font-weight:700;margin:0 0 10px}
.t-sub{color:var(--dim);font-size:.9rem;margin:-6px 0 14px}
kbd{font:inherit;font-size:.8em;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px;background:#fff}

/* Zikirmatik */
.tool-zikirmatik .z-wrap{display:grid;grid-template-columns:1fr 320px;gap:20px}
.tool-zikirmatik .z-main{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 20px}
.tool-zikirmatik .z-text{font-family:"SouvenirT",Georgia,serif;font-size:1.35rem;text-align:center;line-height:1.45;max-width:520px;min-height:1.4em}
.tool-zikirmatik .z-text.is-ar{font-family:"FeyzulFurkan",serif;direction:rtl;font-size:1.9rem;line-height:1.9}
.tool-zikirmatik .z-tap{position:relative;width:min(280px,72vw);height:min(280px,72vw);border-radius:50%;background:#111;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 50px rgba(0,0,0,.25);transition:transform .08s;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.tool-zikirmatik .z-tap:active{transform:scale(.97)}
.tool-zikirmatik .z-tap svg.ring{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);transform:rotate(-90deg)}
.tool-zikirmatik .z-tap .n{font-size:clamp(3rem,14vw,5rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.tool-zikirmatik .z-tap .t{font-size:.9rem;opacity:.7;margin-top:8px}
.tool-zikirmatik .z-side .t-card+.t-card{margin-top:12px}
.tool-zikirmatik .z-side h3{font-size:.95rem;margin:0 0 10px}
.tool-zikirmatik .z-saved{display:flex;flex-direction:column;gap:6px}
.tool-zikirmatik .z-saved button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;text-align:left}
.tool-zikirmatik .z-saved button.is-on{border-color:#111;background:rgba(0,0,0,.04)}
.tool-zikirmatik .z-saved button b{display:block;font-size:.92rem}
.tool-zikirmatik .z-saved button small{color:var(--dim);font-size:.78rem}
@media (max-width:820px){.tool-zikirmatik .z-wrap{grid-template-columns:1fr}}

/* Kaza */
.tool-kaza .k-rows{display:flex;flex-direction:column;gap:10px}
.tool-kaza .k-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.tool-kaza .k-row b{flex:1;font-size:1rem}
.tool-kaza .k-hist{display:flex;flex-direction:column;gap:10px}
.tool-kaza .k-day{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-top:8px}
.tool-kaza .k-log{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:.9rem}
.tool-kaza .k-log .d{font-weight:700;min-width:44px;text-align:center;border-radius:8px;padding:2px 6px}
.tool-kaza .k-log .d.is-neg{background:rgba(46,125,91,.12);color:#2e7d5b}
.tool-kaza .k-log .d.is-pos{background:rgba(179,38,30,.1);color:#b3261e}

/* Hatim */
.tool-hatim .h-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tool-hatim .h-preset{padding:16px;border-radius:16px;border:1px solid var(--line);background:#fff;text-align:left;transition:.15s}
.tool-hatim .h-preset:hover,.tool-hatim .h-preset.is-on{border-color:#111;background:rgba(0,0,0,.03)}
.tool-hatim .h-preset b{display:block;font-size:1.15rem}
.tool-hatim .h-preset small{color:var(--dim)}
.tool-hatim .h-today{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tool-hatim .h-pg{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:.9rem}
.tool-hatim .h-pg.is-done{background:#111;color:#fff;border-color:#111}
.tool-hatim .h-pg svg{width:14px;height:14px}
.tool-hatim .h-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:4px;margin-top:10px}
.tool-hatim .h-cell{aspect-ratio:1;border-radius:6px;background:rgba(0,0,0,.06);font-size:.62rem;display:flex;align-items:center;justify-content:center;color:var(--dim);font-variant-numeric:tabular-nums}
.tool-hatim .h-cell.is-done{background:#111;color:#fff}
.tool-hatim .h-cell.is-today{outline:2px solid #111;outline-offset:1px}

/* Görüntüleyiciler (Esma / Hadis / Vecize / Günün …) */
.t-viewer{position:relative;padding:34px 26px 24px;text-align:center;border-radius:24px;background:var(--card);border:1px solid var(--line);min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.t-viewer .rule{height:1px;background:rgba(0,0,0,.18);width:60%;margin:0 auto}
.t-viewer .q{font-family:"SouvenirT",Georgia,serif;font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.6;color:var(--txt)}
.t-viewer .q.is-hadis{font-style:italic}
.t-viewer .src{font-size:.9rem;color:var(--dim);font-weight:600}
.t-viewer .ar{font-family:"FeyzulFurkan","Amiri",serif;direction:rtl;font-size:2.6rem;line-height:1.8}
.t-viewer .esma-lat{font-size:1.6rem;font-weight:800;letter-spacing:-.01em}
.t-viewer .esma-no{position:absolute;top:14px;left:18px;font-size:.8rem;font-weight:700;color:var(--dim);background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.t-viewer .nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center}
.t-viewer .nav.l{left:-10px}.t-viewer .nav.r{right:-10px}
.t-viewer .nav svg{width:20px;height:20px}
.t-viewer .count{font-size:.8rem;color:var(--dim);font-variant-numeric:tabular-nums}
.t-viewer .link{font-size:.88rem;text-decoration:underline;color:var(--dim)}
.t-viewer-acts{display:flex;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}
@media (max-width:640px){.t-viewer{padding:30px 22px 22px}.t-viewer .nav{display:none}}

/* Lügat */
.tool-lugat .l-res{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.tool-lugat .l-term{padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.tool-lugat .l-term b{display:block;font-size:1.02rem;margin-bottom:4px}
.tool-lugat .l-term p{margin:0;color:#333;font-size:.93rem;line-height:1.55;white-space:pre-line}
.tool-lugat .l-term a{font-size:.8rem;color:var(--dim);text-decoration:underline}

/* Dinî günler */
.tool-dini .d-year{margin-top:22px}
.tool-dini .d-year h2{font-size:1.2rem;margin:0 0 10px}
.tool-dini .d-list{display:flex;flex-direction:column;gap:8px}
.tool-dini .d-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--txt)}
.tool-dini .d-item .stripe{width:5px;align-self:stretch;border-radius:3px;background:var(--st,#6d3e8c);flex:none}
.tool-dini .d-item b{display:block;font-size:.98rem}
.tool-dini .d-item small{display:block;color:var(--dim);font-size:.82rem}
.tool-dini .d-item .chip{flex:none;font-size:.78rem;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.06)}
.tool-dini .d-item .chip.is-today{background:#111;color:#fff}
.tool-dini .d-item .chip.is-soon{background:rgba(46,125,91,.12);color:#2e7d5b}
.tool-dini .d-item.is-past{opacity:.5}
.tool-dini .d-tabs{position:sticky;top:var(--hdr);z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:8px 0;display:flex;gap:8px;flex-wrap:wrap}

/* Tesbihat */
.tool-tesbihat .ts-bar{position:sticky;top:var(--hdr);z-index:6;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.tool-tesbihat .ts-audio{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;padding-top:8px;border-top:1px solid var(--line);margin-top:4px}
.tool-tesbihat .ts-audio .tt{flex:1;min-width:140px;font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tool-tesbihat .ts-audio input[type=range]{flex:1;min-width:100px;accent-color:#111}
.tool-tesbihat .ts-audio .tm{font-size:.78rem;color:var(--dim);font-variant-numeric:tabular-nums}
.ts-sec{margin:0 0 18px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.ts-note{font-size:.9rem;color:var(--dim);font-style:italic;margin-bottom:10px;line-height:1.5}
.ts-row{padding:8px 0;border-top:1px dashed rgba(0,0,0,.1)}
.ts-row:first-of-type{border-top:0}
.ts-ar{font-family:"FeyzulFurkan","Amiri",serif;direction:rtl;text-align:right;font-size:calc(1.65rem * var(--ts-scale,1));line-height:1.95}
.ts-lat{font-size:calc(1rem * var(--ts-scale,1));line-height:1.6;margin-top:4px}
.ts-meal{font-size:calc(.93rem * var(--ts-scale,1));line-height:1.6;color:#333;margin-top:4px}
.ts-meal .hd{font-weight:700;color:var(--dim);font-size:.85em;display:block}
.tool-tesbihat.hide-ar .ts-ar,.tool-tesbihat.hide-lat .ts-lat,.tool-tesbihat.hide-meal .ts-meal{display:none}
.tool-tesbihat.is-color .c-b{color:#111}.tool-tesbihat.is-color .c-g{color:#1f7a4d}.tool-tesbihat.is-color .c-r{color:#b3261e}.tool-tesbihat.is-color .c-bl{color:#1d4ed8}
.ts-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ts-hub a{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--txt);position:relative}
.ts-hub a:hover{border-color:#111}
.ts-hub a b{font-size:1.1rem}
.ts-hub a small{color:var(--dim);font-size:.85rem;line-height:1.4}
.ts-hub a .done{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;display:none;align-items:center;justify-content:center}
.ts-hub a.is-done .done{display:inline-flex}
.ts-hub a .done svg{width:14px;height:14px}

/* Dualar */
.dua-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.dua-sets a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--txt)}
.dua-sets a:hover{border-color:#111}
.dua-sets a b{display:block;font-size:.98rem}
.dua-sets a small{color:var(--dim);font-size:.82rem}
.dua-sets a .fv{margin-left:auto;color:#e0245e;display:none}
.dua-sets a.is-fav .fv{display:inline-flex}
.dua-sets a .fv svg{width:16px;height:16px;fill:currentColor}
.dua-item{padding:16px 0;border-top:1px solid var(--line)}
.dua-item:first-child{border-top:0}
.dua-item .no{font-size:.78rem;font-weight:700;color:var(--dim);margin-bottom:6px;display:flex;gap:8px;align-items:center}
.dua-item .no .rep{background:rgba(0,0,0,.06);border-radius:999px;padding:2px 8px}
.dua-ar{font-family:"FeyzulFurkan","Amiri",serif;direction:rtl;text-align:right;font-size:calc(1.7rem * var(--ts-scale,1));line-height:1.95;white-space:pre-line}
.dua-lat{font-size:calc(1rem * var(--ts-scale,1));line-height:1.65;margin-top:8px;white-space:pre-line}
.dua-meal{font-size:calc(.95rem * var(--ts-scale,1));line-height:1.65;color:#333;margin-top:8px;white-space:pre-line}
.tool-dua.hide-ar .dua-ar,.tool-dua.hide-lat .dua-lat,.tool-dua.hide-meal .dua-meal{display:none}
.tool-dua .ts-bar{position:sticky;top:var(--hdr);z-index:6;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}

/* Okuma listeleri / Kaydedilenler */
.tool-listeler .ol-list{margin-top:12px}
.tool-listeler .ol-items{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.tool-listeler .ol-item{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.tool-listeler .ol-item a{flex:1;font-weight:600}
.tool-listeler .ol-item small{color:var(--dim);margin-left:6px;font-weight:400}
.t-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.t-tabs button{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.88rem;font-weight:600;color:var(--dim)}
.t-tabs button.is-on{background:#111;color:#fff;border-color:#111}
.t-tabs button i{font-style:normal;opacity:.7;margin-left:4px}
.sv-item{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.sv-item .ar{font-family:"FeyzulFurkan","Amiri",serif;direction:rtl;text-align:right;font-size:1.5rem;line-height:1.9}
.sv-item .tx{font-family:"SouvenirT",Georgia,serif;font-size:1rem;line-height:1.55;margin-top:4px}
.sv-item .nt{margin-top:6px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.05);font-size:.92rem;line-height:1.5}
.sv-item .mt{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:.82rem;color:var(--dim)}
.sv-item .mt a{text-decoration:underline}
.sv-item .mt button{margin-left:auto;font-weight:700;color:#b3261e;font-size:.8rem}

/* Okuma takibi */
.tool-takip .rt-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.tool-takip .rt-head b{font-size:2.2rem;letter-spacing:-.02em}
.tool-takip .rt-chart{display:flex;align-items:flex-end;gap:4px;height:160px;margin-top:16px;padding-top:10px;border-bottom:1px solid var(--line)}
.tool-takip .rt-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:100%;cursor:pointer;min-width:0}
.tool-takip .rt-col .b{width:100%;max-width:26px;border-radius:5px 5px 0 0;background:rgba(0,0,0,.18);transition:height .3s;min-height:2px}
.tool-takip .rt-col.is-on .b{background:#111}
.tool-takip .rt-col .l{font-size:.62rem;color:var(--dim);white-space:nowrap}
.tool-takip .rt-split{display:flex;height:10px;border-radius:5px;overflow:hidden;background:rgba(0,0,0,.06);margin-top:14px}
.tool-takip .rt-split i{display:block;height:100%}
.tool-takip .rt-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:.85rem;color:var(--dim)}
.tool-takip .rt-legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:var(--c);vertical-align:-1px}

/* Radyo */
.tool-radyo .r-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:34px 20px;text-align:center}
.tool-radyo .r-ic{width:110px;height:110px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center}
.tool-radyo .r-ic svg{width:48px;height:48px}
.tool-radyo .r-live{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--dim)}
.tool-radyo .r-live i{width:9px;height:9px;border-radius:50%;background:#bbb}
.tool-radyo .r-live.is-on i{background:#e0245e;box-shadow:0 0 0 4px rgba(224,36,94,.2)}
.tool-radyo .r-play{width:74px;height:74px;border-radius:50%;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.tool-radyo .r-play svg{width:30px;height:30px}
.tool-radyo .r-vol{display:flex;align-items:center;gap:10px;width:min(320px,100%)}
.tool-radyo .r-vol input{flex:1;accent-color:#111}
.tool-radyo .r-vol svg{width:18px;height:18px;color:var(--dim)}

/* Aşırlar / Hıfz / SEO listeleri */
.asr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.asr-list a{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--txt)}
.asr-list a:hover{border-color:#111}
.asr-list a b{font-size:1.02rem}
.asr-list a small{color:var(--dim)}
.verse-block{padding:16px 0;border-top:1px solid var(--line)}
.verse-block:first-child{border-top:0}
.verse-block .vn{font-size:.78rem;font-weight:700;color:var(--dim);margin-bottom:6px}
.verse-block .ar{font-family:"FeyzulFurkan","Amiri",serif;direction:rtl;text-align:right;font-size:1.75rem;line-height:1.95}
.verse-block .tr{font-style:italic;color:#444;margin-top:6px;line-height:1.6}
.verse-block .ml{margin-top:6px;line-height:1.65}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tool-grid a{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--txt);transition:.15s}
.tool-grid a:hover{border-color:#111;transform:translateY(-1px)}
.tool-grid a .ic{width:42px;height:42px;border-radius:12px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
.tool-grid a .ic svg{width:20px;height:20px}
.tool-grid a b{display:block;font-size:1rem;margin-bottom:2px}
.tool-grid a small{color:var(--dim);font-size:.85rem;line-height:1.4}
.tool-grid h2{grid-column:1/-1;font-size:1.05rem;margin:14px 0 0;color:var(--dim);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.esma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.esma-grid a{padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--txt);text-align:center}
.esma-grid a:hover{border-color:#111}
.esma-grid a .ar{font-family:"FeyzulFurkan","Amiri",serif;direction:rtl;font-size:1.7rem;line-height:1.6}
.esma-grid a b{display:block;font-size:.98rem;margin-top:4px}
.esma-grid a small{display:block;color:var(--dim);font-size:.78rem;margin-top:4px;line-height:1.35}
.hadis-list,.vecize-list{display:flex;flex-direction:column;gap:10px}
.hadis-list a,.vecize-item{display:block;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--txt)}
.hadis-list a:hover{border-color:#111}
.hadis-list a p,.vecize-item p{margin:0;font-family:"SouvenirT",Georgia,serif;font-size:1.02rem;line-height:1.55}
.hadis-list a small,.vecize-item small{display:block;color:var(--dim);font-size:.8rem;margin-top:6px;font-weight:600}
.big-quote{font-family:"SouvenirT",Georgia,serif;font-size:clamp(1.25rem,2.6vw,1.7rem);line-height:1.6;margin:0 0 12px}
.big-quote.is-ar{font-family:"FeyzulFurkan","Amiri",serif;direction:rtl;text-align:right;font-size:2rem;line-height:1.9}
.src-line{color:var(--dim);font-weight:600;margin:0 0 18px}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.cat-grid a{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--txt);font-size:.92rem;display:flex;justify-content:space-between;gap:8px}
.cat-grid a:hover{border-color:#111}
.cat-grid a span{color:var(--dim);font-size:.82rem}
.alpha-nav{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.alpha-nav a{padding:6px 10px;border-radius:8px;border:1px solid var(--line);font-size:.85rem;font-weight:600;color:var(--txt)}
.term-list{columns:2;column-gap:20px}
.term-list a{display:block;padding:6px 0;border-bottom:1px solid var(--line);color:var(--txt);break-inside:avoid}
@media (max-width:640px){.term-list{columns:1}}
.def-body{white-space:pre-line;line-height:1.7;font-size:1.05rem}

/* Katman çubuğu (aşırlar / ayet blokları) */
.tool-layers .ts-bar{position:sticky;top:var(--hdr);z-index:6;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.tool-layers .verse-block .ar{font-size:calc(1.75rem * var(--ts-scale,1))}
.tool-layers .verse-block .tr{font-size:calc(1rem * var(--ts-scale,1))}
.tool-layers .verse-block .ml{font-size:calc(1rem * var(--ts-scale,1))}
.tool-layers.hide-ar .verse-block .ar,.tool-layers.hide-tr .verse-block .tr,.tool-layers.hide-ml .verse-block .ml{display:none}
/* Mobilde yapışkan çubuklar ekranın yarısını kaplamasın: kompakt */
@media (max-width:640px){
  .tool-tesbihat .ts-bar,.tool-dua .ts-bar,.tool-layers .ts-bar{top:var(--hdr);padding:7px 8px;gap:5px;border-radius:12px}
  .tool-tesbihat .ts-bar .t-chip,.tool-dua .ts-bar .t-chip,.tool-layers .ts-bar .t-chip{padding:5px 9px;font-size:.76rem}
  .tool-tesbihat .ts-bar .t-btn,.tool-dua .ts-bar .t-btn{padding:6px 10px;font-size:.76rem;gap:5px}
  .tool-tesbihat .ts-bar .t-btn svg,.tool-dua .ts-bar .t-btn svg{width:14px;height:14px}
  .tool-tesbihat .ts-bar .t-stepper button,.tool-dua .ts-bar .t-stepper button,.tool-layers .ts-bar .t-stepper button{width:30px;height:30px;font-size:.8rem}
  .tool-tesbihat .ts-audio{padding-top:5px;margin-top:2px;gap:6px}
  .tool-tesbihat .ts-audio .t-icon{width:34px;height:34px}
  .tool-tesbihat .ts-audio .t-icon svg{width:16px;height:16px}
  .tool-tesbihat .ts-audio .tt{min-width:0;flex:1}
  .tool-tesbihat .ts-audio .tt .t-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-flex}
  .tool-tesbihat .ts-audio input[type=range],.tool-tesbihat .ts-audio .tm{display:none}
  .tool-tesbihat .ts-bar.is-playing .ts-audio input[type=range]{display:block;flex-basis:100%;order:9}
  .tool-tesbihat .ts-bar.is-playing .ts-audio .tm{display:inline}
}

/* Sosyal paylaşım çubuğu */
.share-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}
.share-bar .share-lbl{font-size:.82rem;font-weight:700;color:var(--dim);margin-right:2px}
.share-bar a,.share-bar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-width:38px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--txt);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:none;transition:.15s}
.share-bar a:hover,.share-bar button:hover{border-color:#111;transform:translateY(-1px)}
.share-bar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.share-bar .share-wa{color:#128c7e}.share-bar .share-tg{color:#1d8fd6}.share-bar .share-fb{color:#1877f2}

/* ── Namaz vakitleri panosu (uygulama ana ekranı) ── */
.tool-prayer{margin:0 0 16px}
.ph-hero{background:#111;color:#fff;border-radius:26px;padding:22px 22px 18px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.ph-loading{display:flex;align-items:center;gap:10px;color:#bbb;font-size:.9rem;padding:20px 0}
.ph-loading .g-spin{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:lp-spin .8s linear infinite}
.ph-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ph-loc{display:inline-flex;align-items:center;gap:6px;padding:8px 12px 8px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:.92rem;border:0;cursor:pointer}
.ph-loc svg{width:16px;height:16px}
.ph-date{text-align:right}.ph-date b{display:block;font-size:.95rem}.ph-date small{color:#bbb;font-size:.8rem}
.ph-next{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 10px;flex-wrap:wrap}
.ph-nl small{display:block;color:#bbb;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.ph-nv{display:flex;align-items:baseline;gap:12px}.ph-nv b{font-size:2rem;letter-spacing:-.01em}.ph-nv span{font-size:1.4rem;color:#ddd;font-variant-numeric:tabular-nums}
.ph-cd{text-align:right}.ph-cd .n{font-size:clamp(2rem,6vw,2.8rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.ph-cd small{display:block;color:#bbb;font-size:.78rem;margin-top:4px}
.ph-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden;margin:6px 0 16px}.ph-bar i{display:block;height:100%;background:#fff;transition:width 1s linear}
.ph-times{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.ph-t{border-radius:14px;padding:10px 6px;text-align:center;background:rgba(255,255,255,.06)}
.ph-t small{display:block;color:#bbb;font-size:.72rem}.ph-t b{display:block;font-size:1.02rem;font-variant-numeric:tabular-nums;margin-top:2px}
.ph-t.is-cur{background:#fff;color:#111}.ph-t.is-cur small{color:#555}.ph-t.is-next{outline:1px solid rgba(255,255,255,.55)}
.ph-extra{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ph-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:#ddd;font-size:.78rem;text-decoration:none}
.ph-chip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ph-chip.is-warn{background:rgba(255,190,60,.2);color:#ffd27a}.ph-chip.is-link{color:#fff;border:1px solid rgba(255,255,255,.3)}
.ph-quick{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}
.ph-quick a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--txt);font-size:.82rem;font-weight:600;text-align:center;text-decoration:none;transition:.15s}
.ph-quick a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ph-quick a:hover{border-color:#111;transform:translateY(-1px)}
.ph-daily{margin:14px 0 20px}.ph-daily h2{font-size:1.15rem;margin:0 0 12px}.ph-daily .t-viewer{background:#fff}
.ph-seg{margin-bottom:12px}
.ph-month{margin-top:16px}.ph-mh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.ph-mh h2{font-size:1.15rem;margin:0}
.ph-table{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.ph-table table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}
.ph-table th,.ph-table td{padding:9px 10px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}
.ph-table th{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);background:var(--card)}
.ph-table td:first-child,.ph-table th:first-child{text-align:left}
.ph-table td:first-child b{display:block;font-size:.88rem;font-weight:600}.ph-table td:first-child small{color:var(--dim);font-size:.72rem}
.ph-table tr.is-today td{background:#111;color:#fff}.ph-table tr.is-today small{color:#bbb}
@media (max-width:640px){.ph-hero{padding:18px 16px 14px;border-radius:22px}.ph-times{grid-template-columns:repeat(3,1fr)}.ph-next{flex-direction:column;align-items:flex-start;gap:8px}.ph-cd{text-align:left}.ph-quick{grid-template-columns:repeat(3,1fr)}.ph-date{text-align:left}.ph-top{flex-direction:column}}
/* .listen .wrap flex sütunu: tablo min-width'i kardeşleri genişletmesin */
.listen .wrap > .tool-prayer,.listen .wrap > .ph-month-wrap,.listen .wrap > .ph-daily,.listen .wrap > .ph-quick,.listen .wrap > .tool{min-width:0;max-width:100%;width:100%}
.ph-table{max-width:100%}
/* main.listen sütun flex: .wrap öğesi min-content (560px tablo) kadar genişlemesin */
main.listen>.wrap,main.listen>.ph{min-width:0;width:100%;max-width:1120px}

/* Hesabım (/hesap/) */
.tool-hesap{max-width:760px}
.hs-card+.hs-card{margin-top:14px}
.hs-hero{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}
.hs-ic{width:52px;height:52px;border-radius:16px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
.hs-ic svg{width:26px;height:26px}
.hs-checks{margin:4px 0 18px}
.hs-google{background:#fff;color:#111;border:1px solid rgba(0,0,0,.25);padding:12px 22px;font-size:1rem}
.hs-google .g-logo{width:20px;height:20px}
.hs-note{margin-top:14px;font-size:.85rem}
.hs-av{width:56px;height:56px;border-radius:50%;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;overflow:hidden;flex:none}
.hs-av img{width:100%;height:100%;object-fit:cover;display:block}
.hs-domains{margin-top:10px}
.hs-domains .t-chip{font-size:.82rem;padding:6px 12px}
.hs-card.is-danger{border-color:rgba(179,38,30,.25)}
.acct.is-busy{opacity:.6;pointer-events:none}

/* ── Ana sayfa panosu (dashboard_screen.dart'ın web eşi; Mono paleti) ── */
.dash,.pc,.dash-host{--d-acc:#0A0A0A;--d-acc-rgb:10,10,10;--d-card:#F5F5F5;--d-line:#E5E5E5;--d-sec:#6B6B6B}
.dash{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#0A0A0A}
.pc{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.dash-in{max-width:1240px;margin:0 auto;padding:0 0 12px}
.dash-cols{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:840px){.dash-cols{grid-template-columns:1fr 1fr;gap:0 16px;align-items:start}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dh{padding:20px 24px 4px}
.dh-r1{display:flex;align-items:center;gap:6px}
.dh-brand{flex:1;margin:0;font-size:0;line-height:0}
.dh-brand img{height:32px;width:auto;display:block}
.dh-ib{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#0A0A0A;background:transparent;border:0;cursor:pointer}
.dh-ib:hover{background:rgba(0,0,0,.05)}
.dh-ib svg{width:24px;height:24px}
.dh-r2{display:flex;align-items:center;gap:6px;margin-top:2px}
.dh-dates{flex:1;min-width:0}
.dh-dates b{display:block;font-size:13px;font-weight:600;letter-spacing:-.1px;line-height:1.3}
.dh-dates small{display:block;font-size:12px;font-weight:500;color:var(--d-acc);margin-top:3px}
.dh-loc{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;background:rgba(var(--d-acc-rgb),.08);color:var(--d-acc);font:500 12px/1.2 inherit;border:0;cursor:pointer;max-width:170px}
.dh-loc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dh-loc svg{width:14px;height:14px;flex:none}
/* Namaz kartı — odak */
.pc{padding:6px 24px}
.pc-hero{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 18px;border-radius:20px;border:0;cursor:pointer;color:#fff;text-align:center;background:linear-gradient(135deg,var(--d-acc),rgba(var(--d-acc-rgb),.75));font-family:inherit}
.pc-hero.is-loading{min-height:120px;justify-content:center;gap:10px;font-size:13px;color:rgba(255,255,255,.8);cursor:default}
.pc-hero.is-loading .g-spin{border-color:rgba(255,255,255,.35);border-top-color:#fff}
.pc-err{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border-radius:16px;background:var(--d-card);border:1px solid rgba(244,67,54,.2);font:inherit;font-size:13px;color:var(--d-sec);text-align:left;cursor:pointer}
.pc-err svg{width:22px;height:22px;flex:none}.pc-err span{flex:1}
.pc-loc{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:rgba(255,255,255,.75)}
.pc-loc svg{width:12px;height:12px}
.pc-vakit{font-size:20px;font-weight:700;line-height:1.15;margin-top:8px}
.pc-label{font-size:12px;color:rgba(255,255,255,.8);margin-top:6px}
.pc-cd{margin-top:4px;line-height:1.05;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;justify-content:center}
.pc-cd .n{font-size:54px;font-weight:700;letter-spacing:-1.5px}
.pc-cd .s{font-size:24px;font-weight:600;color:rgba(255,255,255,.75)}
.pc-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;margin-top:14px;font-size:11.5px;color:rgba(255,255,255,.85);line-height:1.25}
.pc-foot>span:first-child{flex:4;text-align:left}.pc-foot .pc-hij{flex:4;text-align:right}
.pc-ker{flex:3;display:flex;flex-direction:column;align-items:center;font-size:10.5px;color:rgba(255,255,255,.75)}
.pc-ker b{font-weight:700}.pc-ker.is-on{color:#fff}.pc-ker.is-on small{font-weight:700}
.pc-deck{position:relative;display:block;width:100%;margin-top:8px;padding:0 0 22px;border:0;background:none;cursor:pointer;font:inherit;color:inherit;text-align:left}
.pc-front{position:relative;z-index:2}
.pc-cover{position:absolute;left:12px;right:12px;bottom:0;height:44px;border-radius:14px;background:var(--d-card);border:1px solid rgba(var(--d-acc-rgb),.08);display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;font-size:10px;font-weight:500;color:rgba(10,10,10,.45);letter-spacing:-.1px;z-index:1}
.pc-cover.is-warn{font-weight:600;color:var(--d-acc)}
.pc-times{display:flex;justify-content:space-around;padding:10px 8px;border-radius:14px;background:var(--d-card);border:1px solid rgba(var(--d-acc-rgb),.16)}
.pc-t{display:flex;flex-direction:column;align-items:center;gap:4px}
.pc-t small{font-size:10px;font-weight:500;color:var(--d-sec)}
.pc-t b{font-size:12px;font-weight:500}
.pc-t.is-next small{font-weight:700;color:var(--d-acc)}.pc-t.is-next b{font-weight:700;color:var(--d-acc)}
.pc-kface{padding:12px 14px;border-radius:14px;background:var(--d-card);border:1px solid rgba(var(--d-acc-rgb),.16)}
.pc-kh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}
.pc-kh b{font-weight:700}.pc-kh small{color:var(--d-sec);font-size:11px}
.pc-kbands{display:flex;gap:6px;margin-top:10px}
.pc-kb{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:10px;background:#fff;border:1px solid rgba(var(--d-acc-rgb),.1);font-size:11px}
.pc-kb small{color:var(--d-sec);font-size:10px}.pc-kb b{font-weight:600;font-variant-numeric:tabular-nums}
.pc-kb.is-on{background:var(--d-acc);color:#fff}.pc-kb.is-on small{color:rgba(255,255,255,.75)}
.pc-kfz{margin-top:10px;font-size:10.5px;line-height:1.4;color:var(--d-sec)}
.pc-cities{display:flex;gap:8px;overflow-x:auto;padding:0 0 6px;margin:0 0 4px;scrollbar-width:none}
.pc-city{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:20px;border:1px solid rgba(var(--d-acc-rgb),.14);background:transparent;font:500 12px/1 inherit;color:var(--d-sec);white-space:nowrap;cursor:pointer}
.pc-city svg{width:11px;height:11px}
.pc-city.is-on{background:rgba(var(--d-acc-rgb),.12);border-color:rgba(var(--d-acc-rgb),.45);color:var(--d-acc);font-weight:700}
/* Hızlı erişim */
.qa{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:6px 24px}
.qa-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px;border-radius:16px;background:var(--d-card);border:1px solid rgba(var(--d-acc-rgb),.1);box-shadow:0 2px 8px rgba(0,0,0,.03);color:#0A0A0A;text-decoration:none;transition:.12s}
.qa-btn:hover{transform:translateY(-1px);border-color:rgba(0,0,0,.25)}
.qa-btn svg{width:28px;height:28px;color:rgba(10,10,10,.7)}
.qa-btn span{font-size:12px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.qa.is-tail1>.qa-btn:last-child{grid-column:2}
.qa.is-tail2>.qa-btn:nth-last-child(2){grid-column:1}
/* Devam kartları */
.dash-cards{padding:0 24px}
.dash-cards:empty{display:none}
.cc-wrap{position:relative;margin:4px 0}
.cc{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--d-acc);color:#fff;text-decoration:none;margin:4px 0}
.cc-wrap .cc{padding-right:40px;margin:0}
.cc-ic{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.15);display:inline-flex;align-items:center;justify-content:center;flex:none}
.cc-ic svg{width:22px;height:22px}
.cc-tx{flex:1;min-width:0}
.cc-tx b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-tx small{display:block;font-size:12px;color:rgba(255,255,255,.85);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-primary,.dash-secondary{min-width:0}
.cc{min-width:0;max-width:100%}
.dash-chain{padding-top:10px}
.cc.cc-chain{background:#1E8E5A;box-shadow:0 8px 24px rgba(30,142,90,.25)}
.cc.cc-chain .cc-ic{background:rgba(255,255,255,.2)}
.cc.cc-chain .cc-badge{flex:none;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.2);white-space:nowrap}
.cc.cc-chain .cc-badge.is-done{background:#fff;color:#1E8E5A}
.cc-chev{color:rgba(255,255,255,.85)}.cc-chev svg{width:14px;height:14px}
.cc-x{position:absolute;top:0;right:0;width:44px;height:44px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.85)}
.cc-x svg{width:13px;height:13px;padding:4px;box-sizing:content-box;border-radius:50%;background:rgba(255,255,255,.14)}
/* Günün içeriği */
.dc{margin:4px 24px;padding:16px 20px 20px;border-radius:16px;background:var(--d-card);border:1px solid rgba(var(--d-acc-rgb),.08)}
.dc-tabs{display:flex}
.dc-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;padding:0;font:500 12.5px/1.2 inherit;letter-spacing:-.1px;color:rgba(10,10,10,.4);cursor:pointer;transition:color .25s}
.dc-tab i{display:block;width:0;height:2px;border-radius:2px;background:var(--d-acc);transition:width .25s}
.dc-tab.is-on{font-weight:700;color:var(--d-acc)}.dc-tab.is-on i{width:20px}
.dc-rule{height:1px;background:rgba(var(--d-acc-rgb),.08);margin:8px 0 18px}
.dc-body{cursor:default}
.dc-ar{font-family:"FeyzulFurkan","Amiri",serif;font-size:22px;line-height:2;direction:rtl;text-align:center}
.dc-tr{font-size:14px;line-height:1.6;color:var(--d-sec);text-align:center;margin-top:10px}
.dc-q{font-size:15px;line-height:1.7;font-style:italic;text-align:center}
.dc-src{font-size:12px;font-weight:500;color:rgba(var(--d-acc-rgb),.8);text-align:center;margin-top:10px}
.dc-link{display:inline-flex;align-items:center;gap:2px;margin:16px auto 0;padding:4px 8px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--d-acc);text-decoration:none}
.dc-link svg{width:14px;height:14px}
.dc>.dc-link{display:flex;width:fit-content}
.dc-acts{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:12px}
.dc-act{width:38px;height:38px;border-radius:50%;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:rgba(var(--d-acc-rgb),.75);cursor:pointer}
.dc-act:hover{background:rgba(0,0,0,.06)}
.dc-act svg{width:20px;height:20px}
.dc-act.is-on{color:#e0245e}.dc-act.is-on svg{fill:currentColor}
/* Sosyal kart */
.sc{margin:4px 24px 8px;padding:16px;border-radius:16px;background:var(--d-card);border:1px solid rgba(var(--d-acc-rgb),.08);display:flex;flex-direction:column;align-items:center}
.sc-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid rgba(var(--d-acc-rgb),.2)}
.sc h2{font-size:16px;font-weight:700;margin:12px 0 0}
.sc p{font-size:12.5px;line-height:1.55;color:var(--d-sec);text-align:center;margin:8px 0 16px}
.sc-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0;border-radius:12px;color:#0A0A0A;text-decoration:none}
.sc-ic{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
.sc-ic svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sc-tx{flex:1}.sc-tx b{display:block;font-size:14px;font-weight:600}.sc-tx small{display:block;font-size:12px;color:var(--d-sec);margin-top:2px}
.sc-cta{padding:8px 16px;border-radius:20px;color:#fff;font-size:12px;font-weight:600}
/* Sheet ev sahibi + ayar satırları */
.dash-host{position:fixed;inset:0;z-index:1200}
.dash-host .lp-sheet-wrap{position:fixed}
.sh-cancel{justify-content:center;font-weight:700;margin-top:6px}
.sh-row.is-danger{color:#b3261e}
.sh-acct{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--sh-txt);text-decoration:none;font-weight:600}
.sh-acct span{flex:1}.sh-acct svg{width:20px;height:20px}
.sh-h{padding:14px 20px 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sh-dim)}
.sh-set{display:flex;align-items:center;gap:12px;padding:10px 20px}
.sh-set-tx{flex:1;min-width:0}.sh-set-tx b{display:block;font-size:14px;font-weight:600}.sh-set-tx small{display:block;font-size:12px;color:var(--sh-dim);margin-top:2px}
.sh-sw{width:44px;height:26px;border-radius:13px;background:rgba(0,0,0,.15);border:0;position:relative;cursor:pointer;flex:none;padding:0}
.sh-sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
.sh-sw.is-on{background:var(--sh-acc)}.sh-sw.is-on i{transform:translateX(18px)}
.sh-qa{display:flex;flex-direction:column;gap:4px;padding:0 12px}
.sh-qa-row,.sh-pick{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:12px;width:100%;text-align:left}
.sh-pick{padding:10px 20px;border-radius:0}
.sh-qa-ic{width:36px;height:36px;border-radius:10px;background:rgba(var(--sh-acc-rgb),.08);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sh-qa-ic svg{width:18px;height:18px}
.sh-qa-tx{flex:1;font-size:14px;font-weight:600;min-width:0}
.sh-qa-tx b{display:block;font-weight:600}.sh-qa-tx small{display:block;font-size:12px;color:var(--sh-dim);font-weight:400;margin-top:2px}
.sh-qa-btn{font-size:12.5px;font-weight:700;color:var(--sh-acc);padding:6px 10px;border-radius:8px;background:rgba(var(--sh-acc-rgb),.08)}
.sh-qa-x{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--sh-dim)}
.sh-qa-x svg{width:14px;height:14px}
.sh-qa-add{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:12px;border:1px dashed rgba(var(--sh-acc-rgb),.3);font-size:14px;font-weight:600;color:var(--sh-acc);width:100%}
.sh-qa-add svg{width:18px;height:18px}.sh-qa-add small{font-weight:400;color:var(--sh-dim);font-size:12px;margin-left:auto}
.t-toast.is-undo{display:flex;align-items:center;gap:14px;pointer-events:auto;white-space:normal;max-width:calc(100% - 32px)}
.t-toast.is-undo button{font:inherit;font-weight:700;color:#ffd54f;background:none;border:0;cursor:pointer;white-space:nowrap}
.dash-wrap>.landing{margin-top:26px}
@media(max-width:640px){.dh,.pc,.qa,.dash-cards{padding-left:16px;padding-right:16px}.dc,.sc{margin-left:16px;margin-right:16px}.pc-cd .n{font-size:48px}}
.pc-hero .g-spin{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:lp-spin .8s linear infinite}
.dash svg,.dash-host svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dc-act.is-on svg{fill:currentColor}
.dash-host .sh-hint{font-size:12.5px;line-height:1.45;color:var(--sh-dim);padding:6px 20px;margin:0}
/* iOS tarzı eylem sayfası (CupertinoActionSheet eşi) — konum menüsü vb. */
.as-sheet .sh-head h3{text-align:center;width:100%;font-size:13px;font-weight:600;color:var(--sh-dim)}
.as-note{font-size:13px;color:var(--sh-dim);text-align:center;padding:0 20px 10px;margin:0}
.as-group{margin:6px 12px;border-radius:14px;background:rgba(0,0,0,.04);overflow:hidden}
.as-group+.as-group{margin-top:10px;background:transparent}
.as-row{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 16px;font-size:16px;font-weight:500;color:var(--sh-acc);background:#fff;border:0;cursor:pointer;text-align:center}
.as-row+.as-row{border-top:1px solid rgba(0,0,0,.08)}
.as-row:hover{background:#f5f5f3}
.as-row svg{width:18px;height:18px;opacity:.8}
.as-row.is-danger{color:#b3261e}
.as-cancel{font-weight:700;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.08)}
/* Araç sayfası: konum satırı + statik (SSR) kart */
.pt-loc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 24px 4px}
.pt-chip{max-width:none}
.pt-find{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#111;color:#fff;font:600 12px/1.2 inherit;border:0;cursor:pointer}
.pt-find:disabled{opacity:.5}
.pt-find svg{width:14px;height:14px}
.pt-pc{padding-top:8px}
.pc-hero.is-ssr{gap:6px}
.pc-hero.is-ssr .pc-h2{font-size:18px;font-weight:700;margin:0}
.pc-hero.is-ssr .pc-date{font-size:12px;color:rgba(255,255,255,.8)}
.pc-times.is-ssr{margin-top:8px}
.pc-hint{text-align:center;font-size:10.5px;font-weight:500;color:rgba(107,107,107,.7);margin-top:6px}
.pt-ssr{color:var(--dim);font-size:.92rem;margin:12px 24px 0}
.pt-ssr:empty{display:none}
.sc-ic{width:44px;height:44px;flex:none;display:block}
@media(max-width:640px){.pt-loc{padding-left:16px;padding-right:16px}}
/* Takiplerim (okuma takibi) */
.tool-takip{max-width:760px}
.tk-head{gap:10px;margin-bottom:12px;flex-wrap:wrap}
.tk-list{display:flex;flex-direction:column;gap:10px}
.tk-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;cursor:pointer}
.tk-card.is-done{border-color:rgba(0,0,0,.35)}
.tk-card b{display:block;font-size:1rem}
.tk-ic{width:38px;height:38px;border-radius:12px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
.tk-ic svg{width:19px;height:19px}
.tk-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tk-chip{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.06)}
.tk-chip.is-warn{background:rgba(178,106,0,.12);color:#B26A00}
.tk-bar{height:6px;border-radius:3px;background:rgba(0,0,0,.08);overflow:hidden;margin-top:12px}
.tk-bar.is-lg{height:7px}
.tk-bar i{display:block;height:100%;background:#111;border-radius:3px}
.tk-pct{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;font-size:.85rem;color:var(--dim)}
.tk-pct b{font-size:1rem;color:var(--txt);display:inline}
.tk-today{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.05)}
.tk-today svg{width:18px;height:18px;flex:none;margin-top:2px}
.tk-today b{font-size:.92rem}.tk-today small{display:block;color:var(--dim);font-size:.8rem;margin-top:2px}
.tk-card .t-acts{margin-top:12px}
.tk-empty{text-align:center;padding:36px 20px}
.tk-empty svg{width:40px;height:40px;margin:0 auto 10px}
.tk-empty h3{margin:0 0 8px}.tk-empty p{max-width:460px;margin:0 auto 16px}
.tk-wiz .tk-sec+.tk-sec{margin-top:12px}
.tk-rows{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.tk-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);text-align:left;cursor:pointer}
.tk-row:disabled{cursor:default;opacity:1}
.tk-row.is-static{cursor:default}
.tk-row-tx{flex:1;min-width:0}.tk-row-tx small{display:block;font-size:.78rem;color:var(--dim)}.tk-row-tx b{display:block;font-size:.98rem}
.tk-row-hint{font-size:.8rem;color:var(--dim);white-space:nowrap}
.tk-row svg{width:16px;height:16px;flex:none;color:var(--dim)}
.tk-note{font-size:.85rem;color:var(--dim);line-height:1.5;margin:4px 0 0;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.04)}
.tk-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.tk-mode{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}
.tk-mode b{display:block;font-size:.98rem}.tk-mode small{display:block;color:var(--dim);font-size:.8rem;margin-top:3px}
.tk-mode.is-on{border-color:#111;background:#111;color:#fff}.tk-mode.is-on small{color:rgba(255,255,255,.75)}
.tk-check{width:22px;height:22px;border-radius:6px;border:1.5px solid rgba(0,0,0,.3);display:inline-flex;align-items:center;justify-content:center;color:transparent;flex:none}
.tk-check.is-on{background:var(--sh-acc,#111);border-color:var(--sh-acc,#111);color:#fff}
.tk-check svg{width:14px;height:14px}
.tk-hero{display:flex;align-items:baseline;gap:12px}.tk-hero b{font-size:30px;line-height:1}.tk-hero span{color:var(--dim)}
.tk-done{margin:10px 0 0;font-weight:600}
.tk-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.05);margin-bottom:12px}
.tk-banner svg{width:20px;height:20px;flex:none;margin-top:1px}
.tk-banner b{display:block;font-size:.95rem}.tk-banner small{display:block;color:var(--dim);margin-top:3px}
.tk-banner.is-warn{background:rgba(178,106,0,.1);color:#5a3b00}
.tk-strip{display:flex;align-items:flex-end;gap:6px;height:64px;margin-top:12px}
.tk-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.tk-bar-col i{display:block;width:100%;max-width:18px;border-radius:3px;background:#111}
.tk-bar-col small{font-size:.65rem;color:var(--dim)}
.tk-days{display:flex;flex-direction:column;gap:6px}
.tk-day{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);text-align:left;cursor:pointer;font-size:.92rem}
.tk-day svg{width:16px;height:16px;flex:none;color:var(--dim)}
.tk-day.is-done{color:var(--dim)}.tk-day.is-done svg{color:#2e7d32}
.tk-day.is-cur{border-color:#111;background:rgba(0,0,0,.04)}
.tk-day small{color:var(--dim)}
.sh-row.is-on .tk-check{background:var(--sh-acc,#111);border-color:var(--sh-acc,#111);color:#fff}
@media(max-width:520px){.tk-modes{grid-template-columns:1fr}}
.tk-card .t-row>svg{width:16px;height:16px;flex:none;color:var(--dim)}
.tk-card .t-row .t-grow{min-width:0}
.dh-dl{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border-radius:999px;background:#0A0A0A;color:#fff;font-size:13px;font-weight:700;text-decoration:none;margin-right:2px}
.dh-dl svg{width:16px;height:16px}
@media(min-width:901px){.dh-dl{display:none}}
/* Kerahat yüzü: fazilet satırı + gün çizgisi */
.pc-kh small.is-on{color:var(--d-acc);font-weight:700}
.pc-fz{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px}
.pc-fzc{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:8px;background:#fff;border:1px solid rgba(var(--d-acc-rgb),.08)}
.pc-fzc small{font-size:9px;color:var(--d-sec);white-space:nowrap}
.pc-fzc b{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.pc-fzc.is-past{opacity:.55}
.pc-fzc.is-next{border-color:rgba(var(--d-acc-rgb),.45);background:rgba(var(--d-acc-rgb),.06)}.pc-fzc.is-next small{color:var(--d-acc);font-weight:700}
.pc-line{position:relative;height:10px;margin:12px 4px 6px}
.pc-track{position:absolute;left:0;right:0;top:4px;height:2px;border-radius:1px;background:rgba(var(--d-acc-rgb),.15)}
.pc-band{position:absolute;top:2px;height:6px;border-radius:3px;background:rgba(var(--d-acc-rgb),.35)}
.pc-band.is-on{background:var(--d-acc)}
.pc-now{position:absolute;top:0;width:2px;height:10px;margin-left:-1px;background:var(--d-acc);border-radius:1px}
@media(max-width:400px){.pc-fz{grid-template-columns:repeat(4,1fr)}}
.tk-wiz .t-row>svg,.tk-wiz .tk-row>svg,.tool-takip .t-icon svg{width:16px;height:16px;flex:none}
.tool-takip svg{max-width:40px;max-height:40px}

/* ── Okuma Zinciri (grup halinde günlük okuma takibi) ───────────────────── */
.tool-zincir{--zc-acc:#111;--zc-ok:#1E8E5A;--zc-ok-rgb:30,142,90;--zc-warn:#C2410C}
.tool-zincir svg{width:1em;height:1em}
.zc-hub{display:grid;gap:14px}
.zc-login{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:34px 20px}
.zc-login .zc-item-ic{width:52px;height:52px;border-radius:16px;background:rgba(var(--zc-ok-rgb),.12);color:var(--zc-ok);display:flex;align-items:center;justify-content:center}
.zc-login .zc-item-ic svg{width:26px;height:26px}
.zc-login .zc-inv{font-size:1.35rem;font-weight:800;line-height:1.25;letter-spacing:-.01em}
.zc-login .zc-inv b{color:var(--zc-ok)}
.zc-login p{margin:0;color:var(--dim);max-width:460px}
.zc-login .hs-google{margin-top:8px}
.zc-list{display:grid;gap:10px}
.zc-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);text-align:left;width:100%}
.zc-item:hover{border-color:#bbb}
.zc-item .ic{width:40px;height:40px;border-radius:12px;background:rgba(var(--zc-ok-rgb),.12);color:var(--zc-ok);display:flex;align-items:center;justify-content:center;flex:none}
.zc-item .ic svg{width:20px;height:20px}
.zc-item .tx{flex:1;min-width:0}
.zc-item .tx b{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zc-item .tx small{display:block;color:var(--dim);font-size:.82rem;margin-top:2px}
.zc-item>svg{width:18px;height:18px;color:var(--dim);flex:none}
.zc-new{display:flex;gap:8px;align-items:center}
.zc-new input{flex:1;min-width:0;font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff}
.zc-new input:focus{outline:2px solid var(--zc-acc);outline-offset:1px}
.zc-empty{color:var(--dim);text-align:center;padding:18px 10px}
/* Oda */
.zc-room{display:flex;flex-direction:column;gap:12px}
.zc-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.zc-head .tx{flex:1;min-width:0}
.zc-head h2{margin:0;font-size:1.15rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zc-head small{display:block;color:var(--dim);font-size:.82rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zc-avs{display:flex;align-items:center}
.zc-av{width:30px;height:30px;border-radius:50%;background:#e5e7eb;color:#374151;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;overflow:hidden;flex:none;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.zc-av img{width:100%;height:100%;object-fit:cover;display:block}
.zc-avs .zc-av+.zc-av{margin-left:-9px}
.zc-avs .zc-av.more{font-size:.7rem;background:#111;color:#fff}
.zc-ib{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(0,0,0,.05);color:#111;flex:none}
.zc-ib:hover{background:rgba(0,0,0,.09)}
.zc-ib svg{width:18px;height:18px}
/* Yatay takvim & zincir şeridi */
.zc-strip{display:flex;align-items:center;overflow-x:auto;padding:12px 12px;border-radius:18px;background:var(--card);border:1px solid var(--line);scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.zc-dc{flex:none;width:66px;padding:8px 4px 7px;border-radius:14px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.7rem;color:#6b7280;cursor:pointer;scroll-snap-align:center;position:relative;transition:transform .12s}
.zc-dc:hover{transform:translateY(-1px)}
.zc-dc .w{font-weight:700;letter-spacing:.02em}
.zc-dc b{font-size:1.1rem;color:#111;font-weight:800;line-height:1.15}
.zc-dc .m{font-size:.64rem;text-transform:uppercase;letter-spacing:.05em}
.zc-dc .c{margin-top:4px;font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(0,0,0,.05);color:#374151;font-variant-numeric:tabular-nums}
.zc-dc.is-complete{border-color:rgba(var(--zc-ok-rgb),.5);background:rgba(var(--zc-ok-rgb),.08)}
.zc-dc.is-complete .c{background:var(--zc-ok);color:#fff}
.zc-dc.is-partial{border-color:#f59e0b;background:#fffbeb}
.zc-dc.is-partial .c{background:#fde68a;color:#78350f}
.zc-dc.is-empty{border-color:#fdba74;background:#fff7ed}
.zc-dc.is-empty .c{background:#fed7aa;color:#7c2d12}
.zc-dc.is-today{box-shadow:0 0 0 2px var(--zc-ok)}
.zc-dc.is-today .w{color:var(--zc-ok)}
.zc-dc.is-future{opacity:.55;border-style:dashed}
.zc-dc.is-before{opacity:.45;border-style:dashed}
.zc-strip-wrap{position:relative}
.zc-sa{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.12);color:#111;align-items:center;justify-content:center}
.zc-sa svg{width:16px;height:16px}
.zc-sa.is-l{left:-6px}.zc-sa.is-r{right:-6px}
@media(min-width:900px){.zc-sa{display:inline-flex}.zc-strip{scrollbar-width:none}.zc-strip::-webkit-scrollbar{display:none}}
.zc-dc.is-sel{outline:2px solid #111;outline-offset:2px}
.zc-ln{flex:none;width:16px;height:3px;border-radius:2px;background:rgba(var(--zc-ok-rgb),.6)}
.zc-ln.is-broken{background:repeating-linear-gradient(90deg,#ef4444 0 3px,transparent 3px 6px)}
.zc-ln.is-pending{background:rgba(0,0,0,.12)}
/* Seçili günün odası */
.zc-daypanel{border-radius:18px;background:var(--card);border:1px solid var(--line);padding:14px 16px}
.zc-daypanel.is-future{opacity:.8}
.zc-dh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.zc-dh b{font-size:1rem;font-weight:800}
.zc-dh .n{font-size:.82rem;color:var(--dim)}
.zc-dh .tag{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:rgba(var(--zc-ok-rgb),.12);color:var(--zc-ok)}
.zc-dh .tag.is-partial{background:#fef3c7;color:#92400e}
.zc-dh .tag.is-empty{background:#ffedd5;color:#9a3412}
.zc-dh .tag.is-future{background:rgba(0,0,0,.06);color:#4b5563}
.zc-break{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.8rem;color:var(--zc-warn);font-weight:600}
.zc-break svg{width:14px;height:14px}
.zc-marks{display:grid;gap:6px;margin-top:10px}
.zc-mark{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.zc-mark .zc-av{width:32px;height:32px;border:0;box-shadow:none}
.zc-mark .tx{flex:1;min-width:0;font-size:.9rem;line-height:1.3}
.zc-mark .tx b{font-weight:700}
.zc-mark .tx span{color:var(--dim)}
.zc-mark time{font-size:.78rem;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}
.zc-mark.is-me{border-color:rgba(var(--zc-ok-rgb),.4);background:rgba(var(--zc-ok-rgb),.05)}
.zc-none{font-size:.85rem;color:var(--dim);margin-top:8px}
/* Bugünkü durum */
.zc-today{border-radius:18px;background:var(--card);border:1px solid var(--line);padding:14px 16px}
.zc-today h3{margin:0 0 10px;font-size:.95rem;font-weight:800;display:flex;align-items:center;gap:8px}
.zc-today h3 svg{width:16px;height:16px;flex:none}
.zc-today h3 small{font-weight:600;color:var(--dim);font-size:.8rem;margin-left:auto}
.zc-people{display:flex;flex-wrap:wrap;gap:8px}
.zc-person{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.85rem;font-weight:600;color:#6b7280}
.zc-person .zc-av{width:26px;height:26px;border:0;box-shadow:none}
.zc-person.is-done{border-color:rgba(var(--zc-ok-rgb),.5);background:rgba(var(--zc-ok-rgb),.08);color:#111}
.zc-person.is-done svg{width:14px;height:14px;color:var(--zc-ok)}
/* Eylem çubuğu */
.zc-act{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(0,0,0,.12)}
.zc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:520px;padding:15px 20px;border-radius:14px;background:var(--zc-ok);color:#fff;font-size:1.02rem;font-weight:800;letter-spacing:-.01em}
.zc-btn:hover{filter:brightness(1.06)}
.zc-btn:disabled{opacity:.6}
.zc-btn svg{width:20px;height:20px}
.zc-done{display:flex;align-items:center;gap:10px;color:var(--zc-ok);font-weight:700;font-size:.95rem;text-align:center}
.zc-done svg{width:20px;height:20px;flex:none}
.zc-undo{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:700;color:#374151;background:rgba(0,0,0,.05)}
.zc-undo:hover{background:rgba(0,0,0,.09)}
.zc-undo svg{width:14px;height:14px}
.zc-note{font-size:.78rem;color:var(--dim);text-align:center;margin:0}
.zc-invite{display:grid;gap:10px}
.zc-link{display:flex;gap:8px;align-items:center}
.zc-link input{flex:1;min-width:0;font:inherit;font-size:.85rem;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#374151}
.zc-err{padding:12px 14px;border-radius:12px;background:#fef2f2;color:#991b1b;font-size:.9rem}
/* Sade sayfa: açıklama/paylaş/ilgili araçlar yok */
.zc-page .ph{padding-bottom:6px}
@media(max-width:900px){.zc-page .crumbs{display:none}.zc-page .ph{padding-top:6px}}
@media(max-width:900px){
  /* Mobil: işaretleme çubuğu sekme çubuğunun üstünde sabit */
  .zc-act{position:fixed;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px));padding:10px 12px}
  .zc-room{padding-bottom:150px}
  html.lp-lock .zc-act{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:640px){
  .zc-head{padding:12px 12px 12px 10px;gap:8px}
  .zc-head .zc-avs{display:none}
  .zc-strip{padding:10px 8px}
  .zc-dc{width:60px}
  .zc-btn{padding:14px 16px;font-size:1rem}
  .zc-mark .tx{font-size:.86rem}
}
@media(min-width:900px){
  .tool-zincir .zc-room{max-width:760px}
  .tool-zincir .zc-hub{max-width:640px}
}
.sc-more{font-weight:600;white-space:nowrap}

/* İlçe sayfası SSS (Function SSR) */
.pt-faq details{border-bottom:1px solid var(--line);padding:6px 0}
.pt-faq summary{cursor:pointer;font-weight:600;padding:8px 0;list-style:none;display:flex;align-items:center;gap:8px}
.pt-faq summary::before{content:"+";display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;background:rgba(0,0,0,.06);font-weight:700;flex:none}
.pt-faq details[open] summary::before{content:"−"}
.pt-faq details p{margin:0 0 10px 28px;color:var(--dim)}