:root {
    /* Thay đổi font chính ở đây */
    --bs-body-font-family: 'Be Vietnam Pro', sans-serif !important;
    
    /* Chỉnh cỡ chữ và màu sắc cho chuyên nghiệp giống Sapo */
    --bs-body-font-size: 0.9rem; /* Khoảng 14.5px, vừa mắt cho ERP */
    --bs-body-color: #252f40;   /* Màu xám đen, sang hơn màu đen tuyền */
    --bs-body-bg: #f8f9fa;      /* Màu nền hơi xám nhẹ cho dịu mắt */
}

/* Tinh chỉnh riêng cho Label giống yêu cầu của bạn */
.form-group label {
    font-weight: 600;
    color: #344767;
    margin-bottom: 0.5rem;
    font-size: 0.85rem; /* Label nhỏ hơn một chút nhìn rất tinh tế */
}

/* Đảm bảo các thành phần dùng font-family mặc định cũng bị đổi */
body, input, button, select, textarea, .form-control {
    font-family: var(--bs-body-font-family) !important;
}

/* Tránh bị vỡ layout do template */
/* Màu nền và viền chuẩn SAP */
.sap-header { background-color: #354a5f; color: white; padding: 0.5rem 1rem; }
.sap-bg { background-color: #f3f3f3; }
.sap-tabs .nav-link { background: #d9e1e8; border: 1px solid #ccc; color: #333; font-size: 12px; margin-right: 2px; }
.sap-tabs .nav-link.active { background: #f3f3f3; border-bottom-color: transparent; font-weight: bold; }

/* Định dạng bảng giống lưới SAP */
.sap-table-container { 
    background: white; border: 1px solid #ababab; 
    height: 250px; overflow-y: scroll; 
}
.sap-table td { padding: 0 !important; border: 1px solid #efefef; }
.sap-table input { 
    border: none; width: 100%; padding: 2px 5px; font-family: monospace; font-size: 13px; outline: none; 
}
.sap-table input:focus { background-color: #fff8c4; } /* Màu vàng highlight khi chọn ô */

/* Toolbar dưới cùng */
.sap-footer-toolbar { background: #d9e1e8; padding: 2px 10px; border-top: 1px solid #ccc; }
.sap-tool-btn { padding: 2px 8px; background: transparent; border: 1px solid transparent; }
.sap-tool-btn:hover { border: 1px solid #999; background: #eee; }