/* MİZAN V14.0.8.2.1 — Stabil Mod, Sabit Paneller ve Sade Vakit Kartı */
:root{
  --v14821-app-height:100dvh;
  --v14821-accent:#5ce8dc;
  --v14821-overlay:rgba(1,8,16,.79);
  --v14821-panel-width:540px;
}

html.v14821-overlay-lock,
body.v14821-overlay-lock{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}
body.v14821-release{
  overflow-x:hidden!important;
  overflow-anchor:none!important;
}
body.v14821-release .app-shell,
body.v14821-release .app-main,
body.v14821-release .view{
  overflow-x:hidden!important;
}

/* STABİL MOD: hareketli 3D/dekoratif katmanları kaldır, statik premium görünümü koru. */
body.v14821-release #v148Ambient,
body.v14821-release .v148-splash-scene,
body.v14821-release .v148-ai-rings,
body.v14821-release .ai-orbit,
body.v14821-release .v147-ai-core>i,
body.v14821-release .v147-ai-live::before,
body.v14821-release .v147-ai-live::after{
  display:none!important;
}
body.v14821-release .v1482-ai-core,
body.v14821-release .ai-symbol,
body.v14821-release .ai-avatar,
body.v14821-release .ai-nav-button,
body.v14821-release .splash-logo{
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
body.v14821-release .bottom-nav .ai-symbol.v1482-ai-core{
  inline-size:72px!important;
  block-size:72px!important;
  min-inline-size:72px!important;
  min-block-size:72px!important;
  max-inline-size:72px!important;
  max-block-size:72px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  flex:0 0 72px!important;
  overflow:hidden!important;
  box-shadow:0 13px 34px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--v14821-accent) 34%,transparent)!important;
}

/* TÜM MODAL/DRAWER'LAR: aynı sabit ve merkezlenmiş altyapı. */
body.v14821-release .modal-backdrop,
body.v14821-release .ai-backdrop{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:var(--v14821-app-height)!important;
  min-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  background:var(--v14821-overlay)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:none!important;
  overflow:hidden!important;
  contain:strict!important;
}
body.v14821-release .modal-backdrop.open,
body.v14821-release .ai-backdrop.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.v14821-release .modal-panel,
body.v14821-release .ai-sheet{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  width:min(calc(100vw - 12px),var(--v14821-panel-width))!important;
  min-width:0!important;
  max-width:var(--v14821-panel-width)!important;
  height:min(92dvh,820px)!important;
  max-height:calc(var(--v14821-app-height) - max(8px,env(safe-area-inset-top)))!important;
  margin:0!important;
  box-sizing:border-box!important;
  transform:translate3d(-50%,102%,0)!important;
  transition:none!important;
  overflow:hidden!important;
  contain:layout paint style!important;
  border-radius:28px 28px 0 0!important;
  border-bottom:0!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
body.v14821-release .modal-backdrop.open .modal-panel,
body.v14821-release .ai-backdrop.open .ai-sheet{
  transform:translate3d(-50%,0,0)!important;
}
body.v14821-release .modal-panel #modalContent{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable;
}
body.v14821-release .modal-panel #modalContent:has(.modal-body){
  overflow:hidden!important;
}
body.v14821-release .modal-panel .modal-header,
body.v14821-release .modal-panel .modal-footer{
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
}
body.v14821-release .modal-panel .modal-body{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.v14821-release .modal-panel *,
body.v14821-release .ai-sheet *{
  box-sizing:border-box;
  max-width:100%;
}
body.v14821-release.v14821-overlay-open .bottom-nav,
body.v14821-release.v14821-overlay-open .floating-action,
body.v14821-release.v14821-overlay-open .v14-quran-fab,
body.v14821-release.v14821-overlay-open .v148-quran-float-controls,
body.v14821-release.v14821-overlay-open .v147-fullscreen-exit{
  pointer-events:none!important;
}

/* Premium bilgi alanı: bar yok; solda Bayramiç, sağda üç küçük satır. */
body.v14821-release .v14821-prayer-meta{
  display:grid!important;
  grid-template-columns:minmax(146px,46%) minmax(0,54%)!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
  padding:17px 18px 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.v14821-release .v14821-place{
  min-width:0!important;
  min-height:72px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--text)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  text-align:left!important;
}
body.v14821-release .v14821-place svg{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  color:var(--v14821-accent)!important;
}
body.v14821-release .v14821-place strong{
  min-width:0!important;
  font-size:clamp(20px,6.1vw,28px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.v14821-release .v14821-meta-list{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
  align-content:center!important;
}
body.v14821-release .v14821-meta-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--text-soft)!important;
  text-align:left!important;
  font-size:clamp(8px,2.4vw,10.5px)!important;
  line-height:1.28!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body.v14821-release .v14821-meta-row b{
  color:var(--muted)!important;
  font-weight:750!important;
}
body.v14821-release .v14821-meta-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.v14821-release button.v14821-meta-row{
  cursor:pointer!important;
}
body.v14821-release button.v14821-meta-row span:last-child{
  color:var(--text)!important;
  font-weight:780!important;
}

/* Aktif vakit: ikon + vakit adı + saat tek güçlü yatay satır. */
body.v14821-release .v143-prayer-title.v14821-prayer-stage{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:4px!important;
  min-height:122px!important;
  padding:12px 18px 16px!important;
  background:radial-gradient(circle at 11% 43%,color-mix(in srgb,var(--v14821-accent) 10%,transparent),transparent 28%)!important;
  position:relative!important;
}
body.v14821-release .v14821-prayer-stage::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--v14821-accent) 22%,transparent),transparent)!important;
}
body.v14821-release .v14821-prayer-stage .v1482-prayer-hero-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:58px!important;
  height:58px!important;
  border-radius:19px!important;
  align-self:center!important;
  box-shadow:none!important;
}
body.v14821-release .v14821-prayer-stage .v1482-prayer-copy{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  min-width:0!important;
  padding-right:96px!important;
}
body.v14821-release .v14821-prayer-stage .v1482-prayer-copy h2{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:clamp(9px,3vw,17px)!important;
  width:100%!important;
  margin:0!important;
  white-space:nowrap!important;
}
body.v14821-release .v14821-prayer-stage .v1482-prayer-copy h2>span,
body.v14821-release .v14821-prayer-stage .v1482-prayer-copy h2>b{
  display:inline-block!important;
  margin:0!important;
  line-height:.95!important;
  white-space:nowrap!important;
}
body.v14821-release .v14821-prayer-stage .v1482-prayer-copy h2>span{
  font-size:clamp(29px,9.2vw,48px)!important;
  letter-spacing:-1.7px!important;
  color:var(--text)!important;
}
body.v14821-release .v14821-prayer-stage .v1482-prayer-copy h2>b{
  font-size:clamp(28px,8.7vw,46px)!important;
  letter-spacing:-1.4px!important;
  color:var(--v14821-accent)!important;
}
body.v14821-release .v14821-prayer-stage .v1482-prayer-copy p{
  margin:8px 0 0!important;
  max-width:100%!important;
  font-size:11px!important;
  line-height:1.38!important;
  color:var(--muted)!important;
}
body.v14821-release .v14821-prayer-stage .v143-prayer-metric{
  position:absolute!important;
  right:18px!important;
  bottom:17px!important;
  min-width:82px!important;
  display:grid!important;
  justify-items:end!important;
  gap:1px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.v14821-release .v14821-prayer-stage .v143-prayer-metric small{
  font-size:7px!important;
  line-height:1.15!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
  white-space:nowrap!important;
}
body.v14821-release .v14821-prayer-stage .v143-prayer-metric strong{
  font-size:clamp(19px,6vw,28px)!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  color:var(--text)!important;
}

/* Eski bar stillerini tamamen etkisizleştir. */
body.v14821-release .v1482-prayer-meta-bar{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Kur’an: sade üst menü, şeffaf geri, portrait tam ekran. */
body.v14821-release .v146-reader-head .back-button,
body.v14821-release .v1482-quran-back{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--text)!important;
}
body.v14821-release .v1482-fullscreen-button{
  font-size:25px!important;
  line-height:1!important;
}
body.v14821-release.v14821-portrait-reader .v146-quran-reader{
  width:100%!important;
  max-width:100%!important;
  min-height:100dvh!important;
}

/* Stabil sürümde hareket ayarlarını kapalı ve açıklayıcı göster. */
body.v14821-release #v148LiveBackground:disabled,
body.v14821-release #v148MotionMode:disabled{
  opacity:.72!important;
  cursor:not-allowed!important;
}
body.v14821-release .v14821-stable-note{
  margin:10px 0 0!important;
  padding:11px 12px!important;
  border:1px solid color-mix(in srgb,var(--v14821-accent) 18%,var(--line))!important;
  border-radius:13px!important;
  color:var(--muted)!important;
  background:color-mix(in srgb,var(--v14821-accent) 5%,transparent)!important;
  font-size:9px!important;
  line-height:1.45!important;
}

@media (min-width:620px){
  body.v14821-release .modal-panel,
  body.v14821-release .ai-sheet{
    bottom:18px!important;
    border-radius:28px!important;
    border-bottom:1px solid var(--line)!important;
    height:min(88dvh,820px)!important;
  }
}

@media (max-width:370px){
  body.v14821-release .v14821-prayer-meta{
    grid-template-columns:minmax(126px,48%) minmax(0,52%)!important;
    gap:8px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.v14821-release .v14821-place strong{font-size:18px!important}
  body.v14821-release .v14821-place svg{width:25px!important;height:25px!important;flex-basis:25px!important}
  body.v14821-release .v14821-meta-row{font-size:7.5px!important;gap:3px!important}
  body.v14821-release .v143-prayer-title.v14821-prayer-stage{
    grid-template-columns:50px minmax(0,1fr)!important;
    column-gap:9px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.v14821-release .v14821-prayer-stage .v1482-prayer-hero-icon{width:50px!important;height:50px!important}
  body.v14821-release .v14821-prayer-stage .v1482-prayer-copy{padding-right:78px!important}
  body.v14821-release .v14821-prayer-stage .v1482-prayer-copy h2{gap:8px!important}
  body.v14821-release .v14821-prayer-stage .v1482-prayer-copy h2>span{font-size:27px!important}
  body.v14821-release .v14821-prayer-stage .v1482-prayer-copy h2>b{font-size:26px!important}
  body.v14821-release .v14821-prayer-stage .v143-prayer-metric{right:13px!important;min-width:70px!important}
}

@media (prefers-reduced-motion:reduce){
  body.v14821-release .modal-backdrop,
  body.v14821-release .modal-panel,
  body.v14821-release .ai-backdrop,
  body.v14821-release .ai-sheet{transition:none!important}
}
