/* Alaşım Tasarım Aracı - CMS entegre, izole stil */
.alat-tool{--bg:#0a0e17;--bg2:#0f1423;--bg3:#16192d;--bg4:#1d2140;--border:#22304d;--border2:#2d3f62;--text:#e8ecf7;--text2:#a3b1d1;--text3:#667199;--accent:#5b9ff5;--accent2:#7c5ee8;--accent3:#2dd4a0;--accent4:#f59e0b;--accent5:#ef4444;--shadow:rgba(0,0,0,.30);position:relative;color:var(--text);font-family:Poppins,Inter,system-ui,sans-serif;}
.alat-tool.light{--bg:#f6f8fb;--bg2:#fff;--bg3:#f0f3f8;--bg4:#e7edf5;--border:#d1dbe8;--border2:#b9c8dc;--text:#172033;--text2:#465875;--text3:#71809a;--shadow:rgba(15,23,42,.12)}
.alat-tool *{box-sizing:border-box}.alat-tool .mono{font-family:'JetBrains Mono',ui-monospace,monospace}.alat-shell{position:relative}.alat-layout{display:grid;grid-template-columns:minmax(290px,335px) minmax(0,1fr);gap:16px;align-items:start;padding-right:96px}.alat-sidebar{position:sticky;top:112px;max-height:calc(100vh - 140px);overflow:auto}.alat-main{min-width:0}.alat-card,.alat-chip,.alat-phase-card{background:linear-gradient(135deg,var(--bg3),var(--bg2));border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 36px var(--shadow)}.alat-card{padding:18px;margin-bottom:14px}.alat-ctitle{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:800;color:#16c7ee;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:14px;display:flex;gap:8px;align-items:center}.alat-tool label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:var(--text3);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.7px;font-weight:700}.alat-tool input,.alat-tool select{width:100%;background:var(--bg4);border:1px solid var(--border);color:var(--text);padding:10px 11px;border-radius:10px;font-size:12px;font-family:'JetBrains Mono',ui-monospace,monospace;outline:none;margin-bottom:10px}.alat-tool input:focus,.alat-tool select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,159,245,.16)}.alat-tool select option{background:var(--bg3);color:var(--text)}.alat-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;border:1px solid var(--border2);background:var(--bg4);color:var(--text2);transition:.2s;font-family:Poppins,Inter,sans-serif;text-decoration:none;padding:10px 14px}.alat-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.alat-btn-primary{background:linear-gradient(135deg,#20c7f4,#2563eb);color:#fff;border:0;box-shadow:0 10px 22px rgba(37,99,235,.18)}.alat-btn-primary:hover{color:#fff}.alat-btn-sm{padding:8px 12px;font-size:11px}.alat-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alat-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.alat-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.alat-chip{padding:15px;text-align:center}.alat-chip-val{font:800 22px 'JetBrains Mono',ui-monospace,monospace;color:#16c7ee}.alat-chip-lbl{font-size:9px;color:var(--text3);text-transform:uppercase;font-weight:800;letter-spacing:.6px;margin-top:5px}.alat-element-row{display:grid;grid-template-columns:1.1fr 1fr 38px;gap:7px;align-items:center;margin-bottom:7px}.alat-element-row input,.alat-element-row select{margin-bottom:0}.alat-remove{background:rgba(239,68,68,.12);color:var(--accent5);border:1px solid rgba(239,68,68,.35);border-radius:10px;height:38px;cursor:pointer}.alat-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border2);background:var(--bg4);border-radius:999px;padding:5px 10px;font-size:10px;color:var(--text2);font-weight:700;margin:3px}.alat-info-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:10px 0;font-size:12px}.alat-info-key{color:var(--text3)}.alat-info-val{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;color:var(--text)}.alat-tool canvas{width:100%;height:auto;border-radius:12px;border:1px solid var(--border);background:#fff;display:block}.alat-phase-card{padding:14px;min-height:130px}.alat-phase-title{font-weight:800;color:var(--text);font-size:15px;margin-bottom:8px}.alat-phase-text{font-size:12px;color:var(--text2);line-height:1.65}.alat-warn{border-left:4px solid var(--accent4);padding:11px 13px;background:rgba(245,158,11,.10);border-radius:10px;color:var(--text2);font-size:12px;line-height:1.6}.alat-toast{position:fixed;right:20px;bottom:92px;z-index:9999;background:linear-gradient(135deg,var(--accent3),#10b981);color:white;border-radius:10px;padding:13px 18px;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.28)}.alat-fade{animation:alatFade .25s ease}@keyframes alatFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.alat-tool-nav{position:fixed;right:14px;top:92px;bottom:72px;z-index:35;width:82px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:10px 8px;border:1px solid rgba(148,163,184,.25);border-radius:22px;background:rgba(15,23,42,.86);backdrop-filter:blur(22px) saturate(180%);box-shadow:0 18px 44px rgba(0,0,0,.22)}.dark .alat-tool-nav{background:rgba(15,23,42,.88)}.alat-tab,.alat-tool-action{width:100%;min-height:62px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px 6px;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:rgba(255,255,255,.06);color:#cbd5e1;font-size:11px;font-weight:900;line-height:1.05;letter-spacing:.04em;text-align:center;text-transform:uppercase;cursor:pointer;transition:.2s}.alat-light .alat-tab,.alat-light .alat-tool-action,.alat-tool.light .alat-tab,.alat-tool.light .alat-tool-action{background:rgba(255,255,255,.75);color:#334155}.alat-tab:hover,.alat-tool-action:hover{border-color:#22d3ee;color:#22d3ee}.alat-tab.active{background:linear-gradient(135deg,rgba(34,211,238,.20),rgba(124,58,237,.14));border-color:#22d3ee;color:#22d3ee;box-shadow:0 0 18px rgba(34,211,238,.20)}.alat-tab span,.alat-tool-action span{display:block;max-width:68px;overflow:hidden;text-overflow:ellipsis}.alat-guide-modal,.alat-ai-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:80;background:rgba(2,6,23,.72);backdrop-filter:blur(10px);padding:18px}.alat-guide-modal.open,.alat-ai-modal.open{display:flex}.alat-modal-box{width:min(980px,96vw);max-height:88vh;overflow:hidden;background:var(--bg2);color:var(--text);border:1px solid var(--border2);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.5);display:flex;flex-direction:column}.alat-modal-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(34,211,238,.14),transparent)}.alat-modal-title{display:flex;align-items:center;gap:12px;margin:0;color:var(--text);font-size:1.45rem;font-weight:900}.alat-modal-title span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee,#2563eb);color:#fff}.alat-modal-close{border:1px solid var(--border);background:var(--bg4);color:var(--text);border-radius:14px;min-width:42px;height:42px;cursor:pointer;font-size:18px;font-weight:900}.alat-modal-body{overflow:auto;padding:22px;line-height:1.75}.alat-guide-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.alat-guide-card{border:1px solid var(--border);background:var(--bg4);border-radius:18px;padding:18px}.alat-guide-card h3{margin:0 0 10px;color:#16c7ee;font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.alat-guide-card p,.alat-guide-card ul{margin:0;color:var(--text2);font-size:.9rem}.alat-guide-card ul{padding-left:18px}.alat-guide-card li{margin:7px 0}.alat-ai-text{width:100%;min-height:220px;border:1px solid var(--border);border-radius:16px;background:var(--bg4);color:var(--text);padding:14px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;line-height:1.6;resize:vertical}.alat-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.alat-report-table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}.alat-report-table th,.alat-report-table td{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}.alat-report-table th{background:var(--bg4);color:var(--text3);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.alat-report-table td{color:var(--text2)}
@media(max-width:1100px){.alat-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}.alat-grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.alat-layout{display:block;padding-right:0}.alat-sidebar{position:relative;top:auto;max-height:none}.alat-main{padding-bottom:92px}.alat-grid2,.alat-grid3,.alat-grid4{grid-template-columns:1fr}.alat-card{padding:14px}.alat-tool-nav{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:70;width:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;overflow-x:auto;overflow-y:hidden;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(148,163,184,.25);border-right:0;border-left:0;border-bottom:0;border-radius:0;background:rgba(15,23,42,.90);box-shadow:0 -18px 40px rgba(0,0,0,.20);scrollbar-width:none}.alat-tool-nav::-webkit-scrollbar{display:none}.alat-tab,.alat-tool-action{flex:0 0 auto;min-width:70px;min-height:54px;gap:3px;padding:7px 9px;font-size:11px}.alat-guide-grid{grid-template-columns:1fr}.alat-report-table{min-width:720px}.alat-info-row{align-items:flex-start}.alat-element-row{grid-template-columns:1fr .85fr 38px}}
@media(max-width:420px){.alat-tab,.alat-tool-action{min-width:64px;padding-left:8px;padding-right:8px}.alat-chip-val{font-size:19px}}


/* v2 NAV FIX — Alaşım aracı sağ menü / mobil navigasyon düzeltmesi
   Akıllı Metalurji Asistanı ile aynı mantık: desktop sağda dikey, mobil altta yatay. */
#alasim-tasarim-araci-tool .alat-shell{
  position:relative!important;
  width:100%!important;
}
#alasim-tasarim-araci-tool .alat-tool-nav{
  -webkit-tap-highlight-color:transparent!important;
}
#alasim-tasarim-araci-tool .alat-guide-launcher,
#alasim-tasarim-araci-tool button.alat-guide-launcher,
#alasim-tasarim-araci-tool .mj-guide-launcher{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media (min-width:901px){
  #alasim-tasarim-araci-tool .alat-shell{
    padding-right:96px!important;
  }
  #alasim-tasarim-araci-tool .alat-layout{
    padding-right:0!important;
    display:grid!important;
    grid-template-columns:minmax(290px,335px) minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
  }
  #alasim-tasarim-araci-tool .alat-sidebar{
    position:sticky!important;
    top:112px!important;
    max-height:calc(100vh - 140px)!important;
    overflow:auto!important;
  }
  #alasim-tasarim-araci-tool .alat-tool-nav{
    position:absolute!important;
    right:12px!important;
    top:18px!important;
    bottom:auto!important;
    left:auto!important;
    width:76px!important;
    max-width:76px!important;
    max-height:calc(100% - 36px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    gap:8px!important;
    padding:8px!important;
    margin:0!important;
    border:1px solid rgba(148,163,184,.25)!important;
    border-radius:22px!important;
    background:rgba(8,13,24,.78)!important;
    backdrop-filter:blur(18px) saturate(160%)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
    z-index:30!important;
    scrollbar-width:thin!important;
  }
  #alasim-tasarim-araci-tool.alat-tool.light .alat-tool-nav{
    background:rgba(255,255,255,.88)!important;
  }
  #alasim-tasarim-araci-tool .alat-tool-nav::-webkit-scrollbar{width:4px!important}
  #alasim-tasarim-araci-tool .alat-tool-nav::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35)!important;border-radius:999px!important}
  #alasim-tasarim-araci-tool .alat-tab,
  #alasim-tasarim-araci-tool .alat-tool-action{
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:4px!important;
    padding:8px 5px!important;
    border-radius:16px!important;
    font-size:10.5px!important;
    line-height:1.08!important;
    letter-spacing:.04em!important;
    text-align:center!important;
    white-space:normal!important;
  }
  #alasim-tasarim-araci-tool .alat-tab span,
  #alasim-tasarim-araci-tool .alat-tool-action span{
    display:block!important;
    max-width:62px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media (max-width:900px){
  body{padding-bottom:82px!important;}
  #alasim-tasarim-araci-tool{
    padding-bottom:82px!important;
  }
  #alasim-tasarim-araci-tool .alat-shell{
    position:relative!important;
    padding-right:0!important;
    padding-bottom:0!important;
  }
  #alasim-tasarim-araci-tool .alat-layout{
    display:block!important;
    padding-right:0!important;
  }
  #alasim-tasarim-araci-tool .alat-sidebar{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #alasim-tasarim-araci-tool .alat-main{
    padding-bottom:96px!important;
  }
  #alasim-tasarim-araci-tool .alat-tool-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100vw!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    z-index:9999!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    border-top:1px solid rgba(148,163,184,.25)!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:0!important;
    background:rgba(8,13,24,.94)!important;
    backdrop-filter:blur(22px) saturate(180%)!important;
    box-shadow:0 -18px 40px rgba(0,0,0,.22)!important;
    scrollbar-width:none!important;
  }
  #alasim-tasarim-araci-tool.alat-tool.light .alat-tool-nav{
    background:rgba(255,255,255,.96)!important;
  }
  #alasim-tasarim-araci-tool .alat-tool-nav::-webkit-scrollbar{display:none!important;}
  #alasim-tasarim-araci-tool .alat-tab,
  #alasim-tasarim-araci-tool .alat-tool-action{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:70px!important;
    min-height:54px!important;
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:7px 10px!important;
    border-radius:14px!important;
    font-size:11px!important;
    line-height:1.05!important;
    letter-spacing:.04em!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  #alasim-tasarim-araci-tool .alat-tab span,
  #alasim-tasarim-araci-tool .alat-tool-action span{
    display:block!important;
    max-width:74px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #alasim-tasarim-araci-tool .alat-toast{bottom:92px!important;}
}
@media (max-width:420px){
  #alasim-tasarim-araci-tool .alat-tab,
  #alasim-tasarim-araci-tool .alat-tool-action{
    min-width:64px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #alasim-tasarim-araci-tool .alat-tab span,
  #alasim-tasarim-araci-tool .alat-tool-action span{
    max-width:66px!important;
    font-size:10.5px!important;
  }
}

/* v3 SINGLE COLUMN FIX — Alaşım Tasarım Aracı ana sonuç alanı
   Mikroyapı Görseli / Tahmin Özeti ve benzeri ana içerik blokları tek sütunda görünür. */
#alasim-tasarim-araci-tool .alat-main > .alat-grid2{
  grid-template-columns:1fr!important;
}
#alasim-tasarim-araci-tool .alat-main > .alat-grid2 > .alat-card{
  width:100%!important;
  max-width:100%!important;
}
#alasim-tasarim-araci-tool .alat-main canvas{
  max-width:100%!important;
}
@media(min-width:901px){
  #alasim-tasarim-araci-tool .alat-main > .alat-grid2{
    gap:16px!important;
  }
}


/* === Alaşım Tasarım Aracı v1: primer PDF aktif === */
#alasim-tasarim-araci-tool .mj-primer-note,
#alasim-tasarim-araci-tool .mj-primer-table{
  color:#0f172a;
}


/* === Alaşım Tasarım Aracı v2: sol menü sayfa akışı içinde ===
   Sol parametre menüsü artık kendi içinde kaydırılan frame gibi davranmaz.
   Sayfa kaydırılınca sol menü de sayfa içeriğiyle birlikte aşağı-yukarı hareket eder. */
#alasim-tasarim-araci-tool{
  overflow:visible!important;
}
#alasim-tasarim-araci-tool .alat-shell{
  overflow:visible!important;
}
#alasim-tasarim-araci-tool .alat-layout{
  display:grid!important;
  grid-template-columns:minmax(290px,335px) minmax(0,1fr)!important;
  align-items:start!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
#alasim-tasarim-araci-tool .alat-sidebar{
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  align-self:flex-start!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-y:visible!important;
  overflow-x:visible!important;
  overscroll-behavior:auto!important;
  scrollbar-gutter:auto!important;
}
#alasim-tasarim-araci-tool .alat-sidebar::-webkit-scrollbar{
  display:none!important;
}
#alasim-tasarim-araci-tool .alat-sidebar{
  scrollbar-width:none!important;
}
#alasim-tasarim-araci-tool .alat-main{
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
@media (max-width:900px){
  #alasim-tasarim-araci-tool .alat-layout{
    display:block!important;
    height:auto!important;
    overflow:visible!important;
  }
  #alasim-tasarim-araci-tool .alat-sidebar{
    width:100%!important;
    min-width:0!important;
    margin-right:0!important;
    margin-bottom:14px!important;
    position:relative!important;
    top:auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
  }
}


/* === Metalurjist V44: pre-V29 working behavior + compact right menu visual standard ===
   This intentionally does NOT use fixed body-portal menu relocation.
   Menus stay in their original working DOM flow, move with the page scrollbar, and are styled compactly.
   Header/title are not overlapped because menus are not taken out of flow. */
:root{
  --mjv44-panel-bg:#eef6f8;
  --mjv44-panel-border:#d7e4ea;
  --mjv44-card-bg:#ffffff;
  --mjv44-card-border:#d8e2e8;
  --mjv44-card-text:#0f172a;
  --mjv44-icon-bg:#e6fbff;
  --mjv44-icon-border:#b8eff8;
  --mjv44-icon-text:#0891b2;
  --mjv44-hover-bg:#ecfeff;
  --mjv44-hover-border:#67e8f9;
  --mjv44-hover-text:#0e7490;
  --mjv44-shadow:0 10px 26px rgba(15,23,42,.08);
}
html.dark,html[data-theme="dark"],body.dark,body[data-theme="dark"]{
  --mjv44-panel-bg:#0b1726;
  --mjv44-panel-border:#334155;
  --mjv44-card-bg:#111827;
  --mjv44-card-border:#334155;
  --mjv44-card-text:#f8fafc;
  --mjv44-icon-bg:#083344;
  --mjv44-icon-border:#164e63;
  --mjv44-icon-text:#67e8f9;
  --mjv44-hover-bg:#0b3340;
  --mjv44-hover-border:#22d3ee;
  --mjv44-hover-text:#67e8f9;
  --mjv44-shadow:0 10px 26px rgba(0,0,0,.28);
}
html,body{overflow-x:hidden!important}

/* Başlık kartı: kesilmeyen, sayfa içinde güvenli tam genişlik */
.mj-unified-tool-title,
.measure-tool-hero{
  box-sizing:border-box!important;
  width:calc(100vw - 44px)!important;
  max-width:calc(100vw - 44px)!important;
  margin:18px auto 10px!important;
  padding:0!important;
  overflow:visible!important;
}
.mj-unified-tool-title-card,
.measure-tool-hero-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
  border-radius:28px!important;
}
.mj-unified-tool-action-card{
  box-sizing:border-box!important;
  width:calc(100vw - 44px)!important;
  max-width:calc(100vw - 44px)!important;
  margin:10px auto 16px!important;
  overflow:visible!important;
}

/* Wrapper/frame kırpmasını kaldır; menü akış içinde sağda çalışsın */
.mcds-shell,.mcds-app,.mcds-main,.mcds-layout,
.ehs-shell,.ehs-app,.ehs-main,.ehs-layout,
.ellx-shell,.ellx-app,.ellx-main,.ellx-layout,
.mi-shell,.mi-app,.mi-main,.mi-layout,
.jominy-tool,.jominy-sidebar,.carbon-tool,.carbon-sidebar,.kaynak-tool,.kaynak-sidebar,
.kirilma-tool,.kirilma-sidebar,.korozyon-tool,.korozyon-sidebar,.malzeme-tool,.malzeme-sidebar,
.xrd-premium-tool,.sem-realistic-shell,#sem-realistic-tool,#sem-tool,#prod-tool,#fatigue-tool,
.mjpt-shell,.mjpa-shell,.mbd-shell,.mvk-shell,.moh-shell,.mpt-shell,.mta-shell,
.tool-shell,.tool-layout,.tool-main,.tool-wrapper,.tool-page{
  overflow:visible!important;
}

/* Desktop: fixed değil; page-flow/sticky sağ menü. Sayfa scrollbarı ile hareket eder. */
@media(min-width:1024px){
  .mcds-side-nav,
  .ehs-side-nav,
  .ellx-side-nav,
  .mi-side-nav,
  .jominy-tool-nav,
  .carbon-tool-nav,
  .kaynak-tool-nav,
  .kirilma-tool-nav,
  .korozyon-tool-nav,
  .malzeme-tool-nav,
  .xrd-tool-nav,
  .sem-realistic-tool-nav,
  #sem-tool .sem-tool-nav,
  #prod-tool .mj-tool-nav,
  #fatigue-tool .mj-tool-nav,
  .mjpt-side,
  .mjpa-side,
  .mbd-nav,
  .mvk-nav,
  .moh-nav,
  .mpt-nav,
  .mta-nav,
  .xrd-premium-tool .side-menu,
  .side-menu,
  .side-nav,
  .tool-side-nav,
  .tool-sidebar,
  .right-tool-nav,
  .arac-side-nav,
  .arac-menu-panel{
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) + 18px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:auto!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px 5px!important;
    margin-left:auto!important;
    margin-right:18px!important;
    align-self:flex-start!important;
    float:none!important;
    border-radius:21px!important;
    background:var(--mjv44-panel-bg)!important;
    border:1px solid var(--mjv44-panel-border)!important;
    box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    z-index:120!important;
    scrollbar-width:none!important;
  }
  .mcds-side-nav::-webkit-scrollbar,
  .ehs-side-nav::-webkit-scrollbar,
  .ellx-side-nav::-webkit-scrollbar,
  .mi-side-nav::-webkit-scrollbar,
  .jominy-tool-nav::-webkit-scrollbar,
  .carbon-tool-nav::-webkit-scrollbar,
  .kaynak-tool-nav::-webkit-scrollbar,
  .kirilma-tool-nav::-webkit-scrollbar,
  .korozyon-tool-nav::-webkit-scrollbar,
  .malzeme-tool-nav::-webkit-scrollbar,
  .xrd-tool-nav::-webkit-scrollbar,
  .sem-realistic-tool-nav::-webkit-scrollbar,
  #sem-tool .sem-tool-nav::-webkit-scrollbar,
  #prod-tool .mj-tool-nav::-webkit-scrollbar,
  #fatigue-tool .mj-tool-nav::-webkit-scrollbar,
  .mjpt-side::-webkit-scrollbar,
  .mjpa-side::-webkit-scrollbar,
  .mbd-nav::-webkit-scrollbar,
  .mvk-nav::-webkit-scrollbar,
  .moh-nav::-webkit-scrollbar,
  .mpt-nav::-webkit-scrollbar,
  .mta-nav::-webkit-scrollbar,
  .xrd-premium-tool .side-menu::-webkit-scrollbar,
  .side-menu::-webkit-scrollbar,
  .side-nav::-webkit-scrollbar,
  .tool-side-nav::-webkit-scrollbar,
  .tool-sidebar::-webkit-scrollbar,
  .right-tool-nav::-webkit-scrollbar,
  .arac-side-nav::-webkit-scrollbar,
  .arac-menu-panel::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
}

/* Kare buton görsel standardı */
.mcds-side-nav a,.mcds-side-nav button,.mcds-mobile-toolnav a,.mcds-mobile-toolnav button,
.ehs-side-nav a,.ehs-side-nav button,.ehs-mobile-toolnav a,.ehs-mobile-toolnav button,
.ellx-side-nav a,.ellx-side-nav button,.mi-side-nav a,.mi-side-nav button,
.jominy-tool-nav a,.jominy-tool-nav button,.carbon-tool-nav a,.carbon-tool-nav button,
.kaynak-tool-nav a,.kaynak-tool-nav button,.kirilma-tool-nav a,.kirilma-tool-nav button,
.korozyon-tool-nav a,.korozyon-tool-nav button,.malzeme-tool-nav a,.malzeme-tool-nav button,
.xrd-tool-nav a,.xrd-tool-nav button,.sem-realistic-tool-nav a,.sem-realistic-tool-nav button,
#sem-tool .sem-tool-nav a,#sem-tool .sem-tool-nav button,
#prod-tool .mj-tool-nav a,#prod-tool .mj-tool-nav button,
#fatigue-tool .mj-tool-nav a,#fatigue-tool .mj-tool-nav button,
.mjpt-side a,.mjpt-side button,.mjpa-side a,.mjpa-side button,
.mbd-nav a,.mbd-nav button,.mvk-nav a,.mvk-nav button,.moh-nav a,.moh-nav button,.mpt-nav a,.mpt-nav button,.mta-nav a,.mta-nav button,
.xrd-premium-tool .side-menu a,.xrd-premium-tool .side-menu button,
.side-menu a,.side-menu button,.side-nav a,.side-nav button,.tool-side-nav a,.tool-side-nav button,.tool-sidebar a,.tool-sidebar button,.right-tool-nav a,.right-tool-nav button,.arac-side-nav a,.arac-side-nav button,.arac-menu-panel a,.arac-menu-panel button{
  box-sizing:border-box!important;
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  height:66px!important;
  min-height:66px!important;
  max-height:66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:4px!important;
  margin:0!important;
  border-radius:16px!important;
  background:var(--mjv44-card-bg)!important;
  color:var(--mjv44-card-text)!important;
  border:1px solid var(--mjv44-card-border)!important;
  box-shadow:var(--mjv44-shadow)!important;
  text-decoration:none!important;
  text-align:center!important;
  font-weight:950!important;
  line-height:1.04!important;
  overflow:hidden!important;
}
.mcds-side-nav a:hover,.mcds-side-nav button:hover,.mcds-mobile-toolnav a:hover,.mcds-mobile-toolnav button:hover,
.ehs-side-nav a:hover,.ehs-side-nav button:hover,.ehs-mobile-toolnav a:hover,.ehs-mobile-toolnav button:hover,
.ellx-side-nav a:hover,.ellx-side-nav button:hover,.mi-side-nav a:hover,.mi-side-nav button:hover,
.jominy-tool-nav a:hover,.jominy-tool-nav button:hover,.carbon-tool-nav a:hover,.carbon-tool-nav button:hover,
.kaynak-tool-nav a:hover,.kaynak-tool-nav button:hover,.kirilma-tool-nav a:hover,.kirilma-tool-nav button:hover,
.korozyon-tool-nav a:hover,.korozyon-tool-nav button:hover,.malzeme-tool-nav a:hover,.malzeme-tool-nav button:hover,
.xrd-tool-nav a:hover,.xrd-tool-nav button:hover,.sem-realistic-tool-nav a:hover,.sem-realistic-tool-nav button:hover,
#sem-tool .sem-tool-nav a:hover,#sem-tool .sem-tool-nav button:hover,
#prod-tool .mj-tool-nav a:hover,#prod-tool .mj-tool-nav button:hover,
#fatigue-tool .mj-tool-nav a:hover,#fatigue-tool .mj-tool-nav button:hover,
.mjpt-side a:hover,.mjpt-side button:hover,.mjpa-side a:hover,.mjpa-side button:hover,
.mbd-nav a:hover,.mbd-nav button:hover,.mvk-nav a:hover,.mvk-nav button:hover,.moh-nav a:hover,.moh-nav button:hover,.mpt-nav a:hover,.mpt-nav button:hover,.mta-nav a:hover,.mta-nav button:hover,
.xrd-premium-tool .side-menu a:hover,.xrd-premium-tool .side-menu button:hover,
.side-menu a:hover,.side-menu button:hover,.side-nav a:hover,.side-nav button:hover,.tool-side-nav a:hover,.tool-side-nav button:hover,.tool-sidebar a:hover,.tool-sidebar button:hover,.right-tool-nav a:hover,.right-tool-nav button:hover,.arac-side-nav a:hover,.arac-side-nav button:hover,.arac-menu-panel a:hover,.arac-menu-panel button:hover{
  background:var(--mjv44-hover-bg)!important;
  color:var(--mjv44-hover-text)!important;
  border-color:var(--mjv44-hover-border)!important;
}

/* İkon kapsülleri */
.mcds-nav-icon,
.ehs-side-nav a>span:first-child,.ehs-side-nav button>span:first-child,
.ellx-side-nav button>:first-child,.mi-side-nav button>:first-child,
.jominy-tool-nav button>span:first-child,.carbon-tool-nav button>span:first-child,
.kaynak-tool-nav button>span:first-child,.kirilma-tool-nav button>span:first-child,
.korozyon-tool-nav button>span:first-child,.malzeme-tool-nav button>span:first-child,
.xrd-tool-nav button>span:first-child,.sem-realistic-tool-nav button .ico,
#sem-tool .sem-tool-nav .mj-nav-ico,#prod-tool .mj-tool-nav .mj-nav-ico,#fatigue-tool .mj-tool-nav .mj-nav-ico,
.mjpt-side button span,.mjpa-side button span,
.mbd-nav .mj-nav-ico,.mbd-nav .tool-nav-icon,.mbd-nav .icon,
.mvk-nav .mj-nav-ico,.mvk-nav .tool-nav-icon,.mvk-nav .icon,
.moh-nav .mj-nav-ico,.moh-nav .tool-nav-icon,.moh-nav .icon,
.mpt-nav .mj-nav-ico,.mpt-nav .tool-nav-icon,.mpt-nav .icon,
.mta-nav .mj-nav-ico,.mta-nav .tool-nav-icon,.mta-nav .icon,
.side-menu .mj-nav-ico,.side-menu .tool-nav-icon,.side-menu .icon,
.side-nav .mj-nav-ico,.side-nav .tool-nav-icon,.side-nav .icon,
.tool-side-nav .mj-nav-ico,.tool-side-nav .tool-nav-icon,.tool-side-nav .icon,
.tool-sidebar .mj-nav-ico,.tool-sidebar .tool-nav-icon,.tool-sidebar .icon,
.xrd-premium-tool .side-menu-link>span:first-child{
  box-sizing:border-box!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:var(--mjv44-icon-bg)!important;
  border:1px solid var(--mjv44-icon-border)!important;
  color:var(--mjv44-icon-text)!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1!important;
  margin:0!important;
}
.mcds-side-nav svg,.ehs-side-nav svg,.ellx-side-nav svg,.mi-side-nav svg,
.jominy-tool-nav svg,.carbon-tool-nav svg,.kaynak-tool-nav svg,.kirilma-tool-nav svg,.korozyon-tool-nav svg,
.malzeme-tool-nav svg,.xrd-tool-nav svg,.sem-realistic-tool-nav svg,#sem-tool .sem-tool-nav svg,#prod-tool .mj-tool-nav svg,#fatigue-tool .mj-tool-nav svg,
.mjpt-side svg,.mjpa-side svg,.mbd-nav svg,.mvk-nav svg,.moh-nav svg,.mpt-nav svg,.mta-nav svg,.side-menu svg,.side-nav svg,.tool-side-nav svg,.tool-sidebar svg{
  width:16px!important;
  height:16px!important;
  color:var(--mjv44-icon-text)!important;
  stroke:currentColor!important;
  fill:none!important;
}

/* Yazılar */
.mcds-side-title,.ehs-side-title,.ellx-side-title,.mi-side-title,.mjpt-side-title,.mjpa-side-title,.xrd-premium-tool .side-title,.side-title{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.12!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
  color:#475569!important;
  text-transform:uppercase!important;
  margin:0 0 2px!important;
  white-space:normal!important;
}
.mcds-side-nav a span:not(.mcds-nav-icon),.ehs-side-nav a b,.ehs-side-nav button b,
.ellx-side-nav button span:not(:first-child),.mi-side-nav button span:not(:first-child),
.jominy-tool-nav button b,.carbon-tool-nav button b,.kaynak-tool-nav button b,.kirilma-tool-nav button b,
.korozyon-tool-nav button em,.malzeme-tool-nav button em,.xrd-tool-nav button b,.sem-realistic-tool-nav button span:not(.ico),
#sem-tool .sem-tool-nav a span:not(.mj-nav-ico),#sem-tool .sem-tool-nav button span:not(.mj-nav-ico),
#prod-tool .mj-tool-nav button span:not(.mj-nav-ico),#fatigue-tool .mj-tool-nav button span:not(.mj-nav-ico),
.mjpt-side button em,.mjpa-side button em,
.mbd-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.mvk-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.moh-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.mpt-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.mta-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.xrd-premium-tool .side-menu-link span:not(:first-child),
.side-menu a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.side-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.tool-side-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.tool-sidebar a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon){
  display:block!important;
  font-style:normal!important;
  font-size:8px!important;
  font-weight:950!important;
  color:inherit!important;
  line-height:1.02!important;
  max-width:58px!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  margin:0!important;
}

/* Mobil: tüm menüler yatay nav olarak orijinal akışta */
@media(max-width:1023px){
  .mj-unified-tool-title,
  .measure-tool-hero,
  .mj-unified-tool-action-card{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
  .mcds-side-nav,.mcds-mobile-toolnav,
  .ehs-side-nav,.ehs-mobile-toolnav,
  .ellx-side-nav,.mi-side-nav,.jominy-tool-nav,.carbon-tool-nav,.kaynak-tool-nav,.kirilma-tool-nav,.korozyon-tool-nav,
  .malzeme-tool-nav,.xrd-tool-nav,.sem-realistic-tool-nav,#sem-tool .sem-tool-nav,#prod-tool .mj-tool-nav,#fatigue-tool .mj-tool-nav,
  .mjpt-side,.mjpa-side,.mbd-nav,.mvk-nav,.moh-nav,.mpt-nav,.mta-nav,.xrd-premium-tool .side-menu,
  .side-menu,.side-nav,.tool-side-nav,.tool-sidebar,.right-tool-nav,.arac-side-nav,.arac-menu-panel{
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) - 8px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100vw - 20px)!important;
    height:auto!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px!important;
    margin:8px auto 14px!important;
    border-radius:19px!important;
    background:var(--mjv44-panel-bg)!important;
    border:1px solid var(--mjv44-panel-border)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:120!important;
    scrollbar-width:none!important;
  }
  .mcds-side-nav::-webkit-scrollbar,.mcds-mobile-toolnav::-webkit-scrollbar,
  .ehs-side-nav::-webkit-scrollbar,.ehs-mobile-toolnav::-webkit-scrollbar,
  .ellx-side-nav::-webkit-scrollbar,.mi-side-nav::-webkit-scrollbar,.jominy-tool-nav::-webkit-scrollbar,.carbon-tool-nav::-webkit-scrollbar,
  .kaynak-tool-nav::-webkit-scrollbar,.kirilma-tool-nav::-webkit-scrollbar,.korozyon-tool-nav::-webkit-scrollbar,.malzeme-tool-nav::-webkit-scrollbar,
  .xrd-tool-nav::-webkit-scrollbar,.sem-realistic-tool-nav::-webkit-scrollbar,#sem-tool .sem-tool-nav::-webkit-scrollbar,#prod-tool .mj-tool-nav::-webkit-scrollbar,
  #fatigue-tool .mj-tool-nav::-webkit-scrollbar,.mjpt-side::-webkit-scrollbar,.mjpa-side::-webkit-scrollbar,.mbd-nav::-webkit-scrollbar,.mvk-nav::-webkit-scrollbar,
  .moh-nav::-webkit-scrollbar,.mpt-nav::-webkit-scrollbar,.mta-nav::-webkit-scrollbar,.xrd-premium-tool .side-menu::-webkit-scrollbar,
  .side-menu::-webkit-scrollbar,.side-nav::-webkit-scrollbar,.tool-side-nav::-webkit-scrollbar,.tool-sidebar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .mcds-side-title,.ehs-side-title,.ellx-side-title,.mi-side-title,.mjpt-side-title,.mjpa-side-title,.xrd-premium-tool .side-title,.side-title{display:none!important}
  .mcds-side-nav a,.mcds-side-nav button,.mcds-mobile-toolnav a,.mcds-mobile-toolnav button,
  .ehs-side-nav a,.ehs-side-nav button,.ehs-mobile-toolnav a,.ehs-mobile-toolnav button,
  .ellx-side-nav a,.ellx-side-nav button,.mi-side-nav a,.mi-side-nav button,.jominy-tool-nav a,.jominy-tool-nav button,.carbon-tool-nav a,.carbon-tool-nav button,
  .kaynak-tool-nav a,.kaynak-tool-nav button,.kirilma-tool-nav a,.kirilma-tool-nav button,.korozyon-tool-nav a,.korozyon-tool-nav button,
  .malzeme-tool-nav a,.malzeme-tool-nav button,.xrd-tool-nav a,.xrd-tool-nav button,.sem-realistic-tool-nav a,.sem-realistic-tool-nav button,
  #sem-tool .sem-tool-nav a,#sem-tool .sem-tool-nav button,#prod-tool .mj-tool-nav a,#prod-tool .mj-tool-nav button,#fatigue-tool .mj-tool-nav a,#fatigue-tool .mj-tool-nav button,
  .mjpt-side a,.mjpt-side button,.mjpa-side a,.mjpa-side button,.mbd-nav a,.mbd-nav button,.mvk-nav a,.mvk-nav button,.moh-nav a,.moh-nav button,.mpt-nav a,.mpt-nav button,.mta-nav a,.mta-nav button,
  .xrd-premium-tool .side-menu a,.xrd-premium-tool .side-menu button,.side-menu a,.side-menu button,.side-nav a,.side-nav button,.tool-side-nav a,.tool-side-nav button,.tool-sidebar a,.tool-sidebar button,.right-tool-nav a,.right-tool-nav button,.arac-side-nav a,.arac-side-nav button,.arac-menu-panel a,.arac-menu-panel button{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:66px!important;
    min-height:66px!important;
    max-height:66px!important;
    border-radius:16px!important;
    scroll-snap-align:start!important;
  }
}



/* === Metalurjist V45 hedefli araç menüsü düzeltmeleri ===
   Kapsam: Üretim Parametre Optimizasyonu, Isıl İşlem, Jominy, Karbon Eşdeğeri,
   Mekanik Özellik, Yorulma Ömrü, Ashby Platformu, Alaşım Tasarım, Metalurji Birim Dönüştürücü.
   Amaç: Menü başlık ile araç arasına girmesin; sağda akış içinde/sticky dursun;
   fixed/body-portal olmasın; menü yanında scrollbar olmasın; yazılar kompakt olsun. */
:root{
  --mjv45-menu-panel:#eef6f8;
  --mjv45-menu-border:#d7e4ea;
  --mjv45-menu-card:#ffffff;
  --mjv45-menu-card-border:#d8e2e8;
  --mjv45-menu-text:#0f172a;
  --mjv45-menu-muted:#64748b;
  --mjv45-icon-bg:#e6fbff;
  --mjv45-icon-border:#b8eff8;
  --mjv45-icon-text:#0891b2;
  --mjv45-hover-bg:#ecfeff;
  --mjv45-hover-border:#67e8f9;
  --mjv45-hover-text:#0e7490;
}
html.dark,html[data-theme="dark"],body.dark,body[data-theme="dark"]{
  --mjv45-menu-panel:#0b1726;
  --mjv45-menu-border:#334155;
  --mjv45-menu-card:#111827;
  --mjv45-menu-card-border:#334155;
  --mjv45-menu-text:#f8fafc;
  --mjv45-menu-muted:#cbd5e1;
  --mjv45-icon-bg:#083344;
  --mjv45-icon-border:#164e63;
  --mjv45-icon-text:#67e8f9;
  --mjv45-hover-bg:#0b3340;
  --mjv45-hover-border:#22d3ee;
  --mjv45-hover-text:#67e8f9;
}

/* 1) Araçlar: içeriği sol kolon, menüyü sağ kolon yap. Menü artık başlık-araç arasına satır olarak girmez. */
@media(min-width:1024px){
  #prod-tool,
  #fatigue-tool,
  .mj-isil-page .mj-tool-page-shell,
  .jominy-tool,
  .carbon-tool,
  .moh-shell,
  .mbd-shell,
  .mi-shell,
  .alat-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    column-gap:18px!important;
    align-items:start!important;
    overflow:visible!important;
  }

  #prod-tool > .layout,
  #fatigue-tool > .layout,
  .mj-isil-page .mj-tool-page-shell > .layout,
  .jominy-tool > .jominy-layout,
  .carbon-tool > .carbon-layout,
  .moh-shell > .moh-inner,
  .mbd-shell > .mbd-inner,
  .mi-shell > .mi-main,
  .alat-shell > .alat-layout{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    padding-right:0!important;
  }

  /* Ashby başlık/hero full satırda kalsın, ana içerik + sağ menü alt satırda dursun */
  .mi-shell > .mi-hero{
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:calc(100% - 32px)!important;
  }
  .mi-shell > .mi-main{
    grid-row:2!important;
  }

  #prod-tool > .mj-tool-nav,
  #fatigue-tool > .mj-tool-nav,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav,
  .jominy-tool > .jominy-tool-nav,
  .carbon-tool > .carbon-tool-nav,
  .moh-shell > .moh-nav,
  .mbd-shell > .mbd-nav,
  .mi-shell > .mi-side-nav,
  .alat-shell > .alat-tool-nav{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:end!important;
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) + 18px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    translate:none!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px 5px!important;
    margin:0!important;
    border-radius:21px!important;
    background:var(--mjv45-menu-panel)!important;
    border:1px solid var(--mjv45-menu-border)!important;
    box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    z-index:40!important;
    scrollbar-width:none!important;
  }

  #prod-tool > .mj-tool-nav::-webkit-scrollbar,
  #fatigue-tool > .mj-tool-nav::-webkit-scrollbar,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav::-webkit-scrollbar,
  .jominy-tool > .jominy-tool-nav::-webkit-scrollbar,
  .carbon-tool > .carbon-tool-nav::-webkit-scrollbar,
  .moh-shell > .moh-nav::-webkit-scrollbar,
  .mbd-shell > .mbd-nav::-webkit-scrollbar,
  .mi-shell > .mi-side-nav::-webkit-scrollbar,
  .alat-shell > .alat-tool-nav::-webkit-scrollbar{
    display:none!important;width:0!important;height:0!important;
  }

  /* Ashby ve Alaşım nav ana içeriğin sağında ikinci grid satırda */
  .mi-shell > .mi-side-nav{
    grid-row:2!important;
  }
  .alat-shell > .alat-tool-nav{
    grid-row:1!important;
  }

  /* Bu araçların eski sağ boşlukları menüyü aşağı/sağa itmesin */
  #prod-tool,
  #fatigue-tool{
    padding-right:18px!important;
  }
  .jominy-layout,
  .carbon-layout{
    padding-right:0!important;
  }
  .moh-shell,
  .mbd-shell{
    padding-right:18px!important;
    overflow:visible!important;
  }
}

/* 2) Menü başlığı: olmayan araçlara CSS başlığı ekle; mevcut olanları standartlaştır. */
#prod-tool > .mj-tool-nav::before,
#fatigue-tool > .mj-tool-nav::before,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav::before,
.jominy-tool > .jominy-tool-nav::before,
.carbon-tool > .carbon-tool-nav::before,
.moh-shell > .moh-nav::before,
.mbd-shell > .mbd-nav::before,
.alat-shell > .alat-tool-nav::before{
  content:'ARAÇ\A MENÜSÜ';
  white-space:pre;
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.08!important;
  letter-spacing:.10em!important;
  font-weight:950!important;
  color:var(--mjv45-menu-muted)!important;
  text-transform:uppercase!important;
  margin:0 0 2px!important;
}
.mi-side-title{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.08!important;
  letter-spacing:.10em!important;
  font-weight:950!important;
  color:var(--mjv45-menu-muted)!important;
  text-transform:uppercase!important;
  margin:0 0 2px!important;
  padding:0!important;
}

/* 3) Butonlar: yazılar büyük olmasın; kompakt kare standart. */
#prod-tool > .mj-tool-nav button,
#prod-tool > .mj-tool-nav a,
#fatigue-tool > .mj-tool-nav button,
#fatigue-tool > .mj-tool-nav a,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav button,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav a,
.jominy-tool > .jominy-tool-nav button,
.jominy-tool > .jominy-tool-nav a,
.carbon-tool > .carbon-tool-nav button,
.carbon-tool > .carbon-tool-nav a,
.moh-shell > .moh-nav button,
.moh-shell > .moh-nav a,
.mbd-shell > .mbd-nav button,
.mbd-shell > .mbd-nav a,
.mi-shell > .mi-side-nav button,
.mi-shell > .mi-side-nav a,
.alat-shell > .alat-tool-nav button,
.alat-shell > .alat-tool-nav a{
  box-sizing:border-box!important;
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:4px!important;
  margin:0!important;
  border-radius:15px!important;
  background:var(--mjv45-menu-card)!important;
  color:var(--mjv45-menu-text)!important;
  border:1px solid var(--mjv45-menu-card-border)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  text-decoration:none!important;
  text-align:center!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
#prod-tool > .mj-tool-nav button:hover,
#fatigue-tool > .mj-tool-nav button:hover,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav button:hover,
.jominy-tool > .jominy-tool-nav button:hover,
.carbon-tool > .carbon-tool-nav button:hover,
.moh-shell > .moh-nav button:hover,
.mbd-shell > .mbd-nav button:hover,
.mi-shell > .mi-side-nav button:hover,
.alat-shell > .alat-tool-nav button:hover,
#prod-tool > .mj-tool-nav button.active,
#fatigue-tool > .mj-tool-nav button.active,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav button.active,
.jominy-tool > .jominy-tool-nav button.active,
.carbon-tool > .carbon-tool-nav button.active,
.moh-shell > .moh-nav button.active,
.mbd-shell > .mbd-nav button.active,
.mi-shell > .mi-side-nav button.active,
.alat-shell > .alat-tool-nav button.active{
  background:var(--mjv45-hover-bg)!important;
  color:var(--mjv45-hover-text)!important;
  border-color:var(--mjv45-hover-border)!important;
  transform:none!important;
}

/* İkon ve etiketler */
#prod-tool > .mj-tool-nav .mj-nav-ico,
#fatigue-tool > .mj-tool-nav .mj-nav-ico,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav .mj-nav-ico,
.jominy-tool > .jominy-tool-nav button > span:first-child,
.carbon-tool > .carbon-tool-nav button > span:first-child,
.moh-shell > .moh-nav .ico,
.mbd-shell > .mbd-nav .ico,
.mi-shell > .mi-side-nav button > span:first-child,
.alat-shell > .alat-tool-nav button::first-letter{
  color:var(--mjv45-icon-text)!important;
}
#prod-tool > .mj-tool-nav .mj-nav-ico,
#fatigue-tool > .mj-tool-nav .mj-nav-ico,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav .mj-nav-ico,
.jominy-tool > .jominy-tool-nav button > span:first-child,
.carbon-tool > .carbon-tool-nav button > span:first-child,
.moh-shell > .moh-nav .ico,
.mbd-shell > .mbd-nav .ico,
.mi-shell > .mi-side-nav button > span:first-child{
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:var(--mjv45-icon-bg)!important;
  border:1px solid var(--mjv45-icon-border)!important;
  color:var(--mjv45-icon-text)!important;
  font-size:13px!important;
  line-height:1!important;
  margin:0!important;
}
#prod-tool > .mj-tool-nav button span:not(.mj-nav-ico),
#fatigue-tool > .mj-tool-nav button span:not(.mj-nav-ico),
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav button span:not(.mj-nav-ico),
.jominy-tool > .jominy-tool-nav button b,
.carbon-tool > .carbon-tool-nav button b,
.moh-shell > .moh-nav button span:not(.ico),
.mbd-shell > .mbd-nav button span:not(.ico),
.mi-shell > .mi-side-nav button span,
.alat-shell > .alat-tool-nav button span{
  display:block!important;
  max-width:58px!important;
  font-size:8px!important;
  line-height:1.02!important;
  font-weight:950!important;
  color:inherit!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-transform:none!important;
}

/* Alaşım aracında buton içinde emoji ayrı span değil; fontu düşür. */
.alat-shell > .alat-tool-nav button{
  font-size:12px!important;
}
.alat-shell > .alat-tool-nav button span{
  font-size:8px!important;
}

/* 4) Mobil: bu araçlarda menü yatay nav olsun, başlıkla araç arasında dikey blok gibi kalmasın. */
@media(max-width:1023px){
  #prod-tool,
  #fatigue-tool,
  .mj-isil-page .mj-tool-page-shell,
  .jominy-tool,
  .carbon-tool,
  .moh-shell,
  .mbd-shell,
  .mi-shell,
  .alat-shell{
    display:block!important;
    overflow:visible!important;
    padding-right:10px!important;
    padding-left:10px!important;
  }
  #prod-tool > .mj-tool-nav,
  #fatigue-tool > .mj-tool-nav,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav,
  .jominy-tool > .jominy-tool-nav,
  .carbon-tool > .carbon-tool-nav,
  .moh-shell > .moh-nav,
  .mbd-shell > .mbd-nav,
  .mi-shell > .mi-side-nav,
  .alat-shell > .alat-tool-nav{
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) - 8px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    translate:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px!important;
    margin:8px auto 14px!important;
    border-radius:18px!important;
    background:var(--mjv45-menu-panel)!important;
    border:1px solid var(--mjv45-menu-border)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    z-index:40!important;
  }
  #prod-tool > .mj-tool-nav::-webkit-scrollbar,
  #fatigue-tool > .mj-tool-nav::-webkit-scrollbar,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav::-webkit-scrollbar,
  .jominy-tool > .jominy-tool-nav::-webkit-scrollbar,
  .carbon-tool > .carbon-tool-nav::-webkit-scrollbar,
  .moh-shell > .moh-nav::-webkit-scrollbar,
  .mbd-shell > .mbd-nav::-webkit-scrollbar,
  .mi-shell > .mi-side-nav::-webkit-scrollbar,
  .alat-shell > .alat-tool-nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  #prod-tool > .mj-tool-nav::before,
  #fatigue-tool > .mj-tool-nav::before,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav::before,
  .jominy-tool > .jominy-tool-nav::before,
  .carbon-tool > .carbon-tool-nav::before,
  .moh-shell > .moh-nav::before,
  .mbd-shell > .mbd-nav::before,
  .alat-shell > .alat-tool-nav::before,
  .mi-side-title{display:none!important;}
  #prod-tool > .mj-tool-nav button,
  #fatigue-tool > .mj-tool-nav button,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav button,
  .jominy-tool > .jominy-tool-nav button,
  .carbon-tool > .carbon-tool-nav button,
  .moh-shell > .moh-nav button,
  .mbd-shell > .mbd-nav button,
  .mi-shell > .mi-side-nav button,
  .alat-shell > .alat-tool-nav button{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    scroll-snap-align:start!important;
  }
}


/* v355 MODAL STANDARD FIX — Alaşım Tasarım Aracı
   Modal görünümünü referans standarda çeker: tek shell, tek hero, dışta X,
   full-page overlay, stabil gövde ve orantılı içerik düzeni. */
#alasim-tasarim-araci-tool .alat-guide-modal,
#alasim-tasarim-araci-tool .alat-ai-modal{
  position:fixed!important;
  inset:0!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  background:rgba(2,6,23,.74)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  z-index:99990!important;
}
#alasim-tasarim-araci-tool .alat-guide-modal.open,
#alasim-tasarim-araci-tool .alat-ai-modal.open{display:flex!important;}
#alasim-tasarim-araci-tool .alat-modal-box{
  position:relative!important;
  width:min(1020px, calc(100vw - 56px))!important;
  max-height:calc(100vh - 56px)!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:block!important;
  color:#0f172a!important;
}
#alasim-tasarim-araci-tool .alat-modal-panel{
  overflow:hidden!important;
  border-radius:28px!important;
  background:#f8fbff!important;
  border:1px solid rgba(191,219,254,.85)!important;
  box-shadow:0 28px 80px rgba(2,6,23,.34)!important;
}
#alasim-tasarim-araci-tool .alat-modal-hero{
  padding:28px 34px 30px!important;
  background:linear-gradient(90deg,#0b2f49 0%, #0c6f73 36%, #1e3a8a 100%)!important;
  color:#fff!important;
}
#alasim-tasarim-araci-tool .alat-modal-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  background:rgba(255,255,255,.08)!important;
  color:#eef6ff!important;
  font:800 11px/1 'JetBrains Mono',ui-monospace,monospace!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  margin-bottom:20px!important;
}
#alasim-tasarim-araci-tool .alat-modal-hero-title{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:clamp(2rem,2.3vw,3rem)!important;
  line-height:1.08!important;
  font-weight:900!important;
}
#alasim-tasarim-araci-tool .alat-modal-hero-text{
  margin:0!important;
  max-width:880px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:clamp(1rem,1.08vw,1.18rem)!important;
  line-height:1.65!important;
  font-weight:600!important;
}
#alasim-tasarim-araci-tool .alat-modal-panel-body{
  max-height:calc(100vh - 220px)!important;
  overflow:auto!important;
  padding:24px 26px!important;
  background:#f8fbff!important;
}
#alasim-tasarim-araci-tool .alat-modal-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
#alasim-tasarim-araci-tool .alat-modal-card,
#alasim-tasarim-araci-tool .alat-modal-section{
  border:1px solid #d7e5f4!important;
  background:#ffffff!important;
  border-radius:20px!important;
  padding:20px 22px!important;
  box-shadow:none!important;
}
#alasim-tasarim-araci-tool .alat-modal-card h3,
#alasim-tasarim-araci-tool .alat-modal-section h3{
  margin:0 0 12px!important;
  color:#0f766e!important;
  font-size:1rem!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#alasim-tasarim-araci-tool .alat-modal-card p,
#alasim-tasarim-araci-tool .alat-modal-section p,
#alasim-tasarim-araci-tool .alat-modal-card li,
#alasim-tasarim-araci-tool .alat-modal-section li,
#alasim-tasarim-araci-tool .alat-modal-section ol{
  margin:0!important;
  color:#334155!important;
  font-size:14px!important;
  line-height:1.75!important;
  font-weight:600!important;
}
#alasim-tasarim-araci-tool .alat-modal-section{
  margin-top:16px!important;
}
#alasim-tasarim-araci-tool .alat-modal-steps{
  padding-left:22px!important;
  margin:0!important;
}
#alasim-tasarim-araci-tool .alat-modal-steps li + li{margin-top:8px!important;}
#alasim-tasarim-araci-tool .alat-modal-note{
  margin-top:16px!important;
  border:1px solid #f4c28b!important;
  background:#fff7ed!important;
  color:#c2410c!important;
  border-radius:18px!important;
  padding:16px 20px!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:800!important;
}
#alasim-tasarim-araci-tool .alat-ai-text{
  width:100%!important;
  min-height:220px!important;
  border:1px solid #d7e5f4!important;
  border-radius:18px!important;
  background:#ffffff!important;
  color:#1e293b!important;
  padding:16px 18px!important;
  font:600 14px/1.7 'Inter',Poppins,system-ui,sans-serif!important;
  resize:vertical!important;
}
#alasim-tasarim-araci-tool .alat-modal-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:16px!important;
}
#alasim-tasarim-araci-tool .alat-modal-x{
  position:absolute!important;
  top:-18px!important;
  right:-18px!important;
  width:56px!important;
  height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:#0f172a!important;
  color:#ffffff!important;
  box-shadow:0 12px 30px rgba(2,6,23,.34)!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
  z-index:3!important;
}
#alasim-tasarim-araci-tool .alat-modal-x:hover{
  background:#111827!important;
  transform:translateY(-1px)!important;
}
body.alat-modal-open,
html.alat-modal-open{
  overflow:hidden!important;
}
@media (max-width: 900px){
  #alasim-tasarim-araci-tool .alat-guide-modal,
  #alasim-tasarim-araci-tool .alat-ai-modal{padding:18px!important; align-items:flex-start!important;}
  #alasim-tasarim-araci-tool .alat-modal-box{width:min(100%, calc(100vw - 24px))!important; max-height:calc(100vh - 24px)!important; margin-top:10px!important;}
  #alasim-tasarim-araci-tool .alat-modal-panel{border-radius:24px!important;}
  #alasim-tasarim-araci-tool .alat-modal-hero{padding:24px 22px 24px!important;}
  #alasim-tasarim-araci-tool .alat-modal-panel-body{max-height:calc(100vh - 210px)!important; padding:18px!important;}
  #alasim-tasarim-araci-tool .alat-modal-grid{grid-template-columns:1fr!important;}
  #alasim-tasarim-araci-tool .alat-modal-x{top:-12px!important; right:10px!important; width:52px!important; height:52px!important;}
}

/* v356 MODAL BODY-MOVE COMPATIBILITY
   Genel modal standardı modalı body altına taşısa bile Alaşım aracı modal tasarımı bozulmaz. */
.alat-guide-modal,
.alat-ai-modal{
  position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;padding:28px!important;background:rgba(2,6,23,.74)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:99990!important;
}
.alat-guide-modal.open,.alat-ai-modal.open,
.alat-guide-modal.mj-universal-modal-active,.alat-ai-modal.mj-universal-modal-active{display:flex!important;visibility:visible!important;opacity:1!important;}
.alat-guide-modal .alat-modal-box,
.alat-ai-modal .alat-modal-box,
.alat-guide-modal .alat-modal-box.mj-universal-modal-box,
.alat-ai-modal .alat-modal-box.mj-universal-modal-box{
  position:relative!important;width:min(1020px, calc(100vw - 56px))!important;max-height:calc(100vh - 56px)!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:block!important;color:#0f172a!important;padding:0!important;margin:0!important;transform:none!important;
}
.alat-guide-modal .alat-modal-panel,
.alat-ai-modal .alat-modal-panel{overflow:hidden!important;border-radius:28px!important;background:#f8fbff!important;border:1px solid rgba(191,219,254,.85)!important;box-shadow:0 28px 80px rgba(2,6,23,.34)!important;}
.alat-guide-modal .alat-modal-hero,
.alat-ai-modal .alat-modal-hero{padding:28px 34px 30px!important;background:linear-gradient(90deg,#0b2f49 0%, #0c6f73 36%, #1e3a8a 100%)!important;color:#fff!important;}
.alat-guide-modal .alat-modal-badge,
.alat-ai-modal .alat-modal-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:8px 16px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.35)!important;background:rgba(255,255,255,.08)!important;color:#eef6ff!important;font:800 11px/1 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:1px!important;text-transform:uppercase!important;margin-bottom:20px!important;}
.alat-guide-modal .alat-modal-hero-title,
.alat-ai-modal .alat-modal-hero-title{margin:0 0 12px!important;color:#fff!important;font-size:clamp(2rem,2.3vw,3rem)!important;line-height:1.08!important;font-weight:900!important;}
.alat-guide-modal .alat-modal-hero-text,
.alat-ai-modal .alat-modal-hero-text{margin:0!important;max-width:880px!important;color:rgba(255,255,255,.92)!important;font-size:clamp(1rem,1.08vw,1.18rem)!important;line-height:1.65!important;font-weight:600!important;}
.alat-guide-modal .alat-modal-panel-body,
.alat-ai-modal .alat-modal-panel-body{max-height:calc(100vh - 220px)!important;overflow:auto!important;padding:24px 26px!important;background:#f8fbff!important;}
.alat-guide-modal .alat-modal-grid,
.alat-ai-modal .alat-modal-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
.alat-guide-modal .alat-modal-card,
.alat-ai-modal .alat-modal-card,
.alat-guide-modal .alat-modal-section,
.alat-ai-modal .alat-modal-section{border:1px solid #d7e5f4!important;background:#ffffff!important;border-radius:20px!important;padding:20px 22px!important;box-shadow:none!important;}
.alat-guide-modal .alat-modal-card h3,.alat-ai-modal .alat-modal-card h3,
.alat-guide-modal .alat-modal-section h3,.alat-ai-modal .alat-modal-section h3{margin:0 0 12px!important;color:#0f766e!important;font-size:1rem!important;line-height:1.35!important;font-weight:900!important;text-transform:none!important;letter-spacing:0!important;}
.alat-guide-modal .alat-modal-card p,.alat-ai-modal .alat-modal-card p,
.alat-guide-modal .alat-modal-section p,.alat-ai-modal .alat-modal-section p,
.alat-guide-modal .alat-modal-card li,.alat-ai-modal .alat-modal-card li,
.alat-guide-modal .alat-modal-section li,.alat-ai-modal .alat-modal-section li,
.alat-guide-modal .alat-modal-section ol,.alat-ai-modal .alat-modal-section ol{margin:0!important;color:#334155!important;font-size:14px!important;line-height:1.75!important;font-weight:600!important;}
.alat-guide-modal .alat-modal-section,.alat-ai-modal .alat-modal-section{margin-top:16px!important;}
.alat-guide-modal .alat-modal-steps,.alat-ai-modal .alat-modal-steps{padding-left:22px!important;margin:0!important;}
.alat-guide-modal .alat-modal-note,.alat-ai-modal .alat-modal-note{margin-top:16px!important;border:1px solid #f4c28b!important;background:#fff7ed!important;color:#c2410c!important;border-radius:18px!important;padding:16px 20px!important;font-size:14px!important;line-height:1.7!important;font-weight:800!important;}
.alat-guide-modal .alat-ai-text,.alat-ai-modal .alat-ai-text{width:100%!important;min-height:220px!important;border:1px solid #d7e5f4!important;border-radius:18px!important;background:#ffffff!important;color:#1e293b!important;padding:16px 18px!important;font:600 14px/1.7 'Inter',Poppins,system-ui,sans-serif!important;resize:vertical!important;}
.alat-guide-modal .alat-modal-x,
.alat-ai-modal .alat-modal-x,
.alat-guide-modal .alat-modal-x.mj-universal-close-fix,
.alat-ai-modal .alat-modal-x.mj-universal-close-fix{position:absolute!important;top:-18px!important;right:-18px!important;width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:#0f172a!important;color:#fff!important;box-shadow:0 12px 30px rgba(2,6,23,.34)!important;font-size:22px!important;line-height:1!important;font-weight:900!important;cursor:pointer!important;z-index:2147483005!important;opacity:1!important;visibility:visible!important;}
.alat-guide-modal .mj-universal-badge,
.alat-ai-modal .mj-universal-badge{display:none!important;}
@media (max-width:900px){
  .alat-guide-modal,.alat-ai-modal{padding:18px!important;align-items:flex-start!important;}
  .alat-guide-modal .alat-modal-box,.alat-ai-modal .alat-modal-box{width:min(100%, calc(100vw - 24px))!important;max-height:calc(100vh - 24px)!important;margin-top:10px!important;}
  .alat-guide-modal .alat-modal-panel,.alat-ai-modal .alat-modal-panel{border-radius:24px!important;}
  .alat-guide-modal .alat-modal-hero,.alat-ai-modal .alat-modal-hero{padding:24px 22px 24px!important;}
  .alat-guide-modal .alat-modal-panel-body,.alat-ai-modal .alat-modal-panel-body{max-height:calc(100vh - 210px)!important;padding:18px!important;}
  .alat-guide-modal .alat-modal-grid,.alat-ai-modal .alat-modal-grid{grid-template-columns:1fr!important;}
  .alat-guide-modal .alat-modal-x,.alat-ai-modal .alat-modal-x{top:-12px!important;right:10px!important;width:52px!important;height:52px!important;}
}