/* Hesap araçları — eski sitedeki araçlar, koyu temaya uyarlanmış */
.tools-wrap {
  --bg: #0e1116; --steel: #161b22; --steel2: #1f2630; --plate: #161b22;
  --border: rgba(255, 255, 255, 0.10); --border2: rgba(255, 255, 255, 0.22);
  --orange: #ff5f1f; --orange2: #ff8a50;
  --text: #e6e9ee; --muted: #9aa3b0; --muted2: #b9c2ce;
  --green: #3ddc84; --red: #ff6b5e; --blue: #5aa9ff;
  --font-d: "Space Grotesk", Inter, sans-serif; --font-b: Inter, sans-serif; --font-m: "JetBrains Mono", monospace;
  background: var(--ink); color: var(--text); padding: 40px 0 96px; font-family: var(--font-b); line-height: 1.7;
}
.tools-wrap .tw { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.tools-wrap select option { background: #161b22; color: #e6e9ee; }
.tools-wrap *, .tools-wrap *::before, .tools-wrap *::after {box-sizing:border-box;margin:0;padding:0;}
.tools-wrap .tool-nav {position:sticky;top:60px;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);display:flex;overflow-x:auto;}
.tools-wrap .tool-tab {padding:1rem 2rem;font-family:var(--font-d);font-weight:700;font-size:1.15rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s;white-space:nowrap;border-right:1px solid var(--border);}
.tools-wrap .tool-tab:hover {color:var(--text);background:rgba(255,255,255,0.02);}
.tools-wrap .tool-tab.active {color:var(--orange);border-bottom-color:var(--orange);background:rgba(242,100,25,0.04);}
.tools-wrap .tool-panels {position:relative;z-index:1;}
.tools-wrap .tool-panel {display:none;padding:3rem;}
.tools-wrap .tool-panel.active {display:block;}
.tools-wrap .tool-grid {display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;}
.tools-wrap .input-card {background:var(--steel);border:1px solid var(--border);padding:2rem;}
.tools-wrap .result-card {background:var(--steel2);border:1px solid var(--border);padding:2rem;}
.tools-wrap .card-title {font-family:var(--font-d);font-weight:700;font-size:1.3rem;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:1.5rem;color:var(--text);padding-bottom:0.8rem;border-bottom:1px solid var(--border);}
.tools-wrap .form-row {display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}
.tools-wrap .form-group {display:flex;flex-direction:column;gap:0.4rem;margin-bottom:1rem;}
.tools-wrap .form-group label {font-family:var(--font-m);font-size:1.15rem;color:var(--orange);letter-spacing:0.08em;text-transform:uppercase;}
.tools-wrap .form-group input, .tools-wrap .form-group select {background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:0.8rem 1rem;font-family:var(--font-b);font-size:1.2rem;outline:none;transition:border-color 0.2s;width:100%;}
.tools-wrap .form-group input:focus, .tools-wrap .form-group select:focus {border-color:var(--orange);}
.tools-wrap .form-group select option {background:var(--bg);}
.tools-wrap .calc-btn {width:100%;padding:1rem;background:var(--orange);color:#fff;font-family:var(--font-d);font-weight:700;font-size:1.1rem;letter-spacing:0.1em;text-transform:uppercase;border:none;cursor:pointer;transition:background 0.15s;margin-top:0.5rem;}
.tools-wrap .calc-btn:hover {background:var(--orange2);}
.tools-wrap .result-row {display:flex;justify-content:space-between;align-items:center;padding:0.8rem 0;border-bottom:1px solid var(--border);}
.tools-wrap .result-row:last-child {border-bottom:none;}
.tools-wrap .r-label {font-family:var(--font-m);font-size:1.15rem;color:var(--muted);letter-spacing:0.1em;}
.tools-wrap .r-value {font-family:var(--font-d);font-weight:700;font-size:1.4rem;color:var(--orange);}
.tools-wrap .r-unit {font-family:var(--font-m);font-size:0.98rem;color:var(--muted2);margin-left:4px;}
.tools-wrap .result-big {text-align:center;padding:1.5rem 0;border-bottom:1px solid var(--border);margin-bottom:1rem;}
.tools-wrap .result-big .r-num {font-family:var(--font-d);font-weight:800;font-size:3.5rem;color:var(--orange);line-height:1;}
.tools-wrap .result-big .r-lbl {font-family:var(--font-m);font-size:0.98rem;color:var(--muted);margin-top:0.3rem;}
.tools-wrap .info-box {background:var(--bg);border-left:3px solid var(--orange);padding:1rem 1.2rem;margin-top:1rem;font-size:0.98rem;color:var(--muted);line-height:1.7;}
.tools-wrap .warn-box {background:rgba(231,76,60,0.1);border-left:3px solid var(--red);padding:1rem 1.2rem;margin-top:1rem;font-size:0.98rem;color:#e74c3c;line-height:1.7;display:none;}
.tools-wrap .ok-box {background:rgba(46,204,113,0.1);border-left:3px solid var(--green);padding:1rem 1.2rem;margin-top:1rem;font-size:0.98rem;color:var(--green);line-height:1.7;display:none;}
.tools-wrap .section-sep {margin:2rem 0;border:none;border-top:1px solid var(--border);}
.tools-wrap .app-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:2rem;}
.tools-wrap .app-card {background:var(--steel);padding:1.8rem 1.5rem;cursor:pointer;transition:background 0.2s;text-align:center;position:relative;}
.tools-wrap .app-card:hover {background:var(--steel2);}
.tools-wrap .app-card.selected {background:var(--steel2);}
.tools-wrap .app-card.selected::after {content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--orange);}
.tools-wrap .app-icon {font-family:var(--font-d);font-weight:800;font-size:1.8rem;color:var(--border2);margin-bottom:0.8rem;display:block;}
.tools-wrap .app-card.selected .app-icon {color:var(--orange);}
.tools-wrap .app-name {font-family:var(--font-d);font-weight:700;font-size:1.15rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);}
.tools-wrap .app-card.selected .app-name {color:var(--text);}
.tools-wrap .app-desc {font-size:1.2rem;color:var(--muted2);margin-top:0.4rem;}
.tools-wrap .motor-panel {display:none;}
.tools-wrap .motor-panel.active {display:block;}
.tools-wrap .bearing-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:1rem;}
.tools-wrap .bearing-card {background:var(--steel);padding:1.2rem;cursor:pointer;transition:background 0.2s;border:1px solid transparent;}
.tools-wrap .bearing-card:hover {background:var(--steel2);}
.tools-wrap .bearing-card.selected {background:var(--steel2);border-color:var(--orange);}
.tools-wrap .bearing-code {font-family:var(--font-d);font-weight:800;font-size:1.3rem;color:var(--orange);}
.tools-wrap .bearing-dims {font-family:var(--font-m);font-size:0.98rem;color:var(--muted);margin-top:0.3rem;}
.tools-wrap .bearing-cap {font-size:1.08rem;color:var(--muted2);margin-top:0.2rem;}
.tools-wrap .tol-result {background:var(--bg);border:1px solid var(--border);padding:1.5rem;margin-top:1rem;}
.tools-wrap .tol-grade-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;margin-top:1rem;}
.tools-wrap .tol-chip {background:var(--steel);border:1px solid var(--border);padding:0.5rem 0.8rem;text-align:center;cursor:pointer;transition:all 0.15s;font-family:var(--font-m);font-size:1.15rem;}
.tools-wrap .tol-chip:hover, .tools-wrap .tol-chip.selected {background:var(--orange);color:#fff;border-color:var(--orange);}
.tools-wrap .fit-table {width:100%;margin-top:1rem;border-collapse:collapse;}
.tools-wrap .fit-table th {font-family:var(--font-m);font-size:1.1rem;color:var(--orange);text-align:left;padding:0.6rem 0.8rem;border-bottom:1px solid var(--border);letter-spacing:0.1em;text-transform:uppercase;}
.tools-wrap .fit-table td {padding:0.7rem 0.8rem;font-size:0.98rem;border-bottom:1px solid var(--border);color:var(--muted);}
.tools-wrap .fit-table tr:hover td {color:var(--text);background:rgba(255,255,255,0.02);}
.tools-wrap .fit-type {font-family:var(--font-d);font-weight:700;font-size:1.15rem;color:var(--text);}
@media(max-width:900px) {
.tools-wrap .tool-panel {padding:1.5rem;}
.tools-wrap .tool-grid {grid-template-columns:1fr;}
.tools-wrap .form-row {grid-template-columns:1fr;}
.tools-wrap .app-grid {grid-template-columns:1fr 1fr;}
.tools-wrap .bearing-grid {grid-template-columns:1fr 1fr;}
.tools-wrap .tol-grade-grid {grid-template-columns:repeat(3,1fr);}
}
.tools-wrap .admin-bar nav {top: 32px !important;}
.tools-wrap .admin-bar .nav-mob-menu {top: 92px !important;}
@media screen and (max-width: 782px) {
.tools-wrap .admin-bar nav {top: 46px !important;}
.tools-wrap .admin-bar .nav-mob-menu {top: 106px !important;}
}