/* ═══════════════════════════════════════════════════════════════════
   M4 STREAMLINE - Micro-interactions (COMPLETE FIX - No Dropdown Shake)
   ═══════════════════════════════════════════════════════════════════ */

/* CRITICAL: Completely disable ALL transforms and transitions on dropdowns */
[id*="actions"],
[id*="-actions-"],
.origin-top-right,
.origin-top-left,
[class*="absolute"][class*="z-"],
.fixed.w-48,
[role="menu"] {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* Also disable on all children of dropdowns */
[id*="actions"] *,
[id*="-actions-"] *,
.origin-top-right *,
.origin-top-left *,
[class*="absolute"][class*="z-"] *,
.fixed.w-48 *,
[role="menu"] * {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* Disable hover effects on dropdown items */
[id*="actions"] button:hover,
[id*="-actions-"] button:hover,
[role="menu"] button:hover {
    transform: none !important;
    transition: background-color 0.1s ease !important;
}

/* Disable all transforms on table rows */
table tr,
table tr *,
tbody tr,
tbody tr * {
    transform: none !important;
}

/* Table row hover lift - shadow only, NO transform to keep dropdowns stable */
tbody tr:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

.dark tbody tr:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

/* Safe button hover - shadow only, NO transform */
button:not(:disabled):not([id*="actions"]):hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Teal button glow */
button.bg-teal-600:hover {
    background-color: #0d9488 !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
}

/* Input focus */
input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: #14b8a6;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Checkbox animation */
input[type="checkbox"]:checked {
    animation: checkBounce 0.3s ease;
}

@keyframes checkBounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Modal fade */
.modal-content {
    animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Shimmer loading */
@keyframes shimmer {
    0% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}

.shimmer {
    animation: shimmer 2s infinite linear;
    background: linear-gradient(90deg, #f0f0f0 0%, #e0e0e0 20%, #f0f0f0 40%, #f0f0f0 100%);
    background-size: 1000px 100%;
}

.dark .shimmer {
    background: linear-gradient(90deg, #374151 0%, #4b5563 20%, #374151 40%, #374151 100%);
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}