#sem-realistic-tool{--bg:#07111b;--panel:#0c1623;--panel2:#111e2e;--line:rgba(148,163,184,.22);--text:#e6eef8;--muted:#9ab0c9;--accent:#38bdf8;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--shadow:0 24px 70px rgba(0,0,0,.38);--radius:22px}*{box-sizing:border-box}#sem-realistic-tool{margin:0;background:radial-gradient(circle at 18% 0,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at 100% 20%,rgba(34,197,94,.09),transparent 28%),linear-gradient(135deg,#06101a,#0a1726 48%,#050910);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app-shell{max-width:1580px;margin:auto;padding:16px}.topbar,.card{background:rgba(12,22,35,.94);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{display:grid;grid-template-columns:420px 1fr;gap:16px;align-items:center;padding:16px;margin-bottom:16px}.brand{display:flex;gap:12px;align-items:center}.brand-badge{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--accent),#0f766e);display:grid;place-items:center;font-weight:900;font-size:22px;color:#04111c}.brand h1{margin:0;font-size:20px}.brand p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.layout{display:grid;grid-template-columns:360px minmax(520px,1fr) 410px;gap:16px;align-items:start}.card{overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.card-head h2{font-size:16px;margin:0}.card-body,.screen-wrap{padding:16px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.2);background:rgba(148,163,184,.12);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:12px;white-space:nowrap}.pill.ok{color:#dcfce7;background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.25)}.pill.bad{color:#fee2e2;background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.25)}.pill.blue{color:#dff6ff;background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.25)}button,select,input{font:inherit}button{border:1px solid rgba(148,163,184,.25);background:#1e293b;color:var(--text);border-radius:14px;padding:10px 13px;min-height:42px;cursor:pointer;transition:.18s}button:hover{transform:translateY(-1px);border-color:rgba(56,189,248,.45)}button.primary{background:linear-gradient(135deg,#0284c7,#0f766e);border-color:transparent}button.success{background:linear-gradient(135deg,#16a34a,#0f766e);border-color:transparent}button.warning{background:linear-gradient(135deg,#d97706,#92400e);border-color:transparent}button.danger{background:linear-gradient(135deg,#dc2626,#7f1d1d);border-color:transparent}.chamber-view{height:330px;border-radius:22px;overflow:hidden;position:relative;background:#020617;border:1px solid rgba(148,163,184,.22)}.chamber-view img{width:100%;height:100%;object-fit:cover;display:block}.chamber-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 70%,rgba(34,197,94,.18),transparent 28%);opacity:0;transition:.2s}.chamber-overlay.on{opacity:1}.beam-cone{position:absolute;left:49%;top:37%;width:28px;height:100px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 100%,0 100%);background:rgba(56,189,248,.52);filter:blur(.4px);opacity:0}.beam-cone.on{opacity:1;box-shadow:0 0 30px rgba(56,189,248,.75)}.training-card{margin-top:14px;padding:14px;border-radius:18px;border:1px solid rgba(56,189,248,.22);background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(34,197,94,.07))}.training-card h3{margin:0 0 8px}.training-card p{margin:0;color:#c2d4e8;line-height:1.45}.mini-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.status{padding:12px;border-radius:16px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.16)}.status small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.status strong{font-size:15px}.workflow{display:grid;gap:9px;margin-top:14px}.workflow-step{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.15)}.workflow-step>b{width:30px;height:30px;border-radius:10px;background:rgba(56,189,248,.13);display:grid;place-items:center;color:#7dd3fc}.workflow-step small{display:block;color:var(--muted);margin-top:2px}.micrograph-screen{height:610px;position:relative;overflow:hidden;border-radius:22px;background:#020617;border:1px solid rgba(148,163,184,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 28px 80px rgba(0,0,0,.35)}canvas{width:100%;height:100%;display:block}.hud{position:absolute;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:rgba(2,6,23,.72);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:8px 10px;backdrop-filter:blur(10px)}.hud.top{top:12px}.hud.bottom{bottom:12px;color:#dbeafe;font-size:12px}.warning-box{position:absolute;top:68px;left:12px;right:12px;padding:10px 12px;border-radius:14px;background:rgba(127,29,29,.82);border:1px solid rgba(248,113,113,.36);color:#fee2e2;display:none;line-height:1.35}.warning-box.show{display:block}.scan-line{position:absolute;left:0;right:0;height:4px;background:rgba(56,189,248,.55);box-shadow:0 0 18px rgba(56,189,248,.8);top:-6px;display:none}.scan-line.active{display:block;animation:scan 1.4s linear infinite}@keyframes scan{from{top:-6px}to{top:100%}}.focus-cross{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.18);border-radius:999px}.focus-cross:before,.focus-cross:after{content:"";position:absolute;background:rgba(255,255,255,.18)}.focus-cross:before{width:1px;height:100%;left:50%;top:0}.focus-cross:after{height:1px;width:100%;left:0;top:50%}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.metrics div{padding:12px;border-radius:16px;background:rgba(15,23,42,.75);border:1px solid rgba(148,163,184,.16)}.metrics small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.metrics b{font-size:18px}.learning-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.info-box{padding:14px;border-radius:18px;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.16)}.info-box h3{margin:0 0 10px}.info-box p,.info-box li{color:#c2d4e8;line-height:1.45}.info-box ul{margin:8px 0 0 18px;padding:0}.small-btn{margin-top:10px}.answer-box{display:none;margin-top:12px;padding:12px;border-radius:14px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.22);color:#dcfce7;line-height:1.45}.answer-box.show{display:block}pre{white-space:pre-line;max-height:260px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#dbeafe;margin:0}.controls .panel{padding:13px;border-radius:18px;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.15);margin-bottom:12px}.panel h3{margin:0 0 12px;font-size:14px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.button-grid.two{grid-template-columns:1fr 1fr}.wide{width:100%;margin-top:10px}.note{margin-top:10px;padding:12px;border-radius:15px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.16);color:#cfe3f6;line-height:1.42;font-size:13px}label{display:block;color:var(--muted);font-size:12px;margin:9px 0 6px}select{width:100%;padding:11px 12px;border-radius:14px;background:#0f172a;color:var(--text);border:1px solid rgba(148,163,184,.25)}.slider-row{display:grid;grid-template-columns:1fr 78px;gap:10px;align-items:center;margin-bottom:8px}.slider-row output{font-weight:800;text-align:right;color:#dff6ff}input[type=range]{width:100%;accent-color:var(--accent)}.modal{position:fixed;inset:0;background:rgba(2,6,23,.82);display:none;place-items:center;z-index:50;padding:20px}.modal.show{display:grid}.modal-card{max-width:560px;width:100%;background:#0c1623;border:1px solid rgba(148,163,184,.28);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.modal-card h2{margin:0 0 10px}.modal-card p{color:#cbd5e1;line-height:1.45}.modal-icon{font-size:44px}@media(max-width:1240px){.topbar{grid-template-columns:1fr}.top-actions{justify-content:flex-start}.layout{grid-template-columns:1fr}.micrograph-screen{height:520px}.learning-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.app-shell{padding:10px}.status-grid,.metrics{grid-template-columns:1fr}.micrograph-screen{height:430px}.topbar,.card{border-radius:18px}.button-grid{grid-template-columns:1fr}}


/* === Metalurjist v2: SEM görüntüsü sabit, ayar paneli kaydırılabilir === */
@media (min-width: 1024px) {
  .layout,
  main.layout,
  .sim-layout,
  .workspace,
  .main-grid,
  .dashboard {
    align-items: start;
  }

  .screen-card,
  .micrograph-card,
  .sem-screen-card,
  .viewer-card,
  .display-panel,
  .screenWrap,
  .screen-wrap,
  .center-panel {
    position: sticky;
    top: 16px;
    align-self: start;
    z-index: 5;
  }

  .controls-card,
  .control-card,
  .operator-card,
  .settings-card,
  aside.card,
  .right-panel,
  .control-panel {
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .controls-card::-webkit-scrollbar,
  .control-card::-webkit-scrollbar,
  .operator-card::-webkit-scrollbar,
  .settings-card::-webkit-scrollbar,
  aside.card::-webkit-scrollbar,
  .right-panel::-webkit-scrollbar,
  .control-panel::-webkit-scrollbar {
    width: 8px;
  }

  .controls-card::-webkit-scrollbar-thumb,
  .control-card::-webkit-scrollbar-thumb,
  .operator-card::-webkit-scrollbar-thumb,
  .settings-card::-webkit-scrollbar-thumb,
  aside.card::-webkit-scrollbar-thumb,
  .right-panel::-webkit-scrollbar-thumb,
  .control-panel::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, .35);
    border-radius: 999px;
  }

  .controls-card::-webkit-scrollbar-track,
  .control-card::-webkit-scrollbar-track,
  .operator-card::-webkit-scrollbar-track,
  .settings-card::-webkit-scrollbar-track,
  aside.card::-webkit-scrollbar-track,
  .right-panel::-webkit-scrollbar-track,
  .control-panel::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, .35);
  }
}

@media (max-width: 1023px) {
  .screen-card,
  .micrograph-card,
  .sem-screen-card,
  .viewer-card,
  .display-panel,
  .screenWrap,
  .screen-wrap,
  .center-panel {
    position: static;
  }

  .controls-card,
  .control-card,
  .operator-card,
  .settings-card,
  aside.card,
  .right-panel,
  .control-panel {
    max-height: none;
    overflow: visible;
  }
}


/* === Metalurjist v3: Daha işlevsel ve gerçekçi kontrol paneli === */
#sem-realistic-tool {
  --sem-console-bg: rgba(8, 15, 25, .96);
  --sem-console-section: rgba(15, 23, 42, .82);
  --sem-console-line: rgba(148, 163, 184, .18);
  --sem-console-active: rgba(56, 189, 248, .18);
  --sem-console-good: rgba(34, 197, 94, .16);
  --sem-console-warn: rgba(245, 158, 11, .16);
  --sem-console-bad: rgba(239, 68, 68, .16);
}

/* Scroll alanını daha profesyonel hale getir */
@media (min-width: 1024px) {
  aside.card,
  .controls-card,
  .control-card,
  .operator-card,
  .settings-card,
  .right-panel,
  .control-panel {
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    background:
      radial-gradient(circle at 30% 0%, rgba(56, 189, 248, .08), transparent 34%),
      var(--sem-console-bg);
  }
}

.console-sticky-tools {
  position: sticky;
  top: 0;
  z-index: 12;
  margin: -16px -16px 14px;
  padding: 12px 14px;
  background: rgba(8, 15, 25, .96);
  border-bottom: 1px solid var(--sem-console-line);
  backdrop-filter: blur(12px);
}

.console-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.console-title-row strong {
  font-size: 13px;
  letter-spacing: .04em;
  color: #dbeafe;
}

.console-mode-dot {
  display: inline-flex;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 16px rgba(34, 197, 94, .75);
}

.console-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.console-quick-grid button {
  min-height: 36px;
  padding: 8px 9px;
  font-size: 12px;
  border-radius: 12px;
}

.console-mini-status {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 10px;
}

.console-mini-status span {
  display: grid;
  place-items: center;
  min-height: 30px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(15, 23, 42, .8);
  color: #94a3b8;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.console-mini-status span.is-ok {
  background: var(--sem-console-good);
  color: #bbf7d0;
  border-color: rgba(34, 197, 94, .28);
}

.console-mini-status span.is-warn {
  background: var(--sem-console-warn);
  color: #fde68a;
  border-color: rgba(245, 158, 11, .28);
}

.console-mini-status span.is-bad {
  background: var(--sem-console-bad);
  color: #fecaca;
  border-color: rgba(239, 68, 68, .28);
}

.console-section-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 8px 0 12px;
}

.console-section-tabs button {
  min-height: 34px;
  padding: 7px 8px;
  font-size: 11px;
  border-radius: 11px;
  background: rgba(15, 23, 42, .74);
}

.console-section-tabs button.active {
  background: linear-gradient(135deg, rgba(2, 132, 199, .85), rgba(15, 118, 110, .85));
  border-color: transparent;
}

.console-group,
.panel,
.control-group,
.settings-group {
  position: relative;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent),
    var(--sem-console-section) !important;
  border: 1px solid var(--sem-console-line) !important;
}

.console-group::before,
.panel::before,
.control-group::before,
.settings-group::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(56, 189, 248, .35), transparent);
}

.panel h4,
.control-group h4,
.settings-group h4,
.console-group h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e0f2fe;
  letter-spacing: .01em;
}

.panel h4::before,
.control-group h4::before,
.settings-group h4::before,
.console-group h4::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #38bdf8;
  box-shadow: 0 0 12px rgba(56,189,248,.65);
}

.console-param-readout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  margin: 8px 0 10px;
}

.console-param-readout div {
  padding: 8px;
  border-radius: 12px;
  background: rgba(2, 6, 23, .45);
  border: 1px solid rgba(148, 163, 184, .13);
}

.console-param-readout small {
  display: block;
  color: #94a3b8;
  font-size: 10px;
  margin-bottom: 3px;
}

.console-param-readout b {
  font-size: 13px;
  color: #e0f2fe;
}

input[type="range"] {
  height: 22px;
}

.console-danger-note {
  margin-top: 9px;
  padding: 10px;
  border-radius: 13px;
  background: rgba(245, 158, 11, .1);
  border: 1px solid rgba(245, 158, 11, .22);
  color: #fde68a;
  font-size: 12px;
  line-height: 1.35;
}

.console-danger-note.high {
  background: rgba(239, 68, 68, .11);
  border-color: rgba(239, 68, 68, .24);
  color: #fecaca;
}

.console-hidden {
  display: none !important;
}

/* Küçük ekranlarda sticky araç çubuğu normal aksın */
@media (max-width: 1023px) {
  .console-sticky-tools {
    position: static;
    margin: 0 0 14px;
    border-radius: 18px;
    border: 1px solid var(--sem-console-line);
  }
}


/* === Metalurjist v4: PDF rapor butonu ve rapor önizleme === */
#btnDownloadReport {
  position: relative;
}
#btnDownloadReport::after {
  content: "PDF";
  margin-left: 7px;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
}
.report-help-note {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(34,197,94,.09);
  border: 1px solid rgba(34,197,94,.20);
  color: #dcfce7;
  font-size: 12px;
  line-height: 1.4;
}



/* v6 guidance */
.guide-panel{margin-bottom:14px;border:1px solid rgba(56,189,248,.22);background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(15,23,42,.88));border-radius:18px;overflow:hidden}
.guide-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.16)}
.guide-head h3{margin:0;font-size:15px}.guide-head p{margin:2px 0 0;color:var(--muted,#9ca3af);font-size:12px}
.guide-#sem-realistic-tool{padding:14px}.guide-body.hidden{display:none}.guide-steps{margin:0;padding-left:18px;display:grid;gap:8px}.guide-steps li{line-height:1.45;color:#dbe7f5}.guide-steps b{color:#fff}
.guide-tip{margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(15,23,42,.66);border:1px solid rgba(148,163,184,.16);font-size:12px;line-height:1.45;color:#cbd5e1}
.panel-help{margin-top:10px;padding:9px 10px;border-radius:12px;background:rgba(15,23,42,.42);border:1px dashed rgba(148,163,184,.18);font-size:12px;line-height:1.4;color:#cbd5e1}.panel-help b{color:#f8fafc}
.top-actions .info-btn{background:linear-gradient(135deg,#0369a1,#1d4ed8);color:#fff}
.guide-modal{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(5px);z-index:80;display:none;align-items:center;justify-content:center;padding:20px}
.guide-modal.show{display:flex}.guide-card{width:min(780px,100%);max-height:min(86vh,900px);overflow:auto;background:#0c1623;border:1px solid rgba(148,163,184,.22);border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.45);padding:22px}
.guide-card h2{margin:0 0 6px}.guide-card p{color:#cbd5e1;line-height:1.5}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.guide-item{padding:14px;border-radius:16px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.16)}.guide-item .num{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(56,189,248,.16);color:#7dd3fc;font-weight:800;margin-bottom:8px}
.guide-item h4{margin:0 0 6px;font-size:14px}.guide-item p{margin:0;font-size:13px}.guide-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}.guide-actions label{display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1}
.quick-badge{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);font-size:12px;color:#dcfce7}
@media (max-width:900px){.guide-grid{grid-template-columns:1fr}.guide-card{padding:18px}}


/* v6 sample-above-chamber */
.sample-top-card {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, rgba(56, 189, 248, .10), rgba(34, 197, 94, .07)), rgba(12, 22, 35, .92);
  border: 1px solid rgba(56, 189, 248, .22);
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  overflow: hidden;
}
.sample-top-inner {
  display: grid;
  grid-template-columns: 1fr minmax(320px, 520px);
  gap: 18px;
  align-items: end;
  padding: 16px;
}
.sample-top-copy h2 {
  margin: 8px 0 6px;
  font-size: clamp(18px, 2vw, 26px);
}
.sample-top-copy p {
  margin: 0;
  color: var(--muted, #9ca3af);
  line-height: 1.45;
}
.sample-top-controls {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: end;
}
.sample-top-controls label {
  grid-column: 1 / -1;
  color: var(--muted, #9ca3af);
  font-size: 12px;
  margin: 0;
}
.sample-top-controls select {
  min-height: 44px;
}
.sample-top-controls button {
  min-height: 44px;
  white-space: nowrap;
}
@media (max-width: 920px) {
  .sample-top-inner {
    grid-template-columns: 1fr;
  }
  .sample-top-controls {
    grid-template-columns: 1fr;
  }
}



/* Metalurjist.com.tr isolated integration layer */
#sem-realistic-tool{min-height:calc(100vh - 80px);padding:18px 104px 86px 18px;position:relative;overflow:clip;background:radial-gradient(circle at 18% 0,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at 100% 20%,rgba(34,197,94,.09),transparent 28%),linear-gradient(135deg,#06101a,#0a1726 48%,#050910);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
html[data-theme="light"] #sem-realistic-tool:not(.sem-force-dark){--bg:#f6f8fc;--panel:#ffffff;--panel2:#f1f5f9;--line:rgba(15,23,42,.14);--text:#0f172a;--muted:#53627a;--accent:#0284c7;--ok:#15803d;--warn:#b45309;--bad:#dc2626;--shadow:0 22px 60px rgba(15,23,42,.12);background:radial-gradient(circle at 18% 0,rgba(14,165,233,.12),transparent 28%),radial-gradient(circle at 100% 20%,rgba(15,118,110,.08),transparent 28%),linear-gradient(135deg,#f8fafc,#eef6ff 48%,#f8fafc)}
html[data-theme="light"] #sem-realistic-tool .topbar,html[data-theme="light"] #sem-realistic-tool .card{background:rgba(255,255,255,.92);border-color:rgba(15,23,42,.13)}
html[data-theme="light"] #sem-realistic-tool .panel,html[data-theme="light"] #sem-realistic-tool .info-box,html[data-theme="light"] #sem-realistic-tool .status,html[data-theme="light"] #sem-realistic-tool .workflow-step,html[data-theme="light"] #sem-realistic-tool .controls .panel{background:rgba(248,250,252,.92);border-color:rgba(15,23,42,.13)}
html[data-theme="light"] #sem-realistic-tool .training-card{background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(15,118,110,.06));border-color:rgba(14,165,233,.18)}
html[data-theme="light"] #sem-realistic-tool .training-card p,html[data-theme="light"] #sem-realistic-tool .info-box p,html[data-theme="light"] #sem-realistic-tool .info-box li{color:#334155}
html[data-theme="light"] #sem-realistic-tool select{background:#fff;color:#0f172a;border-color:rgba(15,23,42,.18)}
html[data-theme="light"] #sem-realistic-tool button{background:#fff;color:#0f172a;border-color:rgba(15,23,42,.18)}
html[data-theme="light"] #sem-realistic-tool button.primary,html[data-theme="light"] #sem-realistic-tool button.success,html[data-theme="light"] #sem-realistic-tool button.warning,html[data-theme="light"] #sem-realistic-tool button.danger{color:#fff}
html[data-theme="light"] #sem-realistic-tool .note{background:rgba(14,165,233,.08);color:#334155;border-color:rgba(14,165,233,.18)}
html[data-theme="light"] #sem-realistic-tool .hud{background:rgba(15,23,42,.72);color:#e5eef8}
html[data-theme="light"] #sem-realistic-tool .answer-box{color:#064e3b;background:rgba(22,163,74,.08)}
html[data-theme="light"] #sem-realistic-tool pre{color:#0f172a;background:#f8fafc;border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:10px}
#sem-realistic-tool .app-shell{max-width:1580px;margin:0 auto;padding:0}
#sem-realistic-tool .layout{display:grid!important;grid-template-columns:360px minmax(520px,1fr) 410px!important;gap:16px!important;align-items:start!important;margin:0!important;min-height:0!important;height:auto!important;background:transparent!important;overflow:visible!important}
#sem-realistic-tool .sample-top-card{grid-column:1/-1;background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(15,118,110,.10));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
#sem-realistic-tool .sample-top-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
#sem-realistic-tool .sample-top-copy h2{margin:8px 0 4px}.sample-top-copy p{margin:0;color:var(--muted)}
#sem-realistic-tool .sample-top-controls{display:grid;grid-template-columns:120px minmax(280px,1fr) auto;gap:10px;align-items:end;min-width:min(680px,100%)}
#sem-realistic-tool .sample-top-controls label{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}
#sem-realistic-tool .sample-top-controls select{grid-column:1/3;margin:0}#sem-realistic-tool .sample-top-controls button{grid-column:3;margin:0}
.sem-realistic-tool-nav{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:35;width:76px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;max-height:calc(100vh - 140px);overflow-y:auto;padding:2px 0;background:transparent;border:0}
.sem-realistic-tool-nav button{border:1px solid var(--line);border-radius:15px;background:rgba(12,22,35,.86);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:5px;width:68px;min-height:64px;flex-direction:column;padding:8px 4px;font-family:Rajdhani,Inter,sans-serif;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:none;white-space:normal;text-align:center;line-height:1.05;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.16)}
html[data-theme="light"] .sem-realistic-tool-nav button{background:rgba(255,255,255,.92);color:#475569}
.sem-realistic-tool-nav button:hover,.sem-realistic-tool-nav button.active{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 0 18px rgba(56,189,248,.18)}
.sem-realistic-tool-nav .ico{font-size:18px;line-height:1}
.semr-modal{position:fixed;inset:0;z-index:1900;display:none;align-items:center;justify-content:center;background:rgba(2,6,23,.72);backdrop-filter:blur(12px);padding:18px}.semr-modal.open{display:flex}.semr-modal-box{width:min(980px,96vw);max-height:88vh;overflow:hidden;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.56);display:flex;flex-direction:column}.semr-modal-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 38%)}.semr-modal-head h2{margin:0;font-size:1.35rem}.semr-modal-close{border:1px solid var(--line);background:rgba(148,163,184,.12);color:var(--text);border-radius:14px;min-width:42px;height:42px;cursor:pointer;font-size:18px;font-weight:900}.semr-modal-body{overflow:auto;padding:22px;line-height:1.75}.semr-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.semr-guide-card{border:1px solid var(--line);background:rgba(148,163,184,.08);border-radius:18px;padding:16px}.semr-guide-card h3{margin:0 0 8px;color:var(--accent);font-size:.9rem;text-transform:uppercase;letter-spacing:.12em}.semr-guide-card p,.semr-guide-card li{color:var(--muted);font-size:.92rem}.semr-guide-card ul{margin:0;padding-left:18px}.semr-ai-pre{white-space:pre-wrap;background:#f8fafc;color:#0f172a;border:1px solid #cbd5e1;border-radius:16px;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.6}
html[data-theme="dark"] .semr-ai-pre,.dark .semr-ai-pre{background:#0f172a;color:#e2e8f0;border-color:#334155}
.semr-report-stage{position:absolute;left:-99999px;top:0;width:794px;background:#fff;color:#0f172a;font-family:Arial,Helvetica,sans-serif}.semr-report-page{width:794px;min-height:1123px;background:#fff;padding:34px 36px 28px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;page-break-after:always}.semr-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:4px solid #0f766e;padding-bottom:12px}.semr-report-brand{display:flex;align-items:center;gap:14px}.semr-report-logo{width:170px;height:56px;object-fit:contain}.semr-report-head h1{margin:0;font-size:22px;color:#0f172a}.semr-report-head p{margin:4px 0 0;color:#475569;font-size:12px}.semr-report-meta{text-align:right;font-size:11px;line-height:1.55;color:#475569}.semr-report-card{border:1px solid #d7e0ea;border-radius:14px;background:#fff;padding:12px 14px}.semr-report-card h2{margin:0 0 8px;font-size:14px;color:#0f766e}.semr-report-table{width:100%;border-collapse:collapse;font-size:11px}.semr-report-table th,.semr-report-table td{border:1px solid #d7e0ea;padding:7px;text-align:left;vertical-align:top}.semr-report-table th{background:#f1f5f9;color:#0f172a}.semr-report-img{display:block;width:100%;max-height:420px;object-fit:contain;border:1px solid #d7e0ea;border-radius:12px;background:#fff}.semr-report-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.semr-report-kpi{border:1px solid #d7e0ea;border-radius:12px;background:#f8fafc;padding:10px;text-align:center}.semr-report-kpi small{display:block;color:#64748b;text-transform:uppercase;font-size:9px;font-weight:800}.semr-report-kpi b{display:block;margin-top:5px;color:#0f766e;font-size:16px}.semr-report-foot{margin-top:auto;border-top:1px solid #d7e0ea;padding-top:9px;font-size:9.5px;line-height:1.45;color:#64748b}.semr-print-only{display:none}
@media(max-width:1240px){#sem-realistic-tool{padding:14px 14px 98px}#sem-realistic-tool .layout{grid-template-columns:1fr!important}.sem-realistic-tool-nav{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;height:72px;background:rgba(2,6,23,.92);border-top:1px solid var(--line);backdrop-filter:blur(18px);padding:8px 10px;overflow-x:auto;overflow-y:hidden;align-items:center;justify-content:flex-start;max-height:none;flex-direction:row}.sem-realistic-tool-nav button{min-width:72px;height:54px;min-height:54px;flex:0 0 auto;border-radius:14px}.semr-guide-grid{grid-template-columns:1fr}#sem-realistic-tool .sample-top-controls{grid-template-columns:1fr}#sem-realistic-tool .sample-top-controls label,#sem-realistic-tool .sample-top-controls select,#sem-realistic-tool .sample-top-controls button{grid-column:auto}}


/* === Metalurjist premium theme sync: SEM realistic simulator === */
#sem-realistic-tool [data-action="ai"],
#sem-realistic-tool #semrAiModal{display:none!important}
html[data-theme="light"] #sem-realistic-tool,
html:not(.dark) #sem-realistic-tool{
  --bg:#f5f7fb;--panel:#ffffff;--panel2:#f1f5f9;--line:rgba(15,23,42,.13);--text:#0f172a;--muted:#475569;--accent:#0ea5e9;--ok:#059669;--warn:#d97706;--bad:#dc2626;--shadow:0 18px 52px rgba(15,23,42,.10);
  background:radial-gradient(circle at 18% 0,rgba(14,165,233,.13),transparent 30%),radial-gradient(circle at 100% 20%,rgba(5,150,105,.08),transparent 30%),linear-gradient(135deg,#f8fafc,#eef6ff 52%,#f8fafc)!important;color:var(--text)!important;
}
html.dark #sem-realistic-tool,
html[data-theme="dark"] #sem-realistic-tool{
  --bg:#07111b;--panel:#0c1623;--panel2:#111e2e;--line:rgba(148,163,184,.22);--text:#e6eef8;--muted:#9ab0c9;--accent:#38bdf8;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--shadow:0 24px 70px rgba(0,0,0,.38);
  background:radial-gradient(circle at 18% 0,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at 100% 20%,rgba(34,197,94,.09),transparent 28%),linear-gradient(135deg,#06101a,#0a1726 48%,#050910)!important;color:var(--text)!important;
}
html[data-theme="light"] #sem-realistic-tool .topbar,
html[data-theme="light"] #sem-realistic-tool .card,
html:not(.dark) #sem-realistic-tool .topbar,
html:not(.dark) #sem-realistic-tool .card{background:rgba(255,255,255,.94)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}
html[data-theme="light"] #sem-realistic-tool .panel,
html[data-theme="light"] #sem-realistic-tool .info-box,
html[data-theme="light"] #sem-realistic-tool .status,
html[data-theme="light"] #sem-realistic-tool .workflow-step,
html[data-theme="light"] #sem-realistic-tool .metrics div,
html[data-theme="light"] #sem-realistic-tool .controls .panel,
html:not(.dark) #sem-realistic-tool .panel,
html:not(.dark) #sem-realistic-tool .info-box,
html:not(.dark) #sem-realistic-tool .status,
html:not(.dark) #sem-realistic-tool .workflow-step,
html:not(.dark) #sem-realistic-tool .metrics div,
html:not(.dark) #sem-realistic-tool .controls .panel{background:rgba(248,250,252,.88)!important;color:var(--text)!important;border-color:rgba(15,23,42,.12)!important}
html[data-theme="light"] #sem-realistic-tool .training-card,
html:not(.dark) #sem-realistic-tool .training-card{background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(5,150,105,.06))!important;color:var(--text)!important}
html[data-theme="light"] #sem-realistic-tool .training-card p,
html[data-theme="light"] #sem-realistic-tool .info-box p,
html[data-theme="light"] #sem-realistic-tool .info-box li,
html[data-theme="light"] #sem-realistic-tool .note,
html:not(.dark) #sem-realistic-tool .training-card p,
html:not(.dark) #sem-realistic-tool .info-box p,
html:not(.dark) #sem-realistic-tool .info-box li,
html:not(.dark) #sem-realistic-tool .note{color:#334155!important}
html[data-theme="light"] #sem-realistic-tool button:not(.primary):not(.success):not(.warning):not(.danger),
html:not(.dark) #sem-realistic-tool button:not(.primary):not(.success):not(.warning):not(.danger){background:#e8eef8!important;color:#0f172a!important;border-color:rgba(15,23,42,.14)!important}
html[data-theme="light"] #sem-realistic-tool select,
html[data-theme="light"] #sem-realistic-tool input,
html:not(.dark) #sem-realistic-tool select,
html:not(.dark) #sem-realistic-tool input{background:#ffffff!important;color:#0f172a!important;border-color:rgba(15,23,42,.16)!important}
html[data-theme="light"] #sem-realistic-tool .hud,
html:not(.dark) #sem-realistic-tool .hud{background:rgba(255,255,255,.76)!important;color:#0f172a!important;border-color:rgba(15,23,42,.14)!important}
html[data-theme="light"] #sem-realistic-tool .hud.bottom,
html:not(.dark) #sem-realistic-tool .hud.bottom{color:#0f172a!important}
html[data-theme="light"] #sem-realistic-tool .sem-realistic-tool-nav button,
html:not(.dark) #sem-realistic-tool .sem-realistic-tool-nav button{background:rgba(255,255,255,.92)!important;color:#334155!important;border-color:rgba(15,23,42,.14)!important;box-shadow:0 10px 30px rgba(15,23,42,.08)!important}
html[data-theme="light"] #sem-realistic-tool .sem-realistic-tool-nav button:hover,
html[data-theme="light"] #sem-realistic-tool .sem-realistic-tool-nav button.active,
html:not(.dark) #sem-realistic-tool .sem-realistic-tool-nav button:hover,
html:not(.dark) #sem-realistic-tool .sem-realistic-tool-nav button.active{color:#0284c7!important;border-color:rgba(14,165,233,.45)!important;background:rgba(14,165,233,.10)!important}
html[data-theme="light"] #sem-realistic-tool .modal-card,
html[data-theme="light"] #sem-realistic-tool .semr-modal-box,
html:not(.dark) #sem-realistic-tool .modal-card,
html:not(.dark) #sem-realistic-tool .semr-modal-box{background:#ffffff!important;color:#0f172a!important;border-color:rgba(15,23,42,.14)!important}
html[data-theme="light"] #sem-realistic-tool .modal-card p,
html[data-theme="light"] #sem-realistic-tool .semr-guide-card p,
html[data-theme="light"] #sem-realistic-tool .semr-guide-card li,
html:not(.dark) #sem-realistic-tool .modal-card p,
html:not(.dark) #sem-realistic-tool .semr-guide-card p,
html:not(.dark) #sem-realistic-tool .semr-guide-card li{color:#334155!important}
html[data-theme="light"] #sem-realistic-tool pre,
html:not(.dark) #sem-realistic-tool pre{color:#0f172a!important;background:#f8fafc!important;border-color:rgba(15,23,42,.12)!important}

/* === v4 ergonomic theme/layout refinements === */
#sem-realistic-tool .topbar.topbar-compact{
  grid-template-columns:1fr!important;
  align-items:flex-start;
}
#sem-realistic-tool .topbar.topbar-compact .brand{
  align-items:flex-start;
}
#sem-realistic-tool .sample-top-card{
  padding:18px 18px 16px!important;
}
#sem-realistic-tool .sample-top-inner{
  display:grid!important;
  grid-template-columns:minmax(280px,.95fr) minmax(560px,1.05fr)!important;
  gap:18px!important;
  align-items:start!important;
}
#sem-realistic-tool .sample-top-right{
  display:grid;
  gap:12px;
  width:100%;
}
#sem-realistic-tool .sample-top-actions{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
#sem-realistic-tool .sample-top-actions button,
#sem-realistic-tool .sample-top-controls button,
#sem-realistic-tool .console-quick-grid button,
#sem-realistic-tool .console-section-tabs button,
#sem-realistic-tool .button-grid button{
  min-height:46px;
  border-radius:15px;
  font-weight:700;
  letter-spacing:.01em;
}
#sem-realistic-tool .sample-top-actions button{
  white-space:normal;
  line-height:1.15;
}
#sem-realistic-tool .sample-top-controls{
  min-width:0!important;
  grid-template-columns:96px minmax(220px,1fr) minmax(170px,200px)!important;
}
#sem-realistic-tool .sample-top-controls select,
#sem-realistic-tool .sample-top-controls button{
  min-height:48px;
}
#sem-realistic-tool .sample-top-copy,
#sem-realistic-tool .sample-top-copy h2,
#sem-realistic-tool .sample-top-copy p,
#sem-realistic-tool .card-head h2,
#sem-realistic-tool .panel h3,
#sem-realistic-tool .info-box h3,
#sem-realistic-tool .guide-head h3,
#sem-realistic-tool .console-title-row strong{
  color:var(--text)!important;
}
#sem-realistic-tool .sample-top-copy p,
#sem-realistic-tool .guide-head p,
#sem-realistic-tool .panel-help,
#sem-realistic-tool .guide-tip,
#sem-realistic-tool .quick-badge,
#sem-realistic-tool .console-param-readout small,
#sem-realistic-tool .status small,
#sem-realistic-tool .note,
#sem-realistic-tool .info-box p,
#sem-realistic-tool .info-box li,
#sem-realistic-tool .guide-item p,
#sem-realistic-tool .guide-steps li{
  color:var(--muted)!important;
}
#sem-realistic-tool .guide-steps b,
#sem-realistic-tool .quick-badge b,
#sem-realistic-tool .console-param-readout b,
#sem-realistic-tool .status strong,
#sem-realistic-tool .metrics b,
#sem-realistic-tool .guide-item h4,
#sem-realistic-tool .guide-card h2{
  color:var(--text)!important;
}
#sem-realistic-tool .guide-panel{
  background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(15,23,42,.16)),var(--panel)!important;
  border:1px solid var(--line)!important;
}
#sem-realistic-tool .guide-head{
  background:linear-gradient(135deg,rgba(56,189,248,.08),transparent)!important;
  border-bottom:1px solid var(--line)!important;
}
#sem-realistic-tool .guide-tip,
#sem-realistic-tool .quick-badge,
#sem-realistic-tool .panel-help{
  background:rgba(148,163,184,.10)!important;
  border-color:var(--line)!important;
}
#sem-realistic-tool .guide-item,
#sem-realistic-tool .guide-card,
#sem-realistic-tool .console-param-readout div,
#sem-realistic-tool .metrics div,
#sem-realistic-tool .controls .panel,
#sem-realistic-tool .status,
#sem-realistic-tool .workflow-step,
#sem-realistic-tool .info-box,
#sem-realistic-tool .note{
  background:var(--panel2)!important;
  border-color:var(--line)!important;
}
#sem-realistic-tool .console-sticky-tools{
  background:linear-gradient(180deg,rgba(56,189,248,.08),transparent),var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:20px;
  margin:0 0 14px!important;
  padding:14px!important;
}
#sem-realistic-tool .console-title-row strong{
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
}
#sem-realistic-tool .console-mini-status span,
#sem-realistic-tool .console-param-readout div,
#sem-realistic-tool .console-section-tabs button,
#sem-realistic-tool .console-quick-grid button,
#sem-realistic-tool .button-grid button:not(.primary):not(.success):not(.warning):not(.danger),
#sem-realistic-tool .controls .panel button:not(.primary):not(.success):not(.warning):not(.danger){
  background:rgba(148,163,184,.08)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
#sem-realistic-tool .console-section-tabs{
  grid-template-columns:repeat(4,1fr)!important;
}
#sem-realistic-tool .console-section-tabs button.active,
#sem-realistic-tool .sample-top-actions .info-btn,
#sem-realistic-tool .button-grid button.primary,
#sem-realistic-tool .controls .panel button.primary{
  color:#fff!important;
}
#sem-realistic-tool .console-danger-note{
  background:rgba(245,158,11,.10)!important;
  color:var(--text)!important;
  border-color:rgba(245,158,11,.24)!important;
}
#sem-realistic-tool .console-danger-note.high{
  background:rgba(239,68,68,.10)!important;
  color:var(--text)!important;
  border-color:rgba(239,68,68,.24)!important;
}
#sem-realistic-tool .control-card .controls{
  display:flex;
  flex-direction:column;
  gap:12px;
}
#sem-realistic-tool .control-card .metrics.metrics-relocated{
  order:-2;
  margin:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#sem-realistic-tool .control-card .metrics.metrics-relocated div{
  min-height:74px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:last-child{
  grid-column:2 / span 2;
}
#sem-realistic-tool .control-card .metrics small{
  color:var(--muted)!important;
}
#sem-realistic-tool .control-card .metrics b{
  font-size:1.35rem;
}
#sem-realistic-tool .status-grid,
#sem-realistic-tool .button-grid{
  gap:10px!important;
}
#sem-realistic-tool .card-head,
#sem-realistic-tool .panel{
  box-shadow:none!important;
}
html[data-theme="light"] #sem-realistic-tool .sample-top-card,
html:not(.dark) #sem-realistic-tool .sample-top-card{
  background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(5,150,105,.06)),#ffffff!important;
}
html[data-theme="light"] #sem-realistic-tool .console-sticky-tools,
html:not(.dark) #sem-realistic-tool .console-sticky-tools{
  background:linear-gradient(180deg,rgba(14,165,233,.08),transparent),#ffffff!important;
}
html[data-theme="light"] #sem-realistic-tool .console-mini-status span,
html[data-theme="light"] #sem-realistic-tool .console-param-readout div,
html[data-theme="light"] #sem-realistic-tool .console-quick-grid button,
html[data-theme="light"] #sem-realistic-tool .console-section-tabs button,
html:not(.dark) #sem-realistic-tool .console-mini-status span,
html:not(.dark) #sem-realistic-tool .console-param-readout div,
html:not(.dark) #sem-realistic-tool .console-quick-grid button,
html:not(.dark) #sem-realistic-tool .console-section-tabs button{
  background:#eef4fb!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-theme="light"] #sem-realistic-tool .guide-panel,
html[data-theme="light"] #sem-realistic-tool .guide-card,
html[data-theme="light"] #sem-realistic-tool .guide-item,
html[data-theme="light"] #sem-realistic-tool .guide-tip,
html[data-theme="light"] #sem-realistic-tool .quick-badge,
html:not(.dark) #sem-realistic-tool .guide-panel,
html:not(.dark) #sem-realistic-tool .guide-card,
html:not(.dark) #sem-realistic-tool .guide-item,
html:not(.dark) #sem-realistic-tool .guide-tip,
html:not(.dark) #sem-realistic-tool .quick-badge{
  color:#0f172a!important;
}
html.dark #sem-realistic-tool .sample-top-card,
html[data-theme="dark"] #sem-realistic-tool .sample-top-card{
  background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(15,118,110,.10)),rgba(12,22,35,.92)!important;
}
html.dark #sem-realistic-tool .console-quick-grid button,
html.dark #sem-realistic-tool .console-section-tabs button,
html.dark #sem-realistic-tool .console-param-readout div,
html.dark #sem-realistic-tool .console-mini-status span,
html[data-theme="dark"] #sem-realistic-tool .console-quick-grid button,
html[data-theme="dark"] #sem-realistic-tool .console-section-tabs button,
html[data-theme="dark"] #sem-realistic-tool .console-param-readout div,
html[data-theme="dark"] #sem-realistic-tool .console-mini-status span{
  background:rgba(15,23,42,.88)!important;
  color:#e6eef8!important;
  border-color:rgba(148,163,184,.18)!important;
}
@media (max-width: 1120px){
  #sem-realistic-tool .sample-top-inner{grid-template-columns:1fr!important}
  #sem-realistic-tool .sample-top-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sem-realistic-tool .sample-top-controls{grid-template-columns:1fr!important}
  #sem-realistic-tool .sample-top-controls select,
  #sem-realistic-tool .sample-top-controls button,
  #sem-realistic-tool .sample-top-controls label{grid-column:auto!important}
}
@media (max-width: 700px){
  #sem-realistic-tool .sample-top-actions{grid-template-columns:1fr!important}
  #sem-realistic-tool .control-card .metrics.metrics-relocated{grid-template-columns:1fr!important}
  #sem-realistic-tool .control-card .metrics.metrics-relocated div:last-child{grid-column:auto}
  #sem-realistic-tool .console-section-tabs{grid-template-columns:repeat(2,1fr)!important}
}

/* === v5 premium color correction: less dull, higher contrast, ergonomic === */
#sem-realistic-tool{
  --sem-light-bg:#f3f7fb;
  --sem-light-card:#ffffff;
  --sem-light-card2:#eef6ff;
  --sem-light-border:#cbd8e7;
  --sem-dark-bg:#07111d;
  --sem-dark-card:#0f1b2d;
  --sem-dark-card2:#14243a;
  --sem-dark-border:#2b405f;
  --sem-cyan:#0891b2;
  --sem-blue:#2563eb;
  --sem-green:#059669;
  --sem-amber:#d97706;
  --sem-red:#dc2626;
}
html[data-theme="light"] #sem-realistic-tool,
html:not(.dark) #sem-realistic-tool{
  --panel:var(--sem-light-card)!important;
  --panel2:var(--sem-light-card2)!important;
  --line:var(--sem-light-border)!important;
  --text:#0b1220!important;
  --muted:#334155!important;
  --accent:#0369a1!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(14,165,233,.18),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(16,185,129,.13),transparent 34%),
    linear-gradient(135deg,#f8fbff,#eaf4ff 46%,#f7fbff)!important;
}
html.dark #sem-realistic-tool,
html[data-theme="dark"] #sem-realistic-tool{
  --panel:var(--sem-dark-card)!important;
  --panel2:var(--sem-dark-card2)!important;
  --line:var(--sem-dark-border)!important;
  --text:#eef6ff!important;
  --muted:#b6c7dc!important;
  --accent:#38bdf8!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(56,189,248,.22),transparent 32%),
    radial-gradient(circle at 96% 16%,rgba(16,185,129,.16),transparent 34%),
    linear-gradient(135deg,#06111f,#0a1a2e 48%,#07111d)!important;
}
#sem-realistic-tool .topbar,
#sem-realistic-tool .card,
#sem-realistic-tool .sample-top-card,
#sem-realistic-tool .console-sticky-tools,
#sem-realistic-tool .panel,
#sem-realistic-tool .controls .panel,
#sem-realistic-tool .info-box,
#sem-realistic-tool .status,
#sem-realistic-tool .workflow-step,
#sem-realistic-tool .metrics div,
#sem-realistic-tool .guide-panel,
#sem-realistic-tool .guide-card,
#sem-realistic-tool .guide-item,
#sem-realistic-tool .guide-tip,
#sem-realistic-tool .quick-badge,
#sem-realistic-tool .note,
#sem-realistic-tool .console-param-readout div{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="light"] #sem-realistic-tool .sample-top-card,
html:not(.dark) #sem-realistic-tool .sample-top-card{
  background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(16,185,129,.08)),#ffffff!important;
  box-shadow:0 18px 55px rgba(15,23,42,.12)!important;
}
html.dark #sem-realistic-tool .sample-top-card,
html[data-theme="dark"] #sem-realistic-tool .sample-top-card{
  background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(16,185,129,.09)),#0f1b2d!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
#sem-realistic-tool h1,
#sem-realistic-tool h2,
#sem-realistic-tool h3,
#sem-realistic-tool h4,
#sem-realistic-tool .console-title-row strong,
#sem-realistic-tool .sample-top-copy h2,
#sem-realistic-tool .guide-card h2,
#sem-realistic-tool .guide-item h4,
#sem-realistic-tool .workflow-step strong,
#sem-realistic-tool .status strong,
#sem-realistic-tool .metrics b,
#sem-realistic-tool .console-param-readout b{
  color:var(--text)!important;
}
#sem-realistic-tool p,
#sem-realistic-tool li,
#sem-realistic-tool small,
#sem-realistic-tool label,
#sem-realistic-tool .brand p,
#sem-realistic-tool .sample-top-copy p,
#sem-realistic-tool .guide-head p,
#sem-realistic-tool .guide-steps li,
#sem-realistic-tool .panel-help,
#sem-realistic-tool .guide-tip,
#sem-realistic-tool .note,
#sem-realistic-tool .info-box p,
#sem-realistic-tool .info-box li,
#sem-realistic-tool .status small,
#sem-realistic-tool .metrics small,
#sem-realistic-tool .console-param-readout small{
  color:var(--muted)!important;
}
#sem-realistic-tool .brand-badge{
  background:linear-gradient(135deg,#0ea5e9,#10b981)!important;
  color:#06111d!important;
  box-shadow:0 12px 30px rgba(14,165,233,.22)!important;
}
#sem-realistic-tool button,
#sem-realistic-tool .console-quick-grid button,
#sem-realistic-tool .console-section-tabs button,
#sem-realistic-tool .button-grid button,
#sem-realistic-tool .sample-top-actions button,
#sem-realistic-tool .sample-top-controls button{
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.02)),var(--panel2)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
}
#sem-realistic-tool button:hover{
  filter:saturate(1.06);
  transform:translateY(-1px)!important;
}
#sem-realistic-tool button.primary,
#sem-realistic-tool .sample-top-actions .info-btn,
#sem-realistic-tool .console-section-tabs button.active{
  background:linear-gradient(135deg,#0284c7,#2563eb)!important;
  border-color:transparent!important;
  color:#ffffff!important;
}
#sem-realistic-tool button.success{
  background:linear-gradient(135deg,#059669,#0f766e)!important;
  border-color:transparent!important;
  color:#ffffff!important;
}
#sem-realistic-tool button.warning{
  background:linear-gradient(135deg,#f59e0b,#b45309)!important;
  border-color:transparent!important;
  color:#ffffff!important;
}
#sem-realistic-tool button.danger{
  background:linear-gradient(135deg,#ef4444,#991b1b)!important;
  border-color:transparent!important;
  color:#ffffff!important;
}
#sem-realistic-tool .sample-top-actions #btnReveal{
  background:linear-gradient(135deg,#7c3aed,#2563eb)!important;
  border-color:transparent!important;
  color:#ffffff!important;
}
#sem-realistic-tool .sample-top-actions #btnSaveImage{
  background:linear-gradient(135deg,#d97706,#ea580c)!important;
  border-color:transparent!important;
  color:#ffffff!important;
}
#sem-realistic-tool .sample-top-actions #btnDownloadReport{
  background:linear-gradient(135deg,#059669,#10b981)!important;
  border-color:transparent!important;
  color:#ffffff!important;
}
#sem-realistic-tool select,
#sem-realistic-tool input,
#sem-realistic-tool textarea{
  background:var(--panel)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html[data-theme="light"] #sem-realistic-tool select,
html[data-theme="light"] #sem-realistic-tool input,
html:not(.dark) #sem-realistic-tool select,
html:not(.dark) #sem-realistic-tool input{
  background:#ffffff!important;
  color:#0b1220!important;
}
#sem-realistic-tool .pill.blue{
  background:rgba(14,165,233,.14)!important;
  border-color:rgba(14,165,233,.35)!important;
  color:var(--accent)!important;
}
#sem-realistic-tool .pill.ok,
#sem-realistic-tool .console-mini-status span.is-ok{
  background:rgba(5,150,105,.14)!important;
  border-color:rgba(5,150,105,.35)!important;
  color:#10b981!important;
}
#sem-realistic-tool .pill.bad,
#sem-realistic-tool .console-mini-status span.is-bad{
  background:rgba(220,38,38,.14)!important;
  border-color:rgba(220,38,38,.35)!important;
  color:#ef4444!important;
}
#sem-realistic-tool .console-mini-status span.is-warn{
  background:rgba(217,119,6,.16)!important;
  border-color:rgba(217,119,6,.36)!important;
  color:#f59e0b!important;
}
#sem-realistic-tool .guide-panel,
#sem-realistic-tool .console-sticky-tools{
  box-shadow:0 14px 38px rgba(15,23,42,.10)!important;
}
#sem-realistic-tool .guide-head{
  background:linear-gradient(90deg,rgba(14,165,233,.12),rgba(16,185,129,.06))!important;
}
#sem-realistic-tool .quick-badge{
  background:linear-gradient(135deg,rgba(5,150,105,.16),rgba(14,165,233,.10)),var(--panel)!important;
  border-color:rgba(5,150,105,.30)!important;
}
#sem-realistic-tool .console-sticky-tools{
  border-radius:22px!important;
  padding:16px!important;
}
#sem-realistic-tool .console-quick-grid button{
  min-height:48px!important;
  font-size:12.5px!important;
  font-weight:800!important;
}
#sem-realistic-tool .console-section-tabs button{
  min-height:42px!important;
  font-weight:800!important;
}
#sem-realistic-tool .control-card .metrics.metrics-relocated div{
  background:linear-gradient(180deg,rgba(14,165,233,.08),rgba(16,185,129,.04)),var(--panel)!important;
  border-color:var(--line)!important;
}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(1) b{color:#0ea5e9!important}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(2) b{color:#2563eb!important}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(3) b{color:#7c3aed!important}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(4) b{color:#10b981!important}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(5) b{color:#f59e0b!important}
#sem-realistic-tool .button-grid #btnVent,
#sem-realistic-tool .button-grid #btnOpen,
#sem-realistic-tool .button-grid #btnRestart{
  background:linear-gradient(135deg,rgba(220,38,38,.20),rgba(127,29,29,.12)),var(--panel)!important;
  color:#fca5a5!important;
  border-color:rgba(220,38,38,.36)!important;
}
#sem-realistic-tool .button-grid #btnEvacuate{
  background:linear-gradient(135deg,#059669,#0f766e)!important;
  color:#ffffff!important;
}
#sem-realistic-tool .button-grid #btnHT{
  background:linear-gradient(135deg,#dc2626,#7f1d1d)!important;
  color:#ffffff!important;
}
#sem-realistic-tool .button-grid #btnSE,
#sem-realistic-tool .button-grid #btnBSE{
  background:linear-gradient(135deg,#0284c7,#2563eb)!important;
  color:#ffffff!important;
}
html[data-theme="light"] #sem-realistic-tool .button-grid #btnVent,
html[data-theme="light"] #sem-realistic-tool .button-grid #btnOpen,
html[data-theme="light"] #sem-realistic-tool .button-grid #btnRestart,
html:not(.dark) #sem-realistic-tool .button-grid #btnVent,
html:not(.dark) #sem-realistic-tool .button-grid #btnOpen,
html:not(.dark) #sem-realistic-tool .button-grid #btnRestart{
  background:#fff1f2!important;
  color:#991b1b!important;
  border-color:#fecdd3!important;
}
html[data-theme="light"] #sem-realistic-tool .control-card .metrics.metrics-relocated div,
html:not(.dark) #sem-realistic-tool .control-card .metrics.metrics-relocated div{
  background:#ffffff!important;
  box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
}

/* === v6 complete ergonomic premium correction === */
#sem-realistic-tool{
  --sem-blue:#2563eb;
  --sem-cyan:#06b6d4;
  --sem-teal:#0d9488;
  --sem-green:#16a34a;
  --sem-amber:#f59e0b;
  --sem-orange:#ea580c;
  --sem-red:#dc2626;
  --sem-violet:#7c3aed;
  --sem-pink:#db2777;
}
html[data-theme="light"] #sem-realistic-tool,
html:not(.dark) #sem-realistic-tool{
  --bg:#f4f7fb!important;
  --panel:#ffffff!important;
  --panel2:#eef5fd!important;
  --panel3:#e8f0fb!important;
  --line:rgba(15,23,42,.16)!important;
  --text:#0b172a!important;
  --muted:#334155!important;
  --accent:#0284c7!important;
  --ok:#047857!important;
  --warn:#b45309!important;
  --bad:#b91c1c!important;
  --shadow:0 22px 55px rgba(15,23,42,.14)!important;
  background:radial-gradient(circle at 16% 0,rgba(14,165,233,.17),transparent 30%),radial-gradient(circle at 92% 12%,rgba(20,184,166,.12),transparent 32%),linear-gradient(135deg,#f8fafc,#eaf4ff 54%,#f8fafc)!important;
  color:var(--text)!important;
}
html.dark #sem-realistic-tool,
html[data-theme="dark"] #sem-realistic-tool{
  --bg:#06101c!important;
  --panel:#0b1625!important;
  --panel2:#111f33!important;
  --panel3:#15263d!important;
  --line:rgba(148,163,184,.24)!important;
  --text:#f1f7ff!important;
  --muted:#c7d7ed!important;
  --accent:#38bdf8!important;
  --ok:#22c55e!important;
  --warn:#fbbf24!important;
  --bad:#f87171!important;
  --shadow:0 26px 76px rgba(0,0,0,.40)!important;
  background:radial-gradient(circle at 16% 0,rgba(56,189,248,.20),transparent 30%),radial-gradient(circle at 92% 12%,rgba(45,212,191,.10),transparent 32%),linear-gradient(135deg,#06101a,#0b1728 54%,#050910)!important;
  color:var(--text)!important;
}
#sem-realistic-tool .topbar,
#sem-realistic-tool .card,
#sem-realistic-tool .sample-top-card,
#sem-realistic-tool .console-sticky-tools,
#sem-realistic-tool .panel,
#sem-realistic-tool .info-box,
#sem-realistic-tool .guide-panel,
#sem-realistic-tool .guide-card,
#sem-realistic-tool .guide-item,
#sem-realistic-tool .controls .panel,
#sem-realistic-tool .status,
#sem-realistic-tool .workflow-step,
#sem-realistic-tool .metrics div{
  color:var(--text)!important;
  border-color:var(--line)!important;
}
#sem-realistic-tool .topbar,
#sem-realistic-tool .card{
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--panel)!important;
  box-shadow:var(--shadow)!important;
}
#sem-realistic-tool .sample-top-card{
  background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(13,148,136,.10)),var(--panel)!important;
  box-shadow:var(--shadow)!important;
  border:1px solid var(--line)!important;
}
#sem-realistic-tool .sample-top-inner{
  display:grid!important;
  grid-template-columns:minmax(280px,.85fr) minmax(560px,1.15fr)!important;
  gap:18px!important;
  align-items:start!important;
}
#sem-realistic-tool .sample-top-copy h2,
#sem-realistic-tool .brand h1,
#sem-realistic-tool .card-head h2,
#sem-realistic-tool .panel h3,
#sem-realistic-tool .info-box h3,
#sem-realistic-tool .guide-head h3,
#sem-realistic-tool .guide-card h2,
#sem-realistic-tool .console-title-row strong{
  color:var(--text)!important;
}
#sem-realistic-tool .brand p,
#sem-realistic-tool .sample-top-copy p,
#sem-realistic-tool .guide-head p,
#sem-realistic-tool .guide-steps li,
#sem-realistic-tool .guide-tip,
#sem-realistic-tool .panel-help,
#sem-realistic-tool .info-box p,
#sem-realistic-tool .info-box li,
#sem-realistic-tool .status small,
#sem-realistic-tool label,
#sem-realistic-tool .note,
#sem-realistic-tool .report-help-note{
  color:var(--muted)!important;
}
#sem-realistic-tool .sample-top-right{display:grid!important;gap:13px!important;width:100%!important;}
#sem-realistic-tool .sample-top-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  justify-content:stretch!important;
}
#sem-realistic-tool .sample-top-actions button,
#sem-realistic-tool .sample-top-controls button{
  min-height:48px!important;
  border-radius:16px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  line-height:1.14!important;
  padding:10px 12px!important;
  white-space:normal!important;
  box-shadow:0 14px 28px rgba(15,23,42,.16)!important;
  transform:none!important;
}
#sem-realistic-tool .sample-top-actions button:hover,
#sem-realistic-tool .sample-top-controls button:hover,
#sem-realistic-tool .button-grid button:hover,
#sem-realistic-tool .console-quick-grid button:hover{
  filter:brightness(1.05)!important;
  transform:translateY(-1px)!important;
}
#sem-realistic-tool #btnUsageGuide{background:linear-gradient(135deg,#0891b2,#2563eb)!important;color:#fff!important;border-color:transparent!important;}
#sem-realistic-tool #btnOptimal{background:linear-gradient(135deg,#059669,#0284c7)!important;color:#fff!important;border-color:transparent!important;}
#sem-realistic-tool #btnReveal{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important;border-color:transparent!important;}
#sem-realistic-tool #btnSaveImage{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;color:#111827!important;border-color:transparent!important;}
#sem-realistic-tool #btnDownloadReport{background:linear-gradient(135deg,#16a34a,#0f766e)!important;color:#fff!important;border-color:transparent!important;}
#sem-realistic-tool #btnLoadSample{background:linear-gradient(135deg,#06b6d4,#0f766e)!important;color:#fff!important;border-color:transparent!important;}
#sem-realistic-tool .sample-top-controls{
  display:grid!important;
  grid-template-columns:96px minmax(220px,1fr) minmax(170px,210px)!important;
  gap:10px!important;
  min-width:0!important;
  align-items:end!important;
}
#sem-realistic-tool .sample-top-controls label{grid-column:1/-1!important;margin:0!important;font-weight:900!important;}
#sem-realistic-tool .sample-top-controls select{
  grid-column:1/3!important;
  min-height:48px!important;
  border-radius:16px!important;
  background:var(--panel)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
#sem-realistic-tool .sample-top-controls button{grid-column:3!important;}
#sem-realistic-tool .guide-panel{
  background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(13,148,136,.08)),var(--panel)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.12)!important;
}
#sem-realistic-tool .guide-head{
  background:linear-gradient(135deg,rgba(14,165,233,.16),transparent)!important;
  border-bottom:1px solid var(--line)!important;
}
#sem-realistic-tool .guide-body{padding:14px!important;}
#sem-realistic-tool .guide-steps li,
#sem-realistic-tool .guide-item,
#sem-realistic-tool .guide-tip,
#sem-realistic-tool .quick-badge,
#sem-realistic-tool .panel-help{
  background:var(--panel2)!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
}
#sem-realistic-tool .guide-steps{list-style-position:outside!important;padding-left:22px!important;}
#sem-realistic-tool .guide-steps li{padding:8px 10px!important;}
#sem-realistic-tool .guide-steps b,
#sem-realistic-tool .panel-help b,
#sem-realistic-tool .guide-tip b{color:var(--text)!important;}
#sem-realistic-tool .console-sticky-tools{
  background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(6,182,212,.09)),var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  margin:0 0 14px!important;
  padding:14px!important;
  position:relative!important;
  top:auto!important;
}
#sem-realistic-tool .console-title-row strong{font-size:13px!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
#sem-realistic-tool .console-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
#sem-realistic-tool .console-quick-grid button{
  min-height:42px!important;
  border-radius:14px!important;
  font-weight:900!important;
  color:#fff!important;
  border-color:transparent!important;
}
#sem-realistic-tool #quickStartup{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;}
#sem-realistic-tool #quickPreset{background:linear-gradient(135deg,#0d9488,#16a34a)!important;}
#sem-realistic-tool #quickFocus{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;}
#sem-realistic-tool #quickSafe{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;color:#111827!important;}
#sem-realistic-tool .console-mini-status span,
#sem-realistic-tool .console-param-readout div{
  background:var(--panel2)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
#sem-realistic-tool .console-param-readout small{color:var(--muted)!important;}
#sem-realistic-tool .console-param-readout b{color:var(--text)!important;}
#sem-realistic-tool .console-section-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
#sem-realistic-tool .console-section-tabs button{
  background:var(--panel2)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:13px!important;
  font-weight:900!important;
}
#sem-realistic-tool .console-section-tabs button.active{
  background:linear-gradient(135deg,#0284c7,#0f766e)!important;
  color:#fff!important;
  border-color:transparent!important;
}
#sem-realistic-tool .control-card .controls{display:flex!important;flex-direction:column!important;gap:12px!important;}
#sem-realistic-tool .control-card .metrics.metrics-relocated{
  order:1!important;
  margin:0 0 0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#sem-realistic-tool .control-card .chamber-ops-panel{order:2!important;}
#sem-realistic-tool .control-card .metrics.metrics-relocated div{
  min-height:76px!important;
  border-radius:18px!important;
  padding:13px!important;
  background:linear-gradient(135deg,rgba(6,182,212,.12),rgba(37,99,235,.07)),var(--panel2)!important;
  border:1px solid var(--line)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(1){border-left:4px solid #06b6d4!important;}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(2){border-left:4px solid #2563eb!important;}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(3){border-left:4px solid #7c3aed!important;}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(4){border-left:4px solid #16a34a!important;}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(5){grid-column:1/-1!important;border-left:4px solid #dc2626!important;}
#sem-realistic-tool .metrics small{font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--muted)!important;}
#sem-realistic-tool .metrics b{font-size:1.35rem!important;color:var(--text)!important;}
#sem-realistic-tool .controls .panel,
#sem-realistic-tool .panel,
#sem-realistic-tool .info-box,
#sem-realistic-tool .status,
#sem-realistic-tool .workflow-step,
#sem-realistic-tool .note{
  background:var(--panel2)!important;
  border:1px solid var(--line)!important;
}
#sem-realistic-tool .chamber-ops-panel{
  background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(15,118,110,.06)),var(--panel2)!important;
}
#sem-realistic-tool .button-grid{gap:10px!important;}
#sem-realistic-tool .button-grid button{
  min-height:46px!important;
  border-radius:15px!important;
  font-weight:900!important;
  border-color:transparent!important;
  color:#fff!important;
}
#sem-realistic-tool #btnVent,
#sem-realistic-tool #btnOpen{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;color:#111827!important;}
#sem-realistic-tool #btnEvacuate{background:linear-gradient(135deg,#16a34a,#0f766e)!important;color:#fff!important;}
#sem-realistic-tool #btnHT{background:linear-gradient(135deg,#dc2626,#7c2d12)!important;color:#fff!important;}
#sem-realistic-tool #btnRestart{background:linear-gradient(135deg,#ef4444,#991b1b)!important;color:#fff!important;}
#sem-realistic-tool #btnSE{background:linear-gradient(135deg,#0284c7,#2563eb)!important;color:#fff!important;}
#sem-realistic-tool #btnBSE{background:linear-gradient(135deg,#7c3aed,#4338ca)!important;color:#fff!important;}
#sem-realistic-tool .note{
  background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(22,163,74,.06)),var(--panel2)!important;
  color:var(--text)!important;
}
#sem-realistic-tool .screen-wrap > .metrics:not(.metrics-relocated){display:none!important;}
html[data-theme="light"] #sem-realistic-tool .console-sticky-tools,
html:not(.dark) #sem-realistic-tool .console-sticky-tools,
html[data-theme="light"] #sem-realistic-tool .guide-panel,
html:not(.dark) #sem-realistic-tool .guide-panel,
html[data-theme="light"] #sem-realistic-tool .controls .panel,
html:not(.dark) #sem-realistic-tool .controls .panel{
  box-shadow:0 18px 42px rgba(15,23,42,.09)!important;
}
html.dark #sem-realistic-tool .console-sticky-tools,
html[data-theme="dark"] #sem-realistic-tool .console-sticky-tools,
html.dark #sem-realistic-tool .guide-panel,
html[data-theme="dark"] #sem-realistic-tool .guide-panel,
html.dark #sem-realistic-tool .controls .panel,
html[data-theme="dark"] #sem-realistic-tool .controls .panel{
  box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
}
@media(max-width:1120px){
  #sem-realistic-tool .sample-top-inner{grid-template-columns:1fr!important;}
  #sem-realistic-tool .sample-top-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #sem-realistic-tool .sample-top-controls{grid-template-columns:1fr!important;}
  #sem-realistic-tool .sample-top-controls label,
  #sem-realistic-tool .sample-top-controls select,
  #sem-realistic-tool .sample-top-controls button{grid-column:auto!important;}
}
@media(max-width:700px){
  #sem-realistic-tool .sample-top-actions{grid-template-columns:1fr!important;}
  #sem-realistic-tool .control-card .metrics.metrics-relocated{grid-template-columns:1fr!important;}
  #sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(5){grid-column:auto!important;}
  #sem-realistic-tool .console-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
#sem-realistic-tool .control-card .controls > #consoleStickyTools{order:0!important;}
#sem-realistic-tool .control-card .controls > .metrics.metrics-relocated{order:1!important;}
#sem-realistic-tool .control-card .controls > .chamber-ops-panel{order:2!important;}
#sem-realistic-tool .control-card .controls > .panel:not(.chamber-ops-panel){order:3!important;}

/* === v7 real placement fix: metrics permanently in right control column === */
#sem-realistic-tool .screen-wrap > .metrics,
#sem-realistic-tool .screen-card > .metrics,
#sem-realistic-tool .learning-grid + .metrics{display:none!important;}
#sem-realistic-tool .control-card .controls{display:flex!important;flex-direction:column!important;gap:12px!important;}
#sem-realistic-tool .control-card .controls > .metrics.metrics-relocated{order:0!important;display:grid!important;margin:0!important;}
#sem-realistic-tool .control-card .controls > #consoleStickyTools{order:1!important;}
#sem-realistic-tool .control-card .controls > .chamber-ops-panel{order:2!important;}
#sem-realistic-tool .control-card .controls > .panel:not(.chamber-ops-panel){order:3!important;}
#sem-realistic-tool #semConsoleMetrics{position:relative!important;}
#sem-realistic-tool #semConsoleMetrics::before{content:'Performans Durumu';grid-column:1/-1;color:var(--text);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px;margin-bottom:2px;}
html[data-theme="en"] #sem-realistic-tool #semConsoleMetrics::before{content:'Performance Status';}
#sem-realistic-tool .control-card .metrics.metrics-relocated{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
#sem-realistic-tool .control-card .metrics.metrics-relocated div{background:linear-gradient(135deg,rgba(6,182,212,.14),rgba(37,99,235,.08)),var(--panel2)!important;border:1px solid var(--line)!important;color:var(--text)!important;}
#sem-realistic-tool .control-card .metrics.metrics-relocated div:nth-child(6){grid-column:1/-1!important;}
@media(max-width:700px){#sem-realistic-tool .control-card .metrics.metrics-relocated{grid-template-columns:1fr!important;}#sem-realistic-tool .control-card .metrics.metrics-relocated div{grid-column:auto!important;}}

/* === v7b layout relocation: chamber above micrograph, metrics + quick panel below === */
#sem-realistic-tool .screen-wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
#sem-realistic-tool .screen-pre-tools,
#sem-realistic-tool .screen-post-tools{
  display:block!important;
}
#sem-realistic-tool .screen-pre-tools .chamber-ops-inline{
  margin:0!important;
  background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(16,185,129,.08)),var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  padding:16px!important;
}
#sem-realistic-tool .screen-pre-tools .chamber-ops-inline h3,
#sem-realistic-tool .screen-post-tools .console-sticky-tools .console-title-row strong{
  color:var(--text)!important;
}
#sem-realistic-tool .screen-post-tools{
  display:grid!important;
  grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
#sem-realistic-tool #consoleToolsHost,
#sem-realistic-tool .screen-post-tools .console-sticky-tools,
#sem-realistic-tool .screen-post-tools .metrics.metrics-relocated{
  width:100%!important;
}
#sem-realistic-tool .screen-post-tools .metrics.metrics-relocated{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
#sem-realistic-tool .screen-post-tools .metrics.metrics-relocated div:nth-child(5){grid-column:1/-1!important;}
#sem-realistic-tool .screen-post-tools .console-sticky-tools{
  margin:0!important;
}
#sem-realistic-tool .control-card .card-body > .chamber-ops-panel,
#sem-realistic-tool .control-card .card-body > .metrics.metrics-relocated,
#sem-realistic-tool .control-card .card-body > #consoleStickyTools{
  display:none!important;
}
#sem-realistic-tool .screen-wrap > .metrics,
#sem-realistic-tool .screen-card > .metrics,
#sem-realistic-tool .learning-grid + .metrics{display:none!important;}
html[data-theme="light"] #sem-realistic-tool .screen-pre-tools .chamber-ops-inline,
html:not(.dark) #sem-realistic-tool .screen-pre-tools .chamber-ops-inline,
html[data-theme="light"] #sem-realistic-tool .screen-post-tools .console-sticky-tools,
html:not(.dark) #sem-realistic-tool .screen-post-tools .console-sticky-tools,
html[data-theme="light"] #sem-realistic-tool .screen-post-tools .metrics.metrics-relocated div,
html:not(.dark) #sem-realistic-tool .screen-post-tools .metrics.metrics-relocated div{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}
html.dark #sem-realistic-tool .screen-pre-tools .chamber-ops-inline,
html[data-theme="dark"] #sem-realistic-tool .screen-pre-tools .chamber-ops-inline,
html.dark #sem-realistic-tool .screen-post-tools .console-sticky-tools,
html[data-theme="dark"] #sem-realistic-tool .screen-post-tools .console-sticky-tools,
html.dark #sem-realistic-tool .screen-post-tools .metrics.metrics-relocated div,
html[data-theme="dark"] #sem-realistic-tool .screen-post-tools .metrics.metrics-relocated div{
  background:rgba(15,23,42,.92)!important;
  color:#e8eef8!important;
  border-color:rgba(148,163,184,.18)!important;
}
@media (max-width: 900px){
  #sem-realistic-tool .screen-post-tools{grid-template-columns:1fr!important;}
}


/* === v8 final placement: chamber buttons one row; performance + quick panel single column === */
#sem-realistic-tool .screen-pre-tools .chamber-ops-inline .button-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
#sem-realistic-tool .screen-pre-tools .chamber-ops-inline .button-grid button{
  width:100%!important;
  min-height:48px!important;
  white-space:nowrap!important;
  font-size:.92rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
#sem-realistic-tool .screen-pre-tools .chamber-ops-inline .note{
  margin-top:12px!important;
}
#sem-realistic-tool .screen-post-tools{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  align-items:stretch!important;
}
#sem-realistic-tool .screen-post-tools .metrics.metrics-relocated{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  width:100%!important;
}
#sem-realistic-tool .screen-post-tools .metrics.metrics-relocated div{
  min-height:76px!important;
  padding:14px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
#sem-realistic-tool .screen-post-tools .metrics.metrics-relocated div:nth-child(5){
  grid-column:auto!important;
}
#sem-realistic-tool #consoleToolsHost,
#sem-realistic-tool .screen-post-tools .console-sticky-tools{
  width:100%!important;
  max-width:none!important;
}
#sem-realistic-tool .screen-post-tools .console-sticky-tools{
  display:block!important;
  margin:0!important;
}
#sem-realistic-tool .screen-post-tools .console-quick-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#sem-realistic-tool .screen-post-tools .console-mini-status{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#sem-realistic-tool .screen-post-tools .console-section-tabs{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media (max-width: 980px){
  #sem-realistic-tool .screen-pre-tools .chamber-ops-inline .button-grid,
  #sem-realistic-tool .screen-post-tools .metrics.metrics-relocated,
  #sem-realistic-tool .screen-post-tools .console-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width: 560px){
  #sem-realistic-tool .screen-pre-tools .chamber-ops-inline .button-grid,
  #sem-realistic-tool .screen-post-tools .metrics.metrics-relocated,
  #sem-realistic-tool .screen-post-tools .console-quick-grid,
  #sem-realistic-tool .screen-post-tools .console-mini-status,
  #sem-realistic-tool .screen-post-tools .console-section-tabs{
    grid-template-columns:1fr!important;
  }
  #sem-realistic-tool .screen-pre-tools .chamber-ops-inline .button-grid button{
    white-space:normal!important;
  }
}

/* === v9 usability guide redesign: compact step map === */
#sem-realistic-tool .guide-panel-v9{
  margin:0 0 14px!important;
  padding:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(16,185,129,.08)),var(--panel)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.10)!important;
}
#sem-realistic-tool .guide-head-v9{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px 18px!important;
  border-bottom:1px solid var(--line)!important;
  background:linear-gradient(135deg,rgba(56,189,248,.10),transparent)!important;
}
#sem-realistic-tool .guide-head-v9 h3{
  margin:0!important;
  font-size:1rem!important;
  font-weight:950!important;
  color:var(--text)!important;
  letter-spacing:.02em!important;
}
#sem-realistic-tool .guide-head-v9 p{
  margin:4px 0 0!important;
  color:var(--muted)!important;
  font-size:.86rem!important;
}
#sem-realistic-tool .guide-head-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
#sem-realistic-tool .guide-head-actions .small-btn{
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  font-weight:850!important;
  color:var(--text)!important;
  background:rgba(148,163,184,.10)!important;
  border:1px solid var(--line)!important;
}
#sem-realistic-tool .guide-body-v9{
  padding:16px!important;
}
#sem-realistic-tool .guide-body-v9.hidden{display:none!important;}
#sem-realistic-tool .sem-flow-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
#sem-realistic-tool .sem-flow-step{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-areas:"no icon" "copy copy"!important;
  gap:8px 10px!important;
  align-items:start!important;
  text-align:left!important;
  min-height:128px!important;
  padding:13px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(20,184,166,.06)),var(--panel2)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
#sem-realistic-tool .sem-flow-step:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(14,165,233,.45)!important;
  box-shadow:0 14px 34px rgba(14,165,233,.12)!important;
}
#sem-realistic-tool .sem-flow-no{
  grid-area:no!important;
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(14,165,233,.14)!important;
  color:var(--accent)!important;
  font-size:.74rem!important;
  font-weight:950!important;
}
#sem-realistic-tool .sem-flow-icon{
  grid-area:icon!important;
  justify-self:end!important;
  font-size:1.35rem!important;
  line-height:1!important;
}
#sem-realistic-tool .sem-flow-copy{
  grid-area:copy!important;
  display:grid!important;
  gap:5px!important;
}
#sem-realistic-tool .sem-flow-copy b{
  color:var(--text)!important;
  font-size:.94rem!important;
  line-height:1.2!important;
}
#sem-realistic-tool .sem-flow-copy em{
  color:var(--muted)!important;
  font-style:normal!important;
  font-size:.8rem!important;
  line-height:1.42!important;
}
#sem-realistic-tool .sem-flow-route,
#sem-realistic-tool .sem-live-helper{
  margin-top:12px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  border:1px solid var(--line)!important;
  background:rgba(148,163,184,.08)!important;
  color:var(--muted)!important;
  line-height:1.55!important;
  font-size:.88rem!important;
}
#sem-realistic-tool .sem-flow-route b,
#sem-realistic-tool .sem-live-helper b{
  color:var(--text)!important;
}
#sem-realistic-tool .sem-guide-focus{
  outline:3px solid rgba(14,165,233,.75)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 8px rgba(14,165,233,.14)!important;
}
.guide-card-v9{
  width:min(880px,96vw)!important;
  max-height:min(88vh,920px)!important;
}
.guide-modal-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  align-items:flex-start!important;
  margin-bottom:14px!important;
}
.guide-modal-head h2{
  color:var(--text,#e6eef8)!important;
  margin:0 0 4px!important;
}
.guide-modal-head p{
  color:var(--muted,#94a3b8)!important;
  margin:0!important;
}
.guide-timeline{
  display:grid!important;
  gap:10px!important;
}
.guide-timeline-item{
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:12px!important;
  padding:13px!important;
  border-radius:16px!important;
  background:rgba(148,163,184,.08)!important;
  border:1px solid var(--line,rgba(148,163,184,.18))!important;
}
.guide-timeline-item span{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--accent,#38bdf8)!important;
  background:rgba(14,165,233,.14)!important;
  font-weight:950!important;
}
.guide-timeline-item h4{
  margin:0 0 4px!important;
  color:var(--text,#e6eef8)!important;
}
.guide-timeline-item p{
  margin:0!important;
  color:var(--muted,#94a3b8)!important;
  line-height:1.45!important;
}
.guide-route-card{
  margin-top:14px!important;
  padding:14px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(16,185,129,.08))!important;
  border:1px solid var(--line,rgba(148,163,184,.18))!important;
  color:var(--muted,#94a3b8)!important;
  line-height:1.6!important;
}
.guide-route-card b{color:var(--text,#e6eef8)!important;}
html[data-theme="light"] #sem-realistic-tool .guide-panel-v9,
html:not(.dark) #sem-realistic-tool .guide-panel-v9,
html[data-theme="light"] #sem-realistic-tool .sem-flow-step,
html:not(.dark) #sem-realistic-tool .sem-flow-step,
html[data-theme="light"] .guide-timeline-item,
html:not(.dark) .guide-timeline-item,
html[data-theme="light"] .guide-route-card,
html:not(.dark) .guide-route-card{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-theme="light"] #sem-realistic-tool .sem-flow-route,
html:not(.dark) #sem-realistic-tool .sem-flow-route,
html[data-theme="light"] #sem-realistic-tool .sem-live-helper,
html:not(.dark) #sem-realistic-tool .sem-live-helper{
  background:#f1f5f9!important;
  color:#334155!important;
}
html[data-theme="light"] .guide-modal-head h2,
html:not(.dark) .guide-modal-head h2,
html[data-theme="light"] .guide-timeline-item h4,
html:not(.dark) .guide-timeline-item h4,
html[data-theme="light"] .guide-route-card b,
html:not(.dark) .guide-route-card b{
  color:#0f172a!important;
}
html[data-theme="light"] .guide-modal-head p,
html:not(.dark) .guide-modal-head p,
html[data-theme="light"] .guide-timeline-item p,
html:not(.dark) .guide-timeline-item p,
html[data-theme="light"] .guide-route-card,
html:not(.dark) .guide-route-card{
  color:#475569!important;
}
@media(max-width:1180px){
  #sem-realistic-tool .sem-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  #sem-realistic-tool .guide-head-v9{align-items:flex-start!important;flex-direction:column!important;}
  #sem-realistic-tool .guide-head-actions{width:100%!important;justify-content:stretch!important;}
  #sem-realistic-tool .guide-head-actions .small-btn{flex:1 1 0!important;}
  #sem-realistic-tool .sem-flow-grid{grid-template-columns:1fr!important;}
  #sem-realistic-tool .sem-flow-step{min-height:auto!important;}
}


/* === v10: visible SEM workflow card removed; modal guide remains === */
#sem-realistic-tool #guidePanel,
#sem-realistic-tool .guide-panel-v9{
  display:none!important;
}


/* === SEM Gerçekçi v1: primer PDF aktif === */
#sem-realistic-tool #btnDownloadReport{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:50!important;
}
#sem-realistic-tool .mj-primer-pre{
  white-space:pre-wrap;
  font-size:10.5px;
  line-height:1.45;
  color:#0f172a;
  background:#f8fafc;
  border:1px solid #d7e0ea;
  border-radius:12px;
  padding:10px;
  max-height:150mm;
  overflow:hidden;
}


/* === SEM Gerçekçi v2: üst PDF butonu primer aktif === */
#sem-realistic-tool #btnDownloadReport[data-semr-primer-pdf="1"],
#sem-realistic-tool #btnDownloadReport{
  cursor:pointer!important;
  pointer-events:auto!important;
}


/* === v8 güvenli kare menü: eski layout korunur, başlığın 2 satır altı sağ sabit === */
@media (min-width:1181px){
  .sem-realistic-tool-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 .sem-realistic-tool-nav,
  html[data-theme="dark"] .sem-realistic-tool-nav,
  body.dark .sem-realistic-tool-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;
  }
  .sem-realistic-tool-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 .sem-realistic-tool-nav::before,
  html[data-theme="dark"] .sem-realistic-tool-nav::before,
  body.dark .sem-realistic-tool-nav::before{ color:#cbd5e1!important; }
  .sem-realistic-tool-nav .mcds-side-nav__title,
  .sem-realistic-tool-nav .ehs-side-title,
  .sem-realistic-tool-nav [data-mj-nav-title]{
    display:none!important;
  }
  .sem-realistic-tool-nav > button, .sem-realistic-tool-nav > a, .sem-realistic-tool-nav .mj-tool-tab, .sem-realistic-tool-nav .mj-tool-action, .sem-realistic-tool-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;
  }
  .sem-realistic-tool-nav > button, .sem-realistic-tool-nav > a, .sem-realistic-tool-nav .mj-tool-tab, .sem-realistic-tool-nav .mj-tool-action, .sem-realistic-tool-nav .tab span:last-child,
  .sem-realistic-tool-nav > button, .sem-realistic-tool-nav > a, .sem-realistic-tool-nav .mj-tool-tab, .sem-realistic-tool-nav .mj-tool-action, .sem-realistic-tool-nav .tab b,
  .sem-realistic-tool-nav > button, .sem-realistic-tool-nav > a, .sem-realistic-tool-nav .mj-tool-tab, .sem-realistic-tool-nav .mj-tool-action, .sem-realistic-tool-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){
  .sem-realistic-tool-nav{
    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;
  }
  .sem-realistic-tool-nav::before{ display:none!important; content:none!important; }
  .sem-realistic-tool-nav > button, .sem-realistic-tool-nav > a, .sem-realistic-tool-nav .mj-tool-tab, .sem-realistic-tool-nav .mj-tool-action, .sem-realistic-tool-nav .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;
  }
}

