/* ==========================================================================
   HRIS PT. IMORA MOTOR - Honda Theme Palette
   Primary: #c8102e (Official Honda Racing Red)
   ========================================================================== */

:root,
[data-bs-theme="light"] {
  /* Honda Red Palette */
  --vz-primary: #c8102e;
  --vz-primary-rgb: 200, 16, 46;
  --vz-primary-text-emphasis: #8b0b20;
  --vz-primary-bg-subtle: #fde8eb;
  --vz-primary-border-subtle: #f8b8c2;
  --vz-primary-hover-bg: #a80d27;
  --vz-primary-hover-border: #9e0c24;
  --vz-primary-active-bg: #8c0b20;
  --vz-primary-active-border: #800a1d;

  /* Links */
  --vz-link-color: #c8102e;
  --vz-link-color-rgb: 200, 16, 46;
  --vz-link-hover-color: #9e0c24;
  --vz-link-hover-color-rgb: 158, 12, 36;

  /* Focus rings */
  --vz-focus-ring-color: rgba(200, 16, 46, 0.25);

  /* Modern Complementary Palette */
  --vz-secondary: #334155;
  --vz-secondary-rgb: 51, 65, 85;
  --vz-secondary-bg-subtle: #f1f5f9;
  --vz-secondary-border-subtle: #cbd5e1;

  --vz-success: #059669;
  --vz-success-rgb: 5, 150, 105;
  --vz-success-bg-subtle: #ecfdf5;
  --vz-success-border-subtle: #a7f3d0;

  --vz-warning: #d97706;
  --vz-warning-rgb: 217, 119, 6;
  --vz-warning-bg-subtle: #fffbeb;
  --vz-warning-border-subtle: #fde68a;

  --vz-info: #0284c7;
  --vz-info-rgb: 2, 132, 199;
  --vz-info-bg-subtle: #f0f9ff;
  --vz-info-border-subtle: #bae6fd;


}

:root,
[data-sidebar=dark] {
  /* Menu */
  --vz-vertical-menu-bg: #ffffff;
  --vz-vertical-menu-border: #ad1d35;
  --vz-vertical-menu-item-color: #454752;
  --vz-vertical-menu-sub-item-color: #656565;
}

[data-bs-theme="dark"] {
  --vz-primary: #e02444;
  --vz-primary-rgb: 224, 36, 68;
  --vz-primary-text-emphasis: #ff7b90;
  --vz-primary-bg-subtle: rgba(200, 16, 46, 0.22);
  --vz-primary-border-subtle: rgba(200, 16, 46, 0.45);
  --vz-link-color: #ff7b90;
  --vz-link-hover-color: #ffa1b1;
  --vz-link-color-rgb: 255, 123, 144;
  --vz-link-hover-color-rgb: 255, 161, 177;
}

/* ==========================================================================
   Buttons Overrides
   ========================================================================== */
.btn-primary {
  --vz-btn-bg: #c8102e;
  --vz-btn-border-color: #c8102e;
  --vz-btn-hover-bg: #a80d27;
  --vz-btn-hover-border-color: #9e0c24;
  --vz-btn-active-bg: #8c0b20;
  --vz-btn-active-border-color: #800a1d;
  --vz-btn-disabled-bg: #c8102e;
  --vz-btn-disabled-border-color: #c8102e;
  --vz-btn-focus-shadow-rgb: 200, 16, 46;
}

.btn-soft-primary,
.btn-soft-danger {
  background-color: #fde8eb !important;
  color: #c8102e !important;
  border-color: transparent !important;
}

.btn-soft-primary:hover,
.btn-soft-danger:hover {
  background-color: #c8102e !important;
  color: #ffffff !important;
}

.btn-outline-primary {
  --vz-btn-color: #c8102e;
  --vz-btn-border-color: #c8102e;
  --vz-btn-hover-bg: #c8102e;
  --vz-btn-hover-border-color: #c8102e;
  --vz-btn-active-bg: #8c0b20;
  --vz-btn-active-border-color: #800a1d;
}

/* ==========================================================================
   Form Controls Focus & Checkboxes
   ========================================================================== */
.form-control:focus,
.form-select:focus {
  border-color: #c8102e !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.2) !important;
}

.form-check-input:checked {
  background-color: #c8102e !important;
  border-color: #c8102e !important;
}

.form-check-input:focus {
  border-color: #c8102e !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.2) !important;
}

/* ==========================================================================
   Pagination Active State
   ========================================================================== */
.page-item.active .page-link {
  background-color: #c8102e !important;
  border-color: #c8102e !important;
  color: #ffffff !important;
}

.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.2) !important;
}

/* ==========================================================================
   Navigation Tabs
   ========================================================================== */
.nav-tabs-custom .nav-item .nav-link.active {
  color: #c8102e !important;
}

.nav-tabs-custom .nav-item .nav-link.active::after {
  background-color: #c8102e !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #c8102e !important;
}

/* ==========================================================================
   Sidebar Custom Highlights
   ========================================================================== */
[data-sidebar="dark"] .navbar-nav .nav-link.active {
  color: #ffffff !important;
}

[data-sidebar="dark"] .navbar-nav .nav-link.active i {
  color: #ff6b82 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active {
  color: #c8102e !important;
  font-weight: 600;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active::before {
  background-color: #c8102e !important;
}

/* ==========================================================================
   Badges, Spinners, Progress & Utilities
   ========================================================================== */
.bg-primary {
  background-color: #c8102e !important;
}

.text-primary {
  color: #c8102e !important;
}

.border-primary {
  border-color: #c8102e !important;
}

.bg-primary-subtle {
  background-color: #fde8eb !important;
  color: #c8102e !important;
}

.spinner-border.text-primary {
  color: #c8102e !important;
}

.progress-bar {
  background-color: #c8102e !important;
}

/* Honda Brand Accent Gradient */
.bg-honda-gradient {
  background: linear-gradient(135deg, #c8102e 0%, #75091a 100%) !important;
}

.text-honda-red {
  color: #c8102e !important;
}

/* Dashboard */
.dashboard-hero-card {
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #c8102e 100%);
  border: none;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(200, 16, 46, 0.25);
}

.dashboard-hero-card::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
}

.glass-badge {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

.stat-card-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.stat-card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08) !important;
}

.action-tile {
  transition: all 0.25s ease;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  text-decoration: none !important;
}

.action-tile:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}

.icon-box-gradient-danger {
  background: linear-gradient(135deg, #ff4b2b 0%, #ff416c 100%);
  color: #fff;
}

.icon-box-gradient-primary {
  background: linear-gradient(135deg, #4776e6 0%, #8e54e9 100%);
  color: #fff;
}

.icon-box-gradient-success {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  color: #fff;
}

.icon-box-gradient-warning {
  background: linear-gradient(135deg, #f857a6 0%, #ff5858 100%);
  color: #fff;
}

/* Datatable */
td.dtr-control::before {
  background-color: inherit !important;
}