/**
 * MeMude Theme - Custom Styles
 * Primary (Roxo): #5B49A0
 * Secondary/Accent (Rosa): #FF366B
 */

/* ===== GLOBAL OVERRIDES ===== */
.memude-theme {
    --primary-color: #5B49A0;
    --primary-dark: #473788;
    --primary-light: #7663B8;
    --accent-color: #FF366B;
    --accent-dark: #E62057;
}

/* ===== ÍCONES DOS CARDS DE CONFIGURAÇÃO ===== */
/* Fundo roxo, ícone rosa */
.memude-theme .flex.h-\[60px\].w-\[60px\].items-center.justify-center.rounded-lg,
.memude-theme .rounded-lg.bg-purple-100,
.memude-theme [class*="bg-purple-100"],
.memude-theme [class*="bg-violet-100"],
.memude-theme .icon-container {
    background-color: #5B49A0 !important;
}

.memude-theme .flex.h-\[60px\].w-\[60px\].items-center.justify-center.rounded-lg span,
.memude-theme .rounded-lg.bg-purple-100 span,
.memude-theme [class*="bg-purple-100"] span,
.memude-theme [class*="bg-violet-100"] span,
.memude-theme .icon-container span {
    color: #FF366B !important;
}

/* Cards de configuração - ícones */
.memude-theme .flex.gap-2\.5 > .flex.h-\[60px\].w-\[60px\] {
    background-color: #5B49A0 !important;
}

.memude-theme .flex.gap-2\.5 > .flex.h-\[60px\].w-\[60px\] span[class*="icon-"] {
    color: #FF366B !important;
}

/* Todos os ícones dentro de containers com bg colorido */
.memude-theme .bg-violet-100,
.memude-theme .bg-purple-100,
.memude-theme .bg-blue-100 {
    background-color: #5B49A0 !important;
}

.memude-theme .bg-violet-100 span,
.memude-theme .bg-purple-100 span,
.memude-theme .bg-blue-100 span,
.memude-theme .text-violet-700,
.memude-theme .text-purple-700,
.memude-theme .text-blue-700 {
    color: #FF366B !important;
}

/* ===== BOTÕES PRIMÁRIOS ===== */
.memude-theme .primary-button,
.memude-theme button.bg-blue-600,
.memude-theme button[class*="bg-blue-600"],
.memude-theme a.bg-blue-600,
.memude-theme .bg-blue-600,
.memude-theme .bg-brandColor {
    background-color: #5B49A0 !important;
    border-color: #5B49A0 !important;
}

.memude-theme .primary-button:hover,
.memude-theme button.bg-blue-600:hover,
.memude-theme button[class*="bg-blue-600"]:hover,
.memude-theme a.bg-blue-600:hover,
.memude-theme .bg-blue-600:hover,
.memude-theme .bg-brandColor:hover {
    background-color: #473788 !important;
    border-color: #473788 !important;
}

/* ===== LINKS E TEXTOS ===== */
.memude-theme .text-blue-600,
.memude-theme a.text-blue-600,
.memude-theme button.text-blue-600,
.memude-theme [class*="text-blue-600"],
.memude-theme .text-brandColor {
    color: #5B49A0 !important;
}

.memude-theme .text-blue-600:hover,
.memude-theme a.text-blue-600:hover {
    color: #473788 !important;
}

/* ===== BORDAS ===== */
.memude-theme .border-blue-600,
.memude-theme [class*="border-blue-600"],
.memude-theme .border-brandColor {
    border-color: #5B49A0 !important;
}

/* ===== FOCUS RINGS ===== */
.memude-theme input:focus,
.memude-theme select:focus,
.memude-theme textarea:focus,
.memude-theme button:focus {
    --tw-ring-color: rgba(91, 73, 160, 0.5) !important;
    border-color: #5B49A0 !important;
}

/* ===== CHECKBOXES ===== */
.memude-theme input[type="checkbox"]:checked {
    background-color: #5B49A0 !important;
    border-color: #5B49A0 !important;
}

/* ===== RADIO BUTTONS ===== */
.memude-theme input[type="radio"]:checked {
    border-color: #5B49A0 !important;
    background-color: #5B49A0 !important;
}

/* ===== TOGGLE SWITCHES ===== */
.memude-theme .toggle-switch.active,
.memude-theme input[type="checkbox"][role="switch"]:checked {
    background-color: #5B49A0 !important;
}

/* ===== TABS ===== */
.memude-theme .tab-active,
.memude-theme [role="tab"][aria-selected="true"],
.memude-theme .border-b-blue-600 {
    border-bottom-color: #5B49A0 !important;
    color: #5B49A0 !important;
}

/* ===== PAGINATION ===== */
.memude-theme .page-active,
.memude-theme .pagination .active {
    background-color: #5B49A0 !important;
    border-color: #5B49A0 !important;
}

/* ===== BADGES ===== */
.memude-theme .badge-primary,
.memude-theme .bg-blue-100 {
    background-color: rgba(91, 73, 160, 0.15) !important;
    color: #5B49A0 !important;
}

/* ===== PROGRESS BARS ===== */
.memude-theme .progress-fill,
.memude-theme [role="progressbar"] > div {
    background-color: #5B49A0 !important;
}

/* ===== SIDEBAR ===== */
.memude-theme aside[class*="bg-"],
.memude-theme .sidebar-menu {
    background: linear-gradient(180deg, #5B49A0 0%, #473788 100%) !important;
}

/* ===== AVATAR DO USUÁRIO ===== */
.memude-theme .bg-pink-400 {
    background-color: #5B49A0 !important;
}

/* ===== DROPDOWN ACTIVE ===== */
.memude-theme .dropdown-item.active,
.memude-theme .dropdown-item:active {
    background-color: #5B49A0 !important;
}

/* ===== SCROLLBAR ===== */
.memude-theme ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.memude-theme ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.memude-theme ::-webkit-scrollbar-thumb {
    background: #5B49A0;
    border-radius: 4px;
}

.memude-theme ::-webkit-scrollbar-thumb:hover {
    background: #473788;
}

/* ===== LOGIN PAGE ===== */
.memude-login-bg {
    background: linear-gradient(135deg, #5B49A0 0%, #473788 50%, #FF366B 100%) !important;
    min-height: 100vh;
}

.memude-login-bg .box-shadow {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

.memude-login-bg .rounded-lg,
.memude-login-bg .login-form,
.memude-login-bg .auth-box {
    background: white !important;
    border-radius: 16px !important;
}

/* ===== TRANSIÇÕES ===== */
.memude-theme .primary-button,
.memude-theme a,
.memude-theme input,
.memude-theme select {
    transition: all 0.2s ease-in-out;
}

.memude-theme .primary-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}