/* Beta 6.7 — Sünnet */
.sn-page{--sn:#3ec9a7;--sn-soft:rgba(62,201,167,.14);display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:1180px;margin-inline:auto}
.sn-page>*{min-width:0}
.sn-head{margin-bottom:0;align-items:flex-end}
.sn-head .eyebrow{color:var(--sn)}
.sn-head p{margin:6px 0 0;color:var(--muted,#858d9a)}
.sn-score{display:grid;justify-items:end;gap:6px}
.sn-score strong{font-size:clamp(28px,3vw,40px);font-variant-numeric:tabular-nums;color:var(--sn)}
.sn-score strong small{font-size:14px;margin-left:6px;color:var(--muted,#858d9a);font-weight:600}
.sn-rank{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.14em;padding:4px 10px;border-radius:999px;border:1px solid var(--line,#282e38);color:var(--muted,#858d9a)}
.sn-rank.rank-diamond{color:#8fe0ff;border-color:rgba(143,224,255,.5)}
.sn-rank.rank-platinum{color:#d9dde5;border-color:rgba(217,221,229,.45)}
.sn-progress{height:8px;border-radius:999px;background:var(--surface2,#151920);overflow:hidden}
.sn-progress i{display:block;height:100%;background:var(--sn);border-radius:inherit;transition:width .3s}
.sn-note{margin:0}
.sn-note p{margin:0}
.sn-legend{margin:0;font-size:12px;color:var(--muted,#858d9a)}
.sn-legend a,.sn-note a{color:var(--sn)}

.sn-timeline{display:grid;gap:12px}
.sn-slot{margin:0;padding:0;overflow:hidden}
.sn-slot>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;list-style:none}
.sn-slot>summary::-webkit-details-marker{display:none}
.sn-slot-name{font-size:18px;font-weight:800}
.sn-slot-name b{margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--sn);color:#06120f;font-size:10px;letter-spacing:.12em;vertical-align:middle}
.sn-slot-meta{font-size:12px;color:var(--muted,#858d9a);font-variant-numeric:tabular-nums}
.sn-slot-count{min-width:54px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums;color:var(--sn)}
.sn-slot.is-now{border-color:var(--sn);box-shadow:0 0 0 1px var(--sn-soft)}
.sn-slot[open]>summary{border-bottom:1px solid var(--line,#282e38)}
.sn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;padding:14px}
.sn-muhasebe-title{margin:6px 20px 0;font-size:13px;letter-spacing:.06em;color:#e6b94f}

.sn-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--line,#282e38);border-radius:14px;background:var(--surface2,#151920);transition:border-color .2s,background .2s}
.sn-card.is-done{border-color:rgba(62,201,167,.55);background:linear-gradient(135deg,var(--sn-soft),transparent 70%),var(--surface2,#151920)}
.sn-card.is-muhasebe{border-style:dashed}
.sn-card.is-muhasebe.is-done{border-style:solid;border-color:rgba(230,185,79,.6);background:linear-gradient(135deg,rgba(230,185,79,.12),transparent 70%),var(--surface2,#151920)}
.sn-card.is-busy{opacity:.6}
.sn-toggle{margin:0}
.sn-check{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:12px;border:1.5px solid var(--line,#282e38);background:var(--surface,#101318);color:transparent;font-size:20px;font-weight:900;cursor:pointer}
.sn-check:hover{border-color:var(--sn)}
.sn-card.is-done .sn-check{background:var(--sn);border-color:var(--sn);color:#06120f}
.sn-card.is-muhasebe.is-done .sn-check{background:#e6b94f;border-color:#e6b94f}
.sn-body{display:grid;gap:6px;min-width:0}
.sn-body h3{margin:0;font-size:15px;line-height:1.3}
.sn-body h3 small{font-size:11px;font-weight:700;color:var(--sn);margin-left:4px;white-space:nowrap}
.sn-body p{margin:0;font-size:13px;line-height:1.5;color:var(--muted,#858d9a)}
.sn-body .sn-ar{font-size:20px;line-height:1.9;color:var(--text,#f4f6f8);text-align:right}
.sn-body footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.sn-body cite{font-style:normal;font-size:11px;color:var(--muted,#858d9a);opacity:.85}
.sn-body footer a{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--sn)}

.sn-history{margin:0}
.sn-history header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.sn-history h2{margin:2px 0 0}
.sn-history header small{color:var(--muted,#858d9a)}
.sn-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(26px,1fr);gap:6px;overflow-x:auto;padding-bottom:4px}
.sn-bars article{display:grid;gap:3px;text-align:center;font-variant-numeric:tabular-nums}
.sn-bars article>div{position:relative;height:120px;border-radius:8px;background:var(--surface2,#151920);overflow:hidden;display:flex;align-items:flex-end}
.sn-bars i{display:block;width:100%;background:var(--sn);opacity:.55}
.sn-bars i.rank-platinum{opacity:.8}
.sn-bars i.rank-diamond{opacity:1}
.sn-bars s{position:absolute;left:0;right:0;height:2px;background:#e6b94f;text-decoration:none}
.sn-bars b{font-size:10px}
.sn-bars time{font-size:10px;color:var(--muted,#858d9a)}

/* Kontrol Merkezi ve Karşılama halkası */
.beta11-score-ring.sp{--ring-color:#3ec9a7}
.sn-dashboard .eyebrow{color:#3ec9a7}

/* Ayarlar > Sünnet */
.sn-settings fieldset{border:1px solid var(--line,#282e38);border-radius:12px;padding:10px 14px;margin:0 0 12px}
.sn-settings legend{padding:0 6px;font-weight:800}
.sn-settings label{display:flex;gap:10px;align-items:center;padding:6px 0}
.sn-settings label input{width:auto}
.sn-settings label small{color:var(--muted,#858d9a);margin-left:4px}

@media (max-width:760px){
 .sn-head{align-items:flex-start}
 .sn-score{justify-items:start}
 .sn-slot>summary{grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}
 .sn-slot-meta{grid-column:1;grid-row:2}
 .sn-slot-count{grid-row:1/3;grid-column:2}
 .sn-cards{grid-template-columns:1fr;padding:10px}
 .sn-card{padding:12px}
 .sn-body .sn-ar{font-size:18px}
 .sn-muhasebe-title{margin:6px 16px 0}
}

/* Geçmiş tablosu: SP sütunu */
.history-table .thead,.history-row{grid-template-columns:1fr .6fr .9fr .6fr .6fr .9fr}
.history-row .sn-history-sp{color:#3ec9a7}
@media(max-width:620px){
 .history-row{grid-template-columns:1fr auto auto auto}
 .history-row>*:nth-child(5){display:block}
 .history-row>*:nth-child(6){display:none}
 .history-row .sn-history-sp::after{content:' SP';font-size:10px;font-weight:600}
}
.beta11-dp-board.sn-dashboard{border-left-color:#3ec9a7!important;border-color:color-mix(in srgb,#3ec9a7 30%,var(--line,#282e38))}

/* Beta 6.8 — kart etiketleri */
.sn-tags{display:flex;flex-wrap:wrap;gap:6px}
.sn-tag{padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;border:1px solid var(--line,#282e38)}
.sn-tag.is-me{color:#8fb8ff;border-color:rgba(143,184,255,.45)}
.sn-tag.is-weak{color:#ffbd65;border-color:rgba(255,189,101,.45)}

/* Beta 6.9 — Ayarlar: sünnet başına SP */
.sn-settings .sn-set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line,#282e38)}
.sn-settings fieldset .sn-set-row:first-of-type{border-top:0}
.sn-settings .sn-set-row>label{flex:1;min-width:0}
.sn-set-sp{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.sn-set-sp input{width:74px;padding:7px 8px;text-align:center}
.sn-set-sp small{color:var(--muted,#858d9a);font-size:11px}

/* Beta 6.9 — alt panelde Sünnet (Su'nun yerine) */
.mobile-dock a[data-route="sunnah"]{--route-color:#3ec9a7}
nav a[data-route="sunnah"]{--route-color:#3ec9a7}
aside nav a[data-route="sunnah"]{--spiritual-nav:#3ec9a7;color:#3ec9a7}
aside nav a[data-route="sunnah"] .nav-icon{border-color:color-mix(in srgb,var(--spiritual-nav) 42%,transparent);color:var(--spiritual-nav)}
aside nav a[data-route="sunnah"].active{border-color:color-mix(in srgb,var(--spiritual-nav) 42%,var(--glass-border));background:linear-gradient(100deg,color-mix(in srgb,var(--spiritual-nav) 14%,transparent),color-mix(in srgb,var(--glass) 90%,transparent));box-shadow:inset 2px 0 var(--spiritual-nav),0 0 24px color-mix(in srgb,var(--spiritual-nav) 12%,transparent)}
aside nav a[data-route="sunnah"]{--route-color:#3ec9a7}
aside nav a[data-route="sunnah"]>span:last-child{color:var(--spiritual-nav)}

/* Beta 8.0 · sıralı akış, zaman/yer, canlı vakit, oruç */
.sn-flow{counter-reset:none}
.sn-step{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:color-mix(in srgb,#3ec9a7 22%,transparent);color:#3ec9a7;font-size:11px;font-style:normal;font-weight:800;vertical-align:1px}
.sn-card.is-done .sn-step{background:#3ec9a7;color:#06120e}
.sn-when{display:flex;flex-wrap:wrap;gap:4px 12px;margin:2px 0 4px;font-size:12px;color:var(--muted,#8a90a0)}
.sn-when span{display:inline-flex;gap:4px;align-items:baseline}
.sn-live{display:inline-flex;align-self:flex-start;margin:2px 0 6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line,#282e38);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.sn-live.is-open{border-color:#5fe09a;color:#5fe09a;background:color-mix(in srgb,#5fe09a 10%,transparent)}
.sn-live.is-wait{border-color:#ffbd65;color:#ffbd65}
.sn-live.is-past{color:var(--muted,#8a90a0)}
.sn-prayer-mark{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px dashed color-mix(in srgb,#bb79ff 55%,var(--line,#282e38));border-radius:14px;background:color-mix(in srgb,#bb79ff 8%,transparent)}
.sn-prayer-mark>span{font-size:18px}
.sn-prayer-mark b{display:block;font-size:14px;color:#c9a6ff}
.sn-prayer-mark small{font-size:11px;color:var(--muted,#8a90a0)}
.sn-fast{border-color:color-mix(in srgb,#ffc86b 45%,var(--line,#282e38))!important;background:color-mix(in srgb,#ffc86b 8%,var(--surface,#10121a))!important;font-size:14px;line-height:1.6}
html[data-scheme="light"] .sn-live.is-open{color:#17834b;border-color:#17834b}
html[data-scheme="light"] .sn-live.is-wait{color:#9a6200;border-color:#9a6200}
/* Beta 8.6: Giyim rehberi */
.sn-guide{margin:4px 20px 12px;border:1px solid color-mix(in srgb,var(--sn) 35%,var(--line,#282e38));border-radius:16px;background:color-mix(in srgb,var(--sn) 6%,var(--surface2,#151922))}
.sn-guide>summary{display:flex;align-items:baseline;gap:10px;padding:14px 16px;cursor:pointer;list-style:none}
.sn-guide>summary::-webkit-details-marker{display:none}
.sn-guide>summary::after{content:'+';margin-left:auto;font-weight:800;color:var(--sn)}
.sn-guide[open]>summary::after{content:'−'}
.sn-guide>summary small{font-size:12px;color:var(--muted,#858d9a)}
.sn-guide-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:0 16px 8px}
.sn-guide-rows>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--line,#282e38);border-radius:14px;background:var(--surface,#10121a)}
.sn-guide-rows span{font-size:20px;line-height:1.2}
.sn-guide-rows p{margin:0;font-size:13px;line-height:1.55;color:var(--muted,#858d9a)}
.sn-guide-rows p b{display:block;margin-bottom:2px;font-size:14px;color:var(--text,#f4f6f8)}
.sn-guide-note{margin:0;padding:4px 16px 14px;font-size:11px;line-height:1.5;color:var(--muted,#858d9a)}
@media (max-width:640px){.sn-guide{margin:4px 12px 10px}.sn-guide-rows{grid-template-columns:1fr;padding:0 10px 8px}}

/* Beta 9.4 — Sünnet: sade akış, Kur'an yazı tipi, hızlı geçiş şeridi */
.sn-page .sn-ar,.sn-page .sn-ayat{font-family:'Performer Kitab','Performer Quran TR','Amiri Quran',serif!important;font-weight:400}
.sn-jump{position:sticky;top:8px;z-index:15;display:flex;gap:6px;overflow-x:auto;padding:8px;border:1px solid var(--line,#282e38);border-radius:16px;background:color-mix(in srgb,var(--surface,#10121a) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);scrollbar-width:none}
.sn-jump::-webkit-scrollbar{display:none}
.sn-jump a{flex:none;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted,#858d9a);text-decoration:none;white-space:nowrap}
.sn-jump a b{font-size:11px;color:var(--sn)}
.sn-jump a:hover{background:var(--surface2,#151922);color:var(--text,#f4f6f8)}
.sn-jump a.is-now{background:var(--sn);color:#06120f}
.sn-jump a.is-now b{color:#06120f}
.sn-jump a.is-full b::after{content:' ✓'}
.sn-slot{scroll-margin-top:76px}

/* Akış: tek sütun, numaralı çizgi */
.sn-cards.sn-flow{grid-template-columns:minmax(0,1fr);gap:0;padding:6px 16px 14px;position:relative}
.sn-flow>.sn-card,.sn-flow>.sn-prayer-mark{position:relative;margin-left:22px}
.sn-flow>.sn-card::before,.sn-flow>.sn-prayer-mark::before{content:'';position:absolute;left:-15px;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--sn) 22%,var(--line,#282e38))}
.sn-flow>:first-child::before{top:22px}
.sn-flow>:last-child::before{bottom:calc(100% - 22px)}
.sn-flow>.sn-card{grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:8px;padding:12px 14px;border-radius:16px;background:var(--surface2,#151920)}
.sn-flow>.sn-prayer-mark{margin-top:8px}
.sn-flow .sn-step{position:absolute;left:-26px;top:14px;width:24px;height:24px;margin:0;border:2px solid var(--surface,#10121a);background:color-mix(in srgb,var(--sn) 30%,var(--surface2,#151920));z-index:1}
.sn-flow .sn-card.is-done .sn-step{background:var(--sn);color:#06120e}
.sn-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sn-card-head h3{margin:0;font-size:15px;line-height:1.35;cursor:pointer}
.sn-sp{flex:none;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--sn) 14%,transparent);font-size:11px;font-weight:800;color:var(--sn);white-space:nowrap}
.sn-content{display:grid;gap:8px}
.sn-detail{font-size:13px}
.sn-body .sn-ar{margin:2px 0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--text,#f4f6f8) 4%,transparent);font-size:24px;line-height:2.05;color:var(--text,#f4f6f8);text-align:right}
.sn-ayat{border:1px solid color-mix(in srgb,#e9bb50 30%,transparent);background:color-mix(in srgb,#e9bb50 6%,transparent)!important}
.sn-ayno{color:#e9bb50;font-size:.8em;white-space:nowrap}
.sn-ayat .qm-wq{font-size:.45em;color:#e06a6a;vertical-align:super;margin:0 1px}
.sn-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.sn-read{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid color-mix(in srgb,var(--sn) 45%,var(--line,#282e38));border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--sn);text-decoration:none}
.sn-read:hover{background:color-mix(in srgb,var(--sn) 12%,transparent)}
.sn-src{margin-left:auto;text-align:right}
.sn-src>summary{display:inline-flex;font-size:11px;font-weight:700;color:var(--muted,#858d9a);cursor:pointer;list-style:none}
.sn-src>summary::-webkit-details-marker{display:none}
.sn-src>summary::before{content:'ⓘ ';margin-right:3px}
.sn-src[open]{flex-basis:100%;text-align:left}
.sn-src cite{display:block;margin-top:6px;font-style:normal;font-size:11px;color:var(--muted,#858d9a)}
.sn-src .sn-tags{margin-top:6px}
/* Tamamlanan kart kısalır; başlığa dokununca açılır */
.sn-flow .sn-card.is-done:not(.is-open) .sn-content,.sn-flow .sn-card.is-done:not(.is-open) .sn-when,.sn-flow .sn-card.is-done:not(.is-open) .sn-live{display:none}
.sn-flow .sn-card.is-done:not(.is-open){padding:8px 14px;opacity:.78}
.sn-flow .sn-card.is-done:not(.is-open) .sn-check{width:32px;height:32px;border-radius:10px;font-size:16px}
.sn-card.is-done .sn-card-head h3::after{content:' · aç';font-size:11px;font-weight:600;color:var(--muted,#858d9a)}
.sn-card.is-done.is-open .sn-card-head h3::after{content:' · kapat'}
@media (max-width:760px){
 .sn-cards.sn-flow{padding:4px 10px 12px}
 .sn-flow>.sn-card,.sn-flow>.sn-prayer-mark{margin-left:18px}
 .sn-flow>.sn-card::before,.sn-flow>.sn-prayer-mark::before{left:-12px}
 .sn-flow .sn-step{left:-22px;width:22px;height:22px;font-size:10px}
 .sn-flow>.sn-card{padding:10px 12px;gap:10px}
 .sn-body .sn-ar{font-size:21px;padding:8px 10px}
 .sn-jump{top:64px}
}
@media (max-width:760px){
 .sn-flow>.sn-card{grid-template-columns:34px minmax(0,1fr)}
 .sn-flow .sn-check{width:34px;height:34px;border-radius:10px;font-size:16px}
 .sn-flow .sn-content{margin-left:-44px}
 .sn-slot>summary{padding:12px 14px}
}

/* Beta 9.5 — vakit sekmeleri (her vakit ayrı sayfa), tekrarlı sünnet sayacı, adım adım dualar */
.sn-slot[hidden]{display:none!important}
.sn-slot-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line,#282e38)}
.sn-tabs a{border:1px solid transparent}
.sn-tabs a.is-now:not(.is-active){background:transparent;color:var(--sn);border-color:color-mix(in srgb,var(--sn) 45%,transparent)}
.sn-tabs a.is-now:not(.is-active) b{color:var(--sn)}
.sn-tabs a.is-active{background:var(--sn);color:#06120f}
.sn-tabs a.is-active b{color:#06120f}
.sn-card{scroll-margin-top:90px}
.sn-card.is-flash{animation:snFlash 1.6s ease-out 1}
@keyframes snFlash{0%,40%{box-shadow:0 0 0 2px var(--sn)}100%{box-shadow:0 0 0 0 transparent}}
.sn-rep{display:flex;flex-direction:column;align-items:center;gap:6px}
.sn-rep .sn-check span{font-size:13px;font-weight:800;letter-spacing:-.02em}
.sn-dec button{padding:2px 8px;border:1px solid var(--line,#282e38);border-radius:999px;background:transparent;color:var(--muted,#858d9a);font-size:11px;font-weight:700;cursor:pointer}
.sn-dec button:hover{color:var(--text,#f4f6f8);border-color:var(--muted,#858d9a)}
.sn-dec[hidden]{display:none}
.sn-flow .sn-card.is-repeat.is-done:not(.is-open) .sn-content,.sn-flow .sn-card.is-repeat.is-done:not(.is-open) .sn-when{display:grid}
.sn-flow .sn-card.is-repeat.is-done:not(.is-open){padding:12px 14px;opacity:1}
.sn-card.is-repeat.is-done .sn-card-head h3::after{content:none}
.sn-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:snstep}
.sn-steps li{display:grid;gap:4px}
.sn-steps small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sn)}
.sn-steps .sn-ar{margin:0}
.sn-tail{display:inline;margin-inline-start:.3em}
@media (max-width:760px){
 .sn-slot-head{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}
 .sn-slot-head .sn-slot-meta{grid-column:1;grid-row:2}
 .sn-slot-head .sn-slot-count{grid-row:1/3;grid-column:2}
}
.sn-card.is-repeat .sn-check{color:var(--sn)}
.sn-card.is-repeat.is-done .sn-check{color:#06120f}

/* Beta 9.9: âyet kutusu Kur'an okuyucusundaki satır aralığıyla (harekeler satırlar arasında çakışmaz). */
.sn-body .sn-ar.sn-ayat{line-height:2.5;padding-block:14px}
.sn-ayat .sn-plain{font-family:'Performer Kitab','Amiri Quran',serif}
@media (max-width:760px){.sn-body .sn-ar.sn-ayat{line-height:2.4}}

/* Beta 10.0 — vakit abdesti: dualar açılır listede */
.sn-steps-box{border:1px solid var(--line,#282e38);border-radius:12px;padding:0 12px}
.sn-steps-box>summary{padding:10px 0;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--sn);cursor:pointer}
.sn-steps-box[open]>summary{border-bottom:1px solid var(--line,#282e38);margin-bottom:10px}
.sn-steps-box .sn-steps{padding-bottom:12px}

/* Beta 10.2 — Sünnet Arapça metinleri kendine özgü yazı tipi adıyla.
 * "Performer Kitab" adı başka dosyalarda Amiri Quran'a da bağlandığı için bazı
 * tarayıcılar kartlarda Amiri'yi seçiyordu (ئِ, hٗ gibi işaretler üst üste biniyordu). */

/* Beta 10.6 — Arapça metinler Kuran okuyucusunun yazı tipi yığınıyla (aynı dosyalar, aynı sıra). */
.sn-page .sn-ar,.sn-page .sn-ayat,.sn-page .sn-steps .sn-ar,.sn-ayat .sn-plain{font-family:'Performer Mushaf TR','Performer Kitab','Performer Quran TR','Amiri Quran',serif!important}

/* Beta 11.9 — vakit kaza kartı (Kaza bölümüne işlenir) */
.sn-kaza{--kz:#ff9f6b;border-color:color-mix(in srgb,var(--kz) 40%,var(--line,#282e38));background:linear-gradient(135deg,color-mix(in srgb,var(--kz) 9%,transparent),transparent 60%),var(--surface2,#151920)}
.sn-kaza-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--kz) 60%,transparent);color:var(--kz);font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}
.sn-kaza.is-done .sn-kaza-ico{background:var(--kz);border-color:var(--kz);color:#1b0c06;font-size:20px}
.sn-kaza .sn-sp{color:var(--kz)}
.sn-kaza-list{display:grid;gap:5px;margin:8px 0 10px;padding:0;list-style:none}
.sn-kaza-list li{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.07));font-size:13.5px}
.sn-kaza-list i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:11px;font-weight:800;background:color-mix(in srgb,var(--text,#fff) 8%,transparent);color:var(--muted,#9aa3b2)}
.sn-kaza-list li.is-done{opacity:.7}
.sn-kaza-list li.is-done i{background:var(--kz);color:#1b0c06}
.sn-kaza-list li.is-done span{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--kz) 60%,transparent)}
.sn-kaza-list li.is-next{border-color:color-mix(in srgb,var(--kz) 55%,transparent);background:color-mix(in srgb,var(--kz) 8%,transparent)}
.sn-kaza-list li.is-next i{background:color-mix(in srgb,var(--kz) 30%,transparent);color:var(--text,#f4f6f8)}
.sn-kaza-form{margin:0}
.sn-kaza-form .btn{width:100%;background:var(--kz)!important;border-color:var(--kz)!important;color:#1b0c06!important}
.sn-kaza-note{margin:8px 0 0;font-size:11.5px;color:var(--muted,#9aa3b2)}

/* Beta 12.1 — vaktin zikirleri (son kart; Ruhun Uyanışı ile aynı kayıt) */
.sn-zikr{--zk:#ef7de7;border-color:color-mix(in srgb,var(--zk) 40%,var(--line,#282e38));background:linear-gradient(135deg,color-mix(in srgb,var(--zk) 9%,transparent),transparent 60%),var(--surface2,#151920)}
.sn-zikr-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--zk) 60%,transparent);color:var(--zk);font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}
.sn-zikr.is-done .sn-zikr-ico{background:var(--zk);border-color:var(--zk);color:#21061f;font-size:20px}
.sn-zikr .sn-sp{color:var(--zk)}
.sn-zikr .zkh-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0 6px}
.sn-zikr .zkh-item{margin:0}
.sn-zikr-note{margin:6px 0 0;font-size:11.5px;color:var(--muted,#9aa3b2)}
.sn-zikr-note a{color:var(--zk)}

/* Beta 14.2: misvak kartında vaktin diş macunu */
.sn-when.sn-paste{margin-top:-2px}
.sn-when.sn-paste span{color:var(--accent);font-weight:700}