/* ==========================================================================
   Sure Soccer Tip — Admin custom theme overrides (loads after template CSS)
   Palette matches the public site: navy #0a1730 / panel #16294d / blue #1c6ef2
   ========================================================================== */

/* ---------- Sidebar: dark navy ---------- */
.sidebar {
  background: #0a1730 !important;
}
.sidebar .nav .nav-item .nav-link {
  color: #a8b8d8 !important;
}
.sidebar .nav .nav-item .nav-link:hover {
  color: #ffffff !important;
  background: rgba(28, 110, 242, 0.12) !important;
}
.sidebar .nav .nav-item .nav-link .menu-icon {
  color: #6f87b5 !important;
}
.sidebar .nav .nav-item .nav-link:hover .menu-icon {
  color: #1c6ef2 !important;
}
.sidebar .nav .nav-item.active:not(.navbar-brand-mini-wrapper) > .nav-link {
  background: linear-gradient(90deg, rgba(28, 110, 242, 0.28), rgba(28, 110, 242, 0.08)) !important;
  color: #ffffff !important;
  border-right: 3px solid #1c6ef2;
}
.sidebar .nav .nav-item.active:not(.navbar-brand-mini-wrapper) > .nav-link .menu-icon {
  color: #4d8ff7 !important;
}
.sidebar .nav .nav-category .nav-link {
  color: #51678f !important;
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.sidebar .nav-profile .nav-link .profile-name {
  color: #ffffff !important;
}
.sidebar .nav-profile .nav-link .designation {
  color: #6f87b5 !important;
}

/* ---------- Top navbar ---------- */
.navbar.default-layout-navbar {
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(10, 23, 48, 0.08);
}
.navbar.default-layout-navbar .navbar-menu-wrapper h5 {
  color: #0a1730;
}
.navbar.default-layout-navbar .navbar-nav-right .nav-link {
  color: #44557a;
}
.navbar.default-layout-navbar .navbar-nav-right .nav-link:hover {
  color: #1c6ef2;
}

/* ---------- Content: softer page background ---------- */
.main-panel {
  background: #f4f6fb;
}
.content-wrapper {
  background: #f4f6fb;
}

/* ---------- Cards ---------- */
.card {
  border: 1px solid #e6ebf5 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(10, 23, 48, 0.05);
}
.card .card-header {
  background: #ffffff;
  border-bottom: 1px solid #eef1f8;
}

/* Quick Actions toolbar: replace template orange gradient with brand navy */
.quick-action-toolbar .card .card-header {
  background: linear-gradient(90deg, #0a1730, #16294d) !important;
  border-radius: 10px 10px 0 0 !important;
}
.quick-action-toolbar .card .card-header h5 {
  color: #ffffff !important;
}

/* ---------- Tables ---------- */
.table thead th {
  background: #f4f6fb;
  color: #44557a;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  border-bottom: 2px solid #e6ebf5 !important;
}

/* ---------- Buttons ---------- */
.btn-primary {
  background: #1c6ef2 !important;
  border-color: #1c6ef2 !important;
}
.btn-primary:hover {
  background: #3a83f5 !important;
  border-color: #3a83f5 !important;
}
.btn-success {
  background: #22c55e !important;
  border-color: #22c55e !important;
}

/* ---------- Footer ---------- */
.footer {
  background: #ffffff;
  border-top: 1px solid #e6ebf5;
}

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #c3cee3;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9fb2d4;
}

/* ---------- Run log (shared by pipeline/trigger pages) ---------- */
.run-log {
  background: #1a1a2e;
  color: #c8e6c9;
  border-radius: 8px;
  padding: 16px;
  max-height: 480px;
  overflow: auto;
  font-size: 0.82rem;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
}