/* Допълнителни стилове — Tailwind покрива основното */

.nav-btn.active {
  background-color: rgb(29 78 216);
}

.app-wordmark {
  display: inline-block;
  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  color: #ffffff;
  text-shadow: 0 8px 20px rgb(15 23 42 / 0.28);
}

.app-wordmark::after {
  content: "";
  display: block;
  width: 74%;
  height: 3px;
  margin-top: 0.35rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffffff, #93c5fd 55%, transparent);
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.view-enter {
  animation: fadeIn 0.25s ease-out;
}

.table-scroll::-webkit-scrollbar {
  height: 6px;
}
.table-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

input:focus, select:focus, textarea:focus {
  outline: none;
}