/* MJ V389 — TTT-CCT referans modal standardı
   Loading ekranına benzer tam ekran siyah/blur arka plan + tek modal kabuğu. */
html.mj-v389-modal-open,
body.mj-v389-modal-open{
  overflow:hidden!important;
}
#mj-v389-modal-root,
.mj-v389-overlay{
  position:fixed!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  min-width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 18% 12%, rgba(34,211,238,.22), transparent 32%),
    radial-gradient(circle at 82% 10%, rgba(59,130,246,.16), transparent 34%),
    rgba(2,6,23,.86)!important;
  backdrop-filter:blur(13px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(145%)!important;
  overflow:hidden!important;
}
.mj-v389-shell{
  position:relative!important;
  width:min(1040px, calc(100vw - 48px))!important;
  max-height:calc(100dvh - 58px)!important;
  margin:0!important;
  border-radius:28px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  filter:none!important;
  transform:none!important;
}
.mj-v389-panel{
  border-radius:28px!important;
  overflow:hidden!important;
  background:#f8fbff!important;
  border:1px solid rgba(216,226,237,.95)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.48)!important;
  color:#0f172a!important;
  max-height:calc(100dvh - 58px)!important;
  display:flex!important;
  flex-direction:column!important;
}
.mj-v389-close{
  position:absolute!important;
  right:-18px!important;
  top:-18px!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:#0f172a!important;
  color:#ffffff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:950!important;
  cursor:pointer!important;
  z-index:3!important;
  box-shadow:0 16px 38px rgba(0,0,0,.38)!important;
  padding:0!important;
}
.mj-v389-close:hover{background:#111827!important;transform:translateY(-1px)!important;}
.mj-v389-hero{
  padding:30px 34px 31px!important;
  background:linear-gradient(112deg,#0b2f49 0%,#0f766e 46%,#1d4ed8 100%)!important;
  color:#ffffff!important;
}
.mj-v389-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 15px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  background:rgba(255,255,255,.09)!important;
  color:#eef9ff!important;
  font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  letter-spacing:.95px!important;
  text-transform:uppercase!important;
  margin:0 0 19px!important;
}
.mj-v389-title{
  margin:0 0 12px!important;
  color:#ffffff!important;
  font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(2rem,3.8vw,3.55rem)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  font-weight:950!important;
}
.mj-v389-subtitle{
  margin:0!important;
  color:rgba(255,255,255,.92)!important;
  font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(.98rem,1.15vw,1.16rem)!important;
  line-height:1.65!important;
  font-weight:650!important;
  max-width:900px!important;
}
.mj-v389-body{
  overflow:auto!important;
  padding:24px 26px 26px!important;
  background:#f8fbff!important;
  color:#0f172a!important;
  font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  line-height:1.68!important;
}
.mj-v389-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
.mj-v389-card{
  border:1px solid #d8e5f2!important;
  background:#ffffff!important;
  color:#334155!important;
  border-radius:20px!important;
  padding:19px 20px!important;
  box-shadow:none!important;
  overflow-wrap:anywhere!important;
}
.mj-v389-card h3,
.mj-v389-content h3{
  margin:0 0 10px!important;
  color:#0f766e!important;
  font-size:1rem!important;
  line-height:1.35!important;
  font-weight:950!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.mj-v389-card p,
.mj-v389-card li,
.mj-v389-content,
.mj-v389-content p,
.mj-v389-content li,
.mj-v389-content td,
.mj-v389-content th{
  color:#334155!important;
  font-size:14px!important;
  line-height:1.72!important;
  font-weight:600!important;
}
.mj-v389-content{
  border:1px solid #d8e5f2!important;
  background:#ffffff!important;
  border-radius:20px!important;
  padding:20px!important;
  margin-top:16px!important;
}
.mj-v389-content :first-child{margin-top:0!important;}
.mj-v389-content :last-child{margin-bottom:0!important;}
.mj-v389-ai-prompt{
  white-space:pre-wrap!important;
  word-break:break-word!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid #d8e5f2!important;
  border-radius:16px!important;
  padding:16px!important;
  font:650 14px/1.72 Inter,Poppins,system-ui,sans-serif!important;
}
.mj-v389-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:14px!important;}
.mj-v389-btn{
  border:1px solid #d8e5f2!important;
  background:#ffffff!important;
  color:#0f172a!important;
  border-radius:16px!important;
  padding:11px 15px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.mj-v389-btn-primary{background:linear-gradient(135deg,#0891b2,#0f766e)!important;color:#fff!important;border-color:transparent!important;}
/* TTT-CCT: içeriğe dokunmadan sadece overlayi loading gibi tam ekran yap */
body .ttt-standard-modal.mj-open,
body #mjGuideModal.ttt-standard-modal.mj-open,
body #tttAiModal.ttt-standard-modal.mj-open,
body .ttt-standard-modal[aria-hidden="false"]{
  position:fixed!important;
  inset:0!important;
  left:0!important;top:0!important;right:0!important;bottom:0!important;
  width:100vw!important;min-width:100vw!important;
  height:100vh!important;min-height:100vh!important;
  height:100dvh!important;min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:2147482900!important;
  background:radial-gradient(circle at 20% 12%,rgba(34,211,238,.2),transparent 30%),rgba(2,6,23,.86)!important;
  backdrop-filter:blur(13px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(145%)!important;
  overflow:hidden!important;
}
body .ttt-standard-modal .ttt-standard-modal-box{
  margin:24px!important;
  max-height:calc(100dvh - 58px)!important;
}
@media(max-width:760px){
  .mj-v389-overlay{padding:0!important;align-items:flex-start!important;}
  .mj-v389-shell{width:calc(100vw - 22px)!important;max-height:calc(100dvh - 22px)!important;margin:11px!important;}
  .mj-v389-panel{max-height:calc(100dvh - 22px)!important;border-radius:24px!important;}
  .mj-v389-close{right:8px!important;top:8px!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;font-size:23px!important;}
  .mj-v389-hero{padding:24px 22px 24px!important;}
  .mj-v389-body{padding:18px!important;}
  .mj-v389-grid{grid-template-columns:1fr!important;}
  .mj-v389-title{font-size:clamp(1.7rem,8vw,2.35rem)!important;}
}