/* Radar feedback and actions; page-only, using the existing theme tokens. */
.vm-rdr-feedback {
    margin: .65rem 1rem;
    color: var(--vm-text-muted, #64748b);
    font-size: .82rem;
    line-height: 1.5;
    text-align: left !important;
    overflow-wrap: anywhere;
}
.vm-rdr-feedback--error {
    color: var(--vm-text-primary, #0f172a);
    background: var(--vm-bg-secondary, #f1f5f9);
    border-left: 3px solid #d97706;
    padding: .65rem .8rem;
    border-radius: .25rem;
}
.vm-rdr-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1rem 1rem;
}
.vm-rdr-page .vm-rdr-action {
    min-height: 44px;
    min-width: 44px;
    padding: .55rem .85rem;
    border: 1px solid var(--vm-border-color, #cbd5e1);
    border-radius: .5rem;
    background: var(--vm-bg-primary, #fff);
    color: var(--vm-text-primary, #0f172a);
    font: inherit;
    font-size: .85rem;
    line-height: 1.25;
    cursor: pointer;
}
.vm-rdr-page .vm-rdr-action:hover { background: var(--vm-bg-secondary, #f1f5f9); }
.vm-rdr-page .vm-rdr-action:disabled,
.vm-rdr-page button:disabled { opacity: .5; cursor: default; }
.vm-rdr-page .vm-rdr-action[hidden],
.vm-rdr-page .vm-rdr-feedback[hidden] { display: none !important; }
.vm-rdr-page button:focus-visible,
.vm-rdr-page input:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.vm-rdr-page .vm-rdr-time-note {
    margin: .65rem 1rem;
    color: var(--vm-text-muted, #64748b);
    font-size: .8rem;
    line-height: 1.5;
    text-align: left !important;
}
.vm-rdr-player__time { flex-wrap: wrap; }
.vm-rdr-player__time #vm-rdr-time-text { white-space: normal; }
@media (max-width: 480px) {
    .vm-rdr-page .vm-rdr-latest { grid-template-columns: auto 1fr; }
    .vm-rdr-page .vm-rdr-latest__age { grid-column: 2; }
    .vm-rdr-player__time { max-width: 12rem; }
}