html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}
/*
.header-logo {
    width: 88px;
    height: 18px;
}
*/
.header-logo {
    /* 1. LÀM CHỮ TO VÀ ĐẬM */
    font-size: 22px !important; /* Chữ to hơn (mặc định thường là 14-16px). Tùy chỉnh số này */
    font-weight: 800 !important; /* Chữ đậm (từ 100 đến 900, 800 là rất đậm) */
    /* 2. SỬA LỖI BỊ CẮT CHỮ */
    width: auto !important; /* Xóa bỏ 88px để khung tự giãn theo độ dài tên quán */
    height: auto !important; /* Xóa bỏ 18px để chữ không bị lẹm phần chân */
    min-height: 24px; /* Giữ một khoảng chiều cao tối thiểu cho đẹp */
    /* 3. TINH CHỈNH HIỂN THỊ (Tùy chọn cho đẹp) */
    white-space: nowrap; /* Ép tên logo luôn nằm trên 1 dòng, không bị rớt dòng */
    line-height: 1.2; /* Chỉnh khoảng cách dòng cho cân đối */
    color: #0078D7; /* (Tùy chọn) Thêm màu sắc thương hiệu nếu thích */
}
#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

/* Đẩy thông báo XAF xuống góc phải dưới */
.dxbs-toast {
    left: auto !important;
    right: 20px !important;
    bottom: 20px !important;
    transform: none !important;
    z-index: 2147483647 !important;
}

.modal-overlay-level-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.6);
    z-index: 2147483645 !important; /* Cao hơn Modal Order (2147483640) */
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
}

/* Khi thẻ body có class này, ẩn cột phải và ép cột trái tràn 100% */
body.fullscreen-grid .right-pane-header {
    display: none !important;
}

body.fullscreen-grid .left-pane-grid {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Thu gọn ô chọn ngày trên Toolbar */
.fix-date-width {
    width: 125px !important;
    min-width: 125px !important;
}

/* Thu gọn ô tìm kiếm FullTextSearch mặc định của XAF */
.fix-search-width {
    width: 200px !important;
    transition: width 0.2s ease-in-out;
}

    /* Tùy chọn UX: Khi người dùng click vào ô tìm kiếm thì tự động dài ra một chút */
    .fix-search-width:focus-within {
        width: 300px !important;
    }