/* ==========================================================
   OKC v9 – Záložkový manuálny režim + auto-market helper
   Dotkne sa VÝLUČNE: .inputsCard v expert mode
   Všetko ostatné je 100% pôvodné CSS
   ========================================================== */

/* ── ZÁLOŽKOVÁ NAVIGÁCIA ──────────────────────────────────── */
#v9TabNav {
  display: none;           /* skrytá v auto mode */
  align-items: stretch;
  overflow-x: auto;
  border-bottom: 2px solid #d6e4f5;
  background: #f4f8fd;
  padding: 0 16px;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
#v9TabNav::-webkit-scrollbar { display: none; }

body.workspace-expert #v9TabNav,
body.workspace-basic #v9TabNav,
body.mode-expert #v9TabNav,
body.mode-basic #v9TabNav {
  display: flex !important;
}

.v9TabBtn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 16px;
  border: none;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
  background: transparent;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: #617a94;
  cursor: pointer;
  white-space: nowrap;
  transition: color .15s, border-color .15s;
  outline: none;
}
.v9TabBtn:hover { color: #1d74f5; }

.v9TabNum {
  width: 21px; height: 21px;
  border-radius: 50%;
  background: #e0ecfa;
  color: #4278b8;
  font-size: 11px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: background .15s, color .15s;
}

.v9TabBtn.v9Active {
  color: #1d74f5;
  border-bottom-color: #1d74f5;
  font-weight: 600;
}
.v9TabBtn.v9Active .v9TabNum {
  background: #1d74f5;
  color: #fff;
}

/* ── NAVIGAČNÝ RIADOK (Späť / počítadlo / Ďalej) ──────────── */
#v9NavRow {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px 6px;
  gap: 10px;
  border-top: 1px solid #e3edf8;
  background: #fafcff;
}

body.workspace-expert #v9NavRow,
body.workspace-basic #v9NavRow,
body.mode-expert #v9NavRow,
body.mode-basic #v9NavRow {
  display: flex !important;
}

.v9TabCounter {
  font-size: 12px;
  color: #9ab0c8;
  font-weight: 500;
}

/* ── MOBILNÉ ─────────────────────────────────────────────── */
@media (max-width: 580px) {
  .v9TabBtn { padding: 11px 10px; font-size: 12px; }
  .v9TabTitle { display: none; }
  .v9TabNum { width: 24px; height: 24px; font-size: 12px; }
}