/**
 * Admin Theme CSS Variables
 * Sistema unificato di colori per tutte le pagine admin
 * Usa le CSS variables caricate da global-theme-loader.js e admin-theme-loader.js
 */

:root {
    /* Colori principali (sovrascritti dinamicamente) */
    --primary-color: #3b82f6;
    --secondary-color: #6366f1;
    --accent-color: #10b981;
    
    /* Colori admin specifici */
    --admin-primary: var(--primary-color);
    --admin-secondary: var(--secondary-color);
    --admin-accent: var(--accent-color);
    
    /* Sfumature primary (generate dinamicamente) */
    --primary-50: rgba(59, 130, 246, 0.05);
    --primary-100: rgba(59, 130, 246, 0.1);
    --primary-200: rgba(59, 130, 246, 0.2);
    --primary-500: var(--primary-color);
    --primary-600: var(--primary-color);
    --primary-700: var(--primary-color);
}

/* Bottoni primari */
.btn-primary,
button.bg-blue-500,
button.bg-blue-600,
a.bg-blue-500,
a.bg-blue-600 {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover,
button.bg-blue-500:hover,
button.bg-blue-600:hover,
button.hover\:bg-blue-600:hover,
a.bg-blue-500:hover,
a.bg-blue-600:hover {
    background-color: var(--primary-color) !important;
    filter: brightness(0.9);
}

/* Testi primari */
.text-blue-500,
.text-blue-600,
.text-blue-700 {
    color: var(--primary-color) !important;
}

.text-blue-100 {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Bordi primari */
.border-blue-200,
.border-blue-500,
.border-blue-600 {
    border-color: var(--primary-color) !important;
}

/* Sfondi primari chiari */
.bg-blue-50 {
    background-color: var(--primary-50) !important;
}

.bg-blue-100 {
    background-color: var(--primary-100) !important;
}

/* Focus rings */
.focus\:ring-blue-500:focus,
.focus\:border-blue-500:focus {
    --tw-ring-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Spinner e loader */
.border-blue-600 {
    border-color: var(--primary-color) !important;
}

/* Active states */
.active.bg-blue-500,
button.active {
    background-color: var(--primary-color) !important;
}

/* Date filter buttons */
.date-filter-btn.bg-blue-50 {
    background-color: var(--primary-50) !important;
}

.date-filter-btn.text-blue-600 {
    color: var(--primary-color) !important;
}

.date-filter-btn.hover\:bg-blue-100:hover {
    background-color: var(--primary-100) !important;
}

.date-filter-btn.border-blue-200 {
    border-color: var(--primary-200) !important;
}

/* Badge e status */
.bg-blue-100.text-blue-800 {
    background-color: var(--primary-100) !important;
    color: var(--primary-color) !important;
}

/* Links */
a.text-blue-600:not(.btn) {
    color: var(--primary-color) !important;
}

a.text-blue-600:hover:not(.btn),
a.hover\:text-blue-700:hover:not(.btn) {
    color: var(--primary-color) !important;
    filter: brightness(0.8);
}

/* Icons */
i.text-blue-500,
i.text-blue-600 {
    color: var(--primary-color) !important;
}

/* Gradient headers */
.gradient-header {
    background: linear-gradient(to right, var(--primary-color), var(--accent-color)) !important;
}

/* Business logo styling */
.business-logo {
    transition: transform 0.2s ease;
}

.business-logo:hover {
    transform: scale(1.1);
}

/* Business name styling */
.business-name {
    font-weight: 600;
    color: inherit;
}

/* Override inline styles con colori hard-coded */
[style*="#3b82f6"],
[style*="#2563eb"],
[style*="#1e40af"] {
    /* Questi saranno sovrascritti da admin-theme-loader.js */
}

/* Sidebar brand logo */
.sidebar-brand .business-logo {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

/* Mobile header logo */
.mobile-header .business-logo {
    font-size: 1.25rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .business-name {
        font-size: 0.875rem;
    }
}