/* Metalurjist.com.tr - Element Haritalama Simülatörü Profesyonel UI */
:root{
  --ehs-bg:#f4f7fb;
  --ehs-panel:#ffffff;
  --ehs-panel2:#eef5f8;
  --ehs-text:#0f172a;
  --ehs-muted:#526273;
  --ehs-soft:#6c7d8f;
  --ehs-line:#d7e2ea;
  --ehs-primary:#0f766e;
  --ehs-primary2:#0891b2;
  --ehs-accent:#22d3ee;
  --ehs-warn:#b45309;
  --ehs-danger:#b91c1c;
  --ehs-good:#047857;
  --ehs-shadow:0 18px 48px rgba(15,23,42,.10);
  --ehs-radius:24px;
}
html.dark,body.dark,[data-theme="dark"]{
  --ehs-bg:#07111c;
  --ehs-panel:#0d1b29;
  --ehs-panel2:#13283b;
  --ehs-text:#f1f7ff;
  --ehs-muted:#b5c6d8;
  --ehs-soft:#91a6bb;
  --ehs-line:#29435a;
  --ehs-primary:#2dd4bf;
  --ehs-primary2:#38bdf8;
  --ehs-accent:#67e8f9;
  --ehs-warn:#fbbf24;
  --ehs-danger:#fca5a5;
  --ehs-good:#86efac;
  --ehs-shadow:0 22px 60px rgba(0,0,0,.36);
}
.ehs-app *{box-sizing:border-box}
.ehs-app{background:radial-gradient(circle at 12% 0%, rgba(34,211,238,.10), transparent 28%),var(--ehs-bg);color:var(--ehs-text);min-height:100vh;padding:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.ehs-shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:236px minmax(0,1fr);gap:18px;align-items:start}
.ehs-main{display:grid;gap:18px;min-width:0}
.ehs-side-nav{position:sticky;top:92px;display:grid;gap:9px;border:1px solid var(--ehs-line);background:color-mix(in srgb,var(--ehs-panel) 94%,var(--ehs-primary) 6%);border-radius:26px;padding:14px;box-shadow:var(--ehs-shadow)}
.ehs-side-title{font-weight:950;letter-spacing:-.02em;margin:4px 6px 8px;color:var(--ehs-text)}
.ehs-side-nav a,.ehs-side-nav button,.ehs-mobile-toolnav a,.ehs-mobile-toolnav button{border:1px solid var(--ehs-line);background:var(--ehs-panel);color:var(--ehs-text);min-height:44px;border-radius:16px;padding:10px 12px;font-weight:850;text-decoration:none;display:flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.ehs-side-nav a:hover,.ehs-side-nav button:hover,.ehs-mobile-toolnav a:hover,.ehs-mobile-toolnav button:hover{border-color:var(--ehs-primary);color:var(--ehs-primary);transform:translateY(-1px)}
.ehs-mobile-toolnav{display:none;margin:0 auto 14px;max-width:1480px;gap:8px;overflow-x:auto;padding:4px 2px 10px}
.ehs-card,.ehs-lab-status{border:1px solid var(--ehs-line);background:var(--ehs-panel);border-radius:var(--ehs-radius);box-shadow:var(--ehs-shadow)}
.ehs-lab-status{padding:22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:center}
.ehs-kicker{display:inline-flex;border-radius:999px;background:color-mix(in srgb,var(--ehs-primary) 12%,transparent);color:var(--ehs-primary);font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;padding:7px 12px;border:1px solid color-mix(in srgb,var(--ehs-primary) 28%,transparent)}
.ehs-lab-status h2{margin:12px 0 8px;font-size:clamp(1.55rem,2.4vw,2.45rem);line-height:1.08;letter-spacing:-.035em}
.ehs-lab-status p{margin:0;color:var(--ehs-muted);line-height:1.65}
.ehs-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ehs-status-grid div{border:1px solid var(--ehs-line);background:var(--ehs-panel2);border-radius:18px;padding:14px}
.ehs-status-grid span{display:block;color:var(--ehs-muted);font-size:.82rem;font-weight:800}
.ehs-status-grid b{display:block;margin-top:4px;font-size:1.15rem;color:var(--ehs-primary)}
.ehs-grid{display:grid;gap:18px}
.ehs-grid-top{grid-template-columns:1.05fr .95fr}
.ehs-grid-bottom{grid-template-columns:1.2fr .8fr}
.ehs-card{padding:20px}
.ehs-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.ehs-card h3{margin:0;font-size:1.34rem;line-height:1.15;letter-spacing:-.02em}
.ehs-card p{margin:6px 0 0;color:var(--ehs-muted);line-height:1.55}
.ehs-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ehs-field{display:grid;gap:6px}
.ehs-field span,.ehs-slider-list b{font-size:.9rem;font-weight:900;color:var(--ehs-text)}
.ehs-field input,.ehs-field select{width:100%;min-height:46px;border:1px solid var(--ehs-line);border-radius:15px;background:var(--ehs-panel2);color:var(--ehs-text);padding:0 13px;outline:none;font:inherit;font-weight:650}
.ehs-field input:focus,.ehs-field select:focus{border-color:var(--ehs-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ehs-primary) 16%,transparent)}
.ehs-upload-box{margin-top:14px;border:1.5px dashed color-mix(in srgb,var(--ehs-primary) 42%,var(--ehs-line));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--ehs-primary) 8%,transparent),transparent);padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.ehs-upload-box.dragover{border-color:var(--ehs-accent);background:color-mix(in srgb,var(--ehs-accent) 14%,transparent)}
.ehs-upload-icon{width:52px;height:52px;border-radius:18px;background:var(--ehs-panel);display:grid;place-items:center;font-size:24px;border:1px solid var(--ehs-line)}
.ehs-upload-box strong{display:block;font-size:1rem}
.ehs-upload-box p{font-size:.9rem;margin:4px 0 0}
.ehs-upload-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:16px;background:linear-gradient(135deg,var(--ehs-primary),var(--ehs-primary2));color:#fff;font-weight:950;padding:12px 16px;cursor:pointer;white-space:nowrap}
.ehs-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ehs-upload-result{margin-top:10px;padding:11px 13px;border-radius:16px;background:var(--ehs-panel2);border:1px solid var(--ehs-line);color:var(--ehs-muted);font-weight:750}
.ehs-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.ehs-actions-slim{margin-top:18px}
.ehs-btn{border:1px solid var(--ehs-line);background:var(--ehs-panel2);color:var(--ehs-text);border-radius:15px;padding:11px 14px;font-weight:950;cursor:pointer;transition:.18s ease;min-height:44px}
.ehs-btn:hover{border-color:var(--ehs-primary);color:var(--ehs-primary);transform:translateY(-1px)}
.ehs-btn-primary{border:none;background:linear-gradient(135deg,var(--ehs-primary),var(--ehs-primary2));color:white;box-shadow:0 14px 28px color-mix(in srgb,var(--ehs-primary) 22%,transparent)}
.ehs-btn-primary:hover{color:white;filter:saturate(1.08)}
.ehs-slider-list{display:grid;gap:14px}
.ehs-slider-list label{display:grid;gap:8px}
.ehs-slider-list label span{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ehs-slider-list em{font-style:normal;color:var(--ehs-primary);font-weight:950}
.ehs-slider-list input[type=range]{width:100%;accent-color:var(--ehs-primary)}
.ehs-map-card{padding:18px}
.ehs-element-palette{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:640px}
.ehs-el-btn{border:1px solid var(--ehs-line);background:var(--ehs-panel2);color:var(--ehs-text);border-radius:14px;padding:9px 11px;font-weight:950;cursor:pointer}
.ehs-el-btn.active{background:linear-gradient(135deg,var(--ehs-primary),var(--ehs-primary2));color:#fff;border-color:transparent}
.ehs-canvas-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ehs-canvas-panel{background:#f8fafc;border:1px solid var(--ehs-line);border-radius:22px;padding:12px}
html.dark .ehs-canvas-panel,body.dark .ehs-canvas-panel,[data-theme="dark"] .ehs-canvas-panel{background:#09131f}
.ehs-canvas-title{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:950;margin-bottom:10px}
.ehs-canvas-title span{color:var(--ehs-text)}
.ehs-canvas-title b{color:var(--ehs-primary);font-size:.88rem}
.ehs-canvas-panel canvas,#spectrumCanvas{width:100%;height:auto;border-radius:16px;background:#05070a;border:1px solid rgba(148,163,184,.25)}
.ehs-map-info{display:grid;grid-template-columns:1fr minmax(280px,.6fr);gap:12px;margin-top:12px}
.ehs-phase-legend,.ehs-readout,.ehs-notes,.ehs-quant-table{border:1px solid var(--ehs-line);background:var(--ehs-panel2);border-radius:18px;padding:14px}
.ehs-phase-legend{display:flex;flex-wrap:wrap;gap:8px}
.ehs-phase-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ehs-line);background:var(--ehs-panel);border-radius:999px;padding:7px 10px;font-weight:850;color:var(--ehs-text)}
.ehs-phase-dot{width:12px;height:12px;border-radius:50%}
.ehs-readout{color:var(--ehs-muted);font-weight:800}
.ehs-quant-table table{width:100%;border-collapse:collapse}
.ehs-quant-table th,.ehs-quant-table td{padding:9px 8px;border-bottom:1px solid var(--ehs-line);text-align:left;font-size:.92rem}
.ehs-quant-table th{color:var(--ehs-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.ehs-quant-table tr:last-child td{border-bottom:none}
.ehs-notes{margin-top:12px;color:var(--ehs-muted);line-height:1.55}
.ehs-report-shell{overflow:hidden}
.ehs-report-a4{background:#fff;color:#172033;border:1px solid #d8e2ea;border-radius:20px;box-shadow:0 20px 60px rgba(15,23,42,.10);padding:30px;max-width:980px;margin:0 auto;font-family:Inter,Arial,sans-serif}
.ehs-report-header{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:3px solid #0f766e;padding-bottom:18px}
.ehs-report-brand{display:flex;gap:12px;align-items:center}
.ehs-report-brand img{width:58px;height:58px;object-fit:contain;border-radius:12px}
.ehs-report-brand strong{display:block;font-size:1.18rem;color:#0f172a}
.ehs-report-brand span{display:block;color:#53627a;font-size:.92rem;margin-top:3px}
.ehs-report-code{text-align:right;color:#53627a}
.ehs-report-code b{display:block;color:#0f172a}
.ehs-report-title-block{margin:22px 0 18px}
.ehs-report-title-block h1{margin:0;font-size:2rem;line-height:1.12;letter-spacing:-.03em;color:#0f172a}
.ehs-report-title-block p{margin:8px 0 0;color:#53627a;line-height:1.55}
.ehs-report-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.ehs-report-meta div,.ehs-report-results div{border:1px solid #d8e2ea;background:#f8fafc;border-radius:14px;padding:12px}
.ehs-report-meta span,.ehs-report-results span{display:block;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.ehs-report-meta b,.ehs-report-results b{display:block;margin-top:5px;color:#111827}
.ehs-report-section{margin-top:22px;break-inside:avoid;page-break-inside:avoid}
.ehs-report-section h2{margin:0 0 12px;font-size:1.24rem;color:#0f766e;border-bottom:1px solid #d8e2ea;padding-bottom:8px}
.ehs-report-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ehs-report-images figure{margin:0;border:1px solid #d8e2ea;border-radius:16px;overflow:hidden;background:#f8fafc}
.ehs-report-images img{width:100%;display:block}
.ehs-report-images figcaption{padding:8px 10px;font-weight:800;color:#475569;font-size:.86rem}
.ehs-report-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ehs-report-spectrum{margin-top:12px;border:1px solid #d8e2ea;border-radius:16px;overflow:hidden;background:#fff}
.ehs-report-spectrum img{width:100%;display:block}
.ehs-report-warning{background:#fff7ed;border-left:4px solid #f97316;border-radius:12px;padding:12px;color:#7c2d12!important;font-weight:750}
.ehs-report-footer{margin-top:22px;padding-top:12px;border-top:1px solid #d8e2ea;color:#64748b;display:flex;justify-content:space-between;gap:12px;font-size:.82rem}
.ehs-modal{position:fixed;inset:0;background:rgba(2,8,23,.68);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}
.ehs-modal.show{display:flex}
.ehs-modal-box{max-width:760px;width:min(100%,760px);max-height:88vh;overflow:auto;background:var(--ehs-panel);color:var(--ehs-text);border:1px solid var(--ehs-line);border-radius:26px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.42);position:relative}
.ehs-modal-close{position:absolute;right:16px;top:14px;border:1px solid var(--ehs-line);background:var(--ehs-panel2);color:var(--ehs-text);width:38px;height:38px;border-radius:14px;font-size:24px;cursor:pointer}
.ehs-modal-box h2{margin:0 44px 14px 0}
.ehs-modal-box p,.ehs-modal-box li{color:var(--ehs-muted);line-height:1.7}
.ehs-guide-list{padding-left:22px}
#aiPrompt{width:100%;min-height:160px;border:1px solid var(--ehs-line);background:var(--ehs-panel2);color:var(--ehs-text);border-radius:18px;padding:14px;font:inherit}
@media(max-width:1180px){
  .ehs-shell{grid-template-columns:1fr}
  .ehs-side-nav{display:none}
  .ehs-mobile-toolnav{display:flex}
  .ehs-grid-top,.ehs-grid-bottom,.ehs-lab-status{grid-template-columns:1fr}
}
@media(max-width:820px){
  .ehs-app{padding:12px}
  .ehs-card,.ehs-lab-status{padding:16px;border-radius:20px}
  .ehs-form-grid,.ehs-canvas-grid,.ehs-map-info,.ehs-report-images,.ehs-report-meta,.ehs-report-results,.ehs-status-grid{grid-template-columns:1fr}
  .ehs-upload-box{grid-template-columns:1fr;text-align:left}
  .ehs-card-head{display:grid}
}
@media print{
  body{background:#fff!important}
  body *{visibility:hidden!important}
  .ehs-report-a4,.ehs-report-a4 *{visibility:visible!important}
  .ehs-report-a4{position:absolute;left:0;top:0;width:100%;max-width:none;border:none;border-radius:0;box-shadow:none;padding:18mm}
  .no-print,.ehs-modal,.ehs-side-nav,.ehs-mobile-toolnav{display:none!important}
  @page{size:A4;margin:10mm}
}


/* === Element Haritalama Simülatörü v1: primer PDF aktif === */
#ehsApp .mj-primer-note,
#ehsApp .mj-primer-table{
  color:#0f172a;
}


/* === Element Haritalama Simülatörü v2: sağ kare araç menüsü + mobil yatay nav === */
@media (min-width:1181px){
  #ehsApp .ehs-shell{
    max-width:1480px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:18px!important;
    align-items:start!important;
  }
  #ehsApp .ehs-main{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  #ehsApp .ehs-side-nav{
    grid-column:2!important;
    grid-row:1!important;
    position:sticky!important;
    top:92px!important;
    align-self:start!important;
    width:104px!important;
    min-width:104px!important;
    display:grid!important;
    justify-items:center!important;
    gap:10px!important;
    padding:12px 8px!important;
    border-radius:28px!important;
    background:color-mix(in srgb,var(--ehs-panel) 96%,var(--ehs-primary) 4%)!important;
    box-shadow:0 18px 48px rgba(15,23,42,.13)!important;
    border:1px solid var(--ehs-line)!important;
  }
  #ehsApp .ehs-side-title{
    width:100%!important;
    margin:0 0 4px!important;
    padding:0 2px 6px!important;
    text-align:center!important;
    font-size:.66rem!important;
    line-height:1.15!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:var(--ehs-soft)!important;
    border-bottom:1px solid color-mix(in srgb,var(--ehs-line) 82%,transparent)!important;
  }
  #ehsApp .ehs-side-nav a,
  #ehsApp .ehs-side-nav button{
    width:76px!important;
    height:76px!important;
    min-height:76px!important;
    padding:7px 5px!important;
    border-radius:20px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    background:linear-gradient(180deg,var(--ehs-panel),var(--ehs-panel2))!important;
    border:1px solid var(--ehs-line)!important;
    color:var(--ehs-text)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.07)!important;
    transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease!important;
  }
  #ehsApp .ehs-side-nav a span,
  #ehsApp .ehs-side-nav button span{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    border-radius:12px!important;
    background:color-mix(in srgb,var(--ehs-primary) 12%,transparent)!important;
    color:var(--ehs-primary)!important;
    font-size:1.05rem!important;
    line-height:1!important;
  }
  #ehsApp .ehs-side-nav a b,
  #ehsApp .ehs-side-nav button b{
    display:block!important;
    max-width:68px!important;
    font-size:.64rem!important;
    line-height:1.12!important;
    font-weight:950!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
  }
  #ehsApp .ehs-side-nav a:hover,
  #ehsApp .ehs-side-nav button:hover{
    transform:translateY(-2px)!important;
    border-color:var(--ehs-primary)!important;
    color:var(--ehs-primary)!important;
    background:color-mix(in srgb,var(--ehs-panel) 80%,var(--ehs-primary) 20%)!important;
  }
  html[data-theme="dark"] #ehsApp .ehs-side-nav,
  html.dark #ehsApp .ehs-side-nav,
  .dark #ehsApp .ehs-side-nav{
    background:rgba(13,27,41,.94)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.36)!important;
  }
  html[data-theme="dark"] #ehsApp .ehs-side-nav a,
  html[data-theme="dark"] #ehsApp .ehs-side-nav button,
  html.dark #ehsApp .ehs-side-nav a,
  html.dark #ehsApp .ehs-side-nav button,
  .dark #ehsApp .ehs-side-nav a,
  .dark #ehsApp .ehs-side-nav button{
    background:linear-gradient(180deg,#102033,#0b1626)!important;
    color:#f1f7ff!important;
    border-color:#29435a!important;
  }
}
@media (max-width:1180px){
  #ehsApp .ehs-shell{grid-template-columns:1fr!important;}
  #ehsApp .ehs-side-nav{display:none!important;}
  #ehsApp .ehs-mobile-toolnav{
    display:flex!important;
    position:sticky!important;
    top:0!important;
    z-index:35!important;
    width:100%!important;
    max-width:1480px!important;
    margin:0 auto 14px!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:8px 2px 12px!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    background:linear-gradient(180deg,var(--ehs-bg),color-mix(in srgb,var(--ehs-bg) 78%,transparent))!important;
    backdrop-filter:blur(10px)!important;
  }
  #ehsApp .ehs-mobile-toolnav a,
  #ehsApp .ehs-mobile-toolnav button{
    flex:0 0 auto!important;
    min-width:88px!important;
    min-height:66px!important;
    border-radius:18px!important;
    padding:8px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    scroll-snap-align:start!important;
    text-align:center!important;
    background:var(--ehs-panel)!important;
    border:1px solid var(--ehs-line)!important;
    color:var(--ehs-text)!important;
  }
  #ehsApp .ehs-mobile-toolnav a span,
  #ehsApp .ehs-mobile-toolnav button span{
    font-size:1.12rem!important;
    line-height:1!important;
    color:var(--ehs-primary)!important;
  }
  #ehsApp .ehs-mobile-toolnav a b,
  #ehsApp .ehs-mobile-toolnav button b{
    font-size:.68rem!important;
    line-height:1.12!important;
    font-weight:950!important;
    white-space:normal!important;
  }
}
@media (max-width:640px){
  #ehsApp .ehs-mobile-toolnav{
    margin-left:-4px!important;
    margin-right:-4px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  #ehsApp .ehs-mobile-toolnav a,
  #ehsApp .ehs-mobile-toolnav button{
    min-width:82px!important;
    min-height:62px!important;
  }
}
@media print{
  #ehsApp .ehs-side-nav,
  #ehsApp .ehs-mobile-toolnav{display:none!important}
}


/* === v8 güvenli kare menü: eski layout korunur, başlığın 2 satır altı sağ sabit === */
@media (min-width:1181px){
  #ehsApp .ehs-side-nav{
    position:fixed!important;
    top:205px!important;
    right:18px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    translate:none!important;
    z-index:80!important;
    width:86px!important;
    max-width:86px!important;
    min-width:86px!important;
    max-height:calc(100vh - 230px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
    padding:26px 7px 8px!important;
    border:1px solid rgba(148,163,184,.28)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 18px 42px rgba(15,23,42,.14)!important;
    backdrop-filter:blur(16px)!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html.dark #ehsApp .ehs-side-nav,
  html[data-theme="dark"] #ehsApp .ehs-side-nav,
  body.dark #ehsApp .ehs-side-nav{
    background:rgba(8,15,28,.90)!important;
    border-color:rgba(148,163,184,.22)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
  }
  #ehsApp .ehs-side-nav::before{
    content:'ARAÇ\A MENÜSÜ';
    white-space:pre;
    display:block!important;
    text-align:center!important;
    font-size:10px!important;
    line-height:1.05!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
    color:#64748b!important;
    margin:0 2px 2px!important;
  }
  html.dark #ehsApp .ehs-side-nav::before,
  html[data-theme="dark"] #ehsApp .ehs-side-nav::before,
  body.dark #ehsApp .ehs-side-nav::before{ color:#cbd5e1!important; }
  #ehsApp .ehs-side-nav .mcds-side-nav__title,
  #ehsApp .ehs-side-nav .ehs-side-title,
  #ehsApp .ehs-side-nav [data-mj-nav-title]{
    display:none!important;
  }
  #ehsApp .ehs-side-nav > button, #ehsApp .ehs-side-nav > a, #ehsApp .ehs-side-nav .mj-tool-tab, #ehsApp .ehs-side-nav .mj-tool-action, #ehsApp .ehs-side-nav .tab{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:58px!important;
    height:auto!important;
    padding:6px 5px!important;
    border-radius:16px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }
  #ehsApp .ehs-side-nav > button, #ehsApp .ehs-side-nav > a, #ehsApp .ehs-side-nav .mj-tool-tab, #ehsApp .ehs-side-nav .mj-tool-action, #ehsApp .ehs-side-nav .tab span:last-child,
  #ehsApp .ehs-side-nav > button, #ehsApp .ehs-side-nav > a, #ehsApp .ehs-side-nav .mj-tool-tab, #ehsApp .ehs-side-nav .mj-tool-action, #ehsApp .ehs-side-nav .tab b,
  #ehsApp .ehs-side-nav > button, #ehsApp .ehs-side-nav > a, #ehsApp .ehs-side-nav .mj-tool-tab, #ehsApp .ehs-side-nav .mj-tool-action, #ehsApp .ehs-side-nav .tab em{
    font-size:10px!important;
    line-height:1.05!important;
    white-space:normal!important;
    overflow:hidden!important;
    max-width:68px!important;
    text-overflow:clip!important;
    text-transform:none!important;
  }
}
@media (max-width:1180px){
  #ehsApp .ehs-mobile-toolnav{
    position:sticky!important;
    top:0!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    translate:none!important;
    z-index:35!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:8px 6px 12px!important;
    margin:0 auto 14px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #ehsApp .ehs-mobile-toolnav::before{ display:none!important; content:none!important; }
  #ehsApp .ehs-mobile-toolnav > button, #ehsApp .ehs-mobile-toolnav > a, #ehsApp .ehs-mobile-toolnav .mj-tool-tab, #ehsApp .ehs-mobile-toolnav .mj-tool-action, #ehsApp .ehs-mobile-toolnav .tab{
    flex:0 0 76px!important;
    width:76px!important;
    min-width:76px!important;
    max-width:90px!important;
    min-height:58px!important;
    height:58px!important;
    padding:6px 5px!important;
    border-radius:15px!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;
  }
}