/* /Pages/PairingEditor/FilterFlightsPage.razor.rz.scp.css */
/* FilterFlightsPage.razor.css
   Compact WinForms-like layout for SfDialog.
   Keep this file beside FilterFlightsPage.razor.
*/

.filter-flights-page[b-u127yt0ayh] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f5f7fb;
    box-sizing: border-box;
}

.filter-tab-content[b-u127yt0ayh] {
    height: 100%;
    min-height: 0;
    padding: 8px 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #f5f7fb;
    box-sizing: border-box;
}

.result-tab-content[b-u127yt0ayh] {
    overflow: hidden;
}

.filter-panel[b-u127yt0ayh] {
    width: 100%;
    max-width: 1068px;
    margin: 0 auto;
    padding: 10px 14px 10px;
    border: 1px solid #d8dde7;
    border-radius: 6px;
    background: #ffffff;
    box-sizing: border-box;
}

/* ---------------------------------------------------------
   Top parameter layout
   --------------------------------------------------------- */
.filter-grid[b-u127yt0ayh] {
    display: grid;
    grid-template-columns: 240px 240px 240px 240px;
    grid-template-rows: 148px 56px 42px 42px 42px 42px 42px 62px;
    column-gap: 26px;
    row-gap: 0;
    align-items: start;
}

.flight-number-field[b-u127yt0ayh] {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
}

.carrier-field[b-u127yt0ayh] {
    grid-column: 2;
    grid-row: 1;
}

.equipment-field[b-u127yt0ayh] {
    grid-column: 3;
    grid-row: 1;
}

.customer-field[b-u127yt0ayh] {
    grid-column: 4;
    grid-row: 1;
}

.departure-station-field[b-u127yt0ayh] {
    grid-column: 1;
    grid-row: 2;
}

.arrival-station-field[b-u127yt0ayh] {
    grid-column: 2;
    grid-row: 2;
}

.condition-field[b-u127yt0ayh] {
    grid-column: 3;
    grid-row: 2;
    align-self: end;
}

.clock-field[b-u127yt0ayh] {
    grid-column: 3;
    grid-row: 3;
    align-self: start;
}

.full-row[b-u127yt0ayh] {
    grid-column: 1 / -1;
}

.filter-field label[b-u127yt0ayh],
.range-row > label[b-u127yt0ayh],
.flow-panel > label[b-u127yt0ayh] {
    display: block;
    margin-bottom: 4px;
    color: #111827;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.empty-box[b-u127yt0ayh] {
    height: 120px;
    border: 1px solid #bfc7d5;
    border-radius: 4px;
    background: #ffffff;
    box-sizing: border-box;
}

/* ---------------------------------------------------------
   AND/OR, Local/Grid
   --------------------------------------------------------- */
.option-card[b-u127yt0ayh] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
    width: 100%;
    height: 34px;
    min-height: 34px;
    padding: 4px 10px;
    border: 1px solid #d8dde7;
    border-radius: 6px;
    background: #fbfcff;
    box-sizing: border-box;
}

/* ---------------------------------------------------------
   Time/date rows
   --------------------------------------------------------- */
.range-row[b-u127yt0ayh] {
    display: grid;
    grid-template-columns: 155px 26px 118px 34px 118px auto;
    gap: 6px 10px;
    align-items: center;
    max-width: 692px;
}

.date-range-row[b-u127yt0ayh] {
    grid-template-columns: 155px 26px 150px 34px 150px 100px;
    max-width: 778px;
}

.range-row > label[b-u127yt0ayh] {
    margin-bottom: 0;
}

.range-enable[b-u127yt0ayh] {
    width: 16px;
    height: 16px;
    margin: 0 auto;
}

.time-boxes[b-u127yt0ayh] {
    display: grid;
    grid-template-columns: 54px 54px;
    gap: 7px;
}

.range-separator[b-u127yt0ayh] {
    color: #374151;
    font-weight: 700;
    text-align: center;
}

/* ---------------------------------------------------------
   Flow/activity/actions
   --------------------------------------------------------- */
.flow-panel[b-u127yt0ayh] {
    display: flex;
    align-items: center;
    gap: 17px;
    width: fit-content;
    max-width: 100%;
    min-height: 36px;
    padding: 5px 10px;
    border: 1px solid #d8dde7;
    border-radius: 6px;
    background: #fbfcff;
    box-sizing: border-box;
}

    .flow-panel > label[b-u127yt0ayh] {
        margin-bottom: 0;
    }

.activity-panel[b-u127yt0ayh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(100px, max-content));
    gap: 8px 26px;
    align-items: center;
    max-width: 100%;
    min-height: 58px;
    padding: 8px 10px;
    border: 1px solid #d8dde7;
    border-radius: 6px;
    background: #fbfcff;
    box-sizing: border-box;
}

.form-actions[b-u127yt0ayh] {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 8px;
}

.submit-message[b-u127yt0ayh] {
    width: fit-content;
    margin: 8px auto 0;
    padding: 6px 12px;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    color: #166534;
    background: #f0fdf4;
    font-weight: 600;
}

/* ---------------------------------------------------------
   Syncfusion tab/content sizing
   --------------------------------------------------------- */
[b-u127yt0ayh] .filter-flights-tabs {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: transparent;
}

    [b-u127yt0ayh] .filter-flights-tabs > .e-content {
        flex: 1 1 auto;
        min-height: 0;
        height: auto !important;
        overflow: hidden;
    }

        [b-u127yt0ayh] .filter-flights-tabs > .e-content > .e-item,
        [b-u127yt0ayh] .filter-flights-tabs > .e-content > .e-item.e-active {
            height: 100%;
            min-height: 0;
            overflow: hidden;
        }

    [b-u127yt0ayh] .filter-flights-tabs .e-tab-header {
        flex: 0 0 auto;
        background: #ffffff;
        border-bottom: 1px solid #d8dde7;
    }

    [b-u127yt0ayh] .filter-flights-tabs .e-toolbar-item .e-tab-text {
        font-size: 13px;
        font-weight: 700;
        text-align: left !important;
    }

    [b-u127yt0ayh] .filter-flights-tabs .e-toolbar-item.e-active .e-tab-text {
        color: #0f62ac;
    }

    [b-u127yt0ayh] .filter-flights-tabs .e-dialog .e-dlg-content {
        color: #0f62ac;
    }

/* ---------------------------------------------------------
   Syncfusion control compact sizing
   --------------------------------------------------------- */
[b-u127yt0ayh] .filter-input,
[b-u127yt0ayh] .date-input {
    width: 100%;
}

    [b-u127yt0ayh] .filter-input .e-input-group,
    [b-u127yt0ayh] .filter-input.e-input-group,
    [b-u127yt0ayh] .date-input .e-input-group,
    [b-u127yt0ayh] .date-input.e-input-group {
        height: 30px;
    }

[b-u127yt0ayh] .filter-listbox {
    height: 120px !important;
}

    [b-u127yt0ayh] .filter-listbox .e-list-parent {
        font-size: 13px;
    }

[b-u127yt0ayh] .e-checkbox-wrapper,
[b-u127yt0ayh] .e-radio-wrapper {
    font-weight: 500;
}

[b-u127yt0ayh] .e-numerictextbox {
    width: 100% !important;
}

    [b-u127yt0ayh] .e-numerictextbox .e-input-group,
    [b-u127yt0ayh] .e-numerictextbox.e-input-group {
        height: 30px;
    }

[b-u127yt0ayh] .action-primary,
[b-u127yt0ayh] .action-secondary,
[b-u127yt0ayh] .bid-period-button {
    min-width: 88px;
    height: 30px;
    font-weight: 700;
}

/* Small screen fallback only. Normal desktop dialog remains WinForms-like. */
@media (max-width: 1080px) {
    .filter-tab-content[b-u127yt0ayh] {
        overflow-y: auto;
    }

    .filter-grid[b-u127yt0ayh] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
        grid-template-rows: none;
        gap: 10px 24px;
    }

    .flight-number-field[b-u127yt0ayh],
    .carrier-field[b-u127yt0ayh],
    .equipment-field[b-u127yt0ayh],
    .customer-field[b-u127yt0ayh],
    .departure-station-field[b-u127yt0ayh],
    .arrival-station-field[b-u127yt0ayh],
    .condition-field[b-u127yt0ayh],
    .clock-field[b-u127yt0ayh] {
        grid-column: auto;
        grid-row: auto;
        align-self: auto;
    }

    .full-row[b-u127yt0ayh] {
        grid-column: 1 / -1;
    }

    .range-row[b-u127yt0ayh],
    .date-range-row[b-u127yt0ayh] {
        max-width: 100%;
    }

    .activity-panel[b-u127yt0ayh] {
        grid-template-columns: repeat(3, minmax(120px, max-content));
    }
}

@media (max-height: 720px) {
    .filter-tab-content[b-u127yt0ayh] {
        overflow-y: auto;
    }
}
/* /Pages/PairingEditor/FilterFlightsResultViewPage.razor.rz.scp.css */
.action-bar[b-uk5gmuueu6] {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-top: 1px solid #ccc;
    justify-content: center;
    background-color: #f5f5f5;
}

.filter-parameter-preview[b-uk5gmuueu6] {
    margin: 0;
    padding: 14px 16px;
    height: 100%;
    max-height: 500px;
    overflow: auto;
    white-space: pre-wrap;
    font-family: Consolas, "Courier New", monospace;
    font-size: 14px;
    line-height: 1.55;
    color: #111827;
    background: #ffffff;
}
/* /Pages/PairingEditor/FilterPairingsPage.razor.rz.scp.css */
/* =========================================================
   FilterPairingsPage.razor.css
   Clean, non-overlapping layout matching WinForms Filter Pairings
   ========================================================= */

/* Root */
.filter-pairings-page[b-yx5hqu8a5q] {
	height: 100%;
	min-height: 0;
	display: flex;
	flex-direction: column;
	background: #f7f9fc;
	color: #1f2937;
	font-size: 13px;
	line-height: 1.35;
	box-sizing: border-box;
}

/* Dialog content overrides (move to app.css if scoped CSS does not apply) */
[b-yx5hqu8a5q] .filter-pairings-dialog .e-dlg-content {
	padding: 0 !important;
	overflow: hidden !important;
}

[b-yx5hqu8a5q] .filter-pairings-dialog .e-dlg-header-content {
	height: 44px !important;
	padding: 10px 16px !important;
}

[b-yx5hqu8a5q] .filter-pairings-dialog .e-dlg-header {
	font-size: 16px !important;
	font-weight: 500 !important;
}

/* Form shell */
.filter-pairings-page form[b-yx5hqu8a5q],
.filter-pairings-page .e-edit-form[b-yx5hqu8a5q] {
	height: 100%;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

.form-container[b-yx5hqu8a5q] {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 12px 16px 10px;
	background: #f7f9fc;
	box-sizing: border-box;
}

/* Footer */
.form-actions[b-yx5hqu8a5q] {
	flex: 0 0 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin: 0;
	padding: 10px 16px;
	border-top: 1px solid #d9e2ec;
	background: #ffffff;
}

/* =========================================================
   Labels & inline text
   ========================================================= */

.section-label[b-yx5hqu8a5q],
.pairings-with-title[b-yx5hqu8a5q],
.form-col > label[b-yx5hqu8a5q] {
	display: block;
	margin: 0 0 6px;
	padding: 0;
	color: #1f2937;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	white-space: nowrap;
}

.pairings-with-title[b-yx5hqu8a5q] {
	margin: 10px 0 6px;
}

.inline-text[b-yx5hqu8a5q] {
	display: inline-flex;
	align-items: center;
	height: 30px;
	margin: 0;
	padding: 0 2px;
	border: 0;
	background: transparent;
	color: #1f2937;
	font-size: 13px;
	font-weight: 600;
	line-height: 30px;
	white-space: nowrap;
}

.pairings-with-name[b-yx5hqu8a5q] {
	color: #1f2937;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	min-width: 150px;
}

/* =========================================================
   Syncfusion normalization
   ========================================================= */

[b-yx5hqu8a5q] .e-input-group,
[b-yx5hqu8a5q] .e-control.e-textbox,
[b-yx5hqu8a5q] .e-numerictextbox,
[b-yx5hqu8a5q] .e-datepicker {
	border-radius: 6px !important;
}

[b-yx5hqu8a5q] .e-input-group,
[b-yx5hqu8a5q] .e-control-wrapper {
	height: 30px !important;
	min-height: 30px !important;
}

[b-yx5hqu8a5q] .e-input-group input,
[b-yx5hqu8a5q] .e-control-wrapper input,
[b-yx5hqu8a5q] .e-numerictextbox input {
	height: 28px !important;
	line-height: 28px !important;
	font-size: 13px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

[b-yx5hqu8a5q] .e-checkbox-wrapper,
[b-yx5hqu8a5q] .e-radio-wrapper {
	margin-right: 6px !important;
	white-space: nowrap !important;
}

[b-yx5hqu8a5q] .e-checkbox-wrapper .e-label,
[b-yx5hqu8a5q] .e-radio-wrapper .e-label {
	color: #1f2937 !important;
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 500 !important;
}

[b-yx5hqu8a5q] .e-checkbox-wrapper .e-frame,
[b-yx5hqu8a5q] .e-radio-wrapper .e-frame {
	width: 15px !important;
	height: 15px !important;
}

/* Fixed widths via CssClass */
[b-yx5hqu8a5q] .pe-date {
	width: 118px !important;
	min-width: 118px !important;
	max-width: 118px !important;
}

[b-yx5hqu8a5q] .pe-time {
	width: 56px !important;
	min-width: 56px !important;
	max-width: 56px !important;
}

[b-yx5hqu8a5q] .pe-number {
	width: 56px !important;
	min-width: 56px !important;
	max-width: 56px !important;
}

[b-yx5hqu8a5q] .pe-station {
	width: 92px !important;
	min-width: 92px !important;
	max-width: 92px !important;
}

/* =========================================================
   TOP SELECTOR ROW - Crew Bases | Local/Grid | Carrier Codes
   ========================================================= */

.top-selector-row[b-yx5hqu8a5q] {
	display: grid;
	grid-template-columns: 220px 120px 220px;
	column-gap: 28px;
	align-items: start;
	padding: 10px 14px 14px;
	margin-bottom: 12px;
	border: 1px solid #dbe3ec;
	border-radius: 10px;
	background: #ffffff;
	overflow: hidden; /* keep listbox contents inside the white box */
}

.top-selector-row .form-col[b-yx5hqu8a5q] {
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

.top-selector-row .crew-base-col[b-yx5hqu8a5q],
.top-selector-row .carrier-code-col[b-yx5hqu8a5q] {
	width: 100%;
	max-width: 220px;
}

.top-selector-row .clock-col[b-yx5hqu8a5q] {
	padding-top: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.radio-group[b-yx5hqu8a5q] {
	display: flex;
	align-items: center;
	gap: 16px;
}

/* ListBox – force it to stay inside its column, no overflow */
.top-selector-row[b-yx5hqu8a5q]  .pe-listbox,
.top-selector-row[b-yx5hqu8a5q]  .e-listbox-wrapper,
.top-selector-row[b-yx5hqu8a5q]  .e-listbox-container {
	width: 100% !important;
	max-width: 100% !important;
	height: 120px !important;
	min-height: 120px !important;
	max-height: 120px !important;
	box-sizing: border-box !important;
	border-radius: 6px !important;
	overflow: hidden !important;
}

.top-selector-row[b-yx5hqu8a5q]  .e-list-parent {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	box-sizing: border-box !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.top-selector-row[b-yx5hqu8a5q]  .e-listbox-wrapper .e-list-item {
	min-height: 24px !important;
	height: 24px !important;
	padding: 2px 8px !important;
	font-size: 13px !important;
	box-sizing: border-box !important;
}

/* Select-All row must also respect container width */
.top-selector-row[b-yx5hqu8a5q]  .e-listbox-wrapper .e-selectall-parent,
.top-selector-row[b-yx5hqu8a5q]  .e-listbox-wrapper .e-checkbox-wrapper {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* =========================================================
   Pairing Start Date Range
   ========================================================= */

.date-range-row[b-yx5hqu8a5q] {
	margin-bottom: 10px;
}

.date-range-controls[b-yx5hqu8a5q] {
	display: grid;
	grid-template-columns: 22px 118px 28px 118px 68px repeat(7, max-content);
	column-gap: 8px;
	align-items: center;
	justify-content: start;
}

.date-range-controls .to-label[b-yx5hqu8a5q],
.date-range-controls .weekday-label[b-yx5hqu8a5q] {
	justify-content: center;
	text-align: center;
}

/* =========================================================
   Departure / Arrival Time (side-by-side)
   ========================================================= */

.time-row[b-yx5hqu8a5q] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 40px;
	margin-bottom: 10px;
}

.time-block[b-yx5hqu8a5q] {
	min-width: 0;
}

.time-controls[b-yx5hqu8a5q] {
	display: grid;
	grid-template-columns: 22px 56px 56px 28px 56px 56px;
	column-gap: 8px;
	align-items: center;
}

/* =========================================================
   Pairing Traversal / Pairing RON
   ========================================================= */

.travel-row[b-yx5hqu8a5q],
.traversal-row[b-yx5hqu8a5q],
.ron-row[b-yx5hqu8a5q] {
	margin-bottom: 10px;
}

.travel-controls[b-yx5hqu8a5q] {
	display: grid;
	grid-template-columns: 22px 52px 92px 108px 118px 56px 96px 118px 56px;
	column-gap: 8px;
	align-items: center;
	justify-content: start;
}

.weekday-row[b-yx5hqu8a5q] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 6px;
	padding-left: 24px;
}

/* =========================================================
   No of Calendar Days / No of Duties
   ========================================================= */

.counts-row[b-yx5hqu8a5q] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 40px;
	margin-bottom: 8px;
}

.count-block[b-yx5hqu8a5q] {
	min-width: 0;
}

.checkbox-row[b-yx5hqu8a5q] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 0;
	padding: 0;
}

/* =========================================================
   Pairings With rows
   ========================================================= */

.pairings-with-header-row[b-yx5hqu8a5q] {
	margin-top: 4px;
}

.pairings-with-row[b-yx5hqu8a5q] {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	column-gap: 36px;
	align-items: center;
	margin-bottom: 6px;
}

.pairings-with-side[b-yx5hqu8a5q] {
	display: grid;
	grid-template-columns: 160px 90px 22px 56px 56px auto;
	column-gap: 8px;
	align-items: center;
	min-width: 0;
}

.pairings-with-side.less[b-yx5hqu8a5q] {
	grid-template-columns: 80px 22px 56px 56px max-content;
}

/* Duties with Landings – keep “Include DHD's” on one line, never wrap */
.pairings-with-side.duties-landings-less[b-yx5hqu8a5q] {
	grid-template-columns: 80px 22px 56px max-content;
	column-gap: 10px;
}

.pairings-with-side.duties-landings-less[b-yx5hqu8a5q]  .include-dhd-cb,
.pairings-with-side.duties-landings-less[b-yx5hqu8a5q]  .e-checkbox-wrapper {
	white-space: nowrap !important;
	flex-shrink: 0;
}

.pairings-with-side.duties-landings-less[b-yx5hqu8a5q]  .e-checkbox-wrapper .e-label {
	white-space: nowrap !important;
}

/* =========================================================
   Pairings Containing panel
   ========================================================= */

.pairings-containing-panel[b-yx5hqu8a5q] {
	margin-top: 10px;
	padding: 10px 12px;
	border: 1px solid #dbe3ec;
	border-radius: 8px;
	background: #ffffff;
}

.pairings-containing-grid[b-yx5hqu8a5q] {
	display: grid;
	grid-template-columns: repeat(6, max-content);
	column-gap: 22px;
	row-gap: 8px;
	align-items: center;
	margin-top: 4px;
}

/* =========================================================
   Lock Type / Scope
   ========================================================= */

.lock-type-row[b-yx5hqu8a5q] {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 12px;
	flex-wrap: wrap;
}

.lock-type-row .section-label[b-yx5hqu8a5q] {
	margin: 0;
	min-width: 80px;
}

.scope-row[b-yx5hqu8a5q] {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 10px;
	margin-bottom: 4px;
}

.scope-row .section-label[b-yx5hqu8a5q] {
	margin: 0;
	min-width: 80px;
}

/* =========================================================
   Buttons
   ========================================================= */

[b-yx5hqu8a5q] .form-actions .e-btn {
	min-width: 96px !important;
	height: 34px !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

[b-yx5hqu8a5q] .action-primary,
[b-yx5hqu8a5q] .action-secondary
{
	min-width: 88px;
	height: 30px;
	font-weight: 700;
}

.submit-message[b-yx5hqu8a5q] {
	margin: 8px 16px;
	padding: 8px 12px;
	border: 1px solid #bbf7d0;
	border-radius: 8px;
	background: #f0fdf4;
	color: #166534;
	font-size: 13px;
}

/* =========================================================
   Responsive fallback for narrower dialogs
   ========================================================= */

@media (max-width: 1180px) {
	.top-selector-row[b-yx5hqu8a5q] {
		grid-template-columns: 200px 110px 200px;
		column-gap: 20px;
	}

	.top-selector-row .crew-base-col[b-yx5hqu8a5q],
	.top-selector-row .carrier-code-col[b-yx5hqu8a5q] {
		max-width: 200px;
	}

	.date-range-controls[b-yx5hqu8a5q] {
		grid-template-columns: 22px 110px 26px 110px 62px repeat(7, max-content);
		column-gap: 6px;
	}

	.travel-controls[b-yx5hqu8a5q] {
		grid-template-columns: 22px 48px 86px 100px 110px 52px 90px 110px 52px;
		column-gap: 6px;
	}

	.pairings-with-row[b-yx5hqu8a5q] {
		column-gap: 24px;
	}

	.pairings-with-side[b-yx5hqu8a5q] {
		grid-template-columns: 140px 82px 22px 52px 52px auto;
	}

	.pairings-with-side.less[b-yx5hqu8a5q] {
		grid-template-columns: 72px 22px 52px 52px max-content;
	}

	.pairings-with-side.duties-landings-less[b-yx5hqu8a5q] {
		grid-template-columns: 72px 22px 52px max-content;
	}

	.pairings-containing-grid[b-yx5hqu8a5q] {
		grid-template-columns: repeat(5, max-content);
		column-gap: 16px;
	}
}

@media (max-width: 980px) {
	.time-row[b-yx5hqu8a5q],
	.counts-row[b-yx5hqu8a5q] {
		grid-template-columns: 1fr;
		row-gap: 10px;
	}

	.pairings-with-row[b-yx5hqu8a5q] {
		grid-template-columns: 1fr;
		row-gap: 6px;
	}
}
/* /Pages/PairingEditor/PairingTimeline.razor.rz.scp.css */
/* =========================================================
   PairingTimeline – High-performance virtualized range-bar view
   Left labels stay fixed; only the timeline scrolls horizontally.
   ========================================================= */

.pt-root[b-2vqyjtxbd4] {
    width: 100%;
    height: 100%;
    min-height: 400px; /* prevent collapse when parent height is ambiguous */
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    user-select: none;
    outline: none; /* focusable for hotkeys; no visible focus ring */
}

/* ---------- Header (day / hour) ---------- */
.pt-header[b-2vqyjtxbd4] {
    flex: 0 0 48px;
    display: flex;
    border-bottom: 1px solid #9ca3af;
    background: #f3f4f6;
    z-index: 20;
}

.pt-corner[b-2vqyjtxbd4] {
    flex: 0 0 190px;
    width: 190px;
    border-right: 1px solid #9ca3af;
    background: #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 11px;
    color: #374151;
}

.pt-time-header[b-2vqyjtxbd4] {
    flex: 1;
    overflow: hidden; /* we drive scrollLeft via JS */
    position: relative;
}

.pt-time-header-inner[b-2vqyjtxbd4] {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.pt-day-row[b-2vqyjtxbd4] {
    flex: 0 0 24px;
    position: relative;
    border-bottom: 1px solid #d1d5db;
    overflow: hidden;
}

.pt-hour-row[b-2vqyjtxbd4] {
    flex: 1;
    position: relative;
    overflow: hidden;
}

/* Absolute positioning – same left/width coordinate system as the bars */
.pt-day-cell[b-2vqyjtxbd4] {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 11px;
    color: #1f2937;
    border-right: 1px solid #9ca3af;
    background: #e5e7eb;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 2px;
}

.pt-hour-cell[b-2vqyjtxbd4] {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #4b5563;
    border-right: 1px solid #d1d5db;
    box-sizing: border-box;
}

    .pt-hour-cell.major[b-2vqyjtxbd4] {
        border-right-color: #9ca3af;
        font-weight: 500;
    }

/* ---------- Body (two synchronized scrollers) ---------- */
.pt-body[b-2vqyjtxbd4] {
    flex: 1;
    min-height: 0;
    display: flex;
    overflow: hidden;
    background: #fafafa;
}

/* Left labels – vertical scroll only */
.pt-labels-scroller[b-2vqyjtxbd4] {
    flex: 0 0 190px;
    width: 190px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid #9ca3af;
    background: #f9fafb;
    z-index: 5;
}

.pt-labels-content[b-2vqyjtxbd4] {
    position: relative;
    width: 100%;
}

/* Right bars – both axes */
.pt-bars-scroller[b-2vqyjtxbd4] {
    flex: 1;
    min-width: 0;
    overflow: auto;
    position: relative;
}

.pt-bars-content[b-2vqyjtxbd4] {
    position: relative;
}

/* ---------- Row labels ---------- */
.pt-row-label[b-2vqyjtxbd4] {
    position: absolute;
    left: 0;
    width: 190px;
    height: 36px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    box-sizing: border-box;
    background: #f9fafb;
    padding: 0 4px 0 6px;
    gap: 6px;
}

    .pt-row-label.selected[b-2vqyjtxbd4] {
        background: #dbeafe;
    }

    .pt-row-label.pinned[b-2vqyjtxbd4] {
        background: #fef3c7;
    }

.pt-checkbox[b-2vqyjtxbd4] {
    width: 14px;
    height: 14px;
    margin: 0;
    cursor: pointer;
    flex-shrink: 0;
}

.pt-pairing-text[b-2vqyjtxbd4] {
    flex: 1;
    min-width: 0;
    color: #0674dd;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    text-decoration: underline;
}

    .pt-pairing-text:hover[b-2vqyjtxbd4] {
        color: #1d4ed8;
    }

/* ---------- Row bars ---------- */
.pt-row-bars[b-2vqyjtxbd4] {
    position: absolute;
    left: 0;
    height: 36px;
    border-bottom: 1px solid #e5e7eb;
    box-sizing: border-box;
}

    .pt-row-bars.selected[b-2vqyjtxbd4] {
        background: rgba(219, 234, 254, 0.45);
    }

    .pt-row-bars.pinned[b-2vqyjtxbd4] {
        background: rgba(254, 243, 199, 0.35);
    }

/* Vertical grid lines – one per hour (WinForms style) */
.pt-grid-line[b-2vqyjtxbd4] {
    position: absolute;
    top: 0;
    width: 1px;
    background: #d1d5db;
    pointer-events: none;
    z-index: 0;
}

    /* Day boundary – same X as day-header cell; thicker so it stays clear when Day View is high */
    .pt-grid-line.day-boundary[b-2vqyjtxbd4] {
        background: #e11d48;
        width: 2px;
        z-index: 1;
    }

/* ---------- Segment (flight leg) ---------- */
/* Layout:
       ┌──────────┐
       │   1791   │  ← colored bar + flight number
       └──────────┘
       LAS      YVR  ← stations below the bar
*/
.pt-segment[b-2vqyjtxbd4] {
    position: absolute;
    top: 2px;
    height: 32px;
    min-width: 2px;
    box-sizing: border-box;
    cursor: grab;
    user-select: none;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: visible;
    line-height: 1.1;
    color: #111;
}

    .pt-segment:active[b-2vqyjtxbd4] {
        cursor: grabbing;
    }

/* Colored bar containing the flight number */
.pt-seg-bar[b-2vqyjtxbd4] {
    flex: 0 0 16px;
    height: 16px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.45);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 2px;
}

.pt-seg-flight[b-2vqyjtxbd4] {
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    font-weight: 700;
}

/* Stations sit below the colored bar */
.pt-seg-stations[b-2vqyjtxbd4] {
    flex: 0 0 14px;
    height: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    font-weight: 500;
    color: #374151;
}

.pt-seg-dep[b-2vqyjtxbd4],
.pt-seg-arr[b-2vqyjtxbd4] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 48%;
}

.pt-seg-dep[b-2vqyjtxbd4] {
    text-align: left;
}

.pt-seg-arr[b-2vqyjtxbd4] {
    text-align: right;
}

.pt-segment-error[b-2vqyjtxbd4] {
    border: 2px solid #dc2626 !important;
}

/* Dragging state */
.pt-segment.dragging[b-2vqyjtxbd4] {
    opacity: 0.45;
    outline: 2px dashed #2563eb;
}

/* Drop target row highlight */
.pt-row-bars.drop-target[b-2vqyjtxbd4] {
    background: rgba(37, 99, 235, 0.12) !important;
    box-shadow: inset 0 0 0 2px #2563eb;
}

/* ---------- Context menu ---------- */
.pt-context-overlay[b-2vqyjtxbd4] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: transparent;
}

.pt-context-menu[b-2vqyjtxbd4] {
    position: fixed;
    z-index: 9999;
    min-width: 180px;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    padding: 4px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.pt-context-header[b-2vqyjtxbd4] {
    padding: 6px 12px;
    font-weight: 600;
    font-size: 12px;
    color: #374151;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pt-context-item[b-2vqyjtxbd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    text-align: left;
    padding: 7px 14px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #111827;
    font-size: 13px;
}

    .pt-context-item:hover[b-2vqyjtxbd4] {
        background: #eff6ff;
        color: #1d4ed8;
    }

.pt-context-shortcut[b-2vqyjtxbd4] {
    color: #9ca3af;
    font-size: 11px;
    white-space: nowrap;
}

.pt-context-item.danger[b-2vqyjtxbd4] {
    color: #b91c1c;
}

    .pt-context-item.danger:hover[b-2vqyjtxbd4] {
        background: #fef2f2;
        color: #991b1b;
    }

.pt-context-separator[b-2vqyjtxbd4] {
    height: 1px;
    background: #e5e7eb;
    margin: 4px 0;
}

/* Same leg-type colors as the original editor (applied to the bar) */
.pt-seg-bar.leg-type-lv[b-2vqyjtxbd4] {
    background-color: lightblue;
}

.pt-seg-bar.leg-type-dh[b-2vqyjtxbd4] {
    background-color: #ffe699;
}

.pt-seg-bar.leg-type-ml[b-2vqyjtxbd4] {
    background-color: lightgreen;
}

.pt-seg-bar.leg-type-md[b-2vqyjtxbd4] {
    background-color: #d9b3ff;
}

.pt-seg-bar.leg-type-lm[b-2vqyjtxbd4] {
    background-color: #ffcc99;
}

.pt-seg-bar.leg-type-nf[b-2vqyjtxbd4] {
    background-color: #d9d9d9;
}

.pt-seg-bar.leg-type-default[b-2vqyjtxbd4] {
    background-color: #93c5fd;
}

/* ---------- Empty state ---------- */
.pt-empty[b-2vqyjtxbd4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #6b7280;
    font-size: 14px;
}

.pt-pairing-illegal[b-2vqyjtxbd4] {
    color: red;
    font-weight: 600;
}
/* /Pages/PairingEditor/ReplicateForm.razor.rz.scp.css */
.replicate-dialog[b-qwbk9n41yb] {
    padding: 20px;
    min-width: 520px;
    box-sizing: border-box;
}

.section[b-qwbk9n41yb] {
    margin-bottom: 24px;
}

.section-title[b-qwbk9n41yb] {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    margin-bottom: 12px;
}

.mode-container[b-qwbk9n41yb] {
    display: flex;
    gap: 28px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background-color: #fafafa;
}

.weekday-grid[b-qwbk9n41yb] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 14px 22px;
    padding: 14px 16px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background-color: #fafafa;
}

.dialog-actions[b-qwbk9n41yb] {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 30px;
}

[b-qwbk9n41yb] .e-checkbox-wrapper,
[b-qwbk9n41yb] .e-radio-wrapper {
    font-size: 14px;
}

[b-qwbk9n41yb] .e-btn {
    min-width: 100px;
}

/* /Pages/PairingEditor/S3PairingEditor.razor.rz.scp.css */

/* =========================================================
										   REMOVE browser default margin
   ========================================================= */
html[b-kei6aif0dt],
body[b-kei6aif0dt] {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* =========================================================
										   Blazor root
   ========================================================= */

#app[b-kei6aif0dt] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* =========================================================
										   Main Editor Layout
   ========================================================= */

.editor-layout[b-kei6aif0dt] {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* =========================================================
										   Toolbar
   ========================================================= */

.toolbar-region[b-kei6aif0dt] {
    flex: 0 0 auto;
    min-height: 72px;
}

/* =========================================================
										   Main Content
  ========================================================= */

.content-region[b-kei6aif0dt],
.pairing-editor-host[b-kei6aif0dt] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.loading-overlay[b-kei6aif0dt] {
    position: absolute;
    inset: 0;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.62);
    pointer-events: all;
}

.loading-card[b-kei6aif0dt] {
    min-width: 230px;
    min-height: 90px;
    padding: 22px 28px;
    border: 1px solid #d6dbe6;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-region .e-gantt[b-kei6aif0dt] {
    height: 100% !important;
}

/* =========================================================
										   Dialog Host
   ========================================================= */

.dialog-host[b-kei6aif0dt] {
    position: relative;
}




/* =========================================================
											   Statistics Bar
   ========================================================= */
.statistics-bar[b-kei6aif0dt] {
    flex: 0 0 66px;
    min-height: 66px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 6px 12px;
    padding: 6px 10px;
    background: #f3f4f6;
    border-top: 1px solid #d1d5db;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.2;
    z-index: 2;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}


/* =========================================================
											   Individual Statistic
   ========================================================= */

.stat-item[b-kei6aif0dt] {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    padding-right: 10px;
    border-right: 1px solid #d1d5db;
    flex-shrink: 0;
}

/* =========================================================
											   Label
   ========================================================= */

.stat-label[b-kei6aif0dt] {
    color: #374151;
    font-weight: 600;
}

/* =========================================================
											   Value
   ========================================================= */

.stat-value[b-kei6aif0dt] {
    color: #111827;
    font-weight: 700;
}


[b-kei6aif0dt] .pairing-label {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0 1px;
    color: #0674dd;
    font-size: 12px;
    line-height: 20px;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-kei6aif0dt] .pairing-checkbox-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
}

    [b-kei6aif0dt] .pairing-checkbox-cell input[type="checkbox"] {
        width: 14px;
        height: 14px;
        margin: 0;
        cursor: pointer;
    }

[b-kei6aif0dt] .pairing-checkbox-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
}

    [b-kei6aif0dt] .pairing-checkbox-cell input[type="checkbox"] {
        width: 14px;
        height: 14px;
        margin: 0;
        cursor: pointer;
    }

[b-kei6aif0dt] .pairing-editor-gantt .e-treegrid td:first-child,
[b-kei6aif0dt] .pairing-editor-gantt .e-treegrid th:first-child {
    padding-left: 0;
    padding-right: 0;
}
/* =========================================================
												   Row drop zone
   ========================================================= */
[b-kei6aif0dt] .pairing-row-dropzone {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

[b-kei6aif0dt] .pairing-segment {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 22px;
    min-width: 2px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: grab;
    user-select: none;
    line-height: 20px;
    z-index: 2;
}

    [b-kei6aif0dt] .pairing-segment:active {
        cursor: grabbing;
    }

[b-kei6aif0dt] .pairing-segment-text {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

[b-kei6aif0dt] .day-view-1 .pairing-segment,
[b-kei6aif0dt] .day-view-2 .pairing-segment {
    font-size: 12px;
    padding: 0 4px;
}

[b-kei6aif0dt] .day-view-3 .pairing-segment,
[b-kei6aif0dt] .day-view-4 .pairing-segment {
    font-size: 11px;
    padding: 0 3px;
}

[b-kei6aif0dt] .day-view-5 .pairing-segment,
[b-kei6aif0dt] .day-view-6 .pairing-segment {
    font-size: 10px;
    padding: 0 2px;
}

[b-kei6aif0dt] .day-view-7 .pairing-segment,
[b-kei6aif0dt] .day-view-8 .pairing-segment {
    font-size: 9px;
    padding: 0 1px;
}

[b-kei6aif0dt] .day-view-9 .pairing-segment,
[b-kei6aif0dt] .day-view-10 .pairing-segment {
    font-size: 8px;
    padding: 0 1px;
}

[b-kei6aif0dt] .leg-type-lv {
    background-color: lightblue;
}

[b-kei6aif0dt] .leg-type-dh {
    background-color: #ffe699;
}

[b-kei6aif0dt] .leg-type-ml {
    background-color: lightgreen;
}

[b-kei6aif0dt] .leg-type-md {
    background-color: #d9b3ff;
}

[b-kei6aif0dt] .leg-type-lm {
    background-color: #ffcc99;
}

[b-kei6aif0dt] .leg-type-nf {
    background-color: #d9d9d9;
}

[b-kei6aif0dt] .pairing-segment-error {
    border: 2px solid red;
}




/* =========================================================
   Toolbar
========================================================= */

.toolbar-region[b-kei6aif0dt] {
    flex: 0 0 auto;
    min-height: 72px;
}

    /* Syncfusion toolbar item spacing */
    .toolbar-region[b-kei6aif0dt]  .custom-toolbar .e-toolbar-item {
        padding: 2px 4px !important;
        margin: 1px 3px !important;
        min-height: 24px !important;
    }

    /* Toolbar button itself */
    .toolbar-region[b-kei6aif0dt]  .custom-toolbar .e-tbar-btn {
        padding: 2px 6px !important;
        min-height: 24px !important;
    }

    /* Toolbar text */
    .toolbar-region[b-kei6aif0dt]  .custom-toolbar .e-tbar-btn-text {
        font-family: Arial, sans-serif !important;
        font-size: 13px !important;
        font-weight: 300 !important;
        font-style: normal !important;
        color: #333 !important;
        line-height: 1.2 !important;
        margin-left: 4px !important;
    }

    /* Common custom toolbar icon */
    .toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon {
        display: inline-block !important;
        width: 15px !important;
        height: 15px !important;
        min-width: 15px !important;
        min-height: 15px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        vertical-align: middle !important;
    }

        /* Remove Syncfusion icon font content for custom image icons */
        .toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon::before {
            content: "" !important;
        }

    /* =========================================================
   Toolbar Icons
========================================================= */

    .toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-stats {
        background-image: url('/images/pairingeditor/statistics.png') !important;
    }

    .toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-dayview {
        background-image: url('/images/pairingeditor/dayview.png') !important;
    }

.day-view-toolbar-item[b-kei6aif0dt] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.day-view-label[b-kei6aif0dt] {
    white-space: nowrap;
    font-weight: 500;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-timezone {
    background-image: url('/images/pairingeditor/timezone.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-show-selected {
    background-image: url('/images/pairingeditor/show-selected.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-show-all {
    background-image: url('/images/pairingeditor/show-all.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-hide {
    background-image: url('/images/pairingeditor/hide.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-hide-all {
    background-image: url('/images/pairingeditor/hide-all.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-select-all {
    background-image: url('/images/pairingeditor/select-all.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-unselect-all {
    background-image: url('/images/pairingeditor/unselect-all.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-pin {
    background-image: url('/images/pairingeditor/pin.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-unpin {
    background-image: url('/images/pairingeditor/unpin.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-switch {
    background-image: url('/images/pairingeditor/switch.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-top {
    background-image: url('/images/pairingeditor/top.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-bottom {
    background-image: url('/images/pairingeditor/bottom.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-force-lock {
    background-image: url('/images/pairingeditor/force-lock.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-lock {
    background-image: url('/images/pairingeditor/lock.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-unlock {
    background-image: url('/images/pairingeditor/unlock.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-merge {
    background-image: url('/images/pairingeditor/merge.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-swap-end {
    background-image: url('/images/pairingeditor/swap-end.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-delete {
    background-image: url('/images/pairingeditor/delete.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-filter-flights {
    background-image: url('/images/pairingeditor/filter-flights.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-filter-pairings {
    background-image: url('/images/pairingeditor/filter-pairings.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-save {
    background-image: url('/images/pairingeditor/save.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-quick-save {
    background-image: url('/images/pairingeditor/quicksave.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-load {
    background-image: url('/images/pairingeditor/load.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-quick-load {
    background-image: url('/images/pairingeditor/quickload.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-report {
    background-image: url('/images/pairingeditor/report.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-sort {
    background-image: url('/images/pairingeditor/sort.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-lock-deny-legs {
    background-image: url('/images/pairingeditor/lock-legs-main.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-lock-duties {
    background-image: url('/images/pairingeditor/lock-duties.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-lock-legs {
    background-image: url('/images/pairingeditor/lock-legs.png') !important;
}

.toolbar-region[b-kei6aif0dt]  .custom-toolbar .cust-icon-deny-legs {
    background-image: url('/images/pairingeditor/deny-legs.png') !important;
}


.loading-overlay[b-kei6aif0dt] {
    position: absolute;
    inset: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
}