.vendor-records-signs { display:flex; flex-wrap:wrap; gap:.65rem; }
.vendor-records-signs button,
.vendor-records-page button { min-inline-size:2.75rem; min-block-size:2.75rem; font:inherit; }
.vendor-records-page { inline-size:min(58rem,100%); margin-inline:auto; padding:clamp(1rem,3vw,2rem); }
.vendor-records-page__return { margin-block-end:1rem; }
.vendor-records-page__status { min-block-size:1.5rem; }
.vendor-records-page__views,
.vendor-record-card__actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-block:.75rem; }
.vendor-records-page__views [aria-pressed="true"] { font-weight:700; text-decoration:underline; }
.vendor-record-card__actions button:disabled { opacity:.55; cursor:not-allowed; }
.vendor-records-page__list { display:grid; gap:1rem; }
.vendor-record-card,
.vendor-record-detail { border:1px solid rgb(64 87 100 / 25%); border-radius:.85rem; padding:1rem; background:var(--vendor-surface,#fff); }
.vendor-record-card h2,
.vendor-record-card p { margin-block:.25rem; }
.vendor-record-card__state { font-weight:700; }
.vendor-records-page__empty,
.vendor-records-page__unknown { padding:1rem; border-radius:.75rem; background:rgb(64 87 100 / 8%); }
.vendor-record-detail dl { display:grid; grid-template-columns:max-content 1fr; gap:.5rem 1rem; }
.vendor-record-detail dt { font-weight:700; }
.vendor-record-detail dd { margin:0; overflow-wrap:anywhere; }
.vendor-records-page :focus-visible,
.vendor-records-signs :focus-visible { outline:3px solid #0b6fa4; outline-offset:2px; }
@media (max-width:34rem){.vendor-record-detail dl{grid-template-columns:1fr;}.vendor-record-detail dd{margin-block-end:.5rem;}}