#orderMeetingReportPage {
    --order-meeting-border: #dce2ea;
    --order-meeting-text: #003466;
    width: 100%;
    min-width: 0;
    background: #fff;
    color: #212529;
    font-family: 'Segoe UI Semibold';
    font-size: 13px;
}

#orderMeetingReportPage [hidden] { display: none !important; }
#orderMeetingReportPage.is-initializing #OrderMeetingReportGrid,
#orderMeetingReportPage:not([data-grid-ready]) .turnover-toolbar__tools { visibility: hidden; }
#orderMeetingReportPage.is-initializing .order-meeting-loader { display: flex !important; visibility: visible; }
#orderMeetingReportPage .order-meeting-header { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; min-height: 36px; padding: 3px 10px; border-bottom: 1px solid var(--order-meeting-border); }
#orderMeetingReportPage .order-meeting-heading { display: flex; min-width: 0; align-items: center; gap: 7px; }
#orderMeetingReportPage .order-meeting-heading h1 { margin: 0; color: var(--order-meeting-text); font: 13px 'Segoe UI Semibold' }
#orderMeetingReportPage .order-meeting-heading-arrow { width: 9px; height: 9px; border-top: 3px solid #fc9c3c; border-right: 3px solid #fc9c3c; transform: rotate(45deg); }
#orderMeetingReportPage .order-meeting-date-tools { display: grid; grid-template-columns: minmax(0, 1fr) 30px 58px; width: calc(15rem + 96px); max-width: 100%; align-items: center; justify-self: center; gap: 4px; }
#orderMeetingReportPage .order-meeting-date-tools:has(#orderMeetingListButton:disabled) { grid-template-columns: minmax(0, 1fr) 30px 90px; width: calc(15rem + 128px); }
#orderMeetingReportPage .order-meeting-date-picker { width: 15rem; max-width: 100%; min-width: 0; }
#orderMeetingReportPage .order-meeting-date-picker .fast-date-range-picker { box-sizing: border-box; width: 100% !important; max-width: 100%; height: 30px; min-height: 30px; margin: 0; }
#orderMeetingReportPage .order-meeting-date-picker .ant-picker-input > input { font-size: 13px; }
#orderMeetingReportPage .order-meeting-date-tools > button { box-sizing: border-box; width: 100%; min-width: 0; height: 30px; margin: 0 !important; white-space: nowrap; }
#orderMeetingReportPage .order-meeting-more-button { display: inline-flex; min-width: 30px !important; width: 30px !important; height: 30px !important; padding: 0 !important; border: 1px solid #003466 !important; align-items: center; justify-content: center; }
#orderMeetingReportPage .order-meeting-more-button i { font-size: 17px; color: #003466; }
#orderMeetingReportPage .order-meeting-more-button.is-active { color: #fff !important; }
#orderMeetingReportPage #orderMeetingListButton { padding-inline: 5px !important; }
#orderMeetingReportPage .order-meeting-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: 8px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--order-meeting-border);
}
#orderMeetingReportPage .order-meeting-filter-pair { display: grid; flex: 1 1 368px; max-width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: 8px; min-width: 0; }
#orderMeetingReportPage .order-meeting-filter-pair > .mini-card { min-width: 0; margin: 0; padding: 5px 0 0; }
#orderMeetingReportPage .order-meeting-filter-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 30px; }
#orderMeetingReportPage .order-meeting-error { display: flex; align-items: center; gap: 8px; margin: 10px 16px; padding: 10px 12px; border: 1px solid #f5c8c8; border-radius: 4px; background: #fff4f4; color: #a92323; }
#orderMeetingReportPage .order-meeting-tabs { justify-content: center; overflow-x: auto; }
#orderMeetingReportPage .order-meeting-tabs > button { flex-shrink: 0; }
#orderMeetingReportPage .order-meeting-summary { justify-self: end; min-width: 0; max-width: 100%; overflow-x: auto; white-space: nowrap; text-align: right; font-size: 14px; }
#orderMeetingReportPage .order-meeting-summary > span { display: inline-block; }
#orderMeetingReportPage .order-meeting-summary > span + span { margin-inline-start: 12px; }
#orderMeetingReportPage .order-meeting-summary strong { color: var(--order-meeting-text); font-weight: 600; }
#orderMeetingReportPage .order-meeting-grid-toolbar { min-height: 36px; padding: 3px 10px; border-bottom: 1px solid var(--order-meeting-border); }
#orderMeetingReportPage .turnover-toolbar__body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; width: 100%; min-width: 0; }
#orderMeetingReportPage .turnover-toolbar__title { display: flex; flex-shrink: 0; align-items: center; color: var(--order-meeting-text); font: 13px 'Segoe UI Semibold'; }
#orderMeetingReportPage .order-meeting-title-icon { flex-shrink: 0; margin-inline-end: 4px; }
#orderMeetingReportPage .turnover-toolbar__tools { display: flex; flex: 1 1 60px; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 14px; min-width: 0; }
#orderMeetingReportPage .turnover-toolbar__icon-group { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
#orderMeetingReportPage .gridTempIcons lord-icon { width: 22px; height: 22px; }
#orderMeetingReportPage .turnover-toolbar__search { width: 200px; max-width: 100%; }
#orderMeetingReportPage .turnover-toolbar__search-input { width: 200px !important; max-width: 100%; border-radius: 0 !important; }
#orderMeetingReportPage .order-meeting-grid-area { position: relative; min-height: 300px; }
#orderMeetingReportPage .order-meeting-loader { position: absolute; z-index: 4; inset: 0; display: flex; align-items: center; justify-content: center; min-height: 220px; background: rgba(255,255,255,.8); }
#orderMeetingReportPage .order-meeting-loader > lord-icon { width: 60px; height: 60px; }
#orderMeetingReportPage .order-meeting-grid-area.is-loading #OrderMeetingReportGrid > .e-spinner-pane,
#orderMeetingReportPage.is-initializing #OrderMeetingReportGrid > .e-spinner-pane { display: none !important; }
#orderMeetingReportPage #OrderMeetingReportGrid .e-gridheader,
#orderMeetingReportPage #OrderMeetingReportGrid .e-headercontent,
#orderMeetingReportPage #OrderMeetingReportGrid .e-columnheader > th { background-color: #e6f1fd !important; }
#orderMeetingReportPage #OrderMeetingReportGrid .e-gridfooter,
#orderMeetingReportPage #OrderMeetingReportGrid .e-summarycontent,
#orderMeetingReportPage #OrderMeetingReportGrid .e-summaryrow > td { background-color: #fff5ec !important; }
#orderMeetingReportPage #OrderMeetingReportGrid .e-columnheader > .e-headercell { padding-inline: 4px; }
#orderMeetingReportPage #OrderMeetingReportGrid .e-headercelldiv { height: auto !important; }
    #orderMeetingReportPage #OrderMeetingReportGrid .e-headertext,
    #orderMeetingReportPage #OrderMeetingReportGrid .report-order-number-header {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 18px !important;
        max-height: 36px;
        white-space: normal !important;
        word-break: normal;
        overflow-wrap: normal;
        overflow: hidden;
        font-size: 11px;
    }
#orderMeetingReportPage #OrderMeetingReportGrid .report-serial-number { white-space: nowrap !important; word-break: normal; overflow-wrap: normal; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-count-total { display: block; text-align: center; }
#orderMeetingReportPage #OrderMeetingReportGrid .e-rowcell,
#orderMeetingReportPage #OrderMeetingReportGrid .e-summarycell { padding-inline: 4px; }
#orderMeetingReportPage #OrderMeetingReportGrid .e-rowcell.e-selectionbackground { background-color: #f0f6fc !important; }
#orderMeetingReportPage .order-meeting-detail { min-width: 0; padding: 4px; }
#orderMeetingReportPage .order-meeting-unit-summaries { width: 1360px; max-width: 100%; box-sizing: border-box; margin-bottom: 6px; border: 1px solid var(--order-meeting-border); border-radius: 4px; background: #fff; }
#orderMeetingReportPage .order-meeting-unit-summaries:empty { display: none; }
#orderMeetingReportPage .order-meeting-unit-summary { display: grid; grid-template-columns: minmax(0, 90px) minmax(0, 1fr); align-items: center; gap: 8px; padding: 4px 8px; }
#orderMeetingReportPage .order-meeting-unit-summary + .order-meeting-unit-summary { border-top: 1px solid var(--order-meeting-border); }
#orderMeetingReportPage .order-meeting-unit-label { justify-self: start; max-width: 100%; box-sizing: border-box; padding: 2px 6px; border-radius: 3px; background: #fff3e7; color: var(--order-meeting-text); font: 600 12px/18px 'Segoe UI'; white-space: normal; overflow-wrap: anywhere; }
#orderMeetingReportPage .order-meeting-unit-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr)); gap: 4px 12px; min-width: 0; margin: 0; }
#orderMeetingReportPage .order-meeting-unit-metrics > div { display: flex; align-items: baseline; column-gap: 6px; min-width: 0; }
#orderMeetingReportPage .order-meeting-unit-metrics dt { min-width: 0; margin: 0; color: #212529; font: 400 12px/18px 'Segoe UI Semibold'; text-align: left; white-space: normal; overflow-wrap: anywhere; }
#orderMeetingReportPage .order-meeting-unit-metrics dd { min-width: 0; margin: 0; color: var(--order-meeting-text); font: 600 13px/18px 'Segoe UI'; font-variant-numeric: tabular-nums; text-align: left; white-space: normal; overflow-wrap: anywhere; }
#orderMeetingReportPage #OrderMeetingReportGrid .e-rowcell.report-product-cell,
#orderMeetingReportPage #OrderMeetingReportGrid .e-rowcell.report-code-name-cell { color: #0073ea; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-negative { color: #d64045; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-positive { color: #13865a; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-rating { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; color: var(--order-meeting-text); }
#orderMeetingReportPage #OrderMeetingReportGrid .report-rating-stars { display: inline-flex; gap: 1px; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-rating-star { position: relative; display: inline-block; width: 12px; height: 16px; font: 14px/16px 'Segoe UI Semibold'; text-align: left; color: #cbd0d6; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-rating-fill { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; color: #fc9c3c; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-rate { display: flex; align-items: center; gap: 6px; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-rate progress { flex: 1; min-width: 20px; width: 30px; height: 4px; border: 0; border-radius: 2px; accent-color: #fc9c3c; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-rate progress::-webkit-progress-bar { border-radius: 2px; background: #edf0f5; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-rate progress::-webkit-progress-value { border-radius: 2px; background: #fc9c3c; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-state { display: inline-block; padding: 2px 7px; border-radius: 4px; background: #fff3e3; color: #a66713; font-size: 11px; line-height: 17px; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-state.is-complete { background: #e9f7f0; color: #16734f; }
#orderMeetingReportPage #OrderMeetingReportGrid .report-state.is-pending { background: #eef2f7; color: #212529; }

@media (max-width: 1400px) {
    #orderMeetingReportPage #OrderMeetingReportGrid .report-rating { gap: 2px; }
    #orderMeetingReportPage #OrderMeetingReportGrid .report-rating-stars { gap: 0; }
    #orderMeetingReportPage #OrderMeetingReportGrid .report-rating-star { width: 9px; font-size: 11px; }
    #orderMeetingReportPage #OrderMeetingReportGrid .report-rate progress { display: none; }
}

@media (max-width: 800px) {
    #orderMeetingReportPage .order-meeting-header { grid-template-columns: minmax(0, 1fr); padding: 8px 10px; }
    #orderMeetingReportPage .order-meeting-tabs { justify-content: flex-start; }
    #orderMeetingReportPage .turnover-toolbar__tools { width: 100%; justify-content: flex-start; }
    #orderMeetingReportPage .turnover-toolbar__search { margin-left: auto; }
}

@media (max-width: 480px) {
    #orderMeetingReportPage .order-meeting-unit-summary { grid-template-columns: minmax(0, 1fr); gap: 4px; }
    #orderMeetingReportPage .order-meeting-filter-pair { grid-template-columns: minmax(0, 1fr); }
    #orderMeetingReportPage .turnover-toolbar__search { width: 100%; margin: 0; }
}


#orderMeetingReportPage #OrderMeetingReportGrid .e-table {
    border-bottom: 1px solid #dee2e6;
}