.av-record-preview {
    position: fixed;
    z-index: 1080;
    width: 360px;
    max-width: calc(100vw - 24px);
    overflow: auto;
    background: var(--av-surface);
    color: var(--av-color-text);
    border: 1px solid var(--av-color-border);
    border-radius: 14px;
    box-shadow: 0 12px 40px color-mix(in srgb, var(--av-color-text) 18%, transparent);
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.av-record-preview-bar { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px 8px 18px; background: var(--av-page); color: var(--av-color-text-muted); font-size: 12px; }
.av-record-preview-bar button { border: 0; border-radius: 6px; background: transparent; color: inherit; font-size: 24px; line-height: 1; width: 32px; height: 32px; }
.av-record-preview a:focus-visible, .av-record-preview button:focus-visible { outline: 2px solid var(--av-color-primary); outline-offset: 2px; }
.av-record-preview-body { padding: 18px; }
.av-record-preview-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.av-record-preview-icon { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 10px; background: var(--av-blue-50); color: var(--av-color-primary); }
.av-record-preview-title { font-weight: 600; font-size: 16px; }
.av-record-preview-meta { color: var(--av-color-text-muted); font-size: 12px; }
.av-record-preview-links { display: grid; gap: 8px; }
.av-record-preview-contact { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--av-color-border); }
.av-record-preview-contact strong { display: block; margin-bottom: 8px; }
.av-record-preview-footer { display: block; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--av-color-border); font-weight: 500; }
@media print { .av-record-preview { display: none; } }