/* Compatibility adapters for retained interfaces. Vendor Bootstrap files stay
   untouched; these hooks apply only to explicitly opted-in legacy pages. */
body.hn-page-legacy-chat {
    --bg-main: var(--ui-bg);
    --bg-client: var(--ui-panel);
    --bg-message: var(--ui-chat-bg);
    --bg-card: var(--ui-panel);
    --bg-messages-client: var(--ui-primary-soft);
    --bg-messages-manager: var(--ui-panel-raised);
    --bg-messages-system: var(--ui-warning-bg);
    --bg-secondary: var(--ui-panel-soft);
    --bg-hover: var(--ui-panel-raised);
    --text-light: var(--ui-text);
}
.hn-page-legacy-web :is(.employee-card, .unique-card, .chat-card, .notification-item, .notifications-page),
.hn-page-notifications :is(.notifications-page, .notification-item, .modal-content) {
    background: var(--ui-panel);
    color: var(--ui-text);
    border-color: var(--ui-border);
    border-radius: var(--ui-radius);
}
.hn-page-legacy-web :is(.section-title, .chat-header, .chat-body),
.hn-page-notifications :is(h1, h2, h3) { color: var(--ui-text); }
.hn-page-notifications :is(.create-btn, .close-btn),
.hn-page-legacy-web :is(.create-notification .btn, .btn-primary) {
    background: var(--ui-primary);
    color: var(--ui-on-primary);
    border-color: var(--ui-primary);
    border-radius: var(--ui-radius-control);
}
.hn-page-notifications .delete-btn,
.hn-page-legacy-web .delete-btn { background: var(--ui-danger-bg); color: var(--ui-danger); border-color: var(--ui-danger-border); }