/* Mild Theme - Light Blue and White Color Scheme */

/* Theme Variables */
:root {
  --white: #FFFFFF;
  --light-blue-off-white: #E0ECF6;
  --yellow: #FFDD62;
  --light-blue: #56B7E6;
  --darker-blue: #0D6CB9;
  --orange: #F16038;
  --gray: #5A6267;
  --dark-blue-navy: #012169;
  --dark-gray: #363534;
  --black: #000000;
  
  /* Mild Theme Specific Colors */
  --sidebar-bg: #00608f;
  --sidebar-text: #FFFFFF;
  --sidebar-active: #1a3a7a;
  --main-bg: #E0ECF6;
  --card-bg: #FFFFFF;
  --card-border: #bdd6e1;
  --card-header-bg: #e6f0f4;
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --chart-line: #56B7E6;
  --chart-fill: #E0ECF6;
  --success-color: #d4edda;
  --success-border: #c3e6cb;
  --warning-color: #fff3cd;
  --warning-border: #ffeaa7;
  --danger-color: #f8d7da;
  --danger-border: #f5c6cb;
}

/* Override base styles for Mild Theme */
body {
  background: var(--main-bg);
}

/* Sidebar Styling */
.sidebar {
  background-color: var(--sidebar-bg);
  color: var(--sidebar-text);
}

.sidebar .nav-link {
  color: var(--sidebar-text) !important;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
  background-color: var(--sidebar-active);
  color: var(--sidebar-text) !important;
}

.sidebar h1,
.sidebar h6 {
  color: var(--sidebar-text) !important;
}

/* Header Styling */
.header {
  background-color: var(--sidebar-bg);
  color: var(--sidebar-text);
}

.header .search-input {
  background-color: var(--white);
  color: var(--text-primary);
  border: 1px solid var(--card-border);
}

.header .action-btn {
  color: var(--sidebar-text) !important;
}

.header .user-name,
.header .user-role {
  color: var(--sidebar-text) !important;
}

.header .user-menu-btn {
  color: var(--sidebar-text) !important;
}

.header .user-menu-btn:hover {
  color: var(--sidebar-text) !important;
}

/* User dropdown styling */
.user-dropdown {
  background-color: var(--white);
  border: 1px solid var(--card-border);
}

.user-dropdown .dropdown-header {
  background-color: var(--card-header-bg);
  color: var(--text-primary);
}

.user-dropdown .dropdown-item {
  color: var(--text-primary);
}

.user-dropdown .dropdown-item:hover {
  background-color: var(--light-blue-off-white);
  color: var(--text-primary);
}

/* Card Styling */
.dashboard-card {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.dashboard-card .card-header {
  background-color: var(--card-header-bg);
  border-bottom: 1px solid var(--card-border);
}

.dashboard-card .card-header h6 {
  color: var(--text-primary);
}

/* Text Colors */
.main-number,
.center-number,
.highlight-text,
.highlight-number {
  color: var(--darker-blue);
}

.metric-label,
.stat-label,
.lims-label,
.user-item,
.pending-item {
  color: var(--text-secondary);
}

.stat-value,
.metric-value {
  color: var(--text-primary);
}

/* Chart Colors */
.chart-container canvas {
  background-color: var(--card-bg);
}

/* Notification Colors */
.notification-item {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
}

.notification-title {
  color: var(--text-primary) !important;
}

.notification-desc {
  color: var(--text-secondary) !important;
}

/* Status Indicator */
.status-indicator.good {
  background-color: var(--success-color);
  color: #155724;
  border: 1px solid var(--success-border);
}

/* Table Styling */
.locked-users-table th {
  background-color: var(--card-header-bg);
  color: var(--text-primary);
}

.locked-users-table td {
  color: var(--text-secondary);
  border-bottom: 1px solid var(--card-border);
}

/* Button Styling */
.btn-link,
.action-link {
  color: var(--darker-blue);
}

.btn-link:hover,
.action-link:hover {
  color: var(--dark-blue-navy);
  background-color: rgba(13, 108, 185, 0.1);
}

/* Theme Switcher */
.theme-switcher .btn {
  background-color: #1a709a;
  color: var(--sidebar-text) !important;
  border: 1px solid var(--sidebar-text);
}

.theme-switcher .btn:hover {
  background-color: var(--white);
  color: var(--sidebar-bg) !important;
}

/* Dropdown menu styling */
.dropdown-menu {
  background-color: var(--white);
  border: 1px solid var(--card-border);
}

.dropdown-item {
  color: var(--text-primary) !important;
}

.dropdown-item:hover {
  background-color: var(--light-blue-off-white);
  color: var(--text-primary) !important;
}

/* Badge styling */
.badge {
  background-color: var(--light-blue) !important;
  color: var(--white) !important;
}

.sidebar-toggle {
  color: var(--white) !important;
}

.sidebar-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.sidebar .nav-link:hover, .sidebar .nav-link.active,
.action-btn:hover,
.header .user-menu-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.sidebar .nav-link:focus, .sidebar .nav-link:focus-visible {
  box-shadow: none;
  outline: none;
}

.sidebar .submenu .nav-link svg {
  color: var(--white) !important;
}

.sidebar .nav-link:hover svg {
  color: var(--white) !important;
}