/* emmacare theme -- replaces purple-theme.css (Spry branding).
   Palette matches the Keycloak login theme and src/styles.css:
     primary        #3388ff
     primary hover  #5aa0ff
     sidebar        #1a4fa8  (deep shade of the brand blue)
   Kept selector-for-selector with the old file so nothing loses styling. */

.theme-emmacare {
  --primary-dark: #3f6bd0;
  --primary-light: #3388ff;
  --primary-accent: #5aa0ff;
  --primary-lighter: #a8ccff;
  --primary-gradient: linear-gradient(135deg, #3388ff 0%, #5aa0ff 100%);
  --primary-gradient-hover: linear-gradient(135deg, #5aa0ff 0%, #3388ff 100%);
}

/* Buttons */
.btn-primary {
  background: #3388ff;
  border: none;
  color: white;
  font-weight: 700;
  border-radius: 4px;
  transition: box-shadow 0.2s ease;
}

.btn-primary:hover {
  background: #3388ff;                       /* emmacare.com keeps the colour ... */
  box-shadow: 0 0 24px 0 rgba(19, 19, 20, 0.24);   /* ... and adds this glow */
}

/* Cards */
.card {
  border: 1px solid rgba(51, 136, 255, 0.1);
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: 0 8px 25px rgba(51, 136, 255, 0.15);
  transform: translateY(-2px);
}

/* Navigation */
.navbar-nav li.active {
  background: linear-gradient(135deg, #3388ff 0%, #5aa0ff 100%);
  color: white;
}

/* Form elements */
.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 136, 255, 0.25);
}

.progress-bar { background: var(--primary-gradient); }

a { transition: color 0.3s ease; }
a:hover { text-decoration: none; }

.badge-primary {
  background: #3388ff;
  color: white;
}

.alert-primary {
  background: linear-gradient(135deg, rgba(51, 136, 255, 0.10) 0%, rgba(100, 144, 243, 0.10) 100%);
}

/* Tables -- matched to the live EMR:
   .ant-table-thead>tr>th{background:#fff;border-bottom:1px solid #e8e8e8;
                          color:rgba(32,33,36,.6);font-weight:500;text-align:left}
   .ant-table-tbody>tr>td{border-bottom:1px solid #e8e8e8} */
.table thead th {
  background: #fff;
  color: rgba(32, 33, 36, .6);
  font-weight: 500;
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
  border-top: 0;
}

.table tbody td { border-bottom: 1px solid #e8e8e8; border-top: 0; }
.table tbody tr:hover > td { background: #fafafa; }

/* Modals */
.modal-header {
  background: #3388ff;
  color: white;
}

.modal-header .close { color: white; }

/* Dropdowns */
.dropdown-menu {
  border: 1px solid rgba(51, 136, 255, 0.2);
  box-shadow: 0 4px 12px rgba(51, 136, 255, 0.15);
}

.dropdown-item:hover { background: rgba(51, 136, 255, 0.1); }

/* Pagination */
.page-item.active .page-link { background: var(--primary-gradient); }

/* Sidebar */
.sidebar {
  background: #1a4fa8;
  color: white;
}

.sidebar .nav-link {
  color: rgba(255, 255, 255, 0.82);
  transition: all 0.3s ease;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
  color: white;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}

/* Scrollbar */
.theme-emmacare ::-webkit-scrollbar-thumb {
  background: #a8ccff;
  border-radius: 10px;
}

.theme-emmacare ::-webkit-scrollbar-thumb:hover { background: #a8ccff; }