/* Small glue + utilities scoped to body.ezco-gui */
body.ezco-gui .navbar-nav > .user-menu > .dropdown-menu {
  border-radius: var(--ez-radius);
  border-color: var(--ez-border-soft);
}
body.ezco-gui .info-box {
  background: var(--ez-surface);
  border: 1px solid var(--ez-border-soft);
  border-radius: var(--ez-radius-lg);
  box-shadow: none;
}
/* Content links only — do not recolor header/navbar/sidebar chrome */
body.ezco-gui .content-wrapper a {
  color: var(--ez-sage-700);
}
body.ezco-gui .content-wrapper a:hover {
  color: var(--ez-forest);
}
body.ezco-gui .content-wrapper .btn,
body.ezco-gui .content-wrapper .tw-dw-btn,
body.ezco-gui .content-wrapper a.tw-text-white,
body.ezco-gui .content-wrapper a.btn-primary {
  color: inherit;
}
/* Do not use sage brand color as body text — decorative only */
body.ezco-gui .ezco-sage-deco {
  color: var(--ez-sage);
}

/* Daterangepicker — light selects + forest accents (plugin defaults are blue/dark-native) */
body.ezco-gui .daterangepicker {
  color: var(--ez-text);
  background-color: var(--ez-surface);
  border-color: var(--ez-border-soft);
  color-scheme: inherit;
}
body.ezco-gui .daterangepicker select.monthselect,
body.ezco-gui .daterangepicker select.yearselect,
body.ezco-gui .daterangepicker select.hourselect,
body.ezco-gui .daterangepicker select.minuteselect,
body.ezco-gui .daterangepicker select.secondselect,
body.ezco-gui .daterangepicker select.ampmselect {
  background-color: var(--ez-surface) !important;
  color: var(--ez-text) !important;
  -webkit-text-fill-color: var(--ez-text);
  border: 1px solid var(--ez-border-soft);
  border-radius: var(--ez-radius-sm);
  max-height: 2rem;
  height: auto;
  line-height: 1.25;
  color-scheme: inherit;
  appearance: auto;
  -webkit-appearance: menulist;
}
body.ezco-gui .daterangepicker select.monthselect option,
body.ezco-gui .daterangepicker select.yearselect option {
  background-color: var(--ez-surface) !important;
  color: var(--ez-text) !important;
}
body.ezco-gui .daterangepicker td.active,
body.ezco-gui .daterangepicker td.active:hover {
  background-color: var(--ez-forest) !important;
  border-color: transparent !important;
  color: var(--ez-bone) !important;
}
body.ezco-gui .daterangepicker td.in-range {
  background-color: color-mix(in srgb, var(--ez-sage) 22%, var(--ez-tint)) !important;
  color: var(--ez-text) !important;
}
body.ezco-gui .daterangepicker .ranges li.active {
  background-color: var(--ez-forest) !important;
  color: var(--ez-bone) !important;
}
body.ezco-gui .daterangepicker .ranges li:hover {
  background-color: color-mix(in srgb, var(--ez-sage) 18%, var(--ez-tint));
}
body.ezco-gui .daterangepicker .drp-buttons .btn,
body.ezco-gui .daterangepicker .drp-buttons .applyBtn {
  background-color: var(--ez-forest) !important;
  border-color: var(--ez-forest) !important;
  color: var(--ez-bone) !important;
}
body.ezco-gui .daterangepicker .calendar-table {
  background: var(--ez-surface);
  color: var(--ez-text);
}
body.ezco-gui .daterangepicker th.month {
  color: var(--ez-text);
}