/* Custom Admin Styling for AgroHouse */

/* GLOBAL STYLES (Always Applied) */
.unfold-sidebar-logo-text,
.unfold-logo span,
.unfold-header a span,
h1#site-name,
a.unfold-navbar-title {
    color: #10b981 !important; /* Emerald 500 */
    font-weight: 700 !important;
}

.unfold-tab-navigation a.unfold-tab {
    font-weight: 600;
}

/* Alert Notification Badge */
.pulse-animation {
    animation: alert-pulse 2s infinite cubic-bezier(0.4, 0, 0.6, 1);
}

@keyframes alert-pulse {
    0%, 100% { 
        opacity: 1; 
        transform: scale(1); 
        box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.4); 
    }
    50% { 
        opacity: .8; 
        transform: scale(1.15); 
        box-shadow: 0 0 0 8px rgba(244, 63, 94, 0); 
    }
}

.bg-rose-500 { background-color: #f43f5e !important; }
.text-rose-600 { color: #e11d48 !important; }
.dark .dark\:bg-rose-500\/10 { background-color: rgba(244, 63, 94, 0.1) !important; }
.bg-emerald-500 { background-color: #10b981 !important; }
.bg-amber-500 { background-color: #f59e0b !important; }

/* FORM-SPECIAL STYLES: Applied only on Add/Change pages */
/* Base Django uses .change-form and .add-form, Unfold uses similar structures */

.change-form input[type="text"],
.change-form input[type="password"],
.change-form input[type="email"],
.change-form input[type="number"],
.change-form select,
.change-form textarea {
    border: 1px solid #cbd5e1 !important; /* slate-300 */
    background-color: #ffffff !important;
    color: #0f172a !important; /* slate-900 */
    padding: 10px 14px !important;
    border-radius: 8px !important;
    width: 100% !important;
    display: block !important;
    margin-top: 4px !important;
    transition: all 0.2s ease;
}

/* ONLY FOR PASSWORD FIELD on Change pages: Decrease width */
.change-form input[type="password"] {
    max-width: 450px !important;
}

.change-form input:focus {
    border-color: #10b981 !important; /* Emerald 500 */
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.1) !important;
    outline: none !important;
}

/* Dark Mode on Change pages */
.dark .change-form input[type="text"],
.dark .change-form input[type="password"],
.dark .change-form input[type="email"],
.dark .change-form input[type="number"],
.dark .change-form select,
.dark .change-form textarea {
    border: 1px solid #334155 !important; /* slate-700 */
    background-color: #1e293b !important; /* slate-800 */
    color: #f8fafc !important; /* slate-50 */
}

/* Password Change Button Styling */
.password-change-button {
    display: inline-block !important;
    background-color: #ef4444 !important; /* red-500 */
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 6px !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    margin-left: 8px !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
}

.password-change-button:hover {
    background-color: #dc2626 !important; /* red-600 */
}