/* ============================================================================
   mh-nogreenhints.css - NO GREEN HINT TEXT ANYWHERE IN THE APP.
   Aug 12 2026, CEO: "I don't want any green text hint across the database."

   WHY THIS IS ONE FILE AND NOT SIX EDITS. The green helper text had grown into
   six stylesheets - the client wizard's .tip, the client detail's document-modal
   .note and card note icon, the household move wizard's .mvnote, the profile and
   config foot-notes, and the tour's hint line. Several of those live inside very
   long single-line rules where an in-place edit is easy to get wrong and hard to
   review. Neutralising them in one late-loading file keeps every change in one
   place, makes the whole thing revertible by deleting this file, and cannot
   damage the rules it overrides.

   IT CHANGES COLOUR, NOT CONTENT. The guidance still says what it said; it just
   stops being green. Green in this app means "on / selected / active" - the
   pine of a chosen filter, a checked option, a primary button. A paragraph of
   advice wearing the same colour reads as a state the user has switched on. That
   is what made these look wrong next to a real control.

   Hint text now takes the muted ink every other secondary line in the app uses.
   The accompanying icons go with it - a grey note with a green icon is the same
   mistake, half-done.

   If the CEO wants the hint BLOCKS gone entirely rather than recoloured, that is
   a content decision on each surface, and deleting them is not something to
   guess at - see the report accompanying this change.
   ============================================================================ */

/* ============================================================================
   PLACEHOLDER TEXT IS GREY, EVERYWHERE.

   This was the big one and it was hiding in plain sight: mh-theme.css paints
   EVERY input and textarea placeholder in the app with --mh-ctrl-ico, which is
   #6E948B - a desaturated green. So "Search client, household, or add an outside
   contact...", "Any details", "Search..." and every other prompt in the app were
   green hint text. Measured, not guessed: the participant search placeholder
   computed to rgb(110,148,139).

   It is set to #98A5AE - the cool grey the wizards already use for their
   placeholders (their --ink-4), so a prompt reads the same on every surface
   instead of one grey here and a green there.

   ONLY THE TEXT MOVES. --mh-ctrl-ico still colours control ICONOGRAPHY - the
   dropdown chevrons, the field glyphs - and that is deliberately left alone:
   repainting every chevron in the app is a different change with a much wider
   blast radius, and it is not what "green text hint" means.
   ============================================================================ */
.mh-app :is(input, textarea)::placeholder,
.mh-app .search input::placeholder,
.mh-app .mh-srch input::placeholder,
.mh-app .bigbar input::placeholder,
.mh-app .pp-input::placeholder,
.mh-app .pp-ainp::placeholder,
.mh-app .fb-text::placeholder {
  color: #98A5AE !important;
  opacity: 1 !important;   /* the old rule dimmed it to .6 to soften the green */
}
body.dark .mh-app :is(input, textarea)::placeholder,
body.dark .mh-app .search input::placeholder,
body.dark .mh-app .mh-srch input::placeholder,
body.dark .mh-app .bigbar input::placeholder,
body.dark .mh-app .pp-input::placeholder,
body.dark .mh-app .pp-ainp::placeholder,
body.dark .mh-app .fb-text::placeholder {
  color: #7B8C86 !important;
  opacity: 1 !important;
}

/* The magnifier beside that prompt is part of the same hint, so it goes grey
   with it - a grey placeholder next to a green icon is the same mistake, half
   done. Scoped to the participant picker's own search, not to every icon. */
.mh-app .pp-srch-ic { color: #98A5AE !important; }
body.dark .mh-app .pp-srch-ic { color: #7B8C86 !important; }

/* ---- client wizard: the green advice panel ------------------------------ */
.mh-app :is(#clWiz, #clMbr) .tip,
.mh-app :is(#clWiz, #clMbr) .tip * {
  color: var(--mh-muted) !important;
}
.mh-app :is(#clWiz, #clMbr) .tip {
  background: rgba(40, 60, 80, .04) !important;
  border-color: var(--mh-line) !important;
}

/* ---- client detail: document-modal note + the card note icon ------------- */
.mh-app #clDetail .cd-docmodal .note,
.mh-app #clDetail .cd-docmodal .note * {
  color: var(--mh-muted) !important;
}
.mh-app #clDetail .cd-docmodal .note {
  background: rgba(40, 60, 80, .04) !important;
  border-color: var(--mh-line) !important;
}
.mh-app #clDetail .card-b .note svg { color: var(--mh-muted) !important; }
.mh-app #clDetail .cd-link { color: var(--mh-muted) !important; }

/* ---- household move wizard: .mvnote ------------------------------------- */
.mh-app .mvnote,
.mh-app .mvnote * {
  color: var(--mh-muted) !important;
  background: rgba(40, 60, 80, .04) !important;
  border-color: var(--mh-line) !important;
}

/* ---- foot notes on the profile form and the config/group screens --------- */
.mh-app .pf-foot .pf-foot-note,
.mh-app .pf-foot .pf-foot-note svg,
.mh-app .cg-foot-note,
.mh-app .cg-foot-note svg {
  color: var(--mh-muted) !important;
}

/* ---- the guided tour's hint line ---------------------------------------- */
.mh-app .mht-pop .mht-hintline,
.mht-pop .mht-hintline {
  color: var(--mh-muted) !important;
}

/* ---- dark mode: the same neutral, in the dark palette -------------------- */
body.dark .mh-app :is(#clWiz, #clMbr) .tip,
body.dark .mh-app :is(#clWiz, #clMbr) .tip *,
body.dark .mh-app #clDetail .cd-docmodal .note,
body.dark .mh-app #clDetail .cd-docmodal .note *,
body.dark .mh-app .mvnote,
body.dark .mh-app .mvnote *,
body.dark .mh-app .pf-foot .pf-foot-note,
body.dark .mh-app .pf-foot .pf-foot-note svg,
body.dark .mh-app .cg-foot-note,
body.dark .mh-app .cg-foot-note svg,
body.dark .mht-pop .mht-hintline {
  color: var(--mh-muted) !important;
}
body.dark .mh-app :is(#clWiz, #clMbr) .tip,
body.dark .mh-app #clDetail .cd-docmodal .note,
body.dark .mh-app .mvnote {
  background: rgba(255, 255, 255, .05) !important;
  border-color: var(--mh-line) !important;
}