/* N+Award - Natuzzi Members Program - Luxury Theme */
:root {
  --teal-900: #041f26;
  --teal-800: #073540;
  --teal-700: #0e6073;
  --teal-600: #147b93;
  --teal-500: #1a97b4;
  --teal-100: #e0f2f7;
  --teal-50:  #f0f8fa;
  
  --gold-600: #9e7a2b;
  --gold-500: #c5a059;
  --gold-400: #d4af37;
  --gold-300: #e6c875;
  --gold-100: #fbf5e6;
  
  --sand-50:  #fcfbfa;
  --sand-100: #f7f5f0;
  --sand-200: #eae5d9;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #f8fafc;
  color: #1e293b;
  -webkit-font-smoothing: antialiased;
}

.font-serif-luxury {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

.bg-natuzzi-teal {
  background-color: var(--teal-700);
}

.bg-natuzzi-dark {
  background-color: var(--teal-900);
}

.text-natuzzi-teal {
  color: var(--teal-700);
}

.border-natuzzi-teal {
  border-color: var(--teal-700);
}

.text-natuzzi-gold {
  color: var(--gold-500);
}

.bg-natuzzi-gold {
  background-color: var(--gold-500);
}

.border-natuzzi-gold {
  border-color: var(--gold-500);
}

/* Glass & Card styles */
.luxury-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.04), 0 2px 6px -1px rgba(0, 0, 0, 0.02);
  transition: all 0.2s ease;
}

.luxury-card:hover {
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.07), 0 4px 10px -2px rgba(0, 0, 0, 0.03);
}

/* Status Badges */
.badge-aprovada {
  background-color: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

.badge-em_analise {
  background-color: #fffbeb;
  color: #92400e;
  border: 1px solid #fde68a;
}

.badge-rejeitada {
  background-color: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

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

/* Form Inputs */
.form-input-luxury {
  width: 100%;
  padding: 0.65rem 0.9rem;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 0.95rem;
  color: #0f172a;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-input-luxury:focus {
  border-color: var(--teal-700);
  box-shadow: 0 0 0 3px rgba(14, 96, 115, 0.15);
}

/* Modal animation */
.modal-overlay {
  background-color: rgba(7, 31, 38, 0.65);
  backdrop-filter: blur(4px);
  transition: opacity 0.2s ease;
}

.modal-content-animated {
  animation: modalPop 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes modalPop {
  0% {
    opacity: 0;
    transform: scale(0.96) translateY(8px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* Toast Notifications */
#toast-container {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 400px;
}

.toast {
  padding: 1rem 1.25rem;
  border-radius: 8px;
  background: #ffffff;
  color: #1e293b;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.9rem;
  border-left: 4px solid;
  animation: toastSlide 0.3s ease forwards;
}

.toast-success {
  border-left-color: #10b981;
}

.toast-error {
  border-left-color: #ef4444;
}

.toast-info {
  border-left-color: var(--teal-700);
}

@keyframes toastSlide {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}