/* BankFlow — Custom Styles */

/* Tab active state */
.tab-btn.active {
  border-bottom-color: #2563eb;
  color: #2563eb;
}

/* Smooth transitions */
.tab-panel {
  animation: fadeIn 0.15s ease;
}

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

/* Input focus ring consistency */
input:focus, select:focus, textarea:focus {
  outline: none;
}

/* Scrollbar styling */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Toast animation */
#toastContainer > div {
  animation: slideUp 0.3s ease;
}

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

/* Account card hover */
[id^="item-"] {
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
[id^="item-"]:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* Monospace inputs */
input.font-mono { letter-spacing: 0.05em; }

/* Password dots */
input[type="password"] { letter-spacing: 0.2em; }
input[type="password"]::placeholder { letter-spacing: normal; }