html {
    font-size: 0.938rem;
}


/*
* Sidebar
*/
.fi-sidebar {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

.fi-sidebar .fi-sidebar-nav .fi-nav-item {
    color: #ffffff !important;
}

.fi-sidebar-item:hover .fi-sidebar-item-button:hover .fi-sidebar-item-label:hover,
.fi-sidebar-item:hover .fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #2563eb !important;
}

.fi-sidebar-item:hover .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: #2563eb !important;
}

.fi-sidebar-item-label,
.fi-sidebar-item-icon {
    color: #ffffff !important;
}

.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #2563eb !important;
}

.fi-sidebar-group-label.text-gray-500 {
    color: #b2beb5 !important;
}

/*
 * set table row height
 */

.fi-ta-ctn .py-4 {
    padding-top: .313rem !important;
    padding-bottom: .313rem !important;
}

/*
* Tabs
*/
.fi-tabs-item-active.bg-gray-50 {
    background: #2563eb;
}

.fi-tabs-item-active .fi-tabs-item-label.text-primary-600 {
    color: #ffffff;
    background-color: #2563eb;
}

/*
* Paginations
*/
.fi-pagination-item.fi-active .fi-pagination-item-button {
    background-color: #2563eb;
}

.fi-pagination-item.fi-active .fi-pagination-item-button .fi-pagination-item-label {
    color: #ffffff;
}

/*
 * Set page header heading font size
 */
@media (min-width: 640px) {
    .fi-header-heading.sm\:text-3xl {
        font-size: 1.625rem !important;
        line-height: 2.25rem !important;
    }
}

/* Add red vertical divider between Total and Autocount Qty */
/* .stock-summary-table th:nth-child(7),
.stock-summary-table td:nth-child(7) { */
.stock-summary-table {
    border-right: 3px solid #ef4444;
    /* Tailwind red-500 */
}

/* Optional: adjust spacing for alignment */
.stock-summary-table th,
.stock-summary-table td {
    padding-right: 1rem;
    /* adjust as needed */
}

/*
 * Red row for deleted/cancelled items
 */
.table-row-red {
    background-color: #fee2e2 !important; /* red-100 */
}

.table-row-red:hover {
    background-color: #fecaca !important; /* red-200 on hover */
}