/* LAMOI v0.19.1 - tinh chỉnh giao diện và vị trí chatbot. */

/* Bộ lọc kết quả: tất cả điều khiển cùng một hàng ở desktop, nút gọn thay vì kéo rộng cả cột. */
form.report-separated-filters {
    display: grid !important;
    grid-template-columns: minmax(280px, .85fr) minmax(420px, 1.35fr) 165px auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
}
form.report-separated-filters .report-pdf-filter { min-width: 0 !important; }
.report-filter-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
}
form.report-separated-filters .report-filter-button {
    width: auto !important;
    min-width: 124px;
    min-height: 44px;
    padding-inline: 18px;
    white-space: nowrap;
}

/* Chatbot cố định ở vùng an toàn; không kéo thả để tránh trạng thái treo giữa màn hình. */
.admin-body .lamoi-chat-widget {
    right: 22px !important;
    bottom: 82px !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
}
.admin-body .admin-main { padding-bottom: 180px !important; }
.admin-body .lamoi-chat-launcher { cursor: pointer !important; }
.admin-body .lamoi-chat-panel { max-height: calc(100vh - 185px); }

/* Khu tra cứu của khách hàng: rõ mục đích và hiển thị tổng số lần xét nghiệm. */
.customer-search-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 13px;
}
.customer-search-heading > div > span {
    color: var(--brand-dark);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
}
.customer-search-heading h2 { margin: 5px 0 0; }
.customer-result-count {
    flex: 0 0 auto;
    padding: 7px 11px;
    border: 1px solid #c7ddc5;
    border-radius: 999px;
    background: #fff;
    color: var(--brand-dark);
    font-size: 11px;
    font-weight: 700;
}
.page-head p strong { color: var(--brand-dark); }

@media (max-width: 1250px) {
    form.report-separated-filters {
        grid-template-columns: minmax(240px, 1fr) minmax(320px, 1.35fr) !important;
    }
    form.report-separated-filters > select { width: 165px !important; }
    .report-filter-actions { justify-content: flex-end; }
}

@media (max-width: 760px) {
    form.report-separated-filters { grid-template-columns: 1fr !important; }
    form.report-separated-filters > select,
    form.report-separated-filters .report-filter-button { width: 100% !important; }
    .customer-search-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
    .admin-body .lamoi-chat-widget { right: 14px !important; bottom: 72px !important; }
    .admin-body .admin-main { padding-bottom: 150px !important; }
}