/* Custom CSS for RechnungsFlow */

.active-tab {
  border-color: #0d9488 !important; /* brand-600 */
  color: #0f766e !important;       /* brand-700 */
}

.inactive-tab {
  border-color: transparent !important;
  color: #64748b !important;       /* slate-500 */
}

.inactive-tab:hover {
  color: #334155 !important;
  border-color: #cbd5e1 !important;
}

/* Transitions */
.tab-btn {
  transition: all 0.15s ease-in-out;
}

/* Toast styles */
.toast {
  animation: slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}