/* ==========================================================================
   UnionFlow Premium Dashboard Design System (Banking / Governance aesthetic)
   ========================================================================== */

/* 1. Custom Color Tokens (Overrides for PrimeFlex) */

/* Primary Blue (Bleu Tech/Moderne) */
.uf-text-navy { color: var(--primary-color, #4F46E5) !important; }
.uf-bg-navy { background-color: var(--primary-color, #4F46E5) !important; }
.uf-bg-navy-light { background-color: rgba(79, 70, 229, 0.08) !important; }
.uf-border-navy { border-color: var(--primary-color, #4F46E5) !important; }
.uf-border-left-navy { border-left-color: var(--primary-color, #4F46E5) !important; }

/* Forest Green (Vert Forêt) */
.uf-text-forest { color: #126A54 !important; }
.uf-bg-forest { background-color: #126A54 !important; }
.uf-bg-forest-light { background-color: rgba(18, 106, 84, 0.08) !important; }
.uf-border-forest { border-color: #126A54 !important; }
.uf-border-left-forest { border-left-color: #126A54 !important; }

/* Premium Gold (Or) */
.uf-text-gold { color: #E6C57A !important; }
.uf-bg-gold { background-color: #E6C57A !important; }
.uf-bg-gold-light { background-color: rgba(230, 197, 122, 0.15) !important; }
.uf-border-gold { border-color: #E6C57A !important; }
.uf-border-left-gold { border-left-color: #E6C57A !important; }

/* Critical Premium Red (Deep Burgundy/Carmine instead of bright aggressive red) */
.uf-text-crimson { color: #C92A2A !important; }
.uf-bg-crimson { background-color: #C92A2A !important; }
.uf-bg-crimson-light { background-color: rgba(201, 42, 42, 0.06) !important; }
.uf-border-crimson { border-color: #C92A2A !important; }
.uf-border-left-crimson { border-left-color: #C92A2A !important; }

/* Neutral Premium (Deep Gray) */
.uf-text-neutral { color: #334155 !important; }
.uf-bg-neutral-light { background-color: #F8FAFC !important; }


/* 2. Premium Card Styles (Glassmorphism & Shadows) */

/* Modernizing the default cards */
.layout-content .card {
    border-radius: 16px;
    border: 1px solid rgba(79, 70, 229, 0.08); /* Primary color low opacity */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    background: #FFFFFF;
    transition: box-shadow 0.3s ease;
}

.layout-content .card:hover {
    box-shadow: 0 6px 24px rgba(79, 70, 229, 0.1);
}

/* KPI Overview Cards (Elevated, Interactive) */
.uf-kpi-card {
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.03) !important;
    background: #FFFFFF !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
}

.uf-kpi-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(79, 70, 229, 0.15) !important;
}

/* Alert/Action Cards (With left border) */
.uf-alert-card {
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.02);
    background: #FFFFFF;
    transition: all 0.25s ease;
}

.uf-alert-card:hover {
    transform: translateX(4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* Icon Containers in Cards */
.uf-icon-box {
    width: 3rem;
    height: 3rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* 3. Specialized Elements */

/* Activity Timeline/DataTables in Dashboard */
.ui-datatable .ui-datatable-header {
    background: transparent !important;
    border-bottom: 2px solid rgba(79, 70, 229, 0.1) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: var(--primary-color, #4F46E5) !important;
}

.ui-tag.ui-tag-success { background: #126A54; }
.ui-tag.ui-tag-warning { background: #E6C57A; color: var(--primary-color, #4F46E5); }
.ui-tag.ui-tag-info { background: var(--primary-color, #4F46E5); }
.ui-tag.ui-tag-danger { background: #C92A2A; }

/* Progress bars */
.bg-gray-200 { background-color: #EDF2F7 !important; }
