/* Klini identity: official artwork, DejaVu Sans, navy, turquoise and mint.
   Presentation only. Keep module layouts, control dimensions and status colors. */
@font-face { font-family: 'Klini Sans'; src: url('../brand/klini/dejavu.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Klini Sans'; src: url('../brand/klini/dejavu-bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
:root {
  --bg: #f5f9f8;
  --panel: #fff;
  --ink: #082441;
  --muted: #536575;
  --line: #d6e3e4;
  --teal: #007d79;
  --teal-dark: #006661;
  --blue: #082441;
  --shadow: 0 18px 45px rgba(8, 36, 65, .08);
  --klini-navy: #082441;
  --klini-turquoise: #00aaa5;
  --klini-mint: #ddf3ef;
  font-family: 'Klini Sans', 'DejaVu Sans', sans-serif;
}
.native-shell,
.native-shell :where(h1,h2,h3,h4,p,span,strong,small,label,button,input,select,textarea,a,th,td,dt,dd,li) {
  font-family: 'Klini Sans', 'DejaVu Sans', sans-serif !important;
}
.native-shell { color: var(--klini-navy); background: #f5f9f8; }
.native-shell .klini-brand {
  display: inline-flex; flex-direction: column; align-items: flex-start;
  gap: 4px; padding: 8px 10px; flex: 0 0 auto; background: #fff;
  border-radius: 8px; color: #082441; line-height: 1.4;
}
.native-shell .klini-brand > img {
  display: block; width: 120px; min-width: 120px; max-width: none;
  height: auto; object-fit: contain; flex: none;
}
.native-shell .klini-brand > .klini-brand-label {
  display: block; width: auto; height: auto; background: transparent;
  font-size: 10px; font-weight: 700; color: #536575;
  text-transform: none; white-space: normal;
}
.native-shell :is(.import-account-header,.institution-native-topbar,.operational-native-topbar,.unit-native-topbar) {
  min-height: 76px; height: auto; background: #fff; border-color: #d6e3e4;
}
.native-shell :is(.provider-native-brand,.provider-chemo-native-brand,.messenger-native-brand,.digital-pharmacy-native-brand,.insurance-advisor-native-brand,.superadmin-native-brand) {
  padding: 14px 8px; height: auto; background: #fff; border-color: #d6e3e4;
}
.native-shell .doctor-assistant-native-brand { gap: 16px; }
.native-shell .doctor-assistant-native-topbar { min-height: 80px; }
.native-shell .patient-portal-topbar { min-height: 74px; }
.native-shell .patient-portal-topbar .klini-patient-brand { order: -1; }
.native-shell .formal-login-brand { display: flex; grid-template-columns: none; text-decoration: none; }
.native-shell .formal-login-brand .klini-brand { padding: 12px 16px; }
.native-shell .formal-login-brand .klini-brand img { width: 150px; }
.native-shell .formal-login-brand .klini-brand-label { font-size: 12px; }
.native-shell .formal-login-welcome .eyebrow { color: #007d79; }
.native-shell .formal-login-welcome h1 { color: #082441; }
.native-shell .formal-login-modules span { background: #ddf3ef; color: #007d79; border-color: #c3ded9; }
.native-shell .formal-login-submit { background: #007d79; color: #fff; border-color: #007d79; }
.native-shell .formal-login-submit:hover { background: #006661; }
.native-shell .formal-login-avatar { background: #ddf3ef; color: #007d79; }
.native-shell :is(.import-account-header,.institution-native-topbar,.operational-native-topbar,.unit-native-topbar) .klini-brand { margin: 0; }
.native-shell :is(.provider-import-native-screen,.unit-native-screen,.institution-native-screen,.operational-native-screen) { background: #f5f9f8; }
.native-shell.provider-import-native-body .provider-import-native-screen { grid-template-rows: auto 1fr; }
.native-shell :is(.unit-native-screen,.institution-native-screen,.operational-native-screen,.insurance-health-native-screen--sidebar) { grid-template-rows: auto minmax(0, 1fr); }
.native-shell .import-account-header > .klini-brand { align-self: center; justify-self: start; margin: 6px 12px; }
.native-shell .insurance-health-native-topbar { min-height: 76px; height: auto; }
.native-shell .orders-store-native-brand > .klini-brand { width: auto; height: auto; background: #fff; }
.native-shell :is(.provider-import-native-menu,.unit-native-menu,.institution-native-menu,.operational-native-menu) a.is-active {
  background: #ddf3ef; border-color: #00aaa5; color: #007d79;
}
.native-shell .drsam-table-filter-label { color: #082441 !important; }
/* Never enlarge header filters or apply decorative backgrounds to clinical data. */
@media (max-width: 640px) {
  .native-shell .klini-brand { padding: 8px; }
  .native-shell .patient-portal-topbar { flex-wrap: wrap; }
  .native-shell .patient-portal-topbar .klini-patient-brand { flex-basis: 100%; }
  .native-shell .patient-portal-topbar .patient-portal-question { min-width: 0; }
}