/* ==================================================
   Zenith Configuration - Minimal Custom Styles
   Works with AdminLTE native functionality
   https://adminlte.io/docs/3.1//index.html
   ================================================== */

/* ==================================================
   ENVIRONMENT BADGE
   ================================================== */
.environment-badge {
    border-radius: 50px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
    animation: pulse 2s infinite;
}

.environment-badge.bg-success {
    background: linear-gradient(135deg, #27ae60, #229954) !important;
}

.environment-badge.bg-warning {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
}

.environment-badge.bg-danger {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
}

/* Pulse animation for environment badge */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(52, 152, 219, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0);
    }
}

/* User panel dropdown fixes */
.user-panel .dropdown-menu {
    position: fixed !important;
    z-index: 9999 !important;
    min-width: 200px !important;
    margin-top: 5px !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
    border-radius: 8px !important;
}

.user-panel .dropdown-item {
    padding: 8px 16px !important;
    font-size: 14px !important;
    text-align:right;
}

.user-panel .dropdown-item:hover {
    background-color: #f8f9fa !important;
}

/* Ensure dropdown appears above sidebar */
.user-panel {
    overflow: visible !important;
}

.user-panel .dropdown {
    position: relative !important;
}

/* ==================================================
   USER PANEL ENHANCEMENTS
   ================================================== */
.user-image {
    background: linear-gradient(135deg, #27ae60, #229954) !important;
}

/* ==================================================
   CONTENT ENHANCEMENTS
   ================================================== */
.content-header h1 {
    font-weight: 600 !important;
    color: #2c3e50 !important;
}

/* Better alerts */
.alert {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}

.alert-danger {
    background: linear-gradient(135deg, #fee, #fdd) !important;
    color: #e74c3c !important;
    border-left: 4px solid #e74c3c !important;
}

/* ==================================================
   BUTTON ENHANCEMENTS
   ================================================== */
.btn-primary {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3) !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #2980b9, #21618c) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4) !important;
}

/* ==================================================
   UTILITIES
   ================================================== */
.text-gradient {
    background: linear-gradient(135deg, #3498db, #2980b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}