/* v1.17: one search across the CRM (command palette groups), "Remind me" (fp-remind.js) and the links Feinh made by
   itself (fp-links.js). Design tokens only (scripts/ui/token_lint.py). */

/* palette: a note or email row shows a two-line snippet; the rows of a group stay compact */
.fp-palette-item .fp-main-txt { display: flex; flex-direction: column; min-inline-size: var(--space-0); flex: 1 1 auto; color: inherit; text-decoration: none; }
.fp-palette-item .fp-main-txt .fp-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fp-palette-group { position: sticky; inset-block-start: var(--space-0); background: var(--surface-raised); z-index: 1; }

/* Remind me */
.fr-btn .fp-icon { color: var(--text-secondary); }
.fr-modal .fr-body { gap: var(--space-4); }
.fr-about { margin: var(--space-0); color: var(--text-secondary); }
.fr-about:empty { display: none; }
.fr-picks { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.fr-at { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-block-start: var(--space-2); }
.fr-at[hidden] { display: none; }
.fr-at .fp-input { flex: 1 1 auto; min-inline-size: var(--space-0); }
.fr-body .fp-input { inline-size: 100%; font: inherit; }
.fr-body .fp-input:focus { outline: none; border-color: var(--border-focus); box-shadow: var(--focus-ring); }
.fr-modal .fp-modal-head h2 { margin: var(--space-0); }
.c3-pro > .fl-links { padding-inline: var(--space-6); margin-block: var(--space-0) var(--space-3); }
.fr-rows { list-style: none; margin: var(--space-0); padding: var(--space-0); display: flex; flex-direction: column; gap: var(--space-1); }
.fr-row { display: flex; align-items: center; gap: var(--space-2); min-inline-size: var(--space-0); padding-block: var(--space-1); border-block-end: var(--border-w) solid var(--border-subtle); }
.fr-row:last-child { border-block-end: 0; }
.fr-when { flex: none; font-size: var(--text-meta-size); font-weight: var(--weight-strong); color: var(--text-primary); }
.fr-what { flex: 1 1 auto; min-inline-size: var(--space-0); font-size: var(--text-meta-size); color: var(--text-secondary); }
.fr-how { margin: var(--space-0); }
.fr-list[hidden], .fr-on[hidden] { display: none; }

/* links Feinh made by itself: removable chips */
.fl-links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-block: var(--space-2) var(--space-3); min-inline-size: var(--space-0); }
.fl-links[hidden] { display: none; }
.fl-h { display: inline-flex; align-items: center; gap: var(--space-1); color: var(--text-tertiary); }
.fl-chip { display: inline-flex; align-items: center; gap: var(--space-1); max-inline-size: 100%; min-inline-size: var(--space-0); padding-inline-end: var(--space-0); }
.fl-kind { color: var(--text-tertiary); flex: none; }
.fl-name { min-inline-size: var(--space-0); color: var(--text-primary); text-decoration: none; }
a.fl-name:hover { text-decoration: underline; }
.fl-via { color: var(--text-tertiary); flex: none; }
.fl-x { display: inline-flex; align-items: center; justify-content: center; flex: none; inline-size: var(--control-sm); block-size: var(--control-sm); border: 0; padding: var(--space-0); background: transparent; color: var(--text-tertiary); border-radius: var(--radius-full); cursor: pointer; }
.fl-x:hover { color: var(--text-primary); background: var(--surface-subtle); }
.fl-x:focus-visible { box-shadow: var(--focus-ring); outline: none; }
@media (max-width: 760px) {
  .fl-via { display: none; }
  .fl-x { inline-size: var(--control-touch); block-size: var(--control-touch); }
  .fr-btn .fr-lbl { display: none; }
}