/* Smart Triage AI - Branding OE2 Orthanc */
:root {
  --oe2-primary: #1a6bbf;
  --oe2-primary-dark: #0d4a8a;
  --oe2-secondary: #e8f0fb;
}

/* ===== Header / Navbar ===== */
.q-header, .q-toolbar {
  background: linear-gradient(135deg, #1a6bbf 0%, #0d4a8a 100%) !important;
}

/* Titre dans le header */
.q-toolbar__title {
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
}

/* Icone médicale avant le titre */
.q-toolbar__title::before {
  content: "🏥 ";
  font-size: 1.0em;
}

/* ===== Boutons primaires ===== */
.q-btn--filled.bg-primary,
.q-btn--standard.bg-primary,
.q-btn.bg-primary {
  background: #1a6bbf !important;
}
.q-btn--flat.text-primary,
.q-btn.text-primary {
  color: #1a6bbf !important;
}

/* ===== Sidebar / Drawer ===== */
.q-drawer {
  background: #f0f4fa !important;
  border-right: 3px solid #1a6bbf !important;
}

/* ===== Liens ===== */
a { color: #1a6bbf; }
a:hover { color: #0d4a8a; }

/* ===== Logo / Titre app ===== */
.oe2-logo-text,
.app-title {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* ===== Checkbox / Radio actifs ===== */
.q-checkbox__inner--truthy,
.q-radio__inner--truthy {
  color: #1a6bbf !important;
}

/* ===== Tabs ===== */
.q-tab--active,
.q-tab__indicator {
  color: #1a6bbf !important;
}
.q-tab__indicator {
  background: #1a6bbf !important;
}

/* ===== Tags / Badges ===== */
.q-badge--color-primary,
.bg-primary {
  background: #1a6bbf !important;
}
.text-primary {
  color: #1a6bbf !important;
}

/* ===== Progress bars ===== */
.q-linear-progress__track--light { background: #e8f0fb !important; }
.q-linear-progress__model--determinate { background: #1a6bbf !important; }

/* ===== Scrollbar (Webkit) ===== */
::-webkit-scrollbar-thumb { background: #1a6bbf88; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #1a6bbf; }