/*
 * CCIDSA dashboard theme.
 * Keeps copied PHP portal screens visually aligned with the public CCIDSA site.
 */
:root {
  --ccidsa-navy: #002b6c;
  --ccidsa-blue: #0f619f;
  --ccidsa-cyan: #00aeef;
  --ccidsa-gold: #f6b719;
  --ccidsa-ink: #1f2933;
  --ccidsa-muted: #607083;
  --ccidsa-border: #dbe6ef;
  --ccidsa-surface: #ffffff;
  --ccidsa-soft: #f5f9fc;
}

body.home-page {
  background: var(--ccidsa-soft);
  color: var(--ccidsa-ink);
}

body.home-page .header-one .logo-area {
  padding: 12px 0;
  background: #ffffff;
}

body.home-page .header-one .navbar-collapse {
  padding-left: 0;
}

body.home-page .navbar-nav {
  align-items: center;
}

body.home-page ul.navbar-nav > li > a {
  color: #ffffff;
  letter-spacing: 0;
}

body.home-page ul.navbar-nav > li:hover > a,
body.home-page ul.navbar-nav > li.active > a {
  color: var(--ccidsa-gold);
}

body.home-page .dropdown-menu {
  border-top: 3px solid var(--ccidsa-cyan);
  box-shadow: 0 14px 34px rgba(0, 43, 108, 0.16);
}

body.home-page .dropdown-menu li a {
  color: #0a5a78;
  font-weight: 700;
}

body.home-page .header-get-a-quote .btn-primary,
body.home-page .btn-primary,
body.home-page .btn-brand,
body.home-page .btn-auth {
  background: var(--ccidsa-blue);
  border-color: var(--ccidsa-blue);
  color: #ffffff;
}

body.home-page .header-get-a-quote .btn-primary:hover,
body.home-page .btn-primary:hover,
body.home-page .btn-brand:hover,
body.home-page .btn-auth:hover,
body.home-page .btn-auth:focus {
  background: var(--ccidsa-gold);
  border-color: var(--ccidsa-gold);
  color: var(--ccidsa-navy);
}

body.home-page .btn-outline-primary {
  border-color: var(--ccidsa-blue);
  color: var(--ccidsa-blue);
}

body.home-page .btn-outline-primary:hover,
body.home-page .btn-outline-primary:focus {
  background: var(--ccidsa-blue);
  border-color: var(--ccidsa-blue);
  color: #ffffff;
}

body.home-page main.container,
body.home-page .main-container {
  background: transparent;
}

body.home-page .card,
body.home-page .auth-card,
body.home-page .admin-surface-card {
  border: 1px solid var(--ccidsa-border);
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(0, 43, 108, 0.08);
}

body.home-page .card-header,
body.home-page .auth-card .card-header,
body.home-page .admin-surface-card .card-header {
  background: var(--ccidsa-navy);
  border-color: var(--ccidsa-navy);
  color: #ffffff;
  font-weight: 700;
}

body.home-page .auth-header {
  background: var(--ccidsa-navy);
}

body.home-page .form-control,
body.home-page .custom-select,
body.home-page select.form-control,
body.home-page textarea.form-control {
  border-color: #cfdce8;
  border-radius: 6px;
}

body.home-page .form-control:focus,
body.home-page .custom-select:focus {
  border-color: var(--ccidsa-blue);
  box-shadow: 0 0 0 0.15rem rgba(15, 97, 159, 0.18);
}

body.home-page .table thead th,
body.home-page .table-primary th {
  background: #e9f4fb;
  color: var(--ccidsa-navy);
  border-color: #cfe4f2;
}

body.home-page a {
  color: #0e7ce2;
}

body.home-page a:hover {
  color: var(--ccidsa-navy);
}

/* Shared top action button style for admin pages (participants, program generator, etc.) */
body.home-page .ccidsa-top-action-btn {
  min-height: 48px;
  padding: 0.62rem 1rem;
  border: 1px solid #cfdbe7;
  border-radius: 10px;
  background: #ffffff;
  color: #28435e;
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.home-page .ccidsa-top-action-btn:hover,
body.home-page .ccidsa-top-action-btn:focus {
  background: #eef6fd;
  border-color: #8fb8d9;
  color: #17314d;
  text-decoration: none;
}

body.home-page .ccidsa-top-action-btn i {
  color: #17314d;
  font-size: 1.05rem;
  line-height: 1;
}

/* Shared compact select/input control */
body.home-page .ccidsa-control-select {
  min-height: 44px;
  padding: 0.5rem 2.1rem 0.5rem 0.8rem;
  border: 1px solid #b7c9de;
  border-radius: 12px;
  background-color: #ffffff;
  color: #223549;
  font-size: 0.98rem;
  line-height: 1.2;
}

body.home-page .ccidsa-control-select:focus {
  border-color: #1f6fb2;
  box-shadow: 0 0 0 0.15rem rgba(31, 111, 178, 0.18);
}

/* Shared filter pill button */
body.home-page .ccidsa-filter-pill {
  min-height: 46px;
  padding: 0.52rem 1.2rem;
  border-radius: 16px;
  border: 2px solid #1f68ae;
  background: #ffffff;
  color: #145a9b;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}

body.home-page .ccidsa-filter-pill:hover,
body.home-page .ccidsa-filter-pill:focus {
  background: #edf5fd;
  color: #114f87;
  border-color: #155995;
}

body.home-page .ccidsa-filter-pill.is-active {
  background: #24486d;
  border-color: #24486d;
  color: #ffffff !important;
}

@media (max-width: 991px) {
  body.home-page .navbar-nav {
    align-items: stretch;
  }

  body.home-page ul.navbar-nav > li {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  body.home-page .dropdown-menu {
    border-top: 0;
    box-shadow: none;
  }
}