/* Admin-specific CSS styles */
.admin-header {
    background-color: #1a202c;
}

.admin-sidebar {
    background-color: #1a202c;
}

/* Override any specific admin styles here */
.brand {
    --color-brand: #db2777;
    --color-brand-light: #f9a8d4;
    --color-brand-dark: #9d174d;
}

/* Button styles for admin */
.bg-brand {
    background-color: var(--color-brand);
}

.text-brand {
    color: var(--color-brand);
}

.hover\:text-brand-dark:hover {
    color: var(--color-brand-dark);
}

/* Admin specific components */
.admin-card {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.dark .admin-card {
    background: #374151;
}

/* Form elements */
.admin-input {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    background-color: #f9fafb;
}

.dark .admin-input {
    background-color: #374151;
    border-color: #4b5563;
    color: #f3f4f6;
}

/* Status indicators */
.status-active {
    background-color: #10b981;
    color: white;
}

.status-inactive {
    background-color: #ef4444;
    color: white;
}