/* Reventos Legacy UI - White/Blue Theme */
:root {
  --rv-blue-50: #eff6ff;
  --rv-blue-100: #dbeafe;
  --rv-blue-200: #bfdbfe;
  --rv-blue-300: #93c5fd;
  --rv-blue-400: #60a5fa;
  --rv-blue-500: #3b82f6;
  --rv-blue-600: #2563eb;
  --rv-blue-700: #1d4ed8;
  --rv-blue-800: #1e40af;
  --rv-blue-900: #1e3a8a;
  --rv-surface: #ffffff;
  --rv-surface-2: #f8fafc;
  --rv-border: #e5e7eb;
}

/* Global background */
html, body {
  background: linear-gradient(180deg, var(--rv-blue-50) 0%, var(--rv-surface) 50%);
}

/* Cards */
.glass-card {
  background: var(--rv-surface) !important;
  backdrop-filter: none !important;
  border: 1px solid var(--rv-border);
}

/* Active navigation */
.active-nav {
  background-color: var(--rv-blue-100) !important;
  color: var(--rv-blue-900) !important;
}

/* Tables */
.table-zebra tbody tr:nth-child(odd) {
  background-color: var(--rv-blue-50);
}

/* Drawer and sidebar surfaces */
#activity-log-drawer,
#sidebar {
  background-color: var(--rv-surface) !important;
  border-left: 1px solid var(--rv-border);
}

/* Header */
header {
  background-color: var(--rv-surface) !important;
  border-bottom: 1px solid var(--rv-border);
}

/* Buttons enhancements (play nice with DaisyUI) */
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-error {
  color: #ffffff !important;
}

.btn-primary {
  background-color: var(--rv-blue-600) !important;
  border-color: var(--rv-blue-600) !important;
}
.btn-primary:hover {
  background-color: var(--rv-blue-700) !important;
  border-color: var(--rv-blue-700) !important;
}

/* Improve focus ring visibility on colored buttons */
.btn-primary:focus-visible,
.btn-info:focus-visible,
.btn-success:focus-visible,
.btn-warning:focus-visible,
.btn-error:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
}

/* Keep ghost/neutral readable on white background */
.btn-ghost {
  color: var(--rv-blue-800) !important;
}

/* Inputs */
.input-bordered,
.select-bordered {
  border-color: var(--rv-border) !important;
}
.input:focus,
.select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* Activity log surface */
#log-container {
  background-color: var(--rv-surface-2) !important;
  border: 1px solid var(--rv-border);
}

/* Modal */
.modal-box {
  background-color: var(--rv-surface) !important;
  border: 1px solid var(--rv-border);
}