.auth-tab.active-tab {
  /* Беремо колір фону прямо зі змінної теми */
  background-color: var(--pcb-bg);

  /* Акцентний колір залишаємо фірмовим */
  border-top-color: var(--pcb-green);

  /* Колір тексту також беремо з теми */
  color: var(--pcb-text);

  /* Кордони адаптуємо під колір бордерів теми */
  border-inline-color: var(--pcb-border);

  /* Додаємо невеликий ефект підняття, щоб вкладка виглядала як "відкрита" */
  border-bottom-color: transparent !important;
  z-index: 10;
}

.up-tab.active-tab {
  /* Беремо колір фону прямо зі змінної теми */
  background-color: var(--pcb-bg);

  /* Акцентний колір залишаємо фірмовим */
  border-top-color: var(--pcb-green);

  /* Колір тексту також беремо з теми */
  color: var(--pcb-text);

  /* Кордони адаптуємо під колір бордерів теми */
  border-inline-color: var(--pcb-border);

  /* Додаємо невеликий ефект підняття, щоб вкладка виглядала як "відкрита" */
  border-bottom-color: transparent !important;
  z-index: 10;
}

/* Приховування скроллбару для естетики IDE */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}