
/* =====================================================
   KPI CARD
   ===================================================== */

.taxai-kpi-card,
.taxai-card.kpi,
.taxai-pro-kpi,
.ai-mgmt-kpi,
.client360-kpi,
.funding-kpi,
.billing-kpi{

    min-height:120px !important;
    padding:16px !important;
    border-radius:14px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.taxai-kpi-label,
.taxai-card-label,
.ai-mgmt-kpi-label,
.client360-kpi-label,
.funding-kpi-label,
.billing-kpi-label{

    font-size:12px !important;
    color:#64748b !important;
    margin-bottom:6px !important;
}

.taxai-kpi-value,
.taxai-card-value,
.ai-mgmt-kpi-value,
.client360-kpi-value,
.funding-kpi-value,
.billing-kpi-value{

    font-size:28px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
}

.taxai-kpi-note,
.taxai-card-note{
    font-size:11px !important;
    color:#94a3b8 !important;
}

/* =====================================================
   CARD
   ===================================================== */

.taxai-card,
.taxai-panel,
.taxai-pro-panel{

    border-radius:14px !important;
    padding:18px !important;
    box-shadow:none !important;
}

.taxai-card h2,
.taxai-panel h2{
    margin-top:0 !important;
    margin-bottom:10px !important;
}

/* =====================================================
   SEARCH
   ===================================================== */

.taxai-search,
.taxai-search-bar,
.taxai-filter-bar{

    display:flex !important;
    gap:10px !important;
    align-items:center !important;

    padding:10px 12px !important;
    margin-bottom:12px !important;

    border:1px solid #e2e8f0 !important;
    border-radius:12px !important;
    background:#fff !important;
}

.taxai-search input,
.taxai-filter-bar input,
.taxai-search-bar input{

    height:42px !important;
    border-radius:10px !important;
}

.taxai-search select,
.taxai-filter-bar select{

    height:42px !important;
    border-radius:10px !important;
}

/* =====================================================
   TABLE
   ===================================================== */

.taxai-table th,
table thead th{

    background:#f8fafc !important;

    color:#334155 !important;

    font-size:12px !important;
    font-weight:700 !important;

    padding:12px !important;

    border-bottom:1px solid #e2e8f0 !important;
}

.taxai-table td,
table tbody td{

    padding:12px !important;
    vertical-align:middle !important;
}

.taxai-table tr:hover,
table tbody tr:hover{

    background:#f8fafc !important;
}

/* =====================================================
   SECTION HEAD
   ===================================================== */

.taxai-section-head,
.taxai-panel-head,
.taxai-pro-panel-head{

    margin-bottom:14px !important;
    padding-bottom:10px !important;

    border-bottom:1px solid #e2e8f0 !important;
}

/* =====================================================
   BUTTON
   ===================================================== */

.taxai-btn,
.taxai-button{

    min-height:40px !important;
    border-radius:10px !important;
    font-weight:700 !important;
}

/* =====================================================
   GRID GAP
   ===================================================== */

.taxai-grid,
.taxai-pro-grid{

    gap:12px !important;
}

