/* V205 - Metalurjik Proses Dijital İkizi modal tasarım restorasyonu
   Hedef: Açıklama + adım adım kullanım rehberi + AI Görsel modalını profesyonel hero/kart standardına geri almak. */
#mjptGuide.mjpt-modal,
#mjptAi.mjpt-modal{
  z-index:100000!important;
  overflow:auto!important;
  padding:36px!important;
  place-items:center!important;
  background:rgba(15,23,42,.68)!important;
  backdrop-filter:blur(8px)!important;
}
#mjptGuide .mjpt-modal-wrap,
#mjptAi .mjpt-modal-wrap{
  position:relative!important;
  width:min(1020px,calc(100vw - 72px))!important;
  max-height:calc(100vh - 72px)!important;
  overflow:visible!important;
}
#mjptGuide .mjpt-modal-card,
#mjptAi .mjpt-modal-card,
#mjptGuide .mjpt-standard-modal-card,
#mjptAi .mjpt-standard-modal-card{
  width:100%!important;
  max-width:100%!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
  border-radius:30px!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid #d8e2ed!important;
  box-shadow:0 30px 80px rgba(15,23,42,.30)!important;
}
html.dark #mjptGuide .mjpt-modal-card,
html.dark #mjptAi .mjpt-modal-card,
html[data-theme="dark"] #mjptGuide .mjpt-modal-card,
html[data-theme="dark"] #mjptAi .mjpt-modal-card{
  background:#0b1120!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}
#mjptGuide .mjpt-modal-close,
#mjptAi .mjpt-modal-close{
  position:absolute!important;
  top:-18px!important;
  right:-18px!important;
  z-index:100006!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:16px!important;
  border:1px solid #d8e2ed!important;
  background:#ffffff!important;
  color:#0f172a!important;
  box-shadow:0 16px 38px rgba(15,23,42,.28)!important;
  font-size:20px!important;
  font-weight:950!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#mjptGuide .mjpt-modal-close:hover,
#mjptAi .mjpt-modal-close:hover{background:#ecfeff!important;color:#0e7490!important;border-color:#67e8f9!important;transform:translateY(-1px)}
html.dark #mjptGuide .mjpt-modal-close,
html.dark #mjptAi .mjpt-modal-close,
html[data-theme="dark"] #mjptGuide .mjpt-modal-close,
html[data-theme="dark"] #mjptAi .mjpt-modal-close{background:#0f172a!important;color:#f8fafc!important;border-color:#334155!important}
#mjptGuide .mjpt-modal-body,
#mjptAi .mjpt-modal-body{padding:0!important;min-width:0!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important}
#mjptGuide .mjpt-standard-modal,
#mjptAi .mjpt-standard-modal{font-family:inherit!important;color:inherit!important;line-height:1.6!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important}
#mjptGuide .mjpt-standard-modal *,
#mjptAi .mjpt-standard-modal *{box-sizing:border-box!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}
#mjptGuide .mjpt-standard-hero,
#mjptAi .mjpt-standard-hero{
  padding:34px 34px 30px!important;
  background:linear-gradient(135deg,#0f766e,#155e75 58%,#0f172a)!important;
  color:#fff!important;
  border-radius:30px 30px 0 0!important;
}
#mjptAi .mjpt-standard-hero.mjpt-ai-hero{background:linear-gradient(135deg,#155e75,#0f766e 62%,#0f172a)!important}
#mjptGuide .mjpt-standard-kicker,
#mjptAi .mjpt-standard-kicker{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:8px 12px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;letter-spacing:.06em!important;
}
#mjptGuide .mjpt-standard-hero h2,
#mjptAi .mjpt-standard-hero h2{margin:18px 0 8px!important;color:#fff!important;font-size:clamp(28px,4vw,42px)!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.035em!important}
#mjptGuide .mjpt-standard-hero p,
#mjptAi .mjpt-standard-hero p{margin:0!important;max-width:860px!important;color:rgba(255,255,255,.92)!important;font-size:16px!important;line-height:1.62!important;font-weight:800!important}
#mjptGuide .mjpt-info-grid,
#mjptAi .mjpt-info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:24px 24px 6px!important}
#mjptGuide .mjpt-info-card,
#mjptAi .mjpt-info-card{
  min-width:0!important;background:#fff!important;border:1px solid #dbe5ef!important;border-radius:20px!important;
  padding:18px!important;box-shadow:0 16px 40px rgba(15,23,42,.06)!important;
}
html.dark #mjptGuide .mjpt-info-card,html.dark #mjptAi .mjpt-info-card,html[data-theme="dark"] #mjptGuide .mjpt-info-card,html[data-theme="dark"] #mjptAi .mjpt-info-card{background:#111827!important;border-color:#334155!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important}
#mjptGuide .mjpt-info-card h4,#mjptAi .mjpt-info-card h4{margin:0 0 8px!important;color:#0f766e!important;font-size:15px!important;font-weight:950!important;line-height:1.3!important}
html.dark #mjptGuide .mjpt-info-card h4,html.dark #mjptAi .mjpt-info-card h4,html[data-theme="dark"] #mjptGuide .mjpt-info-card h4,html[data-theme="dark"] #mjptAi .mjpt-info-card h4{color:#67e8f9!important}
#mjptGuide .mjpt-info-card p,#mjptAi .mjpt-info-card p{margin:0!important;color:#334155!important;font-size:14px!important;line-height:1.65!important;font-weight:800!important;max-width:100%!important;display:block!important;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important}
html.dark #mjptGuide .mjpt-info-card p,html.dark #mjptAi .mjpt-info-card p,html[data-theme="dark"] #mjptGuide .mjpt-info-card p,html[data-theme="dark"] #mjptAi .mjpt-info-card p{color:#dbeafe!important}
#mjptGuide .mjpt-flow-panel,#mjptAi .mjpt-flow-panel{padding:6px 24px 2px!important;margin:18px 0 0!important}
#mjptGuide .mjpt-flow-panel h3,#mjptAi .mjpt-flow-panel h3{margin:0 0 14px!important;color:#0f172a!important;font-size:21px!important;line-height:1.2!important;font-weight:950!important;letter-spacing:-.02em!important}
html.dark #mjptGuide .mjpt-flow-panel h3,html.dark #mjptAi .mjpt-flow-panel h3,html[data-theme="dark"] #mjptGuide .mjpt-flow-panel h3,html[data-theme="dark"] #mjptAi .mjpt-flow-panel h3{color:#f8fafc!important}
#mjptGuide .mjpt-flow-step,#mjptAi .mjpt-flow-step{
  display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;
  padding:16px!important;margin:0 0 12px!important;background:#fff!important;border:1px solid #dbe5ef!important;border-radius:18px!important;
}
html.dark #mjptGuide .mjpt-flow-step,html.dark #mjptAi .mjpt-flow-step,html[data-theme="dark"] #mjptGuide .mjpt-flow-step,html[data-theme="dark"] #mjptAi .mjpt-flow-step{background:#111827!important;border-color:#334155!important}
#mjptGuide .mjpt-flow-step>span,#mjptAi .mjpt-flow-step>span{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:14px!important;background:#0f766e!important;color:#fff!important;font-weight:950!important;font-size:17px!important;line-height:1!important}
#mjptGuide .mjpt-flow-step h4,#mjptAi .mjpt-flow-step h4{margin:0 0 5px!important;color:#0f172a!important;font-size:16px!important;line-height:1.3!important;font-weight:950!important}
html.dark #mjptGuide .mjpt-flow-step h4,html.dark #mjptAi .mjpt-flow-step h4,html[data-theme="dark"] #mjptGuide .mjpt-flow-step h4,html[data-theme="dark"] #mjptAi .mjpt-flow-step h4{color:#f8fafc!important}
#mjptGuide .mjpt-flow-step p,#mjptAi .mjpt-flow-step p{margin:0!important;color:#475569!important;font-size:14px!important;line-height:1.65!important;font-weight:800!important;max-width:none!important;width:auto!important;display:block!important;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important}
html.dark #mjptGuide .mjpt-flow-step p,html.dark #mjptAi .mjpt-flow-step p,html[data-theme="dark"] #mjptGuide .mjpt-flow-step p,html[data-theme="dark"] #mjptAi .mjpt-flow-step p{color:#cbd5e1!important}
#mjptGuide .mjpt-warning-panel,#mjptAi .mjpt-warning-panel{margin:20px 24px 24px!important;padding:18px!important;background:linear-gradient(135deg,#ecfeff,#f8fafc)!important;border:1px solid #bae6fd!important;border-radius:20px!important}
html.dark #mjptGuide .mjpt-warning-panel,html.dark #mjptAi .mjpt-warning-panel,html[data-theme="dark"] #mjptGuide .mjpt-warning-panel,html[data-theme="dark"] #mjptAi .mjpt-warning-panel{background:linear-gradient(135deg,#083344,#111827)!important;border-color:#164e63!important}
#mjptGuide .mjpt-warning-panel strong,#mjptAi .mjpt-warning-panel strong{display:block!important;margin-bottom:6px!important;color:#0f766e!important;font-size:15px!important;font-weight:950!important}
html.dark #mjptGuide .mjpt-warning-panel strong,html.dark #mjptAi .mjpt-warning-panel strong,html[data-theme="dark"] #mjptGuide .mjpt-warning-panel strong,html[data-theme="dark"] #mjptAi .mjpt-warning-panel strong{color:#67e8f9!important}
#mjptGuide .mjpt-warning-panel p,#mjptAi .mjpt-warning-panel p{margin:0!important;color:#334155!important;line-height:1.65!important;font-size:14px!important;font-weight:800!important;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important}
html.dark #mjptGuide .mjpt-warning-panel p,html.dark #mjptAi .mjpt-warning-panel p,html[data-theme="dark"] #mjptGuide .mjpt-warning-panel p,html[data-theme="dark"] #mjptAi .mjpt-warning-panel p{color:#dbeafe!important}
#mjptGuide .mjpt-prompt-label,#mjptAi .mjpt-prompt-label{display:block!important;margin:18px 24px 8px!important;color:#0f766e!important;font-weight:950!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:uppercase!important}
#mjptGuide .mjpt-ai-prompt,#mjptAi .mjpt-ai-prompt{display:block!important;width:calc(100% - 48px)!important;min-height:230px!important;margin:0 24px 4px!important;border-radius:20px!important;padding:16px!important;background:#020617!important;color:#e2e8f0!important;border:1px solid #334155!important;font-weight:800!important;line-height:1.55!important;font-size:14px!important;resize:vertical!important;white-space:pre-wrap!important;word-break:normal!important;overflow-wrap:break-word!important}
@media(max-width:760px){
  #mjptGuide.mjpt-modal,#mjptAi.mjpt-modal{padding:26px 12px 14px!important;place-items:start center!important}
  #mjptGuide .mjpt-modal-wrap,#mjptAi .mjpt-modal-wrap{width:calc(100vw - 24px)!important;max-height:calc(100vh - 42px)!important}
  #mjptGuide .mjpt-modal-close,#mjptAi .mjpt-modal-close{top:-16px!important;right:-6px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:14px!important}
  #mjptGuide .mjpt-standard-hero,#mjptAi .mjpt-standard-hero{padding:28px 20px 22px!important}
  #mjptGuide .mjpt-info-grid,#mjptAi .mjpt-info-grid{grid-template-columns:1fr!important;padding:18px 16px 4px!important;gap:12px!important}
  #mjptGuide .mjpt-flow-panel,#mjptAi .mjpt-flow-panel{padding:6px 16px 2px!important}
  #mjptGuide .mjpt-warning-panel,#mjptAi .mjpt-warning-panel{margin:16px 16px 20px!important}
  #mjptGuide .mjpt-flow-step,#mjptAi .mjpt-flow-step{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;padding:14px!important}
  #mjptGuide .mjpt-ai-prompt,#mjptAi .mjpt-ai-prompt{width:calc(100% - 32px)!important;margin-left:16px!important;margin-right:16px!important}
}


/* V204 mühendislik haritası yorum/etiket desteği korunur. */
/* V204 - Metalurjik Proses Dijital İkizi mühendislik haritası etiket ve yorum standardı */
#mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart{
  height:390px!important;
}
#mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-comment{
  margin-top:14px;
  border:1px solid rgba(8,145,178,.22);
  background:linear-gradient(135deg,#ecfeff,#f8fafc);
  border-radius:22px;
  padding:14px 16px;
  color:#334155;
  font-weight:750;
  line-height:1.6;
}
html.dark #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-comment,
html[data-theme="dark"] #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-comment{
  background:linear-gradient(135deg,#083344,#111827);
  border-color:#164e63;
  color:#e2e8f0;
}
#mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-comment p{
  margin:0 0 10px!important;
  color:inherit!important;
  font-weight:750!important;
  line-height:1.6!important;
}
#mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-comment p:last-child{margin-bottom:0!important}
#mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-comment strong{
  color:#0f766e;
  font-weight:950;
}
html.dark #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-comment strong,
html[data-theme="dark"] #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-comment strong{color:#67e8f9}
#mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-critical{
  border-left:4px solid #0f766e;
  padding-left:12px;
}
#mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-legend{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-legend span{
  display:block;
  border:1px solid rgba(148,163,184,.28);
  background:rgba(255,255,255,.72);
  border-radius:16px;
  padding:9px 10px;
  color:#334155;
  font-size:13px;
  line-height:1.35;
}
html.dark #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-legend span,
html[data-theme="dark"] #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-legend span{
  background:rgba(15,23,42,.72);
  border-color:#334155;
  color:#e2e8f0;
}
#mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-legend b{
  color:#0f766e;
  font-weight:950;
  margin-right:6px;
}
html.dark #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-legend b,
html[data-theme="dark"] #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-legend b{color:#67e8f9}
@media(max-width:720px){
  #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart{height:430px!important}
  #mjpt-metalurjik-proses-dijital-ikizi .mjpt-chart-legend{grid-template-columns:1fr}
}