/* Cores Primárias Personalizadas */
:root {
    --brand-primary: #fb923c;
    --brand-secondary: #fb923c;
    --brand-primary-light: #ffba64;
    --brand-primary-dark: #e77e28;
    --brand-primary-darker: #d36a14;
}

/* Botões Primários */
.btn-primary,
.bg-orange-500,
button[type="submit"]:not(.bg-red-500):not(.bg-gray-500):not(.bg-blue-500):not(.bg-green-500) {
    background: linear-gradient(to left, #fb923c, #fb923c) !important;}

/* Hover em Botões */
.btn-primary:hover,
.bg-orange-500:hover,
button[type="submit"]:hover:not(.bg-red-500):not(.bg-gray-500):not(.bg-blue-500):not(.bg-green-500) {
        background: linear-gradient(to left, #ffba64, #fb923c) !important;
    }

/* Links Ativos e Destaques */
.text-orange-500,
.text-orange-600,
.text-orange-700 {
    color: #fb923c !important;
}

/* Bordas */
.border-orange-500,
.border-orange-600 {
    border-color: #fb923c !important;
}

/* Backgrounds Claros */
.bg-orange-50,
.bg-orange-100 {
    background-color: #fb923c15 !important;
}

/* Hover em Links do Menu */
.hover\:bg-orange-100:hover,
.hover\:text-orange-700:hover {
    background-color: #fb923c20 !important;
    color: #e77e28 !important;
}

/* Menu Lateral Ativo */
.admin-sidebar-active-link,
.sidebar-active-link {
        background: linear-gradient(to right, #fb923c 0%, #fb923c 100%) !important;
        box-shadow: 0 4px 15px #fb923c40 !important;
}

.admin-sidebar-active-link::after,
.sidebar-active-link::after {
    background-color: #fb923c !important;
    box-shadow: 0 0 10px #fb923c, 0 0 20px #fb923c !important;
}

/* Badges e Tags */
.bg-orange-500\/20 {
    background-color: #fb923c33 !important;
}

.border-orange-500\/30 {
    border-color: #fb923c4D !important;
}

/* Gradientes de Texto */
.bg-gradient-to-r.from-orange-400.to-orange-200 {
    background: linear-gradient(to right, #ffba64, #fb923cCC) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* Sombras */
.shadow-orange-500\/30,
.shadow-orange-500\/40 {
    box-shadow: 0 10px 15px -3px #fb923c4D, 0 4px 6px -2px #fb923c33 !important;
}

/* Focus em Inputs */
.modern-input:focus {
    border-color: #fb923c !important;
    box-shadow: 0 4px 20px -2px #fb923c26 !important;
}

.modern-input:focus + .input-icon,
.modern-input:focus ~ .input-icon {
    color: #fb923c !important;
}

/* Checkbox Customizado */
.custom-checkbox input:checked + div {
    background-color: #fb923c !important;
    border-color: #fb923c !important;
}

/* Notificações */
.notification-badge {
    background-color: #fb923c !important;
}

/* Ring Focus */
.peer-focus\:ring-orange-200:focus,
.focus\:ring-orange-200:focus {
    --tw-ring-color: #fb923c33 !important;
}

/* Hover em Bordas */
.group-hover\:border-orange-400:hover {
    border-color: #ffba64 !important;
}

/* Meta Tag Theme Color */
meta[name="theme-color"] {
    content: "#fb923c" !important;
}

/* Gradiente em Botões */
.btn-primary::before {
        background: linear-gradient(135deg, #ffba64 0%, #fb923c 100%) !important;
    }

/* Tailwind Config Override */
.bg-orange-600 {
    background-color: #fb923c !important;
}

.text-orange-400 {
    color: #ffba64 !important;
}

/* Cor Secundária em Elementos Específicos */
.bg-orange-600,
.text-orange-600 {
    background-color: #fb923c !important;
}

/* Hover com Cor Secundária */
.hover\:bg-orange-600:hover {
    background-color: #fb923c !important;
}

/* Bordas com Cor Secundária */
.border-orange-600 {
    border-color: #fb923c !important;
}

/* Sombras com Cor Secundária */
.shadow-orange-600\/30 {
    box-shadow: 0 10px 15px -3px #fb923c4D, 0 4px 6px -2px #fb923c33 !important;
}

/* Notificação Card Border */
.border-l-4.border-orange-500 {
    border-left-color: #fb923c !important;
}

/* PWA Splash Screen */
.bg-slate-900 {
    /* Mantém o fundo escuro */
}

/* Ícones do Menu Lateral - Lucide Icons */
.admin-sidebar-active-link i[data-lucide],
.admin-sidebar-active-link svg,
.sidebar-active-link i[data-lucide],
.sidebar-active-link svg {
    color: white !important;
    stroke: white !important;
}

/* Span do Menu Ativo */
.admin-sidebar-active-link span,
.sidebar-active-link span {
    color: white !important;
}

/* Badge "PAINEL ADMIN" */
.text-orange-600.bg-orange-100 {
    color: #fb923c !important;
    background-color: #fb923c15 !important;
}

/* Botão "Salvar Configurações" */
.bg-black {
    background-color: #000000 !important;
}

/* Botão "Restaurar Padrão" com borda */
.border-gray-300 {
    border-color: #d1d5db !important;
}

/* Inputs de Cor */
input[type="color"] {
    cursor: pointer;
}

/* Preview do Gradiente */
.rounded-lg.h-20 {
    border-radius: 0.5rem;
}

/* Checkbox de Gradiente */
input[type="checkbox"]:checked {
    background-color: #fb923c !important;
    border-color: #fb923c !important;
}

/* ===== ÍCONES DO DASHBOARD - Cor Primária do Admin ===== */
.stat-icon-box {
    /* Fundo removido para deixar apenas o ícone sem quadrado colorido */
}

/* Forçar cor nos ícones Lucide SVG */
.stat-icon-box svg,
.stat-icon-box svg path,
.stat-icon-box svg line,
.stat-icon-box svg polyline,
.stat-icon-box svg polygon,
.stat-icon-box svg rect,
.stat-icon-box svg circle,
.stat-icon-box svg ellipse {
    color: #fb923c !important;
    stroke: #fb923c !important;
}

.stat-icon-box i[data-lucide],
.stat-icon-box [data-lucide] {
    color: #fb923c !important;
}

/* Textos brancos para fundo escuro */
.stat-value-modern {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.stat-label-modern {
    color: #94a3b8 !important;
}

/* Títulos e textos em fundo escuro */
.section-title-modern,
.chart-title-modern {
    color: #f1f5f9 !important;
}

/* Barra de progresso e decorações */
.stat-card-modern::before,
.section-title-modern::before {
    background: linear-gradient(90deg, #fb923c, #fb923c) !important;
}

.stat-card-modern:hover {
    box-shadow: 0 20px 40px -10px #fb923c4D !important;
    border-color: #fb923c4D !important;
}

/* Botões de filtro ativos */
.filter-btn-modern.active {
    background: linear-gradient(135deg, #fb923c, #fb923c) !important;
}

/* ===== REMOVER FUNDO COLORIDO DOS ÍCONES SVG GLOBALMENTE ===== */
/* Remove qualquer fundo aplicado diretamente nos elementos SVG e ícones Lucide */
svg,
svg *,
i[data-lucide],
i[data-lucide] *,
[data-lucide],
[data-lucide] * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Remove fundo de containers de ícones no admin */
.dark svg,
.dark svg *,
.dark i[data-lucide],
.dark i[data-lucide] *,
.dark [data-lucide],
.dark [data-lucide] * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Força transparência em ícones dentro de cards de estatísticas */
.rounded-xl svg,
.rounded-xl i[data-lucide],
.rounded-lg svg,
.rounded-lg i[data-lucide],
.shadow-sm svg,
.shadow-sm i[data-lucide] {
    background: transparent !important;
    background-color: transparent !important;
}

/* Garantir que textos coloridos não tenham fundo */
.text-orange-500,
.text-orange-600,
.text-orange-400,
span.text-orange-500,
span.text-orange-600,
span.text-orange-400 {
    background: transparent !important;
    background-color: transparent !important;
}