/* Compact inline help; never changes the approved header/search geometry. */
.search-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; margin: 0 0 10px; color: var(--ink); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.search-feedback[hidden] { display: none; }
.search-feedback p { margin: 0; }
.search-recovery-action { display: inline-block; min-height: 44px; margin: 0; padding: 8px 0; border: 0; background: transparent; color: var(--pink-dark); text-decoration: underline; text-underline-offset: 3px; font: inherit; font-weight: 600; text-align: left; overflow-wrap: anywhere; max-width: 100%; }
.search-recovery-action:hover { color: var(--ink); }
@media (forced-colors: active) { .search-recovery-action { color: LinkText; } }

/* One scoped empty message and one primary recovery action. */
#catalog-toolbar[hidden], #catalog-note[hidden], #compact-empty[hidden], #compact-empty-price[hidden] { display: none; }
#empty-state[data-compact="true"] > :not(#compact-empty) { display: none; }
#empty-state[data-compact="true"] { padding: 8px 0 12px; border: 0; border-radius: 0; background: transparent; text-align: left; }
#compact-empty { max-width: 640px; }
#compact-empty-heading { margin: 0 0 18px; color: var(--ink); font-size: 18px; line-height: 1.45; font-weight: 600; letter-spacing: 0; overflow-wrap: anywhere; }
#compact-empty-price { margin: -10px 0 18px; color: var(--muted); font-size: 14px; }
#compact-empty .button { margin: 0; min-height: 44px; }
.empty-options { margin-top: 8px; font-size: 14px; }
.empty-options summary { width: max-content; min-height: 44px; padding: 12px 2px; cursor: pointer; color: var(--pink-dark); font-weight: 600; }
.empty-options summary:focus-visible { outline: 2px solid var(--pink-dark); outline-offset: 2px; }
.empty-option-actions { display: grid; justify-items: start; gap: 0; padding: 0 0 8px; }
#compact-empty .empty-option-note { margin: 0 0 6px; max-width: 100%; font-size: 14px; }
@media(max-width:760px) { #compact-empty .button { width: 100%; justify-content: center; } }
