/* Admin Dashboard Custom Styles */

:root {
    --primary-color: #0d6efd;
    --sidebar-bg: #0f172a;
}

body {
    background-color: #f8fafc;
    font-family: 'Figtree', sans-serif;
}

/* Custom scrollbar for sidebar */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Global Input Styles - Premium UI */
:where(input[type="text"]:not(.bg-transparent), 
input[type="email"], 
input[type="password"], 
input[type="number"], 
input[type="url"], 
input[type="tel"], 
input[type="date"],
textarea, 
select) {
    background-color: #f9fafb !important;
    border: 1px solid #f3f4f6 !important;
    border-radius: 0.75rem !important;
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 600 !important;
    color: #1f2937 !important;
    font-size: 0.875rem !important;
    transition: all 0.2s ease-in-out !important;
}

input:focus, textarea:focus, select:focus {
    background-color: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.05) !important;
    outline: none !important;
}

label {
    display: block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    margin-bottom: 0.5rem !important;
}

/* Fix for search bar in header */
.bg-transparent {
    background-color: transparent !important;
}