/* SMOOTH ANIMATIONS - Less eye strain */

/* ANTI-EPILEPTIC: Prevent all fast blinking and flashing */
*, *:before, *:after {
    animation-duration: 1s !important; /* Force all animations to be slow */
    transition-duration: 0.8s !important; /* Force all transitions to be slow */
}

/* Extra slow transitions for problematic elements */
.add-btn, 
button, 
.btn,
.schedule-cell button,
.employee-card,
.shift-tab {
    transition: all 1.2s ease !important; /* VERY slow animation */
    animation-duration: 1.5s !important; /* VERY slow */
}

/* Gentle hover effects for add buttons */
.add-btn:hover {
    background: #38a169 !important; /* Darker green but gentle */
    transform: none !important; /* No jumping/scaling */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; /* Subtle shadow */
}

/* Smooth employee card hover */
.employee-card:hover {
    transform: translateY(-1px) !important; /* Very subtle lift */
    box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important; /* Gentle shadow */
}

/* Calm shift tab transitions */
.shift-tab {
    transition: all 0.5s ease !important;
}

.shift-tab:hover {
    background: rgba(255,255,255,0.1) !important;
    transform: none !important; /* No movement */
}

/* Gentle button press effects */
button:active, .btn:active, .add-btn:active {
    transform: scale(0.98) !important; /* Very slight press effect */
    transition: all 0.1s ease !important; /* Quick but not jarring */
}

/* Remove any aggressive animations */
* {
    animation-duration: 0.5s !important; /* Slower base animations */
}

/* Smooth modal transitions */
.modal {
    transition: opacity 0.4s ease !important;
}

/* Gentle focus effects */
button:focus, input:focus, .btn:focus {
    outline: 2px solid rgba(66, 153, 225, 0.5) !important;
    outline-offset: 2px !important;
    transition: outline 0.3s ease !important;
}

/* Reduce flicker on table cells */
.schedule-cell {
    transition: background-color 0.4s ease !important;
}

.schedule-cell:hover {
    background-color: rgba(255,255,255,0.05) !important;
}

/* Special styles for schedule table buttons */
.schedule-table .add-btn {
    transition: all 0.7s ease !important; /* Extra slow for these buttons */
    transform: none !important; /* Never move these buttons */
}

.schedule-table .add-btn:hover {
    background: #38a169 !important;
    transform: none !important; /* Keep them still */
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important; /* Very subtle shadow */
}

/* Calm down table row hover effects */
.schedule-table tr:hover td {
    background-color: rgba(255,255,255,0.03) !important; /* Very subtle */
    transition: background-color 0.5s ease !important;
}

/* Disable aggressive hover on table */
.schedule-table tr {
    transition: all 0.5s ease !important;
}

/* ANTI-EPILEPTIC PROTECTION */
/* Disable all rapid state changes */
.add-btn:hover, .add-btn:focus, .add-btn:active {
    transition: all 1.5s ease !important; /* Super slow hover */
}

/* Prevent rapid appearing/disappearing */
.schedule-table .add-btn {
    opacity: 1 !important; /* Always visible */
    visibility: visible !important; /* Never hidden */
    transition: background-color 1.2s ease !important; /* Only color changes slowly */
    transform: none !important; /* Never move */
}

/* Force stability for all interactive elements */
button, .btn, .add-btn {
    will-change: auto !important; /* Prevent GPU acceleration flicker */
    backface-visibility: visible !important;
}

/* Prevent table cell flashing */
.schedule-table td {
    transition: background-color 1s ease !important;
}

/* Calm down any remaining animations */
/* Global animation override */
* {
    animation-duration: 2s !important;
    animation-timing-function: ease !important;
}