/* ==================================================================
   Client Theme Overrides
   ================================================================== */

/* Client theme uses the same --color-primary as the Admin theme */

/* Client Navbar */
.client-layout .navbar {
  background: var(--color-primary);
}

/* Navigation links */
.client-layout .nav-menu a {
  color: var(--color-primary);
}

.client-layout .nav-menu a:hover {
  color: var(--color-primary-hover);
}

.client-layout .nav-menu a.active {
  color: var(--color-gray-800);
}

/* Buttons */
.client-layout .btn {
  background: var(--color-primary);
  color: white;
}

.client-layout .btn:hover {
  background: var(--color-primary-hover);
  color: white;
}

.client-layout .btn-primary {
  background: var(--color-primary);
  color: white;
}

.client-layout .btn-primary:hover {
  background: var(--color-primary-hover);
  color: white;
}

.client-layout .btn-view {
  background: var(--color-primary);
  color: white;
  border: 1px solid var(--color-primary);
}

.client-layout .btn-view:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  color: white;
}

.client-layout .btn-secondary {
  background: var(--color-gray-600);
  color: white;
}

.client-layout .btn-secondary:hover {
  background: var(--color-gray-700);
  color: white;
}

.client-layout .btn-danger {
  background: #7f1d1d;
  color: white;
}

.client-layout .btn-danger:hover {
  background: #991b1b;
  color: white;
}

/* Navbar links */
.client-layout .navbar a {
  color: white;
}

.client-layout .navbar a:hover {
  color: rgba(255, 255, 255, 0.8);
}

/* Links */
.client-layout a {
  color: var(--color-primary);
}

.client-layout a:hover {
  color: var(--color-primary-hover);
}

/* Back links */
.client-layout .back-link {
  color: var(--color-primary);
}

.client-layout .back-link:hover {
  color: var(--color-primary-hover);
}

/* Form focus states */
.client-layout .form-input:focus,
.client-layout .form-select:focus,
.client-layout .form-textarea:focus {
  border-color: var(--color-primary);
}

.client-layout .form-check-input:checked {
  accent-color: var(--color-primary);
}

/* Badge primary */
.client-layout .badge-primary {
  background: var(--color-primary);
}

/* Stat cards */
.client-layout .stat-card {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
}

/* Card headers */
.client-layout .card-header {
  border-bottom-color: var(--color-primary);
}

/* Active filter links */
.client-layout a.active,
.client-layout .filter-link.active {
  color: var(--color-primary);
}

/* Info boxes */
.client-layout .info-box {
  border-left-color: var(--color-primary);
}

/* Tracking panel accent */
.client-layout .tracking-panel {
  border-left-color: var(--color-primary);
}