/* Mihrâb — Faz 1 bölümlerinin stilleri */
body{font-size:1rem}                                   /* genel yazı boyutu ayarı kök öğeden çalışsın */
.field textarea{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:12px 14px;font:inherit;color:inherit;resize:vertical;min-height:110px}
.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.cubuk{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:12px}
.cubuk i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .3s}
.mini.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}

/* Kur'an: ayet araçları */
.ayet-bos{flex:1}
.yer-btn{padding:5px 8px}
.yer-btn svg{width:16px;height:16px}
.yer-btn.on{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}
.ayet-not{background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;padding:10px 14px;font-size:.95rem;white-space:pre-wrap;cursor:pointer}
.sayfa-ayrac{display:flex;align-items:center;gap:14px;margin:22px 0 0;color:var(--muted);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.sayfa-ayrac::before,.sayfa-ayrac::after{content:"";flex:1;height:1px;background:var(--line)}
.ezber-gizle .ayet .ar{filter:blur(9px);cursor:pointer;transition:filter .2s;user-select:none}
.ezber-gizle .ayet.ac .ar,.ezber-gizle .ayet.playing .ar{filter:none}
#ezberModal .check{border-radius:13px;width:100%}

/* Kur'an paneli */
#kuranPanel{display:grid;gap:12px;margin:16px 0 4px}
.kp-hedef{padding:18px 20px}
.kp-ust{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.kp-ust b{display:block;font:600 1.2rem var(--font-head)}
.kp-ust small{color:var(--muted)}
.kp-ust .field{min-width:150px}
.kp-ust .field label{font-size:.78rem;color:var(--muted);margin-bottom:4px}
.kp-son{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kp-son .muted{font-size:.85rem;margin-right:4px}
.kp-acilir{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.kp-acilir summary{padding:14px 18px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.kp-acilir summary::-webkit-details-marker{display:none}
.kp-acilir summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.kp-acilir[open] summary::after{transform:rotate(225deg)}
.cuz-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;padding:0 16px 16px}
.cuz-izgara button{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:9px 4px;display:grid;gap:1px;color:var(--ink)}
.cuz-izgara button:hover{border-color:var(--accent)}
.cuz-izgara b{font:700 1.05rem var(--font-num)}
.cuz-izgara small{font-size:.68rem;color:var(--muted)}
.yer-liste{list-style:none;margin:0;padding:0 12px 12px;display:grid;gap:6px}
.yer-liste li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.yer-liste li>button:first-child{text-align:left;border:0;background:var(--surface-2);border-radius:12px;padding:10px 14px;display:grid;gap:2px;color:var(--ink)}
.yer-liste b{font-weight:600}
.yer-liste small{color:var(--muted);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hatim */
.hatim-plan .ic b{font:700 1.05rem var(--font-num);color:var(--accent-strong)}
.hatim-kart{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:radial-gradient(120% 160% at 0% 100%,#17525A 0%,var(--navy) 55%,#081820 100%);color:var(--on-navy);border-radius:var(--radius-lg);padding:clamp(22px,3.6vw,38px);box-shadow:inset 0 0 0 1px rgba(221,184,112,.22),var(--shadow-md)}
.hatim-kart .card-title{color:#EBCB8B}
.hatim-kart h3{font-size:clamp(1.6rem,3.4vw,2.2rem);color:#fff}
.hatim-kart p{color:var(--on-navy-muted)}
.hatim-kart .inline-msg{color:var(--on-navy)}
.hatim-kart .inline-msg.err{color:#FFC98A}
.hatim-kart .inline-msg.ok{color:var(--teal)}
.hatim-kart .btn.ghost{color:var(--on-navy);border-color:rgba(255,255,255,.22)}
.hatim-kart .btn.ghost:hover{background:rgba(255,255,255,.08)}
.halka{width:148px;height:148px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,#0D2530 78%,transparent 79% 100%),conic-gradient(#EBCB8B calc(var(--y)*1%),rgba(255,255,255,.12) 0)}
.halka b{font:700 2rem/1 var(--font-num);color:#fff}
.halka small{color:var(--on-navy-muted);font-size:.8rem;margin-top:4px}

/* Ramazan */
.rmz-kart{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;background:radial-gradient(130% 150% at 100% 0%,#17525A 0%,#0F3440 34%,var(--navy) 62%,#081820 100%);color:var(--on-navy);border-radius:var(--radius-lg);padding:clamp(22px,3.6vw,38px);box-shadow:inset 0 0 0 1px rgba(221,184,112,.22),var(--shadow-md)}
.rmz-kart .card-title{color:#EBCB8B}
.rmz-kart p{color:var(--on-navy-muted);margin-top:4px}
.rmz-sayi{font:700 clamp(2.8rem,9vw,4.6rem)/1 var(--font-num);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.rmz-sayi small{font:500 1.2rem var(--font-body);color:var(--on-navy-muted);letter-spacing:0}
.rmz-yan{display:grid;gap:8px}
.rmz-yan span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 16px;display:flex;justify-content:space-between;gap:18px;font-size:.9rem;color:var(--on-navy-muted)}
.rmz-yan b{color:#fff;font:700 1.05rem var(--font-num)}
.rmz-ozet{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;margin-bottom:14px;color:var(--muted)}
.rmz-ozet b{color:var(--ink);font:700 1.15rem var(--font-num)}
.rmz-tablo .mini{min-width:84px;justify-content:center}
.rmz-o.d1,.rmz-t.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);font-weight:600}
.rmz-o.d2{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger);color:var(--danger);font-weight:600}
.rmz-o.d3{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}
.rmz-tablo .mini:disabled{opacity:.45;cursor:default}

/* Zikir programları */
.zk-prog{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.zk-prog .muted{font-size:.85rem;margin-right:4px}
.zk-prog .chip{border-style:dashed}
.zk-aktif{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:10px 14px}
.zk-aktif b{display:block;font-weight:600}
.zk-aktif small{color:var(--muted)}
.zk-tr{overflow-wrap:anywhere}
.zk-hedef{max-width:300px;margin:14px auto 0;text-align:center}
.zk-hedef .field label{font-size:.78rem;color:var(--muted)}
.zk-hedef .cubuk{margin:10px 0 6px}

/* İstatistik */
.ist-ozet{display:flex;flex-wrap:wrap;gap:10px 28px;margin-bottom:16px}
.ist-ozet b{display:block;font:700 1.8rem/1.1 var(--font-num);color:var(--accent-strong)}
.ist-ozet small{color:var(--muted);font-size:.84rem}
.ist-izgara{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:3px}
.ist-izgara div{display:grid;gap:3px}
.ist-izgara i{display:block;aspect-ratio:1;border-radius:3px;background:var(--surface-2)}
.ist-izgara i.on{background:var(--accent)}
.ist-eksen{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:.74rem;color:var(--muted)}
.ist-cubuk{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;height:110px;align-items:end}
.ist-cubuk div{display:grid;grid-template-rows:1fr auto;height:100%;gap:4px;text-align:center}
.ist-cubuk i{display:block;align-self:end;min-height:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 55%,transparent))}
.ist-cubuk small{font-size:.66rem;color:var(--muted)}

/* Tavaf */
.tavaf-kart{text-align:center;display:grid;gap:12px}
.tavaf-nokta{display:flex;justify-content:center;gap:8px}
.tavaf-nokta i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);transition:all .2s}
.tavaf-nokta i.on{background:var(--gold);border-color:var(--gold);transform:scale(1.08)}
.tavaf-sayi{font:700 4.4rem/1 var(--font-num);color:var(--accent-strong)}
.tavaf-sayi small{font-size:1.4rem;color:var(--muted)}
.mini.fav{font-size:1rem;line-height:1;padding:5px 9px}
.mini.fav.on{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}

@media (max-width:720px){
  .hatim-kart{grid-template-columns:1fr;justify-items:center;text-align:center}
  .hatim-kart .row{justify-content:center}
  .halka{width:128px;height:128px}
  .rmz-yan{grid-template-columns:1fr 1fr;width:100%}
  .rmz-yan span{flex-direction:column;gap:2px;padding:10px 12px}
  .rmz-tablo .mini{min-width:0;padding:5px 8px}
  .ist-izgara{gap:2px}.ist-izgara div{gap:2px}
  .ist-cubuk{gap:3px;height:96px}
  .ist-cubuk small{font-size:.58rem}
  .ayet-bar{flex-wrap:wrap}
}
.kisa{display:none}
@media (max-width:720px){
  .uzun{display:none}.kisa{display:inline}
  .rmz-tablo{min-width:0;font-size:.9rem}
  .rmz-tablo th,.rmz-tablo td{padding:9px 4px}
  .rmz-tablo th{font-size:.62rem;letter-spacing:.04em}
  .rmz-tablo td:first-child,.rmz-tablo th:first-child{padding-left:12px}
  .rmz-tablo .mini{min-width:40px;min-height:34px;padding:4px 6px;font-size:1rem}
}