/* Inteliment Brand Override for Harbor v2.14 */
/* Brand: navy #1e3a5f | blue #3b82f6 | bg #f8fafc | text #0f172a */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --intel-navy: #1e3a5f;
  --intel-blue: #3b82f6;
  --intel-bg: #f8fafc;
  --intel-text: #0f172a;
}

* { font-family: 'Inter', system-ui, sans-serif !important; }

/* ── Harbor top navigation bar (Clarity UI) ── */
clr-header, .header, .header-6,
nav.header-nav, header.header {
  background-color: #1e3a5f !important;
  border-bottom-color: #3b82f6 !important;
}

/* ── Harbor sidebar / left nav ── */
clr-vertical-nav, .nav-content, .sidenav {
  background-color: #1e3a5f !important;
}
.nav-link, clr-vertical-nav .nav-link {
  color: #f8fafc !important;
}
.nav-link.active, .nav-link:hover {
  background-color: rgba(59,130,246,0.2) !important;
}

/* ── Harbor logo — hide default, inject Inteliment ── */
.header-logo, .branding img, img[src*="harbor"] {
  display: none !important;
}
.branding::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url('/inteliment-logo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}
.branding span.title, span.harbor-icon + span {
  display: none !important;
}
.branding::after {
  content: 'Inteliment Registry';
  color: #f8fafc;
  font-weight: 700;
  font-size: 17px;
  font-family: 'Inter', system-ui, sans-serif;
  vertical-align: middle;
}

/* ── Primary buttons ── */
.btn.btn-primary, button.btn-primary {
  background-color: #3b82f6 !important;
  border-color: #3b82f6 !important;
  color: #fff !important;
}
.btn.btn-primary:hover {
  background-color: #1e3a5f !important;
  border-color: #1e3a5f !important;
}

/* ── Links ── */
a { color: #3b82f6 !important; }
a:hover { color: #1e3a5f !important; }

/* ── Page background ── */
body, .main-container, .content-area {
  background-color: #f8fafc !important;
}

/* ── Clarity badges ── */
.label-info, .badge-info {
  background-color: #3b82f6 !important;
}

/* ── Active tab underline ── */
.nav-item.active > .nav-link {
  border-bottom: 3px solid #3b82f6 !important;
  color: #1e3a5f !important;
}

/* ── Login page ── */
.title-bar { background-color: #1e3a5f !important; }
.login-title { color: #f8fafc !important; }
.login-wrapper { background-color: #f8fafc !important; }