/* Data trail (breadcrumb) */
.td-trail { font-size: 0.95rem; }
.td-trail-sep { margin: 0 8px; opacity: 0.6; }
.td-trail-items { margin-left: 6px; }
.td-pill-wrap { display: inline-flex; align-items: center; }
.td-pill { display: inline-block; padding: 2px 8px; border: 1px solid rgba(0,0,0,.15); border-radius: 999px; }
.td-pill-x { margin-left: 6px; text-decoration: none; opacity: 0.7; font-weight: 700; }
.td-pill-x:hover { opacity: 1; }
.td-trail-clear { margin-left: 12px; font-weight: 600; }


/* highlight non-dropdown toggle links (RIMP / Interventions style) */
a.toggle-vis.td-selected .toggle-btn,
button.td-selected-btn {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Main dropdown button stays visibly "selected" if any child item is active */
.dropdown .dropdown-toggle.td-dd-selected {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
  border-color: rgba(0, 123, 255, 0.9) !important;
}

/* Optional: make it even clearer (slight tint) */
.dropdown .dropdown-toggle.td-dd-selected.btn-primary {
  background-color: rgba(0, 123, 255, 0.92) !important;
}

/* Add a checkmark to selected dropdown items */
.dropdown-menu .dropdown-item.active::before {
  content: "✓";
  display: inline-block;
  width: 1.2em;
  margin-right: 0.25em;
}

.dropdown-menu .dropdown-item.toggle-vis {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdown-menu .dropdown-item.toggle-vis.active::before {
  content: none;
}

.dropdown-menu .dropdown-item.toggle-vis.active::after {
  content: "✓";
  margin-left: 0.75rem;
}

/* Main dropdown button: selected state (stronger color shift) */
button.btn.btn-primary.dropdown-toggle.td-dd-selected {
  background-color: #00b330 !important; /* darker blue */
  border-color: #00b312 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Main dropdown button turns green when selected */
button.btn.btn-sm.btn-primary.dropdown-toggle.td-dd-selected {
  background-color: #28a745 !important; /* Bootstrap-ish green */
  border-color: #28a745 !important;
  color: #fff !important;
}

/* Keep it green on hover/focus too */
button.btn.btn-sm.btn-primary.dropdown-toggle.td-dd-selected:hover,
button.btn.btn-sm.btn-primary.dropdown-toggle.td-dd-selected:focus {
  background-color: #218838 !important;
  border-color: #218838 !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.3) !important;
}

/* If a selected dropdown is open, keep it green */
button.btn.btn-sm.btn-primary.dropdown-toggle.td-dd-selected[aria-expanded="true"] {
  background-color: #218838 !important;
  border-color: #218838 !important;
}

.td-trail-reset {
  margin-left: 10px;
  font-weight: 600;
}