/* metalurjist.com.tr - Yükseklik Mihengiri Simülatörü */
:root{
  --bg:#071014;
  --bg2:#0d1a20;
  --card:rgba(13,26,32,.86);
  --card2:rgba(19,38,45,.94);
  --line:rgba(183,230,217,.18);
  --text:#e8f6f2;
  --muted:#95ada8;
  --brand:#48d7d0;
  --brand2:#f1d78b;
  --danger:#ffb4a7;
  --ok:#9ef0bf;
  --shadow:0 22px 60px rgba(0,0,0,.32);
  --radius:22px;
}
.theme-light{
  --bg:#edf5f3;
  --bg2:#f8fbfa;
  --card:rgba(255,255,255,.92);
  --card2:rgba(248,252,251,.98);
  --line:rgba(32,78,84,.18);
  --text:#0d2529;
  --muted:#536c69;
  --brand:#087f83;
  --brand2:#8a640b;
  --shadow:0 22px 45px rgba(26,64,70,.15);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 8%, rgba(72,215,208,.18), transparent 28%),
    radial-gradient(circle at 84% 0%, rgba(241,215,139,.14), transparent 24%),
    linear-gradient(145deg,var(--bg),var(--bg2));
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.site-shell{width:min(1480px, calc(100% - 28px));margin:0 auto;padding:18px 0 94px}
.mj-header{
  min-height:112px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
}
.icon-btn{
  border:1px solid var(--line);
  background:linear-gradient(135deg, rgba(72,215,208,.18), rgba(255,255,255,.05));
  color:var(--text);
  width:44px;height:44px;border-radius:16px;
  display:inline-grid;place-items:center;
  cursor:pointer;
  transition:.2s ease;
  font-weight:800;
}
.icon-btn:hover{transform:translateY(-1px);border-color:rgba(72,215,208,.48)}
.icon-btn.small{width:34px;height:34px;border-radius:12px;font-size:20px}
.brand-block{display:grid;grid-template-columns:auto minmax(260px, 640px);gap:22px;align-items:center}
.brand-row{white-space:nowrap;letter-spacing:-.06em;line-height:.9}
.brand-main{font-weight:950;font-size:clamp(34px, 5vw, 70px);color:var(--text)}
.brand-dot{font-weight:850;font-size:clamp(24px, 3.3vw, 42px);color:var(--brand);margin-left:3px}
.brand-block p{margin:0;color:var(--muted);line-height:1.5;font-size:15px;max-width:720px}
.header-actions{display:flex;gap:10px}
.tool-title-strip{
  margin-top:16px;padding:22px 24px;border:1px solid var(--line);border-radius:26px;
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));box-shadow:var(--shadow)
}
.tool-title-strip h1{margin:8px 0 6px;font-size:clamp(26px, 4vw, 42px);letter-spacing:-.04em}
.tool-title-strip p{margin:0;color:var(--muted);max-width:940px;line-height:1.5}
.mini-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand2);font-weight:900}
.layout-grid{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,420px);gap:18px;align-items:start}
.sim-card,.control-card{
  border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg, var(--card), var(--card2));
  box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:16px
}
.sim-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:10px}
.sim-card-head h2{margin:6px 0 0;font-size:23px;letter-spacing:-.03em}
.status-pill{padding:10px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:800;color:var(--muted);background:rgba(255,255,255,.05)}
.status-pill.showing{color:#032e1f;background:rgba(158,240,191,.88);border-color:rgba(158,240,191,.9)}
.canvas-wrap{position:relative;min-height:800px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02))}
#simCanvas{display:block;width:100%;height:800px;touch-action:none;cursor:grab}
#simCanvas.dragging{cursor:grabbing}
.micro-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.soft-btn,.primary-btn{
  min-height:46px;padding:0 16px;border-radius:16px;border:1px solid var(--line);cursor:pointer;
  transition:.2s ease;box-shadow:none
}
.soft-btn{background:rgba(255,255,255,.06);color:var(--text);font-weight:700}
.soft-btn:hover,.primary-btn:hover{transform:translateY(-1px);border-color:rgba(72,215,208,.44)}
.primary-btn{background:linear-gradient(135deg, var(--brand), #0a5f63);color:#f6fffd;font-weight:800}
.interaction-note{margin:14px 4px 2px;color:var(--muted);font-size:13px;line-height:1.5}
.control-card{display:grid;gap:14px;position:sticky;top:14px}
.panel-section{padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04)}
.panel-section h2{margin:8px 0 6px;font-size:18px;letter-spacing:-.03em}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
label{display:grid;gap:8px;font-size:13px;color:var(--muted);font-weight:650}
.select-input,.text-input{
  height:46px;border-radius:14px;border:1px solid var(--line);background:rgba(4,11,14,.35);color:var(--text);
  padding:0 14px;outline:none
}
.select-input:focus,.text-input:focus{border-color:rgba(72,215,208,.55)}
.range-label input[type="range"]{width:100%;accent-color:var(--brand)}
.result-box{margin-top:12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.05)}
.result-box span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}
.result-box strong{display:block;margin-top:6px;font-size:24px;letter-spacing:-.03em}
.toggle-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.toggle-row>*{flex:1}
.answer-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px}
.answer-line span{min-width:48px;text-align:center;padding:0 10px;height:46px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:800;color:var(--muted)}
.feedback{margin-top:12px;padding:12px 14px;border-radius:16px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.03);color:var(--muted);font-size:13px;line-height:1.45}
.feedback.ok{color:#092f1f;border-style:solid;background:rgba(158,240,191,.88)}
.feedback.bad{color:#3b1109;border-style:solid;background:rgba(255,180,167,.92)}
.info-panel ul{margin:10px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:10px;line-height:1.45}
.drawer{position:fixed;inset:0;display:none;place-items:flex-start end;padding:18px;z-index:20;background:rgba(0,0,0,.28)}
.drawer.open{display:grid}
.drawer-card{width:min(380px, calc(100vw - 20px));max-height:min(88vh, 740px);overflow:auto;padding:16px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(135deg,var(--card),var(--card2));box-shadow:var(--shadow)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.search-label{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--brand2)}
.tool-list{display:grid;gap:10px;margin-top:12px}
.tool-list a{padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);font-weight:800}
.tool-list a:hover{border-color:rgba(72,215,208,.48)}
.mj-footer{margin-top:18px;padding:18px 20px;border-radius:24px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:rgba(255,255,255,.04);color:var(--muted);font-size:13px;line-height:1.4}
.mobile-bottom{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:15;border:1px solid var(--line);border-radius:22px;background:rgba(7,16,20,.88);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:8px}.mobile-bottom a{flex:1;display:grid;place-items:center;gap:2px;color:#dff5f1;font-weight:900;font-size:18px}.mobile-bottom span{font-size:10px;color:#9eb9b3;font-weight:800}
@media (max-width:1100px){.layout-grid{grid-template-columns:1fr}.control-card{position:relative;top:auto}.brand-block{grid-template-columns:1fr}.brand-block p{max-width:900px}.canvas-wrap{min-height:610px}#simCanvas{height:610px}}
@media (max-width:720px){.site-shell{width:min(100% - 18px, 1480px);padding-bottom:92px}.mj-header{grid-template-columns:auto 1fr auto;padding:14px;gap:10px}.home-btn{display:none}.brand-row{letter-spacing:-.05em}.brand-block p{font-size:12px}.header-actions{gap:6px}.icon-btn{width:40px;height:40px;border-radius:14px}.tool-title-strip{padding:18px}.sim-card,.control-card{padding:12px}.canvas-wrap{min-height:520px}#simCanvas{height:520px}.field-grid{grid-template-columns:1fr}.micro-actions .soft-btn{flex:1 1 42%}.mj-footer{display:grid}.mobile-bottom{display:flex}.result-box strong{font-size:18px}}


/* === 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;
  }
}