/* Neumorphic Soft UI Custom Styles for AI Governance App */
:root {
  --nm-bg: #f8fafc;
  --nm-shadow-dark: rgba(163, 177, 198, 0.55);
  --nm-shadow-light: rgba(255, 255, 255, 0.95);
  --nm-success: #10B981;
  --nm-danger: #EF4444;
  --nm-warning: #F59E0B;
  --nm-neutral: #64748B;
}

body {
  background-color: var(--nm-bg);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #1b1b1d;
  min-height: 100vh;
}

/* Neumorphic Soft UI Utilities */
.nm-flat {
  background: #F8FAFC;
  box-shadow: 8px 8px 18px #e2e8f0, -8px -8px 18px #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.nm-inset {
  background: #F8FAFC;
  box-shadow: inset 4px 4px 8px #e2e8f0, inset -4px -4px 8px #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.5);
}

.nm-flat-hover {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.nm-flat-hover:hover {
  box-shadow: 12px 12px 22px #dbe1e8, -12px -12px 22px #ffffff;
  transform: translateY(-2px);
}

.neumorphic-card {
  background: #F8FAFC;
  box-shadow: 8px 8px 16px #e2e8f0, -8px -8px 16px #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Status Cards */
.neumorphic-success-active {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%);
  box-shadow: 6px 6px 14px rgba(16, 185, 129, 0.35), -4px -4px 10px rgba(255, 255, 255, 0.8), inset 2px 2px 4px rgba(255, 255, 255, 0.3);
  color: white;
}

.neumorphic-danger-active {
  background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
  box-shadow: 6px 6px 14px rgba(239, 68, 68, 0.35), -4px -4px 10px rgba(255, 255, 255, 0.8), inset 2px 2px 4px rgba(255, 255, 255, 0.3);
  color: white;
}

.neumorphic-warning-active {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
  box-shadow: 6px 6px 14px rgba(245, 158, 11, 0.35), -4px -4px 10px rgba(255, 255, 255, 0.8), inset 2px 2px 4px rgba(255, 255, 255, 0.3);
  color: white;
}

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

/* Tab Active Pill */
.tab-active {
  border-bottom: 2px solid #006398;
  color: #006398;
  font-weight: 700;
}

/* Modal Overlay Backdrop */
.modal-backdrop {
  background-color: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(4px);
}

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

.animate-fade-in {
  animation: fadeIn 0.25s ease-out forwards;
}

.animate-scale-up {
  animation: scaleUp 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Material symbols fine-tuning */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}
.material-symbols-filled {
  font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

/* Mobile Responsive Navigation Tweaks */
@media (max-width: 768px) {
  #admin-login-btn {
    display: none !important;
  }
}