
.tool-page .num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tool-page .pos { color:var(--ucuz-green); }
.tool-page .neg { color:var(--ucuz-red); }
.tool-page .result-box { scroll-margin-top:80px; }

.tool-page .form-control, .tool-page .form-select {
  background:var(--ucuz-dark); border-color:var(--ucuz-border); color:var(--ucuz-metin);
}
.tool-page .form-control:focus, .tool-page .form-select:focus {
  background:var(--ucuz-dark); border-color:var(--ucuz-gold); color:var(--ucuz-metin); box-shadow:none;
}
.tool-page .form-control::placeholder { color:var(--ucuz-sonuk3); }
.tool-page input[type=number]::-webkit-outer-spin-button,
.tool-page input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.tool-page input[type=number] { -moz-appearance:textfield; }
.tool-big { font-size:1.35rem; font-weight:700; font-variant-numeric:tabular-nums; }

.tool-lines { border:1px solid var(--ucuz-border); border-radius:10px; overflow:hidden; }
.tool-line {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 14px; border-bottom:1px solid rgba(36,44,59,.6); font-size:.88rem;
}
.tool-line:last-child { border-bottom:0; }
.tool-line .k { color:var(--ucuz-sonuk); }
.tool-line .v { font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tool-line.is-total { background:var(--ucuz-yukselti); }
.tool-line.is-total .k { color:var(--ucuz-metin2); font-weight:600; }
.tool-line.is-total .v { font-size:1.05rem; }

.tool-strip { display:flex; flex-wrap:wrap; align-items:center; row-gap:10px; }
.tool-metric { padding:2px 20px; border-left:1px solid var(--ucuz-border); }
.tool-metric:first-child { border-left:0; padding-left:0; }
.tool-metric .k { font-size:.66rem; text-transform:uppercase; letter-spacing:.07em; color:var(--ucuz-sonuk2); }
.tool-metric .v { font-size:1.05rem; font-weight:700; font-variant-numeric:tabular-nums; margin-top:1px; }

.tool-btn {
  padding:11px 20px; border:0; border-radius:10px; cursor:pointer; transition:.15s;
  background:var(--ucuz-gold); color:var(--ucuz-gold-metin); font-weight:700; font-size:.92rem;
}
.tool-btn:hover { filter:brightness(1.08); }
.tool-btn:active { transform:scale(.985); }
.tool-btn.is-ghost { background:transparent; border:1px solid var(--ucuz-border); color:var(--ucuz-metin2); }
.tool-btn.is-ghost:hover { border-color:var(--ucuz-green); color:var(--ucuz-green); filter:none; }
.tool-btn:disabled { opacity:.55; cursor:not-allowed; }

.tool-tablewrap { max-height:560px; overflow:auto; border:1px solid var(--ucuz-border); border-radius:10px; }
.tool-table { width:100%; border-collapse:collapse; font-size:.84rem; margin:0; }
.tool-table thead th {
  position:sticky; top:0; z-index:2; background:var(--ucuz-yukselti); padding:9px 12px;
  border-bottom:2px solid var(--ucuz-border); text-align:left; white-space:nowrap;
  font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.5px; color:var(--ucuz-sonuk);
}
.tool-table tbody td { padding:7px 12px; border-bottom:1px solid rgba(36,44,59,.5); vertical-align:middle; }
.tool-table tbody tr:last-child td { border-bottom:0; }
.tool-table tbody tr:hover { background:rgba(255,255,255,.025); }
.tool-table tfoot td {
  position:sticky; bottom:0; background:var(--ucuz-yukselti); padding:9px 12px;
  border-top:2px solid var(--ucuz-border); font-weight:700; font-size:.8rem;
}

.tool-kur {
  display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap;
  font-size:.78rem; color:var(--ucuz-sonuk);
}
.tool-kur strong { color:var(--ucuz-gold); font-variant-numeric:tabular-nums; }

.tool-note {
  border:1px solid rgba(242,179,61,.35); background:rgba(242,179,61,.08); color:#e8d48b;
  border-radius:10px; padding:10px 14px; font-size:.84rem; line-height:1.6;
}
.tool-note.is-info { border-color:rgba(59,130,246,.3); background:rgba(59,130,246,.08); color:#a8c7f0; }

.tool-page .accordion-item { background:var(--ucuz-panel); border-color:var(--ucuz-border); }
.tool-page .accordion-button { background:var(--ucuz-panel); color:var(--ucuz-metin); font-size:.9rem; font-weight:600; box-shadow:none; }
.tool-page .accordion-button:not(.collapsed) { background:rgba(242,179,61,.08); color:var(--ucuz-gold); }
.tool-page .accordion-button::after { filter:invert(.6); }
.tool-page .accordion-body { color:var(--ucuz-sonuk); font-size:.86rem; line-height:1.7; }

@media (max-width:575.98px) {
  .tool-metric { padding:2px 14px; }
  .tool-metric:first-child { padding-left:0; }
  .tool-table .opt { display:none; }
}

.drop-lv {
  display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px;
  font-size: .68rem; font-weight: 700; white-space: nowrap; border: 1px solid transparent;
}
.drop-lv.is-iyi { color: #4ade80; background: rgba(34, 197, 94, .1); border-color: rgba(34, 197, 94, .22); }
.drop-lv.is-sinir { color: #facc15; background: rgba(234, 179, 8, .1); border-color: rgba(234, 179, 8, .22); }
.drop-lv.is-kesik { color: #f87171; background: rgba(239, 68, 68, .1); border-color: rgba(239, 68, 68, .22); }
.drop-mlv {
  display: inline-block; margin-left: 5px; padding: 1px 6px; border-radius: 5px;
  font-size: .68rem; font-weight: 600; color: #8b95a7; background: rgba(139, 149, 167, .1);
  font-variant-numeric: tabular-nums;
}
