/* =====================================================================
   etwmodal.css — izole bildirim / onay modalı eklentisi (YENİ arayüz)
   ---------------------------------------------------------------------
   Hasta / MT / Login ortak. ChatGPT "ETW Glass Modal" tasarımı temel
   alınarak hazırlandı (kaynak: yeniarayuz2026/etwmodal.html). Eski sürüm
   etwmodalEski.css olarak saklanır.

   - TÜM kurallar !important — sayfa stilleriyle çakışmaz.
   - Demo sahnesi (müzik çalar, dock, arka plan resimleri) DAHİL EDİLMEDİ;
     yalnız modal bileşeni alındı.
   - Onay (Tamam) butonu tema rengiyle (var(--navy)) boyandı — mavi DEĞİL.
   - Tüm CSS değişkenleri .etwmodal_overlay'e scope'lanır → eski sayfalara
     ve :root'a sızıntı yok.
   - Mobil / tablet / masaüstü uyumlu.
   ===================================================================== */

/* ── sayfa kaydırma kilidi (html düzeyi — kesin) ── */
html.etwmodal-html-locked {
  overflow: hidden !important;
  padding-right: var(--etwmodal-sbw, 0px) !important;
}

/* ── overlay (zemin) — buzlu cam + hafif koyu örtü ── */
.etwmodal_overlay {
  /* modal renk değişkenleri — yalnız bu ağaca scope'lu (sızıntı yok) */
  --etwmodal_radius: 24px;
  --etwmodal_text: rgba(255, 255, 255, 0.98);
  --etwmodal_text_soft: rgba(255, 255, 255, 0.88);
  --etwmodal_success_1: var(--green, #11c86f);
  --etwmodal_success_2: var(--green-line, #baff8f);
  --etwmodal_success_3: var(--green, #38f0a0);
  --etwmodal_error_1: var(--red, #ff3151);
  --etwmodal_error_2: var(--red-line, #ff9ba7);
  --etwmodal_error_3: var(--red, #ff5e70);
  --etwmodal_warning_1: var(--orange, #ff9f0a);
  --etwmodal_warning_2: var(--red-line, #ffe28c);
  --etwmodal_warning_3: var(--orange-line, #ffc247);
  --etwmodal_info_1: var(--blue-2, #00a8ff);
  --etwmodal_info_2: var(--line, #a8f0ff);
  --etwmodal_info_3: var(--cyan, #4ad8ff);
  /* question — canlı mavi/turkuaz aile (error/success ile aynı dolgunluk) */
  --etwmodal_question_1: var(--cyan, #06b6d4);
  --etwmodal_question_2: var(--line, #a5f3fc);
  --etwmodal_question_3: var(--cyan, #22d3ee);

  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(12px, 2vw, 22px) !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: rgba(3, 8, 18, 0.16) !important;
  -webkit-backdrop-filter: blur(9px) saturate(135%) !important;
  backdrop-filter: blur(9px) saturate(135%) !important;
  transition: opacity 0.28s ease, visibility 0.28s ease !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "SF Pro Text", Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

/* tüm modal alt elemanları border-box (global * kuralı KULLANILMADI) */
.etwmodal_overlay,
.etwmodal_overlay *,
.etwmodal_overlay *::before,
.etwmodal_overlay *::after {
  box-sizing: border-box !important;
}

.etwmodal_overlay.etwmodal_active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* ── modal sarmalayıcı ── */
.etwmodal_overlay .etwmodal_modalWrap {
  width: min(488px, calc(100vw - 24px)) !important;
  position: relative !important;
  margin: 0 !important;
  transform: translateY(18px) scale(0.94) !important;
  opacity: 0 !important;
  transition:
    transform 0.52s cubic-bezier(.18, .95, .18, 1.08),
    opacity 0.26s ease !important;
}

.etwmodal_overlay.etwmodal_active .etwmodal_modalWrap {
  transform: translateY(0) scale(1) !important;
  opacity: 1 !important;
}

.etwmodal_overlay .etwmodal_lensGlow {
  position: absolute !important;
  inset: -42px !important;
  border-radius: 36px !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(255,255,255,0.38), transparent 26%),
    radial-gradient(circle at 82% 88%, rgba(255,255,255,0.18), transparent 32%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.07), transparent 72%) !important;
  filter: blur(16px) !important;
  pointer-events: none !important;
  opacity: 0.80 !important;
}

/* ── modal kartı — buzlu cam ── */
.etwmodal_overlay .etwmodal_modal {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--etwmodal_radius) !important;
  min-height: 424px !important;
  padding: 1px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,0.54) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.72), rgba(255,255,255,0.20) 30%, rgba(255,255,255,0.09) 60%, rgba(255,255,255,0.44)),
    rgba(255,255,255,0.16) !important;
  box-shadow:
    0 40px 100px rgba(0,0,0,0.38),
    0 10px 34px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.78),
    inset 0 -1px 0 rgba(255,255,255,0.18) !important;
  -webkit-backdrop-filter: blur(34px) saturate(215%) contrast(1.06) brightness(1.07) !important;
  backdrop-filter: blur(34px) saturate(215%) contrast(1.06) brightness(1.07) !important;
}

.etwmodal_overlay .etwmodal_modal::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(128deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.16) 24%, transparent 47%),
    radial-gradient(circle at 52% -16%, rgba(255,255,255,0.84), transparent 34%),
    radial-gradient(circle at 8% 92%, rgba(255,255,255,0.26), transparent 28%),
    radial-gradient(circle at 98% 56%, rgba(255,255,255,0.16), transparent 24%),
    linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.18)) !important;
  mix-blend-mode: screen !important;
  opacity: 0.92 !important;
  pointer-events: none !important;
}

.etwmodal_overlay .etwmodal_modal::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: calc(var(--etwmodal_radius) - 1px) !important;
  pointer-events: none !important;
  border: 1px solid rgba(255,255,255,0.30) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.14),
    inset 24px 22px 40px rgba(255,255,255,0.20),
    inset -22px -24px 38px rgba(0,20,45,0.14),
    inset 0 -120px 110px rgba(0,0,0,0.18) !important;
}

.etwmodal_overlay .etwmodal_distortion {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0.13 !important;
  pointer-events: none !important;
  background:
    repeating-radial-gradient(circle at 38% 24%, rgba(255,255,255,0.34) 0 1px, transparent 1px 8px),
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.24) 42%, transparent 58%) !important;
  filter: url(#etwmodal_warp) !important;
  mix-blend-mode: overlay !important;
}

.etwmodal_overlay .etwmodal_body {
  position: relative !important;
  z-index: 4 !important;
  min-height: 424px !important;
  padding: 28px clamp(18px, 4vw, 30px) clamp(18px, 3.6vw, 26px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* ── ikon kutusu ── */
.etwmodal_overlay .etwmodal_iconBox {
  width: 112px !important;
  height: 112px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

.etwmodal_overlay .etwmodal_iconGraphic {
  width: 100px !important;
  height: 100px !important;
  display: none !important;
  position: relative !important;
  place-items: center !important;
  border-radius: 50% !important;
  isolation: isolate !important;
  opacity: 0 !important;
  transform: scale(0.58) rotate(-10deg) !important;
}

.etwmodal_overlay .etwmodal_modal.etwmodal_iconAnimate .etwmodal_iconGraphic {
  animation: etwmodal_frameEnter 0.62s cubic-bezier(.16, 1.25, .28, 1) forwards !important;
}

.etwmodal_overlay .etwmodal_modal[data-etwmodal-icon="success"] .etwmodal_iconSuccess,
.etwmodal_overlay .etwmodal_modal[data-etwmodal-icon="error"] .etwmodal_iconError,
.etwmodal_overlay .etwmodal_modal[data-etwmodal-icon="warning"] .etwmodal_iconWarning,
.etwmodal_overlay .etwmodal_modal[data-etwmodal-icon="info"] .etwmodal_iconInfo,
.etwmodal_overlay .etwmodal_modal[data-etwmodal-icon="question"] .etwmodal_iconQuestion {
  display: grid !important;
}

.etwmodal_overlay .etwmodal_iconGraphic::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  border-radius: 50% !important;
  background:
    conic-gradient(
      from 0deg,
      var(--etwmodal_icon_1) 0deg,
      var(--etwmodal_icon_2) 92deg,
      var(--etwmodal_icon_3) 178deg,
      var(--etwmodal_icon_1) 265deg,
      var(--etwmodal_icon_2) 360deg
    ) !important;
  /* dönen renkli çerçeve — kademeli yavaşlatıldı (2.8s → 5.6s → 7.5s),
     akışkan/sabit hız için linear */
  animation: etwmodal_frameSpin 7.5s linear infinite !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.24),
    0 0 28px var(--etwmodal_icon_glow),
    inset 0 1px 0 rgba(255,255,255,0.44) !important;
}

.etwmodal_overlay .etwmodal_iconGraphic::after {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  z-index: 2 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,0.26), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05)),
    rgba(10, 14, 24, 0.16) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
  backdrop-filter: blur(18px) saturate(180%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.32),
    inset 0 -9px 24px rgba(0,0,0,0.18) !important;
}

.etwmodal_overlay .etwmodal_iconSymbol {
  position: relative !important;
  z-index: 4 !important;
  width: 60px !important;
  height: 60px !important;
  opacity: 0 !important;
  transform: scale(0.28) translateY(10px) !important;
}

.etwmodal_overlay .etwmodal_modal.etwmodal_iconAnimate .etwmodal_iconSymbol {
  animation: etwmodal_symbolEnter 0.50s cubic-bezier(.16, 1.35, .34, 1) 0.42s forwards !important;
}

.etwmodal_overlay .etwmodal_iconSymbol svg {
  width: 60px !important;
  height: 60px !important;
  overflow: visible !important;
  display: block !important;
  filter:
    drop-shadow(0 4px 0 rgba(0,0,0,0.46))
    drop-shadow(0 10px 16px rgba(0,0,0,0.44))
    drop-shadow(0 0 10px rgba(255,255,255,0.22)) !important;
}

.etwmodal_overlay .etwmodal_iconSymbol path,
.etwmodal_overlay .etwmodal_iconSymbol line {
  stroke: #ffffff !important;
  stroke-width: 8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  fill: none !important;
}

.etwmodal_overlay .etwmodal_iconSymbol circle.etwmodal_symbolDot {
  fill: #ffffff !important;
  stroke: rgba(0,0,0,0.34) !important;
  stroke-width: 1.5 !important;
}

.etwmodal_overlay .etwmodal_iconSymbol text {
  fill: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Arial, sans-serif !important;
  font-size: 68px !important;
  font-weight: 950 !important;
  dominant-baseline: middle !important;
  text-anchor: middle !important;
  paint-order: stroke fill !important;
  stroke: rgba(0,0,0,0.40) !important;
  stroke-width: 4px !important;
}

.etwmodal_overlay .etwmodal_iconSuccess {
  --etwmodal_icon_1: var(--etwmodal_success_1) !important;
  --etwmodal_icon_2: var(--etwmodal_success_2) !important;
  --etwmodal_icon_3: var(--etwmodal_success_3) !important;
  --etwmodal_icon_glow: rgba(18,201,111,0.62) !important;
}

.etwmodal_overlay .etwmodal_iconError {
  --etwmodal_icon_1: var(--etwmodal_error_1) !important;
  --etwmodal_icon_2: var(--etwmodal_error_2) !important;
  --etwmodal_icon_3: var(--etwmodal_error_3) !important;
  --etwmodal_icon_glow: rgba(255,49,79,0.62) !important;
}

.etwmodal_overlay .etwmodal_iconWarning {
  --etwmodal_icon_1: var(--etwmodal_warning_1) !important;
  --etwmodal_icon_2: var(--etwmodal_warning_2) !important;
  --etwmodal_icon_3: var(--etwmodal_warning_3) !important;
  --etwmodal_icon_glow: rgba(255,159,10,0.62) !important;
}

.etwmodal_overlay .etwmodal_iconInfo {
  --etwmodal_icon_1: var(--etwmodal_info_1) !important;
  --etwmodal_icon_2: var(--etwmodal_info_2) !important;
  --etwmodal_icon_3: var(--etwmodal_info_3) !important;
  --etwmodal_icon_glow: rgba(0,167,255,0.62) !important;
}

.etwmodal_overlay .etwmodal_iconQuestion {
  --etwmodal_icon_1: var(--etwmodal_question_1) !important;
  --etwmodal_icon_2: var(--etwmodal_question_2) !important;
  --etwmodal_icon_3: var(--etwmodal_question_3) !important;
  --etwmodal_icon_glow: rgba(217,230,238,0.54) !important;
}

/* ── başlık + metin ── */
.etwmodal_overlay .etwmodal_title {
  margin: 0 0 18px !important;
  padding: 0 !important;
  /* başlık tek satırda kalabilsin (ör. "Eksik veya hatalı bilgiler var") —
     modal kartı genişletildi, başlık genişliği artırılıp font biraz küçültüldü. */
  max-width: 430px !important;
  color: var(--etwmodal_text) !important;
  font-family: inherit !important;
  font-size: clamp(22px, 3vw, 25.5px) !important;
  line-height: 1.28 !important;
  letter-spacing: -0.012em !important;
  word-spacing: 0.035em !important;
  font-weight: 820 !important;
  text-align: center !important;
  text-shadow:
    0 2px 8px rgba(0,0,0,0.68),
    0 0 26px rgba(0,0,0,0.34),
    0 0 28px rgba(255,255,255,0.16) !important;
}

.etwmodal_overlay .etwmodal_message {
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: 360px !important;
  color: var(--etwmodal_text_soft) !important;
  font-family: inherit !important;
  font-size: clamp(14px, 2.3vw, 15.8px) !important;
  line-height: 1.68 !important;
  font-weight: 620 !important;
  text-align: center !important;
  word-break: break-word !important;
  text-shadow:
    0 2px 8px rgba(0,0,0,0.66),
    0 0 18px rgba(0,0,0,0.34) !important;
}
.etwmodal_overlay .etwmodal_message strong { color: #ffffff !important; font-weight: 850 !important; }
.etwmodal_overlay .etwmodal_message a { color: var(--line, #bfe0ff) !important; font-weight: 800 !important; }

/* ── butonlar ── */
.etwmodal_overlay .etwmodal_actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin: 0 !important;
  margin-top: auto !important;
  padding: 30px 0 0 !important;
}

.etwmodal_overlay .etwmodal_btn {
  min-width: 0 !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,0.34) !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: clamp(14px, 2.3vw, 16px) !important;
  font-weight: 880 !important;
  letter-spacing: -0.01em !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: transform 0.2s ease, filter 0.2s ease, background 0.2s ease !important;
  -webkit-backdrop-filter: blur(18px) saturate(190%) !important;
  backdrop-filter: blur(18px) saturate(190%) !important;
  white-space: nowrap !important;
}

.etwmodal_overlay .etwmodal_btnCancel {
  color: rgba(255,255,255,0.92) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.20), rgba(255,255,255,0.07)),
    rgba(255,255,255,0.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.44),
    0 12px 26px rgba(0,0,0,0.12) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.30) !important;
}

/* Onay (Tamam) butonu — TEMA RENGİ DEĞİL, BOOTSTRAP-4 PRIMARY MAVİ (#007bff)
   tonu (kullanıcı isteği 2026-06-06). Üst beyaz parlama + alt mavi gradient. */
.etwmodal_overlay .etwmodal_btnOk {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.24), transparent 44%),
    linear-gradient(135deg, #007bff, #0069d9) !important;
  box-shadow:
    0 18px 36px rgba(0, 123, 255, 0.34),
    inset 0 1px 0 rgba(255,255,255,0.30) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.28) !important;
}

.etwmodal_overlay .etwmodal_btn:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
}

.etwmodal_overlay .etwmodal_btn:active {
  transform: scale(0.985) !important;
}

.etwmodal_overlay .etwmodal_btn:focus-visible {
  outline: 3px solid rgba(255,255,255,0.65) !important;
  outline-offset: 2px !important;
}

/* ── butonsuz modal (timer ile otomatik kapanan) — içerik dikeyde ortalanır ── */
.etwmodal_overlay .etwmodal_modal.etwmodal_noActions .etwmodal_body {
  justify-content: center !important;
}

/* ── timer ilerleme çubuğu — modal kartının alt kenarında, süreyle daralır ── */
.etwmodal_overlay .etwmodal_timerBar {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 4px !important;
  z-index: 6 !important;
  background: rgba(255, 255, 255, 0.16) !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.etwmodal_overlay .etwmodal_timerBar > span {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg,
    rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.55)) !important;
  transform-origin: left center !important;
  animation-name: etwmodal_timerShrink !important;
  animation-timing-function: linear !important;
  animation-fill-mode: forwards !important;
}
@keyframes etwmodal_timerShrink {
  from { transform: scaleX(1); }
  to { transform: scaleX(0); }
}

/* ── animasyonlar ── */
@keyframes etwmodal_frameEnter {
  0% { opacity: 0; transform: scale(0.50) rotate(-14deg); }
  58% { opacity: 1; transform: scale(1.10) rotate(3deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}

@keyframes etwmodal_frameSpin {
  to { transform: rotate(360deg); }
}

@keyframes etwmodal_symbolEnter {
  0% { opacity: 0; transform: scale(0.22) translateY(12px); }
  64% { opacity: 1; transform: scale(1.18) translateY(-3px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}

/* ikon açık kaldığında görünür son durum (animasyon bitse de gizlenmesin) */
.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="success"] .etwmodal_iconSuccess,
.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="error"] .etwmodal_iconError,
.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="warning"] .etwmodal_iconWarning,
.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="info"] .etwmodal_iconInfo,
.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="question"] .etwmodal_iconQuestion {
  opacity: 1 !important;
  transform: scale(1) rotate(0deg) !important;
}

.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="success"] .etwmodal_iconSuccess .etwmodal_iconSymbol,
.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="error"] .etwmodal_iconError .etwmodal_iconSymbol,
.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="warning"] .etwmodal_iconWarning .etwmodal_iconSymbol,
.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="info"] .etwmodal_iconInfo .etwmodal_iconSymbol,
.etwmodal_overlay.etwmodal_active .etwmodal_modal[data-etwmodal-icon="question"] .etwmodal_iconQuestion .etwmodal_iconSymbol {
  opacity: 1 !important;
  transform: scale(1) translateY(0) !important;
}

/* backdrop-filter desteklenmeyen tarayıcıda okunaklı kalsın */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .etwmodal_overlay { background: rgba(8, 14, 26, 0.62) !important; }
  .etwmodal_overlay .etwmodal_modal {
    background: linear-gradient(165deg, var(--ink, #1d2735), var(--ink, #11192a)) !important;
  }
}

/* ── tablet ── */
@media (min-width: 741px) and (max-width: 1024px) {
  .etwmodal_overlay .etwmodal_modalWrap {
    width: min(488px, 92vw) !important;
  }
}

/* ── mobil ── */
@media (max-width: 740px) {
  .etwmodal_overlay {
    padding: 12px !important;
  }
  .etwmodal_overlay .etwmodal_modalWrap {
    width: min(400px, calc(100vw - 50px)) !important;
  }
  .etwmodal_overlay .etwmodal_modal {
    min-height: 350px !important;
    border-radius: 22px !important;
  }
  .etwmodal_overlay .etwmodal_modal::after { border-radius: 21px !important; }
  .etwmodal_overlay .etwmodal_body {
    min-height: 350px !important;
    padding: 25px 18px 18px !important;
  }
  .etwmodal_overlay .etwmodal_iconBox {
    width: 106px !important;
    height: 106px !important;
    margin-bottom: 22px !important;
  }
  .etwmodal_overlay .etwmodal_iconGraphic {
    width: 96px !important;
    height: 96px !important;
  }
  .etwmodal_overlay .etwmodal_iconSymbol,
  .etwmodal_overlay .etwmodal_iconSymbol svg {
    width: 58px !important;
    height: 58px !important;
  }
  .etwmodal_overlay .etwmodal_actions {
    grid-template-columns: 1fr 1fr !important;
    padding-top: 24px !important;
  }
}

/* ── küçük mobil ── */
@media (max-width: 380px) {
  .etwmodal_overlay .etwmodal_modal { min-height: 404px !important; }
  .etwmodal_overlay .etwmodal_body {
    min-height: 404px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .etwmodal_overlay .etwmodal_iconBox {
    width: 100px !important;
    height: 100px !important;
    margin-bottom: 20px !important;
  }
  .etwmodal_overlay .etwmodal_iconGraphic {
    width: 92px !important;
    height: 92px !important;
  }
  .etwmodal_overlay .etwmodal_iconSymbol,
  .etwmodal_overlay .etwmodal_iconSymbol svg {
    width: 54px !important;
    height: 54px !important;
  }
  .etwmodal_overlay .etwmodal_title {
    font-size: 22.5px !important;
    line-height: 1.30 !important;
    margin-bottom: 16px !important;
  }
  .etwmodal_overlay .etwmodal_message {
    font-size: 13.8px !important;
    line-height: 1.62 !important;
  }
  .etwmodal_overlay .etwmodal_btn {
    min-height: 50px !important;
    font-size: 13.5px !important;
    border-radius: 16px !important;
  }
}

/* ── hareketi azalt tercihi — YALNIZ modal ağacına scope'lu ── */
@media (prefers-reduced-motion: reduce) {
  .etwmodal_overlay,
  .etwmodal_overlay *,
  .etwmodal_overlay *::before,
  .etwmodal_overlay *::after {
    animation-duration: 0.012s !important;
    transition-duration: 0.012s !important;
  }
}