/* Henddu Admin Theme - Dark Mode Specific Styles */

:root[data-theme='dark'] {
  /* Dark mode specific card styling */
  --card-bg: #2d3748;
  --card-border: #4a5568;
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  --card-hover-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

/* Card enhancements for dark mode */
:root[data-theme='dark'] .card-pf,
:root[data-theme='dark'] .card-dashboard,
:root[data-theme='dark'] .stat-card,
:root[data-theme='dark'] .action-card,
:root[data-theme='dark'] .recent-activity {
  background-color: var(--card-bg);
  border-color: var(--card-border);
  box-shadow: var(--card-shadow);
}

:root[data-theme='dark'] .card-pf:hover,
:root[data-theme='dark'] .stat-card:hover {
  box-shadow: var(--card-hover-shadow);
}

/* Table styling for dark mode */
:root[data-theme='dark'] .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(20, 184, 190, 0.1);
}

:root[data-theme='dark'] .table > thead {
  background-color: #0e7377;
  color: white;
}

/* Form controls in dark mode */
:root[data-theme='dark'] .form-control {
  background-color: #2d3748;
  border-color: #4a5568;
  color: #f7fafc;
}

:root[data-theme='dark'] .form-control:focus {
  border-color: #14b8be;
  box-shadow: 0 0 0 3px rgba(20, 184, 190, 0.2);
}

/* Button variants for dark mode */
:root[data-theme='dark'] .btn-default {
  background-color: #4a5568;
  border-color: #4a5568;
  color: #f7fafc;
}

:root[data-theme='dark'] .btn-default:hover {
  background-color: #2d3748;
  border-color: #2d3748;
}

/* Stats card enhancements for dark mode */
:root[data-theme='dark'] .stat-card__accent {
  background-color: #14b8be;
}

:root[data-theme='dark'] .stat-card__title {
  color: #a0aec0;
}

:root[data-theme='dark'] .stat-card__value {
  color: #f7fafc;
}

/* Action card hover effect for dark mode */
:root[data-theme='dark'] .action-card:hover {
  background-color: #14b8be;
}

/* Activity items for dark mode */
:root[data-theme='dark'] .activity-item {
  border-bottom-color: #4a5568;
}

:root[data-theme='dark'] .activity-item__icon {
  background-color: rgba(20, 184, 190, 0.2);
  color: #14b8be;
}

:root[data-theme='dark'] .activity-item__time {
  color: #a0aec0;
}

/* Tabs and navigation for dark mode */
:root[data-theme='dark'] .nav-tabs {
  border-bottom-color: #4a5568;
}

:root[data-theme='dark'] .nav-tabs > li.active > a {
  background-color: #2d3748;
  border-color: #4a5568;
  color: #f7fafc;
}

:root[data-theme='dark'] .nav-tabs > li > a:hover {
  background-color: #4a5568;
  border-color: #4a5568;
}

/* Dashboard header for dark mode */
:root[data-theme='dark'] .dashboard-header h1 {
  color: #14b8be;
}

:root[data-theme='dark'] .recent-activity__title,
:root[data-theme='dark'] .quick-actions h2 {
  color: #14b8be;
}