/* Candidate Activity feed (/panel/inquiries) — page-scoped EDS bridge additions.
   Owner: u02. Loads after eds-panel.css; scoped under .fi-eds--activity so
   nothing here leaks onto other panel surfaces. Replaces inline style="" that
   previously lived in the blade (spec: no ad-hoc inline styles — repeated
   patterns become classes) and fixes two off-spec spots: a hardcoded cool-gray
   color fallback, and an `.is-sub` reference that only the table view defines. */

/* Small top gap above a fi-eds-pills row / fi-eds-kv__state row that follows
   body copy (approve/reject actions, the impersonate button). */
.fi-eds--activity .fi-eds-pills--top,
.fi-eds--activity .fi-eds-kv__state--top {
    margin-top: 8px;
}

/* Review-note textarea should fill its section width, same as any other
   full-width field in the slide-over. */
.fi-eds--activity .fi-eds-textarea--full {
    width: 100%;
}

/* Auto-screen follow-up note under the approve/reject controls — a quiet
   explanatory line, ink2 (not the muted ink3 used for metadata). */
.fi-eds--activity .fi-eds-followup-note {
    margin: 8px 0 0;
    font: 400 13px/1.5 var(--sans);
    color: var(--ink2);
}

/* `.is-sub` (muted small text) is only scoped to `.fi-eds-table` in the
   shared bridge — this page also uses it outside the table (screening
   summary, identity-research notes, the stored review note), so give it the
   same treatment here. */
.fi-eds--activity .is-sub {
    font-size: 12px;
    color: var(--ink3);
}

/* Stored review-note readout under a settled verdict — is-sub plus a small
   top gap off the controls above it. */
.fi-eds--activity .fi-eds-review-note {
    margin-top: 8px;
}

/* "Vetting running…" — a non-interactive fi-eds-btn standing in for a
   disabled action while a run is in flight. */
.fi-eds--activity .fi-eds-btn--static {
    opacity: .6;
    cursor: default;
}

/* Table view: the Date data cell was collapsing to ~79px, wrapping "Aug 26,
   2026" onto 3 lines and the .is-sub time onto 2, inflating row height to
   ~103px. Keep the date/time cell on one line so column widths settle at a
   scannable density (spec rule 10). (The header cell already gets nowrap
   from the shared `.fi-eds-table thead th` rule in eds-panel.css.) */
.fi-eds--activity .fi-eds-table tbody td:first-child {
    white-space: nowrap;
}

/* Same density problem elsewhere in the row: Profession (job titles like
   "Certified Registered Nurse Anesthetist") and Origin (source + campaign
   lines) were squeezed to 3-4 wrapped lines each, keeping every row tall
   even after the Date fix above. Give the table room to grow past its
   1040px floor and let those two columns hold their content on one line;
   `.fi-eds-table-wrap` already scrolls horizontally (eds-panel.css) so nothing
   is clipped. */
.fi-eds--activity .fi-eds-table {
    min-width: 1620px;
}
.fi-eds--activity .fi-eds-table .is-profession,
.fi-eds--activity .fi-eds-table .is-origin {
    white-space: nowrap;
}

/* With Profession/Origin no longer shrinkable, the auto table layout was
   squeezing Details (`.is-msg`, shared max-width 340px) down to ~143px
   instead — the message excerpt was still wrapping into 3-4 lines, just for
   a different reason. Give it a floor so it keeps a fair share of the wider
   table. */
.fi-eds--activity .fi-eds-table .is-msg {
    min-width: 280px;
}

/* Slide-over kv label column: the shared 104px column forces 5 of 24 labels
   ("Preferred contact", "Candidate visibility", "Browser form receipt",
   "NPI registry status", "Registry specialty") to wrap onto two lines beside
   a mostly empty value column. Widen just enough for a single-line fit. */
.fi-eds--activity .fi-eds-kv {
    grid-template-columns: 140px 1fr;
}

/* At the slide-over's own <=640px breakpoint (eds-panel.css narrows
   .fi-eds-slideover__panel to ~374px there) the 140px label column above
   leaves only ~180px for values that carry emails, timezone strings and job
   titles — worse than the shared 104px it replaced. Stack label-over-value
   instead of splitting an already-narrow panel into two columns. */
@media (max-width: 640px) {
    .fi-eds--activity .fi-eds-kv {
        grid-template-columns: 1fr;
        gap: 2px 0;
    }
}