/* Norma visual global: botones, campos y cajones se elevan sin desplazar el layout. */
:root {
    --ui-hover-lift-transform: translateY(-4px) scale(1.025);
    --ui-hover-focus-transform: translateY(-3px) scale(1.02);
    --ui-hover-lift-shadow:
        0 15px 30px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(250, 204, 21, 0.12),
        0 0 18px rgba(250, 204, 21, 0.14);
}

@media (hover: hover) and (pointer: fine) {
    :is(
        button:not(:disabled),
        [role="button"],
        .btn-action,
        .btn-epic,
        .btn-save-mini,
        .btn-baja,
        .btn-reactivar,
        .btn-baja-user,
        .btn-reactivar-user,
        .reports-row-action,
        .search-clear-btn,
        .ocr-icon-btn,
        .sidebar-context-btn,
        .sidebar-user-card,
        .custom-select-trigger,
        .select-field,
        .input-dato,
        .toolbar-select,
        .auth-field input:not([type="hidden"]):not(:disabled),
        .auth-field select:not(:disabled),
        .auth-field textarea:not(:disabled),
        .access-notes-textarea:not(:disabled),
        .account-detail-metric-input,
        .entity-card,
        .account-switcher-chip,
        .collector-toggle-card,
        .collector-stat-chip,
        .collector-detail-item,
        .collector-bot-meta-item,
        .collector-summary-card,
        .collector-series-item,
        .collector-top-account-item,
        .collector-resolution-item,
        .collector-run-item,
        .collector-run-event-item,
        .collector-event-item,
        .collector-reading-item,
        .collector-guild-members-row,
        .collector-bot-account-list-item,
        .collector-credential-store-card,
        .collector-client-shield-chip,
        .collector-client-shield-renewal-card,
        .collector-bot-command-card,
        .collector-bot-audit-item,
        .collector-construction-preference-card,
        .collector-construction-resource-mode-field,
        .collector-construction-availability-card,
        .collector-construction-available-chip,
        .collector-construction-gems-toggle,
        .collector-construction-gems-limit,
        .collector-construction-speedup-chip,
        .collector-construction-resource-chip,
        .collector-construction-queue-chip,
        .collector-research-resource-chip,
        .collector-research-speedup-chip,
        .collector-development-observation-card,
        .collector-development-signal-toggle,
        .stats-loads-chip,
        .stats-kpi-card,
        .stats-guild-item,
        .stats-collector-summary-card,
        .stats-collector-series-item,
        .stats-collector-top-item,
        .stats-collector-recent-item,
        .whatsapp-detail-item,
        .whatsapp-guide-item,
        .whatsapp-group-item,
        .whatsapp-guild-summary-item,
        .report-message-card,
        .upload-result-card,
        .upload-incident-card
    ) {
        transform: translateZ(0);
        transition:
            transform 0.18s ease,
            border-color 0.18s ease,
            background 0.18s ease,
            box-shadow 0.18s ease,
            filter 0.18s ease,
            color 0.18s ease;
    }

    :is(
        button:not(:disabled),
        [role="button"],
        .btn-action,
        .btn-epic,
        .btn-save-mini,
        .btn-baja,
        .btn-reactivar,
        .btn-baja-user,
        .btn-reactivar-user,
        .reports-row-action,
        .search-clear-btn,
        .ocr-icon-btn,
        .sidebar-context-btn,
        .sidebar-user-card,
        .custom-select-trigger,
        .select-field,
        .input-dato,
        .toolbar-select,
        .auth-field input:not([type="hidden"]):not(:disabled),
        .auth-field select:not(:disabled),
        .auth-field textarea:not(:disabled),
        .access-notes-textarea:not(:disabled),
        .account-detail-metric-input,
        .entity-card,
        .account-switcher-chip,
        .collector-toggle-card,
        .collector-stat-chip,
        .collector-detail-item,
        .collector-bot-meta-item,
        .collector-summary-card,
        .collector-series-item,
        .collector-top-account-item,
        .collector-resolution-item,
        .collector-run-item,
        .collector-run-event-item,
        .collector-event-item,
        .collector-reading-item,
        .collector-guild-members-row,
        .collector-bot-account-list-item,
        .collector-credential-store-card,
        .collector-client-shield-chip,
        .collector-client-shield-renewal-card,
        .collector-bot-command-card,
        .collector-bot-audit-item,
        .collector-construction-preference-card,
        .collector-construction-resource-mode-field,
        .collector-construction-availability-card,
        .collector-construction-available-chip,
        .collector-construction-gems-toggle,
        .collector-construction-gems-limit,
        .collector-construction-speedup-chip,
        .collector-construction-resource-chip,
        .collector-construction-queue-chip,
        .collector-research-resource-chip,
        .collector-research-speedup-chip,
        .collector-development-observation-card,
        .collector-development-signal-toggle,
        .stats-loads-chip,
        .stats-kpi-card,
        .stats-guild-item,
        .stats-collector-summary-card,
        .stats-collector-series-item,
        .stats-collector-top-item,
        .stats-collector-recent-item,
        .whatsapp-detail-item,
        .whatsapp-guide-item,
        .whatsapp-group-item,
        .whatsapp-guild-summary-item,
        .report-message-card,
        .upload-result-card,
        .upload-incident-card
    ):hover {
        z-index: 8;
        transform: var(--ui-hover-lift-transform);
        filter: brightness(1.08);
        box-shadow: var(--ui-hover-lift-shadow);
    }

    :is(
        button:not(:disabled),
        [role="button"],
        .custom-select-trigger,
        .select-field,
        .input-dato,
        .toolbar-select,
        .auth-field input:not([type="hidden"]):not(:disabled),
        .auth-field select:not(:disabled),
        .auth-field textarea:not(:disabled),
        .access-notes-textarea:not(:disabled),
        .account-detail-metric-input,
        .collector-toggle-card,
        .collector-construction-gems-toggle,
        .collector-construction-gems-limit,
        .collector-development-signal-toggle
    ):focus-visible,
    :is(
        .collector-toggle-card,
        .collector-construction-gems-toggle,
        .collector-construction-gems-limit,
        .collector-development-signal-toggle
    ):focus-within {
        z-index: 9;
        transform: var(--ui-hover-focus-transform);
        box-shadow: var(--ui-hover-lift-shadow);
    }
}

@media (hover: hover) and (pointer: fine) {
    #accessUsersList > .access-user-card:hover,
    #accessUsersList > .access-user-card:focus-within {
        z-index: 1;
        transform: none;
        filter: brightness(1.04);
        box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.08);
    }

    #accessUsersList > .access-user-card.is-inactive:hover,
    #accessUsersList > .access-user-card.is-inactive:focus-within {
        filter: grayscale(0.22) brightness(1.04);
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(
        button:not(:disabled),
        [role="button"],
        .custom-select-trigger,
        .select-field,
        .input-dato,
        .toolbar-select,
        .auth-field input:not([type="hidden"]):not(:disabled),
        .auth-field select:not(:disabled),
        .auth-field textarea:not(:disabled),
        .access-notes-textarea:not(:disabled),
        .entity-card,
        .account-switcher-chip,
        .collector-toggle-card,
        .collector-stat-chip,
        .collector-construction-availability-card,
        .collector-construction-available-chip,
        .collector-construction-gems-toggle,
        .collector-construction-gems-limit,
        .collector-construction-speedup-chip,
        .collector-construction-resource-chip,
        .collector-construction-queue-chip,
        .collector-research-resource-chip,
        .collector-research-speedup-chip
    ):hover,
    :is(
        button:not(:disabled),
        [role="button"],
        .custom-select-trigger,
        .select-field,
        .input-dato,
        .toolbar-select,
        .auth-field input:not([type="hidden"]):not(:disabled),
        .auth-field select:not(:disabled),
        .auth-field textarea:not(:disabled),
        .access-notes-textarea:not(:disabled),
        .collector-toggle-card,
        .collector-construction-gems-toggle,
        .collector-construction-gems-limit
    ):focus-visible {
        transform: none;
    }
}