/* Mihrâb — temkin payı, zikirmatik hedef görünümü, Mushaf dinleme şeridi, istatistik sıfırlama */

/* Temkin payı */
.tm-kart h3{font-size:1.15rem}
.tm-kart small{color:var(--muted);font-size:.84rem}
.tm-izgara{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.tm-izgara .field label{font-size:.8rem;color:var(--muted);margin-bottom:4px}
.tm-izgara select{padding:9px 26px 9px 10px}
.tm-izgara select.on{border-color:var(--gold);background-color:var(--gold-soft);font-weight:600}
@media (max-width:720px){.tm-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Zikirmatik: hedefe ulaşınca yeşil */
.counter{transition:background .3s,box-shadow .3s,transform .1s}
.counter.tamam{background:radial-gradient(circle at 30% 22%,#34C792,#0B7F6A 62%,#075E4E)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 24px 44px -20px rgba(11,127,106,.85)!important}
.counter.tamam #zkRing{stroke:#E8FFF6}
.counter.tamam .of{color:#E8FFF6;font-weight:600}
.counter.kutla{animation:zkKutla .7s ease-out}
@keyframes zkKutla{0%{transform:scale(1)}30%{transform:scale(1.05)}100%{transform:scale(1)}}
#v-zikir #zkMsg{display:none}
.counter:focus{outline:none}
.counter:focus-visible{outline:3px solid var(--teal);outline-offset:4px}

/* Mushaf: dinleme şeridi (Bitir) */
.ok-calma{position:absolute;right:82px;bottom:calc(env(safe-area-inset-bottom,0px) + 140px);z-index:3;display:flex;align-items:center;gap:8px;max-width:calc(100% - 100px);background:rgba(14,79,96,.94);color:#fff;border-radius:999px;padding:5px 5px 5px 12px;font-size:.82rem;box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
.ok-calma[hidden]{display:none}
.ok-calma span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:7px}
.ok-calma i{width:8px;height:8px;border-radius:50%;background:#7CF0CF;flex:none;animation:okNabiz 1.2s ease-in-out infinite}
.ok-calma i.dur{background:#F4D58D;animation:none}
.ok-calma button{flex:none;border:0;border-radius:999px;background:#fff;color:#B4400F;font-weight:700;font-size:.8rem;padding:5px 12px}
@media (min-width:721px){.ok-calma{right:calc(50% - 300px + 68px)}}

/* İstatistik sıfırlama */
.sifir-liste{display:grid;gap:6px}
.sifir-liste .check{border-radius:12px;width:100%}

/* Kaldığınız yer: Bitir */
.resume-dugmeler{display:flex;gap:8px;flex:none}
.resume .bitir-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:none}
.ms-devam-sar{display:flex;gap:8px;align-items:stretch}
.ms-devam-sar .ms-devam{flex:1;min-width:0}
.ms-bitir{flex:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--danger);font-weight:700;padding:0 16px}
.ok-kaldim .ok-kaldim-bitir{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.onay-modal{z-index:60}
@media (max-width:420px){.resume{flex-wrap:wrap}.resume-dugmeler{width:100%}.resume-dugmeler .btn{flex:1}}