/* Shared, scoped model-comparison controls for VP and VM. */
.vp-emc { margin: 0 0 12px; color: var(--rhmz-text-primary, #1e293b); min-width: 0; }
.vp-emc__controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.vp-emc__switch { display: inline-flex; flex-wrap: wrap; gap: 3px; padding: 3px; border: 1px solid var(--rhmz-card-border, #dbe3ee); border-radius: 12px; background: var(--rhmz-detail-bg, #f1f5f9); }
.vp-emc__switch button { appearance: none; min-height: 38px; padding: 7px 13px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: 12px; font-weight: 650; line-height: 1.3; cursor: pointer; }
.vp-emc__switch button[aria-pressed="true"] { background: #4f46e5; color: #fff; }
.vp-emc__switch button:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
.vp-emc__note { margin: 7px 0 0; color: var(--rhmz-text-secondary, #64748b); font-size: 11px; line-height: 1.55; }
[data-theme="dark"] .vp-emc { color: var(--rhmz-text-primary, #e5edf7); }
[data-theme="dark"] .vp-emc__switch { background: var(--rhmz-detail-bg, #273449); border-color: var(--rhmz-card-border, #3b4a62); }
[data-theme="dark"] .vp-emc__note { color: var(--rhmz-text-secondary, #a9b7ca); }
@media (max-width: 420px) { .vp-emc__switch button { padding-inline: 9px; } }
@media (pointer: coarse) { .vp-emc__switch button { min-height: 44px; } }
@media (forced-colors: active) {
    .vp-emc__switch, .vp-emc__switch button { border-color: ButtonText; }
    .vp-emc__switch button[aria-pressed="true"] { background: Highlight; color: HighlightText; border-color: Highlight; forced-color-adjust: none; }
}