/* DirtyMinds — search (Step 2: the in-thread bar + match highlights)
   _plans/conversations-search.md. Every colour and radius comes from a base.css
   token (architecture rule #6); the fallbacks after each var() are the token's
   own value, present so the file still reads correctly if loaded standalone.

   Two highlight mechanisms are styled here and they must look IDENTICAL:
     ::highlight(conv-search)      — CSS Custom Highlight API (no DOM change)
     mark.conversation-search      — the <mark> fallback for older iOS Safari
   A device takes exactly one path, never both, so any visual drift between them
   would be invisible in testing and obvious to whichever user is on the other
   branch. Keep the two blocks edited together. */

/* ── the bar ───────────────────────────────────────────────────── */

.convsearch {
  flex: 0 0 auto;
  position: relative;                 /* the one-time hint anchors to it */
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 6px 10px;
  background: var(--color-surface, #141418);
  border-bottom: 1px solid var(--color-border, #2a2a33);
}

.convsearch__row { display: flex; align-items: center; gap: 6px; }

.convsearch__field {
  flex: 1 1 auto;
  min-width: 0;                       /* a flex item must be allowed to shrink */
  display: flex;
  align-items: center;
  gap: 7px;
  background: var(--color-surface3, #28282f);
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 6px 10px;
}
.convsearch__field:focus-within { border-color: var(--color-primary, #f97316); }
.convsearch__field > svg {
  flex: 0 0 auto;
  width: 15px; height: 15px;
  color: var(--color-text-faint, #44444a);
}

.convsearch__input {
  flex: 1 1 auto;
  min-width: 0;
  background: none;
  border: 0;
  padding: 0;
  color: var(--color-text, #e8e6e0);
  font: inherit;
  font-size: 0.9rem;
  outline: none;
}
.convsearch__input::placeholder { color: var(--color-text-faint, #44444a); }
/* the browser's own clear affordance duplicates our ✕ and crowds the row */
.convsearch__input::-webkit-search-cancel-button { display: none; }

/* r153.07 — clear the TEXT, not the bar. Two ✕ side by side would be ambiguous,
   so this one lives INSIDE the field (the universal "empty this input" spot) and
   the bar-dismiss ✕ stays out on the verdict row where it already was. It exists
   only while the field has text — an always-on ✕ over an empty box is noise. */
.convsearch__clear {
  flex: 0 0 auto;
  width: 20px; height: 20px;
  margin-right: -2px;                 /* optically flush with the field's padding */
  display: none;                      /* .is-on flips this */
  align-items: center; justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--color-surface-raised, #1c1c22);
  color: var(--color-text-muted, #888);
  font: inherit;
  font-size: 0.72rem; line-height: 1;
  cursor: pointer;
}
.convsearch__clear.is-on { display: flex; }
.convsearch__clear:hover { color: var(--color-text, #e8e6e0); }

/* ── the scope toggle — ONE button, two shapes, zero words ───────── */
/* Plan §2.3. Both states share ONE GRID CELL: that is what centres them. An
   absolutely-positioned svg inside a collapsed span lands its top-left at the
   button's centre and spills out the bottom-right corner — the bug hit while
   drawing the mockup, and the reason this is spelled out rather than left to
   whoever restyles it next. Do not replace the grid with position:absolute. */
.convsearch__scope {
  flex: 0 0 auto;
  width: 40px; height: 38px;
  padding: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--color-border, #2a2a33);
  border-radius: 10px;
  background: var(--color-surface-raised, #1c1c22);
  color: var(--color-text-muted, #888);
  cursor: pointer;
  /* the front bubble is filled with the BUTTON's own colour, so the occlusion
     that makes the stack read as a stack stays invisible in both states */
  --convsearch-glyph-fill: #1c1c22;
  transition: color .22s ease, background .22s ease,
              border-color .22s ease, box-shadow .22s ease;
}
.convsearch__scope-one,
.convsearch__scope-all {
  grid-area: 1 / 1;
  display: flex; align-items: center; justify-content: center;
  transition: opacity .2s ease, transform .28s cubic-bezier(.34, 1.4, .55, 1);
}
/* r153.07 — 30px → 22px (owner: "75% of current"; 22 is the nearest even px).
   The BUTTON keeps its 40×38 box; only the glyph inside it shrinks. */
.convsearch__scope svg { width: 22px; height: 22px; display: block; }
.convsearch__scope-one { opacity: 1; transform: scale(1); }
.convsearch__scope-all { opacity: 0; transform: scale(.55) rotate(-12deg); }

/* Lit = "all threads". The COLOUR doubles the SHAPE, so the state reads even if
   the glyph is misread — and the shape shown is always the CURRENT state. */
.convsearch__scope.is-all {
  color: #ffd9bd;
  background: var(--color-primary-dim, rgba(249, 115, 22, 0.13));
  border-color: rgba(249, 115, 22, 0.55);
  box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.25), 0 0 14px var(--color-primary-glow, rgba(249,115,22,.3));
  --convsearch-glyph-fill: #3d2920;   /* raised blended with primary-dim */
}
.convsearch__scope.is-all .convsearch__scope-one { opacity: 0; transform: scale(.55) rotate(12deg); }
.convsearch__scope.is-all .convsearch__scope-all { opacity: 1; transform: scale(1) rotate(0); }

.convsearch__adv {
  flex: 0 0 auto;
  width: 40px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--color-border, #2a2a33);
  border-radius: 10px;
  background: var(--color-surface-raised, #1c1c22);
  color: var(--color-text-muted, #888);
  cursor: pointer;
  --convsearch-knob-fill: #1c1c22;
}
.convsearch__adv svg { width: 20px; height: 20px; display: block; }

/* ── the one-time hint (plan §2.3) ──────────────────────────────── */
.convsearch__hint {
  position: absolute;
  top: 46px; right: 54px;
  z-index: 4;
  max-width: 212px;
  padding: 6px 10px;
  border: 1px solid #3d3d47;
  border-radius: 9px;
  background: var(--color-surface3, #28282f);
  color: #cfcdc6;
  font-size: 0.66rem;
  line-height: 1.45;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.convsearch__hint::before {
  content: '';
  position: absolute;
  top: -5px; right: 22px;
  width: 9px; height: 9px;
  background: var(--color-surface3, #28282f);
  border-left: 1px solid #3d3d47;
  border-top: 1px solid #3d3d47;
  transform: rotate(45deg);
}
.convsearch__hint b { color: #ffd9bd; }

/* ── the verdict row ────────────────────────────────────────────── */

.convsearch__hits { display: flex; align-items: center; gap: 8px; }
.convsearch__nav-group { display: flex; gap: 2px; margin-left: auto; }

.convsearch__count {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.76rem;
  color: var(--color-text-muted, #888);
  font-variant-numeric: tabular-nums;   /* the count must not jitter while typing */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.convsearch__count.is-empty { color: var(--color-text-faint, #44444a); }

.convsearch__nav {
  flex: 0 0 auto;
  width: 28px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  background: none; border: none; border-radius: 8px;
  color: var(--color-text-muted, #888);
  font-size: 1.15rem; line-height: 1;
  cursor: pointer;
}
.convsearch__nav:hover:not(:disabled) { background: var(--color-surface3, #28282f); }
.convsearch__nav:disabled { opacity: 0.35; cursor: default; }
.convsearch__nav.is-hidden { display: none; }
.convsearch__close { font-size: 0.95rem; margin-left: auto; }

/* ── the standalone view's own head ─────────────────────────────── */

.convsearch__head { display: flex; align-items: center; gap: 6px; padding: 2px 0 4px; }
.convsearch__back {
  background: none; border: 0; cursor: pointer;
  color: var(--color-text-muted, #888);
  font-size: 1.5rem; line-height: 1; padding: 0 4px 0 0;
}
.convsearch__title { font-weight: 700; font-size: 0.95rem; }

/* ── the État chips ─────────────────────────────────────────────── */

.convsearch__chips {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}
.convsearch__chips::-webkit-scrollbar { display: none; }
.convsearch__chips.is-hidden { display: none; }

.convsearch-chip {
  flex: 0 0 auto;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 600;
  padding: 4px 9px;
  border-radius: 20px;
  border: 1px solid var(--color-border, #2a2a33);
  background: var(--color-surface-raised, #1c1c22);
  color: var(--color-text-muted, #888);
  cursor: pointer;
}
.convsearch-chip.is-on {
  border-color: var(--color-primary, #f97316);
  background: var(--color-primary-dim, rgba(249, 115, 22, 0.13));
  color: #ffd9bd;
}

/* ── the header entry point ────────────────────────────────────── */
/* Sized to match .conversation-header__bookmark / __tree exactly — it sits in
   the same icon group and any difference reads as a misalignment. */
.conversation-header__search {
  flex: 0 0 auto;
  background: none; border: none; cursor: pointer;
  width: 30px; height: 28px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: var(--color-text-muted, #888);
}
.conversation-header__search svg { width: 19px; height: 19px; display: block; }
.conversation-header__search:hover { background: var(--color-surface3, #28282f); }
/* lit while the bar is open, so the icon states what is on screen */
.conversation-header__search.is-active { color: var(--color-primary, #f97316); }

/* ── the match highlights ──────────────────────────────────────── */
/* Amber wash for every match; the CURRENT one inverts to solid so the eye finds
   it without reading the count. Deliberately NOT the orange primary: an active
   match must not read as a status or a call to action. */

/* r153.07 — the non-current wash was 14% alpha amber and read as nothing on a
   dark bubble. It is now --color-search-wash (32%) PLUS an amber underline, so a
   match stays visible even where a bubble background is light and the wash has
   little to contrast against. The CURRENT match already inverts to solid and is
   untouched. Both mechanisms move together — a device takes exactly one path, so
   drift between them would be invisible here and obvious to the other branch. */
::highlight(conv-search) {
  background-color: var(--color-search-wash, rgba(245, 166, 35, 0.32));
  color: var(--color-text, #e8e6e0);
  text-decoration: underline;
  text-decoration-color: var(--color-warning, #f5a623);
}
::highlight(conv-search-current) {
  background-color: var(--color-warning, #f5a623);
  color: #16160f;
}

mark.conversation-search {
  background-color: var(--color-search-wash, rgba(245, 166, 35, 0.32));
  color: var(--color-text, #e8e6e0);
  text-decoration: underline;
  text-decoration-color: var(--color-warning, #f5a623);
  border-radius: 2px;
  padding: 0;                          /* padding here would reflow the bubble */
}
mark.conversation-search--current {
  background-color: var(--color-warning, #f5a623);
  color: #16160f;
  text-decoration: none;               /* solid already wins; the rule would only muddy it */
}

@media (prefers-reduced-motion: no-preference) {
  mark.conversation-search--current { transition: background-color 120ms ease; }
}

/* r153.12 (#1) — "this message matches, but the word cannot be highlighted".
   Replaces the one-shot arrival flash, which the owner rightly called useless on a
   long message: a pulse tells you nothing about WHERE, and it is gone in a second.
   This is a PERSISTENT mark that lives as long as the search does. Same amber as
   the wash, so it reads as part of the same answer, and applied to the group so it
   spans a whole message rather than pointing at a word we cannot locate. */
.conversation-group.is-search-unpainted {
  position: relative;
  background: var(--color-search-wash, rgba(245, 166, 35, 0.32));
  border-radius: 10px;
}
.conversation-group.is-search-unpainted::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  border-radius: 3px;
  background: var(--color-warning, #f5a623);
}

/* ── the results panel ─────────────────────────────────────────── */
/* A scrolling list is ALWAYS a child of a flex column and must declare its own
   flex + min-height:0 + overflow-y:auto. Padding alone looks correct until the
   content exceeds one screen, and then the whole list collapses — the exact trap
   that produced the r150.01 Corbeille bug and the r152.00 feed bug. */

.convsearch-results {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 10px 8px calc(24px + env(safe-area-inset-bottom, 0px));
}

/* In a thread, the results REPLACE the timeline — and the composer with them:
   you cannot write into "all threads". Hidden by class rather than by detaching
   nodes, so closing the search restores the conversation untouched. */
.has-convsearch-results .conversation-timeline,
.has-convsearch-results .conversation-composer,
.has-convsearch-results .conversation-typing-slot { display: none; }

.convsearch-rhead {
  display: flex; align-items: center; gap: 7px;
  margin: 2px 3px 8px;
  font-size: 0.66rem;
  color: var(--color-text-faint, #44444a);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.convsearch-rhead__line { flex: 1 1 auto; height: 1px; background: var(--color-border, #2a2a33); }

.convsearch-loading {
  text-align: center;
  color: var(--color-text-faint, #44444a);
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
  padding: 14px 10px;
}

/* ── one fil = one group (plan §2.4, variante A) ────────────────── */

.convsearch-group {
  background: var(--color-surface, #141418);
  border: 1px solid var(--color-border, #2a2a33);
  border-radius: 13px;
  margin: 0 2px 9px;
  overflow: hidden;
}
.convsearch-group__head {
  display: flex; align-items: center; gap: 7px;
  padding: 8px 11px;
  border-bottom: 1px solid var(--color-border, #2a2a33);
  background: rgba(255, 255, 255, 0.018);
}
.convsearch-group__title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.79rem;
  font-weight: 600;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.convsearch-group__title.is-discussion { font-style: italic; font-weight: 500; }
.convsearch-group__state {
  flex: 0 0 auto;
  font-size: 0.6rem;
  color: var(--color-text-faint, #44444a);
  border: 1px solid var(--color-border, #2a2a33);
  border-radius: 5px;
  padding: 1px 5px;
}
.convsearch-group__count {
  flex: 0 0 auto;
  font-size: 0.63rem; font-weight: 700;
  color: #ffd9bd;
  background: var(--color-primary-dim, rgba(249, 115, 22, 0.13));
  border: 1px solid rgba(249, 115, 22, 0.3);
  border-radius: 11px;
  padding: 2px 7px;
}

/* Cyan = sujet, violet = discussion — the Fil d'activité's own grammar, so a
   reader has nothing new to learn (plan §2.4). */
.convsearch-dot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; }
.convsearch-dot--topic {
  background: var(--prov-topic, #4cc9f0);
  box-shadow: 0 0 7px rgba(76, 201, 240, 0.55);
}
.convsearch-dot--discussion {
  background: var(--prov-discussion, #b574ff);
  box-shadow: 0 0 7px rgba(181, 116, 255, 0.55);
}
.convsearch-dot--mini { width: 6px; height: 6px; box-shadow: none; }

.convsearch-row {
  display: flex; gap: 8px;
  width: 100%;
  text-align: left;
  padding: 8px 11px;
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(42, 42, 51, 0.6);
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.convsearch-row:last-child { border-bottom: 0; }
.convsearch-row:hover { background: rgba(255, 255, 255, 0.03); }
.convsearch-row__avatar {
  flex: 0 0 auto;
  width: 22px; height: 22px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--color-surface3, #28282f);
  color: var(--color-text, #e8e6e0);
  font-size: 0.6rem; font-weight: 700;
}
.convsearch-row__body { flex: 1 1 auto; min-width: 0; }
.convsearch-row__line1 { display: flex; align-items: baseline; gap: 6px; }
.convsearch-row__name { font-size: 0.7rem; font-weight: 700; color: #cfcdc6; }
.convsearch-row__date {
  margin-left: auto; flex: 0 0 auto;
  font-size: 0.6rem;
  color: var(--color-text-faint, #44444a);
}
.convsearch-row__snippet {
  margin-top: 1px;
  font-size: 0.79rem;
  line-height: 1.45;
  color: #bdbbb5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.convsearch-row__ctx {
  display: flex; align-items: center; gap: 4px;
  margin-top: 3px;
  font-size: 0.6rem;
  color: var(--color-text-faint, #44444a);
}

/* ── empty · notice · widen (plan §2.11) ────────────────────────── */

.convsearch-empty {
  text-align: center;
  padding: 44px 24px;
  color: var(--color-text-muted, #888);
  font-size: 0.79rem;
  line-height: 1.6;
}
.convsearch-empty > svg { width: 30px; height: 30px; opacity: 0.45; margin-bottom: 10px; }
.convsearch-empty__line { margin-bottom: 14px; }
.convsearch-empty b { color: #cfcdc6; }

/* The ONE place the "all threads" glyph may carry a word, because it is an
   explicit ACTION rather than a state (plan §2.11). */
.convsearch-widen {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 13px;
  border-radius: 20px;
  border: 1px solid rgba(249, 115, 22, 0.45);
  background: var(--color-primary-dim, rgba(249, 115, 22, 0.13));
  color: #ffd9bd;
  font: inherit;
  font-size: 0.72rem; font-weight: 600;
  cursor: pointer;
  --convsearch-glyph-fill: #3d2920;
}
.convsearch-widen__glyph { display: flex; }
.convsearch-widen__glyph svg { width: 17px; height: 17px; display: block; }

.convsearch-notice {
  text-align: center;
  padding: 34px 24px;
  color: var(--color-text-muted, #888);
  font-size: 0.76rem;
  line-height: 1.6;
}
.convsearch-notice__icon { font-size: 1.4rem; margin-bottom: 8px; }
.convsearch-notice__title { color: #cfcdc6; }
.convsearch-notice__sub { font-size: 0.7rem; color: var(--color-text-faint, #44444a); margin-top: 4px; }
/* A partial corpus is stated in place, not as a full-screen error: the results
   below it are real, they are just not all of them. */
.convsearch-warn {
  text-align: left;
  padding: 8px 11px;
  margin: 0 2px 9px;
  border: 1px solid rgba(245, 166, 35, 0.35);
  border-radius: 10px;
  background: var(--color-warning-dim, rgba(245, 166, 35, 0.14));
}
.convsearch-warn .convsearch-notice__icon { font-size: 0.9rem; margin: 0 0 2px; }

/* ── the Avancé sheet + the fils picker ─────────────────────────── */

.convsheet {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: flex;
  align-items: flex-end;
  background: rgba(0, 0, 0, 0.55);
}
.convsheet__sheet {
  width: 100%;
  max-height: 88%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--color-surface, #141418);
  border-top: 1px solid var(--color-border, #2a2a33);
  border-radius: 20px 20px 0 0;
}
.convsheet__grip {
  flex: 0 0 auto;
  width: 34px; height: 4px;
  border-radius: 3px;
  background: var(--color-surface3, #28282f);
  margin: 7px auto 0;
}
.convsheet__head {
  flex: 0 0 auto;
  display: flex; align-items: center; gap: 8px;
  padding: 12px 15px 9px;
  border-bottom: 1px solid var(--color-border, #2a2a33);
}
.convsheet__head h3 { flex: 1 1 auto; margin: 0; font-size: 0.88rem; font-weight: 700; }
.convsheet__close {
  background: none; border: 0; cursor: pointer;
  color: var(--color-text-muted, #888);
  font-size: 1.2rem; line-height: 1;
}
/* The sheet body is the second scrolling list in this file — same rule. */
.convsheet__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px 15px 16px;
}
.convsheet__foot {
  flex: 0 0 auto;
  display: flex; gap: 8px;
  padding: 10px 15px calc(14px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--color-border, #2a2a33);
}
.convsheet__foot button {
  flex: 1 1 0;
  border-radius: 11px;
  padding: 11px;
  font: inherit;
  font-size: 0.79rem; font-weight: 600;
  cursor: pointer;
}
.convsheet__reset {
  background: var(--color-surface-raised, #1c1c22);
  border: 1px solid var(--color-border, #2a2a33);
  color: var(--color-text-muted, #888);
}
.convsheet__go {
  background: var(--color-primary, #f97316);
  border: 1px solid var(--color-primary, #f97316);
  color: #1a0d02;
}

.convsheet__sec { margin-bottom: 16px; }
.convsheet__sec-title {
  margin-bottom: 7px;
  font-size: 0.63rem;
  color: var(--color-text-faint, #44444a);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.convsheet__note {
  margin-top: 5px;
  font-size: 0.66rem;
  line-height: 1.5;
  color: var(--color-text-faint, #44444a);
}

/* single choice → full-width segmented control (plan §2.6) */
.convsheet__seg {
  display: flex;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--color-border, #2a2a33);
  border-radius: 10px;
  background: var(--color-surface-raised, #1c1c22);
}
.convsheet__seg-btn {
  flex: 1 1 0;
  min-width: 0;
  background: none; border: 0;
  border-radius: 7px;
  padding: 7px 4px;
  color: var(--color-text-muted, #888);
  font: inherit;
  font-size: 0.7rem; font-weight: 600;
  cursor: pointer;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.convsheet__seg-btn.is-on { background: var(--color-primary-mid, rgba(249, 115, 22, 0.22)); color: #ffd9bd; }
.convsheet__seg.is-locked { opacity: 0.42; }
.convsheet__seg-btn:disabled { cursor: default; }

/* multi choice → check pills (plan §2.6) */
.convsheet__pills { display: flex; flex-wrap: wrap; gap: 6px; }
.convsheet__pill {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 11px 6px 8px;
  border-radius: 9px;
  border: 1px solid var(--color-border, #2a2a33);
  background: var(--color-surface-raised, #1c1c22);
  color: var(--color-text-muted, #888);
  font: inherit;
  font-size: 0.72rem;
  cursor: pointer;
}
.convsheet__pill.is-on {
  border-color: rgba(249, 115, 22, 0.5);
  background: var(--color-primary-dim, rgba(249, 115, 22, 0.13));
  color: #ffd9bd;
}
.convsheet__box {
  flex: 0 0 auto;
  width: 14px; height: 14px;
  border-radius: 4px;
  border: 1.5px solid var(--color-text-faint, #44444a);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.55rem;
  color: transparent;
}
.convsheet__box.is-on {
  background: var(--color-primary, #f97316);
  border-color: var(--color-primary, #f97316);
  color: #1a0d02;
}

/* booleans → switches, each with its own sub-line (plan §2.6) */
.convsheet__switch {
  display: flex; align-items: center; gap: 10px;
  width: 100%;
  padding: 8px 0;
  background: none; border: 0;
  border-bottom: 1px solid rgba(42, 42, 51, 0.55);
  color: inherit; font: inherit;
  text-align: left;
  cursor: pointer;
}
.convsheet__switch:last-child { border-bottom: 0; }
.convsheet__switch-text { flex: 1 1 auto; min-width: 0; }
.convsheet__switch-label { display: block; font-size: 0.79rem; color: #cfcdc6; }
.convsheet__switch-sub {
  display: block;
  margin-top: 1px;
  font-size: 0.63rem;
  font-style: normal;
  color: var(--color-text-faint, #44444a);
}
.convsheet__switch-knob {
  position: relative;
  flex: 0 0 auto;
  width: 38px; height: 22px;
  border-radius: 12px;
  border: 1px solid var(--color-border, #2a2a33);
  background: var(--color-surface3, #28282f);
  transition: background .2s ease;
}
.convsheet__switch-knob::after {
  content: '';
  position: absolute;
  top: 2px; left: 2px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--color-text-faint, #44444a);
  transition: transform .2s ease, background .2s ease;
}
.convsheet__switch.is-on .convsheet__switch-knob {
  background: var(--color-primary-dim, rgba(249, 115, 22, 0.13));
  border-color: rgba(249, 115, 22, 0.5);
}
.convsheet__switch.is-on .convsheet__switch-knob::after {
  transform: translateX(16px);
  background: var(--color-primary, #f97316);
}

/* modules — a DRAWN padlock, never the word « bientôt » (plan §2.9) */
.convsheet__modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.convsheet__module {
  position: relative;
  padding: 9px 6px;
  border: 1px solid var(--color-border, #2a2a33);
  border-radius: 10px;
  background: var(--color-surface-raised, #1c1c22);
  color: var(--color-text-muted, #888);
  font-size: 0.7rem;
  text-align: center;
}
.convsheet__module.is-on {
  border-color: rgba(249, 115, 22, 0.5);
  background: var(--color-primary-dim, rgba(249, 115, 22, 0.13));
  color: #ffd9bd;
}
.convsheet__module.is-locked { opacity: 0.4; }
.convsheet__lock {
  position: absolute;
  top: 4px; right: 5px;
  width: 11px; height: 11px;
}

/* entity lists — the ONE second level, plus the short inline authors list */
.convsheet__list {
  border: 1px solid var(--color-border, #2a2a33);
  border-radius: 10px;
  background: var(--color-surface-raised, #1c1c22);
  overflow: hidden;
}
.convsheet__li {
  display: flex; align-items: center; gap: 9px;
  width: 100%;
  padding: 9px 11px;
  background: none; border: 0;
  border-bottom: 1px solid rgba(42, 42, 51, 0.7);
  color: inherit; font: inherit;
  text-align: left;
  cursor: pointer;
}
.convsheet__li:last-child { border-bottom: 0; }
.convsheet__li:hover { background: rgba(255, 255, 255, 0.03); }
.convsheet__li-name {
  flex: 1 1 auto; min-width: 0;
  font-size: 0.79rem;
  color: #cfcdc6;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.convsheet__li-name.is-discussion { font-style: italic; font-weight: 500; }
.convsheet__li-sub { flex: 0 0 auto; font-size: 0.6rem; color: var(--color-text-faint, #44444a); }

/* the drill-in row — the only tap the flat panel asks for */
.convsheet__drill {
  display: flex; align-items: center; gap: 8px;
  width: 100%;
  margin-top: 7px;
  padding: 10px 11px;
  border: 1px solid var(--color-border, #2a2a33);
  border-radius: 10px;
  background: var(--color-surface-raised, #1c1c22);
  color: #cfcdc6;
  font: inherit;
  font-size: 0.76rem;
  text-align: left;
  cursor: pointer;
}
.convsheet__drill.is-disabled { opacity: 0.4; cursor: default; }
.convsheet__drill-count {
  font-size: 0.6rem; font-weight: 700;
  color: #1a0d02;
  background: var(--color-primary, #f97316);
  border-radius: 9px;
  padding: 1px 6px;
}
.convsheet__drill-arrow { margin-left: auto; color: var(--color-text-faint, #44444a); }

.convsheet__ptools { display: flex; gap: 7px; align-items: center; padding: 0 0 10px; }
.convsheet__ptools .convsearch__field { padding: 5px 9px; }
.convsheet__mini {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 8px;
  border: 1px solid var(--color-border, #2a2a33);
  background: var(--color-surface-raised, #1c1c22);
  color: var(--color-text-muted, #888);
  font: inherit;
  font-size: 0.66rem; font-weight: 600;
  cursor: pointer;
}

/* ── the standalone search view ─────────────────────────────────── */
/* `.view` is already a flex column that does not scroll (its children do), but it
   is NOT positioned — and the Avancé sheet is `position:absolute; inset:0`
   against its host. In a thread that host is `.conversation` (already relative);
   here it has to be said. */
#search-view { position: relative; background: var(--color-bg, #0d0d0f); }

/* ── the two other entry points ─────────────────────────────────── */
/* Sujets header: sized like its sibling ⋯ / clock so the cluster stays even.
   Deliberately no `display` here — `.view-header-actions .btn-icon.hidden`
   (css/app.css) must stay able to hide it. */
.btn-icon.header-search svg { width: 21px; height: 21px; display: block; }

/* Fil d'activité: top-RIGHT (r153.07). It used to sit left of the title; the
   owner's rule is now that 🔍 is on the right on EVERY screen, for one muscle
   memory — Sujets already had it there. Nothing positional is needed here: the
   button is appended after .conversation-header__name, which is `flex: 1` and
   pushes it to the end of the row. */
.activity-header__search {
  flex: 0 0 auto;
  width: 30px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  background: none; border: none; border-radius: 8px;
  color: var(--color-text-muted, #888);
  cursor: pointer;
}
.activity-header__search svg { width: 19px; height: 19px; display: block; }
.activity-header__search:hover { background: var(--color-surface3, #28282f); }