/* Header search suggestions (I-03). NOT generated: hand-written, tokens only, loaded with the ported header. The panel itself (.dv-suggest,
   __group, __row, __cat, __empty) comes from the header bundle; this file adds what the live endpoint needs: cover fallback, loading skeleton,
   the "See all results" row and the status line. Square corners (2 px token), 2 px marker on the active row. */
.dv-chrome .dv-suggest { list-style: none; }
.dv-chrome .dv-suggest .dv-list { margin: 0; padding: 0; list-style: none; }
.dv-chrome .dv-suggest li { list-style: none; }
.dv-chrome .dv-suggest__row { color: inherit; }
.dv-chrome .dv-suggest__row:focus-visible, .dv-chrome .dv-suggest__cat:focus-visible { outline: var(--s-ring-w) solid var(--s-focus-on-light); outline-offset: calc(-1 * var(--s-ring-w)); }
.dv-chrome .dv-suggest__cat { color: inherit; }
.dv-chrome .dv-suggest__cat[aria-selected="true"] { background: var(--s-surface-tint); box-shadow: inset var(--s-rule-w-2) 0 0 var(--s-text); }
.dv-chrome .dv-suggest__all { border-block-start: var(--s-rule-w) solid var(--s-rule); margin-block-start: var(--s-sp-1); font-weight: 600; }
.dv-chrome .dv-suggest__nocover { display: block; width: var(--c-cover-ac); height: var(--c-cover-ac); background: var(--c-nocover-bg); border-radius: var(--s-radius); }
.dv-chrome .dv-suggest__name { min-width: 0; }
.dv-chrome .dv-suggest__loading { display: grid; gap: var(--s-sp-1); padding: var(--s-sp-2) var(--s-sp-4); }
.dv-chrome .dv-suggest__skel { display: grid; grid-template-columns: var(--c-cover-ac) 1fr; gap: var(--s-sp-3); align-items: center; min-height: var(--s-target); }
.dv-chrome .dv-suggest__skel-cover { width: var(--c-cover-ac); height: var(--c-cover-ac); }
.dv-chrome .dv-suggest[aria-busy="true"] { pointer-events: none; }
@media (max-width: 767px) { .dv-chrome .dv-suggest { max-height: 60dvh; } }