/* ============================================================
   components/empty-state.css
   A filter combination with no records. One white plate, one way
   out. No outer margin on the root.
   ============================================================ */
.rfi-empty { background: var(--rfi-surface); border-radius: var(--rfi-radius); box-shadow: var(--rfi-shadow); padding: 46px 24px; text-align: center; }
.rfi-empty__t { font-family: var(--rfi-font-ui); font-size: 19px; font-weight: 500; }
.rfi-empty__s { font-size: 14px; color: var(--rfi-text-2); margin-top: 7px; }
/* An explanatory caption under the text: the same values as the account area's hint captions
   (.rfi-authform__hint, account.css), repeated here because this component is used site-wide and
   account.css loads on account pages only. */
.rfi-empty__note { font-size: 13px; line-height: 1.5; color: var(--rfi-text-3); margin-top: 10px; }
/* flex-wrap and a gap because a state may now offer TWO ways forward (the For-you guest state
   offers Sign in and Create profile). One button is unaffected: a single child in a centred flex
   row lands exactly where it did, so the twelve callers that pass one action are untouched. */
.rfi-empty__action { margin-top: 16px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

/* The quiet way out, under the buttons rather than beside them: it is an escape from the mode,
   not a third thing to consider. */
.rfi-empty__link { margin-top: 12px; font-size: 13.5px; }
.rfi-empty__link a { color: var(--rfi-navy); text-decoration: underline; text-underline-offset: 2px; }
.rfi-empty__link a:hover { color: var(--rfi-teal); }