/* Brand extracted from https://www.adfarmacia.com/ on 2026-11-15.
   Official emphasis: #CDE2C8 (rgb 205 226 200).
   Dark versions preserve light text contrast rather than using the light tint for buttons. */
:root[data-palette="pharmacy"] {
  --brand:#376648;
  --brand-rgb:55,102,72;
  --brand-strong:#285039;
  --brand-hover:#2b583b;
  --brand-soft:#CDE2C8;
  --brand-faint:#EFF7ED;
  --sidebar-bg:#CDE2C8;
  --sidebar-ink:#1b3423;
  --sidebar-muted:#294532;
  --sidebar-subtle:#3a5d46;
  --sidebar-active:#285039;
  --focus-ring:#285039;
}
:root[data-theme="dark"][data-palette="pharmacy"] {
  --brand:#39734e;
  --brand-rgb:57,115,78;
  --brand-strong:#CDE2C8;
  --brand-hover:#285d3d;
  --brand-soft:#263f2e;
  --brand-faint:#1b3024;
  --sidebar-bg:#203628;
  --sidebar-ink:#eff7ed;
  --sidebar-muted:#d0e2cf;
  --sidebar-subtle:#b3cdb5;
  --sidebar-active:#CDE2C8;
  --focus-ring:#CDE2C8;
}
:root[data-palette="pharmacy"] .sidebar .session-card {
  border-color:color-mix(in srgb,var(--sidebar-ink) 17%,transparent);
  background:color-mix(in srgb,var(--sidebar-ink) 6%,transparent);
}
:root[data-palette="pharmacy"] .sidebar .session-card b {
  color:var(--sidebar-ink); overflow:hidden;text-overflow:ellipsis;
}
:root[data-palette="pharmacy"] .sidebar .session-card small {
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--sidebar-subtle);font-size:11px;line-height:1.4;
}
:root[data-palette="pharmacy"] .sidebar .session-avatar {
  background:color-mix(in srgb,var(--sidebar-ink) 12%,transparent);
  color:var(--sidebar-ink);
}
:root[data-palette="pharmacy"] .sidebar .compact-nav button.active {
  background:color-mix(in srgb,var(--sidebar-active) 12%,transparent);
  color:var(--sidebar-ink);
  box-shadow:inset 3px 0 var(--sidebar-active);
}
:root[data-palette="pharmacy"] .sidebar .brand-mark {
  background:var(--brand);color:#fff;
}
:root[data-theme="dark"][data-palette="pharmacy"] .sidebar .brand-mark {
  background:color-mix(in srgb,var(--sidebar-active) 21%,var(--sidebar-bg));
  color:var(--sidebar-ink);
}
.pharmacy-contact-fields {display:flex;gap:12px;align-items:end;margin:13px 0 9px;}
.pharmacy-contact-fields .field {max-width:460px;flex:1;}
.pharmacy-contact-fields .button {flex:none;min-height:44px;}
.pharmacy-contact-sso {margin-top:12px;color:var(--ink-3);font-size:12px;line-height:1.5;}
#pharmacyContactStatus {min-height:19px;font-size:12px;color:var(--brand-strong);}
.farmatic-sync-live {display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  padding:12px 15px;border:1px solid var(--line);border-radius:10px;
  background:var(--brand-faint);color:var(--ink-2);font-size:13px;line-height:1.5;}
.farmatic-sync-live b {color:var(--brand-strong);}
/* Modal owns the only scrollbar. Never shrink ten guide rows into a 58vh grid. */
.modal .modal-body:has(.month-guide-refreshed){overflow-y:auto;overscroll-behavior:contain;}
.modal .month-guide-refreshed{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:0;}
.modal .month-guide-refreshed .month-guide {
  display:flex;flex-direction:column;gap:10px;
  max-height:none!important;height:auto!important;
  overflow:visible!important;padding-right:0!important;min-width:0;
}
.modal .month-guide-refreshed .month-guide>button {
  display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;
  min-height:0;height:auto;max-height:none;overflow:visible;
  white-space:normal;text-align:left;padding:13px 15px;gap:7px;
}
.modal .month-guide-refreshed .month-guide>button b{
  display:flex;align-items:center;gap:10px;white-space:normal;line-height:1.4;
}
.modal .month-guide-refreshed .month-guide>button small {
  display:block;padding:0 0 0 33px;white-space:normal!important;
  height:auto!important;max-height:none!important;
  overflow:visible!important;text-overflow:clip;
  line-height:1.5;font-size:12px;
}
@media(max-width:630px){
  .pharmacy-contact-fields {flex-direction:column;align-items:stretch;}
  .pharmacy-contact-fields .field,.pharmacy-contact-fields .button{max-width:none;width:100%;}
  .modal .month-guide-refreshed .month-guide>button{padding:12px;}
}