/* oftalmo+ / Chatwoot Community 4.17.1.
   Loaded after native stylesheet. Presentation only; retains native layout,
   theme preference, label colors, semantic error/success colors and controls. */
:root {
  --blue-1: 248 253 255;
  --blue-2: 239 250 254;
  --blue-3: 220 244 251;
  --blue-4: 197 234 245;
  --blue-5: 164 222 239;
  --blue-6: 127 204 226;
  --blue-7: 83 182 210;
  --blue-8: 37 154 187;
  --blue-9: 8 115 145;
  --blue-10: 6 100 129;
  --blue-11: 4 105 135;
  --blue-12: 6 47 63;
  --solid-blue: 220 244 251;
  --solid-blue-2: 245 252 254;
  --text-blue: 6 47 63;
  --border-blue: 8, 115, 145, 0.5;
}
.dark {
  --slate-1: 20 23 25;
  --slate-2: 25 29 32;
  --slate-3: 33 38 42;
  --slate-4: 42 48 53;
  --slate-5: 48 55 61;
  --slate-6: 57 65 72;
  --slate-7: 71 81 89;
  --slate-8: 93 105 115;
  --slate-9: 116 129 139;
  --slate-10: 139 152 162;
  --slate-11: 177 191 201;
  --slate-12: 237 243 245;
  --background-color: 28 32 35;
  --surface-1: 20 23 25;
  --surface-2: 25 29 32;
  --surface-active: 42 53 60;
  --solid-1: 25 29 32;
  --solid-2: 28 34 38;
  --solid-3: 42 48 53;
  --solid-active: 42 53 60;
  --card-color: 28 32 35;
  --button-color: 42 48 53;
  --border-strong: 48 55 59;
  --border-weak: 39 46 50;
  --blue-1: 9 24 30;
  --blue-2: 13 32 40;
  --blue-3: 19 57 70;
  --blue-4: 17 72 91;
  --blue-5: 17 85 106;
  --blue-6: 20 106 129;
  --blue-7: 26 129 155;
  --blue-8: 27 158 190;
  --blue-9: 8 115 145;
  --blue-10: 6 100 129;
  --blue-11: 115 219 244;
  --blue-12: 213 246 255;
  --solid-blue: 17 72 91;
  --solid-blue-2: 20 32 39;
  --text-blue: 237 250 255;
  --border-blue-strong: 115 219 244;
  --border-blue: 27, 187, 227, 0.5;
}
/* The native brand utility is a literal blue rather than a CSS variable.
   Use deeper cyan for white button text and bright cyan for links. */
.bg-n-brand { background-color: #087391 !important; }
.hover\:bg-n-brand:hover { background-color: #066481 !important; }
.text-n-brand { color: #046987 !important; }
.dark .text-n-brand { color: #73dbf4 !important; }

/* Native expanded sidebar, verified against Sidebar.vue 4.17.1.
   Keep account switching and account name; add the full logo above them. */
aside > section:first-of-type > div:first-child:has(#sidebar-account-switcher) {
  flex-wrap: wrap;
}
aside > section:first-of-type > div:first-child:has(#sidebar-account-switcher)::before {
  content: "";
  display: block;
  flex: 0 0 100%;
  height: 54px;
  border-radius: 8px;
  background: #191d20 url("/oftalmo-brand/logo.png") center / auto 30px no-repeat;
  margin: 6px 0 3px;
}
/* Preserve readability of the supplied white logo in light-mode login. */
img[src="/oftalmo-brand/logo.png"] {
  box-sizing: content-box;
  background-color: #191d20;
  padding: 12px 18px;
  border-radius: 10px;
  object-fit: contain;
  max-width: calc(100% - 36px);
}