@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Common/Components/AdminBox/History/HistoryGrid.razor.rz.scp.css */
.max-w-100[b-s0rixo2mbj] {
    max-width: 100%;
    width: fit-content;
}

.max-height-420[b-s0rixo2mbj] {
    max-height: 420px;
}

.scroll-x[b-s0rixo2mbj] {
    overflow: auto;
    position: relative;
}

table[b-s0rixo2mbj] {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    width: max-content;

    --sticky-col-width: 180px;
}

th[b-s0rixo2mbj], td[b-s0rixo2mbj] {
    padding: 8px 12px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    background-color: white;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

thead th[b-s0rixo2mbj] {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: white;
    border-top: 1px solid black;
}

th:first-child[b-s0rixo2mbj] {
    border-left: 1px solid black;
}

/* sys_start_date */
.col-sticky-1[b-s0rixo2mbj] {
    position: sticky;
    left: 0;
    width: var(--sticky-col-width);
    min-width: var(--sticky-col-width);
    z-index: 5;
}

/* sys_end_date */
.col-sticky-2[b-s0rixo2mbj] {
    position: sticky;
    left: var(--sticky-col-width);
    width: var(--sticky-col-width);
    min-width: var(--sticky-col-width);
    z-index: 5;
    border-right: 2px solid oklch(0.7692 0.0145 248.02) !important;
}

thead th.col-sticky-1[b-s0rixo2mbj],
thead th.col-sticky-2[b-s0rixo2mbj] {
    z-index: 15;
}

.cell-changed[b-s0rixo2mbj] {
    background-color: oklch(0.979 0.0396 97.76) !important;
    color: oklch(0.5603 0.1383 55.24);
}

tr.row-deleted th[b-s0rixo2mbj] {
    color: oklch(0.52 0.21 29);
}

tr.row-selected[b-s0rixo2mbj] {
    td {
        background-color: oklch(0.6 0.14 242.85 / 0.2);
    }
    th[b-s0rixo2mbj] {
        background-color: oklch(0.9 0.03 234.46);
    }
}
/* /Common/Components/CollapsibleContent.razor.rz.scp.css */
.collapsible-content-header[b-ewy1t8fw41] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
}

.collapsible-content-header-content[b-ewy1t8fw41] {
    flex-shrink: 0;
}

.collapsible-content-descriptor[b-ewy1t8fw41] {
    flex-grow: 1;
    margin-left: 16px;
    overflow: hidden;
}

.collapsible-content-descriptor-text[b-ewy1t8fw41] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
/* /Common/Components/ColorPicker/ColorPicker.razor.rz.scp.css */
.color-picker[b-w8e6zybfty] {
    display: flex;
    flex-direction: column;
    font-family: "Segoe UI", sans-serif;
    width: 100%;
    box-sizing: border-box;
}

.color-preview-container[b-w8e6zybfty] {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    gap: 0.5rem;
    height: calc(100% - 4px);
}

.hex-display[b-w8e6zybfty] {
    flex: 1 1 0%;
    min-width: 0;
    margin-top: auto;
    margin-bottom: auto;
    box-sizing: border-box;
    border: calc(var(--stroke-width) * 1px) solid transparent;
    border-radius: calc(var(--control-corner-radius) * 1px);
    height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    border-left-width: 5px;
    border-left-style: solid;
    border-right-width: 5px;
    border-right-style: solid;
    padding-left: calc(0.3rem - 2px);
    padding-right: calc(0.3rem - 2px);
    background: var(--neutral-fill-secondary-rest);
}

.color-picker-button[b-w8e6zybfty] {
    flex: 0 0 auto;
}

.hidden-color-picker[b-w8e6zybfty] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 0;
    opacity: 0;
    pointer-events: none;
}


/* /Common/Components/EmployeeCalendar/EmployeeCalendar.razor.rz.scp.css */
/* /Common/Components/HazardPanel/HazardPanel.razor.rz.scp.css */
/* Suppress the global readonly lock icon on the "Kategorie" field */
.bb-hazard-panel .bb-hazard-kategorie-field[b-5wbfmzm79i]  label.fluent-input-label::after {
    content: none;
}
/* /Common/Components/TimeslotSettingsGrid/TimeSlotSettingsGrid.razor.rz.scp.css */
#grid-container[b-aomzc5kkk6] {
    container: grid-container / inline-size;
    position: relative;
}

#edit-form-grid[b-aomzc5kkk6] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    column-gap: 12px;
    row-gap: 10px;
    max-width: calc(100cqw - (2 * var(--dxbl-grid-edit-form-padding-x)));
}

@container grid-container (max-width: 960px) {
    #edit-form-grid[b-aomzc5kkk6] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@container grid-container (max-width: 600px) {
    #edit-form-grid[b-aomzc5kkk6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* /Common/Components/TimeslotSettingsGrid/TimeslotSettingsInlineGrid.razor.rz.scp.css */
.ts-table-container[b-cj2yd5wugg] {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 480px;
    margin-top: 16px;
    margin-bottom: 20px;
}

.ts-table[b-cj2yd5wugg] {
    width: auto;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
}

.ts-table th[b-cj2yd5wugg] {
    padding: 8px 6px;
    text-align: left;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    border-right: 1px solid var(--neutral-stroke-rest);
    border-bottom: 1px solid var(--neutral-stroke-rest);
    border-top: 1px solid var(--neutral-stroke-rest);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    position: sticky;
    top: 0;
    z-index: 1;
    box-sizing: border-box;
    background-color: var(--neutral-layer-1, white);
}

.ts-table th:first-child[b-cj2yd5wugg] {
    border-left: 1px solid var(--neutral-stroke-rest);
}

.ts-table th:hover[b-cj2yd5wugg] {
    background-color: var(--neutral-fill-stealth-hover);
}

.ts-table th.wrap-header[b-cj2yd5wugg] {
    white-space: normal;
    text-align: center;
}

.ts-table th.sortable[b-cj2yd5wugg]::after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    vertical-align: middle;
}

.ts-table th.sort-asc[b-cj2yd5wugg]::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid var(--accent-fill-rest);
}

.ts-table th.sort-desc[b-cj2yd5wugg]::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid var(--accent-fill-rest);
}

.ts-table td[b-cj2yd5wugg] {
    padding: 2px 4px;
    border-right: 1px solid var(--neutral-stroke-rest);
    border-bottom: 1px solid var(--neutral-stroke-rest);
    vertical-align: middle;
    pointer-events: auto;
    white-space: nowrap;
    box-sizing: border-box;
}

.ts-table td:first-child[b-cj2yd5wugg] {
    border-left: 1px solid var(--neutral-stroke-rest);
}

.ts-table td *[b-cj2yd5wugg] {
    pointer-events: auto;
}

/* Column resize handles — ::deep needed because handles are created by JS, not Blazor */
.ts-table[b-cj2yd5wugg]  .ts-resize-handle {
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    width: 12px;
    cursor: col-resize;
    z-index: 10;
    background: transparent;
}

.ts-table[b-cj2yd5wugg]  .ts-resize-handle:hover {
    background: color-mix(in srgb, var(--accent-fill-rest) 25%, transparent);
}

/* Body cursor override during active column resize drag */
:global(body.ts-col-resizing)[b-cj2yd5wugg],
:global(body.ts-col-resizing *)[b-cj2yd5wugg] {
    cursor: col-resize !important;
    user-select: none !important;
}

.ts-table tbody tr:hover[b-cj2yd5wugg] {
    background-color: var(--neutral-fill-stealth-hover);
}

/* Override DevExpress white background on row hover */
.ts-table tbody tr:hover[b-cj2yd5wugg]  .ts-dx-white,
.ts-table tbody tr:hover[b-cj2yd5wugg]  .ts-dx-white *,
.ts-table tbody tr:hover[b-cj2yd5wugg]  .dxbl-edit-input-container,
.ts-table tbody tr:hover[b-cj2yd5wugg]  .dxbl-edit-input {
    background-color: var(--neutral-fill-stealth-hover) !important;
    background: var(--neutral-fill-stealth-hover) !important;
}

.ts-table tbody tr.row-error[b-cj2yd5wugg] {
    background-color: oklch(92% 0.04 19.571);
}

.ts-table tbody td.cell-error[b-cj2yd5wugg] {
    background-color: oklch(80.8% 0.114 19.571) !important;
}

/* Override DevExpress white background inside error cells */
.ts-table tbody td.cell-error[b-cj2yd5wugg]  .ts-dx-white,
.ts-table tbody td.cell-error[b-cj2yd5wugg]  .ts-dx-white *,
.ts-table tbody td.cell-error[b-cj2yd5wugg]  .dxbl-edit-input-container,
.ts-table tbody td.cell-error[b-cj2yd5wugg]  .dxbl-edit-input {
    background-color: oklch(80.8% 0.114 19.571) !important;
    background: oklch(80.8% 0.114 19.571) !important;
}

/* Selected row — accent-tinted background on row + all cells */
.ts-table tbody tr.row-selected[b-cj2yd5wugg] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 12%, var(--neutral-layer-1, white));
}

.ts-table tbody tr.row-selected td[b-cj2yd5wugg] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 12%, var(--neutral-layer-1, white));
}

/* Keep input fields white on selected rows — only the cell/row background is tinted */
.ts-table tbody tr.row-selected[b-cj2yd5wugg]  .ts-dx-white,
.ts-table tbody tr.row-selected[b-cj2yd5wugg]  .ts-dx-white *,
.ts-table tbody tr.row-selected[b-cj2yd5wugg]  .dxbl-edit-input-container,
.ts-table tbody tr.row-selected[b-cj2yd5wugg]  .dxbl-edit-input {
    background-color: white !important;
    background: white !important;
}

/* Accent left-border indicator on the first sticky column */
.ts-table tbody tr.row-selected td.ts-sticky-col-0[b-cj2yd5wugg] {
    box-shadow: inset 3px 0 0 var(--accent-fill-rest);
}

.ts-table tbody tr.row-blocked[b-cj2yd5wugg] {
    background-color: var(--neutral-fill-secondary-rest);
    opacity: 0.7;
}

.ts-table tbody tr.row-inactive[b-cj2yd5wugg] {
    background-color: var(--neutral-fill-secondary-rest);
    opacity: 0.6;
}

/* Blocked/inactive rows show accent-tinted selection */
.ts-table tbody tr.row-blocked.row-selected[b-cj2yd5wugg],
.ts-table tbody tr.row-blocked.row-selected td[b-cj2yd5wugg] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 12%, var(--neutral-fill-secondary-rest));
}

.ts-table tbody tr.row-blocked.row-selected[b-cj2yd5wugg]  .ts-dx-white,
.ts-table tbody tr.row-blocked.row-selected[b-cj2yd5wugg]  .ts-dx-white *,
.ts-table tbody tr.row-blocked.row-selected[b-cj2yd5wugg]  .dxbl-edit-input-container,
.ts-table tbody tr.row-blocked.row-selected[b-cj2yd5wugg]  .dxbl-edit-input {
    background-color: white !important;
    background: white !important;
}

.ts-table tbody tr.row-inactive.row-selected[b-cj2yd5wugg],
.ts-table tbody tr.row-inactive.row-selected td[b-cj2yd5wugg] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 12%, var(--neutral-fill-secondary-rest));
}

.ts-table tbody tr.row-inactive.row-selected[b-cj2yd5wugg]  .ts-dx-white,
.ts-table tbody tr.row-inactive.row-selected[b-cj2yd5wugg]  .ts-dx-white *,
.ts-table tbody tr.row-inactive.row-selected[b-cj2yd5wugg]  .dxbl-edit-input-container,
.ts-table tbody tr.row-inactive.row-selected[b-cj2yd5wugg]  .dxbl-edit-input {
    background-color: white !important;
    background: white !important;
}

/* DevExpress components in table — !important overrides inline pixel widths
   set by DevExpress, ensuring components always fill resized cells. */
.ts-table[b-cj2yd5wugg]  .dxbl-combobox,
.ts-table[b-cj2yd5wugg]  .dxbl-date-edit,
.ts-table[b-cj2yd5wugg]  .dxbl-time-edit,
.ts-table[b-cj2yd5wugg]  .dxbl-spin-edit {
    width: 100% !important;
}

[b-cj2yd5wugg] .ts-combo {
    min-width: 0;
    width: 100% !important;
}

[b-cj2yd5wugg] .ts-combo-narrow {
    min-width: 0;
    width: 100% !important;
}

[b-cj2yd5wugg] .ts-date {
    min-width: 0;
    width: 100% !important;
}

[b-cj2yd5wugg] .ts-time {
    min-width: 0;
    width: 100% !important;
}

[b-cj2yd5wugg] .ts-spin {
    min-width: 0;
    width: 100% !important;
}

[b-cj2yd5wugg] .ts-dx-white,
[b-cj2yd5wugg] .ts-dx-white *,
[b-cj2yd5wugg] .ts-dx-white .dxbl-edit-input-container,
[b-cj2yd5wugg] .ts-dx-white .dxbl-edit-input {
    background-color: white !important;
    background: white !important;
}

[b-cj2yd5wugg] .ts-combo,
[b-cj2yd5wugg] .ts-combo .dxbl-edit-input-container,
[b-cj2yd5wugg] .ts-combo-narrow,
[b-cj2yd5wugg] .ts-combo-narrow .dxbl-edit-input-container {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

[b-cj2yd5wugg] .ts-date,
[b-cj2yd5wugg] .ts-date .dxbl-edit-input-container {
    border: none !important;
    box-shadow: none !important;
}

[b-cj2yd5wugg] .ts-time,
[b-cj2yd5wugg] .ts-time .dxbl-edit-input-container {
    border: none !important;
    box-shadow: none !important;
}

.ts-table td:has(fluent-checkbox)[b-cj2yd5wugg],
.ts-table td:has(input[type="checkbox"])[b-cj2yd5wugg] {
    text-align: center;
}

.ts-checkbox[b-cj2yd5wugg] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Command column styles */
.ts-command-cell[b-cj2yd5wugg] {
    white-space: nowrap;
    text-align: center;
}

.ts-command-cell button[b-cj2yd5wugg] {
    padding: 2px 6px;
    min-width: auto;
}

/* Add row button in header */
.ts-add-btn[b-cj2yd5wugg] {
    padding: 2px 8px;
}

/* Block info tooltip icon */
.ts-block-info[b-cj2yd5wugg] {
    cursor: help;
}

/* Sticky (frozen) columns — first 6 columns stay fixed on horizontal scroll */
.ts-table th.ts-sticky-col[b-cj2yd5wugg],
.ts-table td.ts-sticky-col[b-cj2yd5wugg] {
    position: sticky;
    box-sizing: border-box;
    background-color: var(--neutral-layer-1, white);
    border-left: 1px solid var(--neutral-stroke-rest);
}

.ts-table td.ts-sticky-col[b-cj2yd5wugg] {
    z-index: 1;
}

.ts-table th.ts-sticky-col[b-cj2yd5wugg] {
    z-index: 3;
}

/* Sticky column left offsets use CSS custom properties set by JS on the <table>.
   This ensures virtualized rows (added later) automatically get correct offsets.
   Column widths are controlled by the <colgroup>/<col> elements. */
.ts-sticky-col-0[b-cj2yd5wugg] { left: 0; }
.ts-sticky-col-1[b-cj2yd5wugg] { left: var(--ts-sticky-1-left, 50px); }
.ts-sticky-col-2[b-cj2yd5wugg] { left: var(--ts-sticky-2-left, 170px); }
.ts-sticky-col-3[b-cj2yd5wugg] { left: var(--ts-sticky-3-left, 290px); }
.ts-sticky-col-4[b-cj2yd5wugg] { left: var(--ts-sticky-4-left, 395px); }
.ts-sticky-col-5[b-cj2yd5wugg] { left: var(--ts-sticky-5-left, 150px); }

/* Last frozen column  */
.ts-table th.ts-sticky-col-5[b-cj2yd5wugg],
.ts-table td.ts-sticky-col-5[b-cj2yd5wugg] {
    border-right: 1px solid var(--neutral-stroke-rest);
}

/* Sticky column backgrounds for special row states */
.ts-table tbody tr:hover td.ts-sticky-col[b-cj2yd5wugg] {
    background-color: var(--neutral-fill-stealth-hover);
}

.ts-table tbody tr.row-error td.ts-sticky-col[b-cj2yd5wugg] {
    background-color: oklch(92% 0.04 19.571);
}

.ts-table tbody tr.row-error td.ts-sticky-col.cell-error[b-cj2yd5wugg] {
    background-color: oklch(80.8% 0.114 19.571) !important;
}

.ts-table tbody tr.row-blocked td.ts-sticky-col[b-cj2yd5wugg] {
    background-color: var(--neutral-fill-secondary-rest);
}

.ts-table tbody tr.row-inactive td.ts-sticky-col[b-cj2yd5wugg] {
    background-color: var(--neutral-fill-secondary-rest);
}

.ts-table tbody tr.row-selected td.ts-sticky-col[b-cj2yd5wugg] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 12%, var(--neutral-layer-1, white));
}

.ts-table tbody tr.row-blocked.row-selected td.ts-sticky-col[b-cj2yd5wugg] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 12%, var(--neutral-fill-secondary-rest));
}

.ts-table tbody tr.row-inactive.row-selected td.ts-sticky-col[b-cj2yd5wugg] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 12%, var(--neutral-fill-secondary-rest));
}

/* Block details — inner content sticks to the left on horizontal scroll */
.ts-block-details-content[b-cj2yd5wugg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    max-width: 800px;
    position: sticky;
    left: 12px;
}

/* Action buttons row */
.ts-action-buttons[b-cj2yd5wugg] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 8px;
}

/* Read-only mode — plain text cells instead of editors */
.ts-readonly-cell[b-cj2yd5wugg] {
    display: block;
    padding: 6px 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /ErrorPages/ErrorBoundaryContent.razor.rz.scp.css */
.error-boundary-container[b-zx2sb0dzil] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    width: 100%;
    box-sizing: border-box;
    min-height: 120px;
}

.error-details[b-zx2sb0dzil] {
    width: 100%;
    max-height: 400px;
    overflow: auto;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 12px;
    box-sizing: border-box;
}

    .error-details pre[b-zx2sb0dzil] {
        margin: 0;
        white-space: pre-wrap;
        word-break: break-word;
        font-size: 12px;
        line-height: 1.5;
    }
/* /MainLayout/DynamicsIFrameLayout.razor.rz.scp.css */
.page[b-53d2o7j117] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-53d2o7j117] {
    flex: 1;
}

.sidebar[b-53d2o7j117] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-53d2o7j117] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-53d2o7j117]  a, .top-row[b-53d2o7j117]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-53d2o7j117]  a:hover, .top-row[b-53d2o7j117]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-53d2o7j117]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-53d2o7j117] {
        justify-content: space-between;
    }

    .top-row[b-53d2o7j117]  a, .top-row[b-53d2o7j117]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-53d2o7j117] {
        flex-direction: row;
    }

    .sidebar[b-53d2o7j117] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-53d2o7j117] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-53d2o7j117]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-53d2o7j117], article[b-53d2o7j117] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-53d2o7j117] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-53d2o7j117] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.content[b-53d2o7j117] {
    padding: 0px !important;
    align-self: stretch !important;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}
/* /MainLayout/EmptyPageLayout.razor.rz.scp.css */
/* /MainLayout/LogInOrOut.razor.rz.scp.css */
.bi[b-gy0q9zcrb2] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-person-badge-nav-menu[b-gy0q9zcrb2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-gy0q9zcrb2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-gy0q9zcrb2] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    text-align: left;
}

.nav-item .nav-link[b-gy0q9zcrb2] {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    text-align: left;
    width: 100%;
}

.nav-item .nav-link:hover[b-gy0q9zcrb2] {
    background-color: rgba(255,255,255,0.1);
    color: white;
}
/* /MainLayout/MainLayout.razor.rz.scp.css */
.page[b-3r50h5rgsu] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.waffle-container[b-3r50h5rgsu] {
    width: 48px;
    height: 48px;
    font-family: ShellFabricMDL2Icons;
    display: grid;
    place-items: center;
    cursor: default;
}

.app-name[b-3r50h5rgsu] {
    text-decoration: none;
    color: white;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    margin-left: 1em;
}

.env-chip[b-3r50h5rgsu]{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    padding: 2px 10px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .08em;
    color: #fff;
    z-index: 2;
    pointer-events: none;
}

main[b-3r50h5rgsu] {
    flex: 1;
}

.sidebar[b-3r50h5rgsu] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-3r50h5rgsu] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-3r50h5rgsu]  a, .top-row[b-3r50h5rgsu]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-3r50h5rgsu]  a:hover, .top-row[b-3r50h5rgsu]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-3r50h5rgsu]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-3r50h5rgsu] {
        justify-content: space-between;
    }

    .top-row[b-3r50h5rgsu]  a, .top-row[b-3r50h5rgsu]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-3r50h5rgsu] {
        flex-direction: row;
    }

    .sidebar[b-3r50h5rgsu] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-3r50h5rgsu] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-3r50h5rgsu]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-3r50h5rgsu], article[b-3r50h5rgsu] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-3r50h5rgsu] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-3r50h5rgsu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /MainLayout/MainMenu/MainMenu.razor.rz.scp.css */
div.navmenu[b-3z74djmndu] {
    --base-background-color: oklch(0.9551 0 0);
    --hover-background-color: oklch(0.9851 0 0);
}

div.navmenu[b-3z74djmndu] {
    position: relative;
    background-color: var(--base-background-color);
    flex: 1 0 auto;
    overflow-y: scroll;
}

nav[b-3z74djmndu] {
    position: relative;
    min-height: calc(100% - 4px);
}

    nav[b-3z74djmndu]::after {
        content: '';
        position: absolute;
        top: -4px;
        right: 0;
        bottom: 0;
        width: calc(1px * var(--design-unit));
        background: linear-gradient(to right, transparent 0%, rgba(0 0 0 / 0.15) 100%);
    }

[b-3z74djmndu] .fluent-nav-item .positioning-region {
    background-color: var(--base-background-color);
}

    [b-3z74djmndu] .fluent-nav-item .positioning-region:hover:not(:has(.disabled)) {
        background-color: var(--hover-background-color);
    }

[b-3z74djmndu] .fluent-nav-link.active .positioning-region {
    background-color: var(--hover-background-color);
}

.navbar-toggler[b-3z74djmndu] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-3z74djmndu] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-3z74djmndu] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-3z74djmndu] {
    font-size: 1.1rem;
}

.bi[b-3z74djmndu] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-3z74djmndu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-3z74djmndu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-3z74djmndu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-3z74djmndu] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-3z74djmndu] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-3z74djmndu] {
        padding-bottom: 1rem;
    }

    .nav-item[b-3z74djmndu]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-3z74djmndu]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-3z74djmndu]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-3z74djmndu] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-3z74djmndu] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-3z74djmndu] {
        display: none;
    }

    .nav-scrollable[b-3z74djmndu] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Activities/ActivityPage/ActivityStepDetailDialog.razor.rz.scp.css */
.activity-step-detail-section[b-6zww095m6q] {
    border: 1px solid var(--neutral-stroke-rest);
    padding: 16px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

.activity-step-detail-section-title[b-6zww095m6q] {
    font-size: 16px;
    color: var(--neutral-foreground-rest);
    margin-bottom: 12px;
}

.activity-step-detail-field[b-6zww095m6q] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.activity-step-detail-label[b-6zww095m6q] {
    color: var(--neutral-foreground-rest);
}

/* Detail kroku: pole jen na půlku šířky karty (popis je řešen zvlášť přes width:100%). */
.activity-step-detail-value-row[b-6zww095m6q] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 50%;
}

/* Změny: before → after přes celou šířku karty. */
.activity-step-detail-diff-row[b-6zww095m6q] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.activity-step-detail-checkbox-row[b-6zww095m6q] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.activity-step-detail-arrow[b-6zww095m6q] {
    opacity: 0.6;
    min-width: 16px;
    text-align: center;
}

.activity-step-detail-fk-link[b-6zww095m6q] {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    flex-shrink: 0;
}

/* Vždy přítomný slot — zachová zarovnání pravého text fieldu napříč všemi řádky,
   i když FK ikona není (např. pro Termín). */
.activity-step-detail-fk-slot[b-6zww095m6q] {
    flex-shrink: 0;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/Activities/Dashboard/ActivityDashboardPage.razor.rz.scp.css */
.activity-dashboard-grids[b-xv6kh4khej] {
    margin-top: 12px;
    width: 100%;
}

/* 2 grids per row (4x2 panel for the 8 default grids); items reflow to the next row automatically.
   The custom properties neutralize the FluentSortableList defaults (fixed item height via !important,
   borders, padding) - items host whole grid cards here. */
.activity-dashboard-grids[b-xv6kh4khej]  .fluent-sortable-list {
    --fluent-sortable-list-item-height: auto;
    --fluent-sortable-list-item-padding: 0;
    --fluent-sortable-list-item-border-width: 0;
    --fluent-sortable-list-item-spacing: 0;
    --fluent-sortable-list-border-width: 0;
    --fluent-sortable-list-padding: 0;
    --fluent-sortable-list-background-color: transparent;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}


@media (max-width: 768px) {
    .activity-dashboard-grids[b-xv6kh4khej]  .fluent-sortable-list {
        grid-template-columns: 1fr;
    }
}

.activity-dashboard-grids[b-xv6kh4khej]  .fluent-sortable-list .sortable-item {
    height: auto !important;
    min-width: 0;
    align-items: stretch;
    user-select: auto;
}

/* A grid the user widened spans the whole row instead of a single column.
   The card carries the .activity-grid--wide marker class; the rest keep flowing 2-up. */
.activity-dashboard-grids[b-xv6kh4khej]  .fluent-sortable-list .sortable-item:has(.activity-grid--wide) {
    grid-column: 1 / -1;
}

/* Neutralize the library's inline-list look of the drag handle - ours sits in the card header. */
.activity-dashboard-grids[b-xv6kh4khej]  .fluent-sortable-list .sortable-grab {
    background-color: transparent;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    padding: 0;
}

/* Highlight of the grid that will be swapped with the dragged one (SortableJS Swap plugin). */
.activity-dashboard-grids[b-xv6kh4khej]  .fluent-sortable-list .sortable-swap-highlight {
    outline: 2px dashed var(--accent-fill-rest);
    outline-offset: 2px;
    border-radius: calc(var(--control-corner-radius) * 1px);
}
/* /Pages/BenefitPlans/BenefitPlanPage/BenefitPlanPage.razor.rz.scp.css */
.text-area-container[b-g98qkid9wm] {
    display: flex;
    flex-direction: column;
}

.text-area-container[b-g98qkid9wm]  > fluent-text-area {
    flex: 1 0 0;
}

    .text-area-container[b-g98qkid9wm]  > fluent-text-area::part(control) {
        height: 100%;
        margin-top: 0;
    }
/* /Pages/Consents/ConsentSourceSystemPage/ConsentSourceSystemPage.razor.rz.scp.css */
.form-fields-wrapper[b-e0u5fg2vde]  .form-fields-container {
    min-width: 200px;
    max-width: 420px;
    width: 100%;
    padding-top: calc(var(--design-unit) * 2px) !important;
    padding-right: calc(var(--design-unit) * 3px) !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}

.form-fields-wrapper[b-e0u5fg2vde]  .form-fields-container > div {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* /Pages/Consents/ConsentVersionPage/ConsentVersionPage.razor.rz.scp.css */
.form-fields-wrapper[b-t4mewn9dx3]  .form-fields-container {
    min-width: 200px;
    max-width: 420px;
    width: 100%;
    padding-top: calc(var(--design-unit) * 2px) !important;
    padding-right: calc(var(--design-unit) * 3px) !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}

.form-fields-wrapper[b-t4mewn9dx3]  .form-fields-container > div {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* /Pages/Employees/EmployeeExternalPage/RegionalDoctorGrid.razor.rz.scp.css */
.rdg-table-container[b-kh3gpeprr7] {
    width: 100%;
    overflow-x: auto;
    margin-top: 16px;
    margin-bottom: 20px;
}

.rdg-table[b-kh3gpeprr7] {
    width: auto;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
}

.rdg-table th[b-kh3gpeprr7] {
    padding: 8px 6px;
    text-align: left;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    border-right: 1px solid var(--neutral-stroke-rest);
    border-bottom: 1px solid var(--neutral-stroke-rest);
    border-top: 1px solid var(--neutral-stroke-rest);
    white-space: nowrap;
    user-select: none;
    box-sizing: border-box;
    background-color: var(--neutral-layer-1, white);
}

.rdg-table th:first-child[b-kh3gpeprr7] {
    border-left: 1px solid var(--neutral-stroke-rest);
}

.rdg-table td[b-kh3gpeprr7] {
    padding: 2px 4px;
    border-right: 1px solid var(--neutral-stroke-rest);
    border-bottom: 1px solid var(--neutral-stroke-rest);
    vertical-align: middle;
    white-space: nowrap;
    box-sizing: border-box;
}

.rdg-table td:first-child[b-kh3gpeprr7] {
    border-left: 1px solid var(--neutral-stroke-rest);
}

.rdg-table tbody tr:hover[b-kh3gpeprr7] {
    background-color: var(--neutral-fill-stealth-hover);
}

/* Override DevExpress white background on row hover */
.rdg-table tbody tr:hover[b-kh3gpeprr7]  .rdg-dx-white,
.rdg-table tbody tr:hover[b-kh3gpeprr7]  .rdg-dx-white *,
.rdg-table tbody tr:hover[b-kh3gpeprr7]  .dxbl-edit-input-container,
.rdg-table tbody tr:hover[b-kh3gpeprr7]  .dxbl-edit-input {
    background-color: var(--neutral-fill-stealth-hover) !important;
    background: var(--neutral-fill-stealth-hover) !important;
}

.rdg-table tbody tr.row-error[b-kh3gpeprr7] {
    background-color: oklch(92% 0.04 19.571);
}

.rdg-table tbody td.cell-error[b-kh3gpeprr7] {
    background-color: oklch(80.8% 0.114 19.571) !important;
}

/* Override DevExpress white background inside error cells */
.rdg-table tbody td.cell-error[b-kh3gpeprr7]  .rdg-dx-white,
.rdg-table tbody td.cell-error[b-kh3gpeprr7]  .rdg-dx-white *,
.rdg-table tbody td.cell-error[b-kh3gpeprr7]  .dxbl-edit-input-container,
.rdg-table tbody td.cell-error[b-kh3gpeprr7]  .dxbl-edit-input {
    background-color: oklch(80.8% 0.114 19.571) !important;
    background: oklch(80.8% 0.114 19.571) !important;
}

/* DevExpress combo fills the cell */
.rdg-table[b-kh3gpeprr7]  .dxbl-combobox {
    width: 100% !important;
}

[b-kh3gpeprr7] .rdg-combo {
    min-width: 0;
    width: 100% !important;
}

[b-kh3gpeprr7] .rdg-combo,
[b-kh3gpeprr7] .rdg-combo .dxbl-edit-input-container {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

[b-kh3gpeprr7] .rdg-dx-white,
[b-kh3gpeprr7] .rdg-dx-white *,
[b-kh3gpeprr7] .rdg-dx-white .dxbl-edit-input-container,
[b-kh3gpeprr7] .rdg-dx-white .dxbl-edit-input {
    background-color: white !important;
    background: white !important;
}

.rdg-center[b-kh3gpeprr7] {
    text-align: center;
}

/* Center the delete button — FluentStack renders as a div.stack-horizontal
   with an inline width:100%, which fills the cell and pins the button left. Shrink
   it to content (needs !important to beat the inline width); GridCommandButtonDelete's
   own flex wrapper then centers it. */
.rdg-table td[b-kh3gpeprr7]  .stack-horizontal {
    width: auto !important;
}

.rdg-required[b-kh3gpeprr7] {
    color: var(--error, #d13438);
}

/* Click-to-edit: display cells are plain text until the row is clicked */
.rdg-table td.rdg-editable[b-kh3gpeprr7] {
    cursor: pointer;
}

.rdg-display-text[b-kh3gpeprr7] {
    display: block;
    padding: 6px 2px;
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Vertically + horizontally center the checkbox in the tall row
   (row height is driven by the combo cells). Mirrors the delete button's wrapper. */
.rdg-checkbox-cell[b-kh3gpeprr7] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.rdg-checkbox[b-kh3gpeprr7] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 0;
}
/* /Pages/Invoices/InvoicePage/InvoicePage.razor.rz.scp.css */
.text-area-container[b-578ieunwh6] {
    display: flex;
    flex-direction: column;
}


    [b-578ieunwh6] .text-area-container > fluent-text-area {
        height: 100%;
        flex: 1 1 auto;
    }


        [b-578ieunwh6] .text-area-container > fluent-text-area::part(control) {
            height: 100%;
            margin-top: 0;
        }
/* /Pages/JipAdmin/BlueBerryIdLinks.razor.rz.scp.css */
a[b-sl7sw74kxa] {
    color: var(--accent-fill-rest);
    text-decoration: none;
    cursor: pointer;
}

a:hover[b-sl7sw74kxa] {
    text-decoration: underline;
}
/* /Pages/JipAdmin/JipIntegrationLogModal/BulkResendDialog.razor.rz.scp.css */
.bulk-resend-dialog-header[b-zx4cevgwyo] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.bulk-resend-title[b-zx4cevgwyo] {
    font-size: 16px;
    font-weight: 600;
}

.bulk-resend-count[b-zx4cevgwyo] {
    font-size: 13px;
    opacity: 0.8;
    white-space: nowrap;
}

/* The list is the actual grid: status | name+id | bb-ids | message. The first three tracks are auto
   (content-sized), so they pack together on the left with only the 10px gap between them — no dead space.
   Only the message track is flexible (1fr), so it absorbs all the remaining width. Each row is a subgrid
   adopting these shared tracks, so every column still lines up across all rows. */
.bulk-resend-list[b-zx4cevgwyo] {
    display: grid;
    grid-template-columns: 20px auto auto minmax(0, 1fr);
    align-content: start;
    column-gap: 10px;
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.bulk-resend-row[b-zx4cevgwyo] {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    align-items: center;
    padding: 6px 2px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest, rgba(0, 0, 0, 0.08));
    font-size: 13px;
}

.bulk-resend-status[b-zx4cevgwyo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 1;
}

.bulk-resend-status-success[b-zx4cevgwyo] {
    color: #107c10;
}

.bulk-resend-status-failed[b-zx4cevgwyo] {
    color: #d13438;
}

.bulk-resend-status-unsupported[b-zx4cevgwyo],
.bulk-resend-status-pending[b-zx4cevgwyo] {
    color: #8a8886;
}

/* Name + id in one cell: name takes the slack (and ellipsizes if long), id never shrinks so it stays
   immediately after the name. */
.bulk-resend-nameid[b-zx4cevgwyo] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    max-width: 320px;
}

.bulk-resend-name[b-zx4cevgwyo] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

/* Clickable #logId — opens the full log detail stacked over this dialog. */
.bulk-resend-id[b-zx4cevgwyo] {
    flex: 0 0 auto;
    white-space: nowrap;
    cursor: pointer;
    color: var(--accent-foreground-rest, #0078d4);
}

.bulk-resend-id:hover[b-zx4cevgwyo] {
    text-decoration: underline;
}

/* Clickable BB record link(s); kept on one line so it stays a single, aligned column. */
.bulk-resend-bbids[b-zx4cevgwyo] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

/* Shows only as much of the error as fits the remaining column width; full text is in the title tooltip. */
.bulk-resend-message[b-zx4cevgwyo] {
    min-width: 0;
    color: #d13438;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Pages/JipAdmin/JipIntegrationLogModal/JipIntegrationLogModalPage.razor.rz.scp.css */
/* Shared box for the two id lists (BlueBerry IDs, Jip IDs). Looks like a read-only filled
   FluentTextField - the styling mirrors the readonly look used across the app (neutral-fill-secondary
   tokens, no border, not-allowed cursor) - but wraps, which a single-line input cannot do.

   The ids must wrap instead of running off on one line. The dialog lays its body out in a
   `grid-template-columns: 1fr` track (FluentUI's fluent-dialog::part(control)) and the minimum of
   such a track is the min-content width of its contents, so a single unbreakable row of a few
   hundred ids stretched the whole dialog well past the 80vw it is opened with - far enough that the
   dismiss button ended up outside the viewport. Wrapping keeps the min-content width down to one
   id, so the dialog stays at its configured width no matter how many ids the log carries.

   Laid out as a block (not flex) so the line breaks fall on the ", " separators between ids. */
.ids-field[b-dd1tz8za42] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    /* Keeps a short list the same height as the read-only text fields next to it. */
    min-height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
    /* Roughly three lines of ids; beyond that the box scrolls instead of growing the dialog. */
    max-height: calc(var(--type-ramp-base-line-height) * 3 + var(--design-unit) * 2px);
    overflow-y: auto;
    white-space: normal;
    overflow-wrap: anywhere;
    padding: calc(var(--design-unit) * 1px) calc(var(--design-unit) * 2px);
    background: var(--neutral-fill-secondary-rest);
    border: none;
    border-radius: calc(var(--control-corner-radius) * 1px);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
    cursor: not-allowed;
}

.ids-field:hover[b-dd1tz8za42] {
    background: var(--neutral-fill-secondary-hover);
}
/* /Pages/JipAdmin/Scheduler/JipSchedulerLivePanel.razor.rz.scp.css */
/* ===== Layout =====
   The panel is a column: banner, the three lists, and the log when it is open. Only the lists flex, so
   opening the log takes height from them rather than pushing the page taller.

   Its height is the viewport minus the chrome above it — the action bar, the page title, and two levels of
   tabs. That offset is measured rather than derived, because nothing in the chain above has a definite
   height to inherit from; min-height keeps the panel usable if the estimate ever drifts.

   Deliberately gated on viewport height: below it the old fixed heights are kept and the page simply
   scrolls, which is the right behaviour on a laptop where stretching would leave each list a few rows tall. */
.live-panel[b-dfjckfv2xx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.live-columns[b-dfjckfv2xx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    min-height: 0;
}

.live-column[b-dfjckfv2xx] {
    min-height: 0;
    height: 420px;
}

@media (max-width: 900px) {
    .live-columns[b-dfjckfv2xx] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (min-height: 900px) {
    .live-panel[b-dfjckfv2xx] {
        height: calc(100dvh - 300px);
        min-height: 600px;
    }

    /* Takes everything the banner and the log leave behind. */
    .live-columns[b-dfjckfv2xx] {
        flex: 1 1 auto;
    }

    .live-column[b-dfjckfv2xx] {
        height: 100%;
    }

    .live-log-card[b-dfjckfv2xx] {
        flex: 0 0 auto;
    }

    /* Roughly a quarter of the screen, so the log is readable without starving the lists above it. */
    .live-log[b-dfjckfv2xx] {
        height: clamp(200px, 24dvh, 460px);
    }
}

.live-row[b-dfjckfv2xx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    font-size: 13px;
}

.live-name[b-dfjckfv2xx] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-elapsed[b-dfjckfv2xx] {
    flex: 0 0 auto;
    opacity: 0.7;
    font-variant-numeric: tabular-nums;
}

/* Only rows whose run actually wrote a log offer the click through to it. */
.live-row-linked[b-dfjckfv2xx] {
    cursor: pointer;
}

.live-row-linked:hover[b-dfjckfv2xx] {
    background: var(--neutral-fill-stealth-hover);
}

/* Origin badge, on every row so the badges line up as a column. Deliberately quiet — it is there to be
   glanced at, not to compete with the integration name. */
.live-source[b-dfjckfv2xx] {
    flex: 0 0 auto;
    min-width: 16px;
    padding: 0 4px;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest, rgba(0, 0, 0, 0.15));
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    opacity: 0.75;
}

.live-count[b-dfjckfv2xx] {
    flex: 0 0 auto;
    padding: 0 6px;
    border-radius: 8px;
    background: var(--neutral-fill-secondary-rest);
    font-variant-numeric: tabular-nums;
}

/* One element per line, so column-reverse has something to reverse; see the remark at the markup. */
.live-log-line[b-dfjckfv2xx] {
    flex: 0 0 auto;
}

/* Auto margins centre it in the flex container, rather than letting it sit at the bottom edge where the
   newest log line would normally go. */
.live-log-empty[b-dfjckfv2xx] {
    margin: auto;
    opacity: 0.6;
    font-family: var(--body-font);
    font-size: 13px;
    text-align: center;
}

.live-log[b-dfjckfv2xx] {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    height: 260px;
    overflow: auto;
    margin: 8px 0 0 0;
    padding: 8px;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 4px;
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Pages/JipAdmin/Scheduler/ScheduleEditDialog.razor.rz.scp.css */
/* Integration names run to 60+ characters (e.g. ProductTypeSettingProductProductTypeReservationTypeInByValidFrom).
   The dialog widens for them (see ScheduleEditModel.DialogWidth), but on a narrow viewport the cap still
   bites, and then the name is one unbreakable token: without this it widens the header past the dialog's
   own width and everything below it — fields included — spills out of the box.
   overflow-wrap: anywhere rather than word-break: break-word, because only the former shrinks the header's
   min-content width, which is what actually stops it pushing the dialog wider. Both properties are
   inherited, so they reach the FluentLabel's text from here. */
.dialog-title[b-tp95vopuoy] {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}
/* /Pages/Patients/PatientPage/Components/PatientConsentsTab/QuestionnaireProcessingDialog.razor.rz.scp.css */
.loading[b-9mrtasx5vx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 240px;
}

.member-heading[b-9mrtasx5vx] {
    font-size: var(--type-ramp-plus-1-font-size);
    margin-bottom: 8px;
}

.legend[b-9mrtasx5vx] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 16px;
}

.critical-swatch[b-9mrtasx5vx],
.warning-swatch[b-9mrtasx5vx] {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    border-radius: 2px;
}

.critical-swatch[b-9mrtasx5vx] {
    background: oklch(0.8834 0.0616 18.39);
}

.warning-swatch[b-9mrtasx5vx] {
    background: oklch(0.9453 0.1293 101.4);
}

.dialog-layout[b-9mrtasx5vx] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr) 220px;
    gap: 16px;
    align-items: start;
    margin-top: 16px;
}

.comparison-column[b-9mrtasx5vx] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
}

.comparison-column h3[b-9mrtasx5vx],
.consents h3[b-9mrtasx5vx] {
    margin: 0 0 4px;
    font-size: var(--type-ramp-base-font-size);
    font-weight: 600;
}

.comparison-column fluent-text-field[b-9mrtasx5vx] {
    width: 100%;
}

[b-9mrtasx5vx] fluent-text-field.warning-change::part(root) {
    background: oklch(0.9453 0.1293 101.4);
}

[b-9mrtasx5vx] fluent-text-field.critical-change::part(root) {
    background: oklch(0.8834 0.0616 18.39);
}

.actions[b-9mrtasx5vx] {
    display: grid;
    gap: 8px;
}

.actions fluent-button[b-9mrtasx5vx] {
    width: 100%;
}

.signature[b-9mrtasx5vx] {
    min-height: 100px;
    margin: 0 0 8px;
    border: 1px solid var(--neutral-stroke-rest);
}

.signature legend[b-9mrtasx5vx] {
    color: var(--accent-foreground-rest);
    font-weight: 600;
}

.signature img[b-9mrtasx5vx] {
    width: 100%;
    max-height: 110px;
    object-fit: contain;
}

.signature span[b-9mrtasx5vx] {
    display: block;
    padding: 24px 8px;
    text-align: center;
    color: var(--neutral-foreground-hint);
}

.consents[b-9mrtasx5vx] {
    margin-top: 16px;
}

.consent-name[b-9mrtasx5vx] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.consent-name fluent-icon[b-9mrtasx5vx] {
    flex: none;
    cursor: help;
}

.consent-tooltip[b-9mrtasx5vx] {
    display: grid;
    gap: 4px;
    max-width: 360px;
    white-space: normal;
}

.consent-tooltip strong:not(:first-child)[b-9mrtasx5vx] {
    margin-top: 8px;
}

.consent-row[b-9mrtasx5vx] {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) 140px 140px;
    align-items: center;
    gap: 12px;
    padding: 6px 8px;
    border-radius: calc(var(--control-corner-radius) * 1px);
}

@media (max-width: 900px) {
    .dialog-layout[b-9mrtasx5vx] {
        grid-template-columns: 1fr 1fr;
    }

    .actions[b-9mrtasx5vx] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .signature[b-9mrtasx5vx] {
        grid-column: 1 / -1;
    }
}
/* /Pages/Patients/PatientPage/Components/ReservationTreeView/ReservationTreeView.razor.rz.scp.css */
/* Reservation tree view styling (per Figma):
   - The whole pane is a soft card.
   - Top-level (Claim) rows are highlighted bands that span the full row width
     including the chevron, and touch each other when collapsed.
   - Nested rows let the card background show through. */

[b-o5j9xckwvy] .dxbl-treeview {
    /* Remove native inter-row gap so adjacent claim bands touch. */
    --dxbl-treeview-item-spacing-y: 0;
}

[b-o5j9xckwvy] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content {
    /* Slightly taller row to match Figma. */
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Darker band for top-level (Claim) rows only. The top-level items container
   has role="tree"; nested groups use role="group". The role=tree container is
   a descendant of .dxbl-treeview (not necessarily direct child), but its direct
   children are the top-level items. */
[b-o5j9xckwvy] .dxbl-treeview .dxbl-treeview-items-container[role=tree] > .dxbl-treeview-item > .dxbl-treeview-item-content {
    background: rgba(0, 0, 0, 0.08);
}
/* /Pages/ReservationRequestQuery/Page/ReservationRequestQueryPage.razor.rz.scp.css */
[b-ciuux9exd0] form {
    width: 100%;
}

[b-ciuux9exd0] fluent-text-field {
    display: block;
}

.grid-4-3[b-ciuux9exd0] {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, min-content);
    column-gap: 12px;
    row-gap: 8px;
}

.text-area-container[b-ciuux9exd0] {
    display: flex;
    flex-direction: column;
}

[b-ciuux9exd0] .text-area-container > fluent-text-area {
    flex: 1 0 0;
}

[b-ciuux9exd0] .text-area-container > fluent-text-area::part(control) {
    height: 100%;
    margin-top: 0;
}

.grid-4-4[b-ciuux9exd0] {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, min-content);
    column-gap: 12px;
    row-gap: 8px;
}

[b-ciuux9exd0] fluent-switch {
    height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
    margin-top: calc(calc(var(--design-unit) * 1px) + var(--type-ramp-base-line-height));
    flex-direction: row-reverse;
}

[b-ciuux9exd0] fluent-switch::part(label) {
    margin-inline-start: calc(var(--design-unit) * 2px + 2px);
    margin-inline-end: 0;
}

[b-ciuux9exd0] .dual-input-container > div {
    flex: 1 0 0;
}
/* /Pages/ReservationRequestQuery/PageES/ReservationRequestQueryESPage.razor.rz.scp.css */
[b-exjjqpyqvp] form {
    width: 100%;
}

[b-exjjqpyqvp] fluent-text-field {
    display: block;
}

.grid-es-info[b-exjjqpyqvp] {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr) minmax(250px, 1fr);
    grid-template-rows: repeat(4, min-content);
    column-gap: 12px;
    row-gap: 8px;
}

.text-area-container[b-exjjqpyqvp] {
    display: flex;
    flex-direction: column;
}

[b-exjjqpyqvp] .text-area-container > fluent-text-area {
    flex: 1 0 0;
}

[b-exjjqpyqvp] .text-area-container > fluent-text-area::part(control) {
    height: 100%;
    margin-top: 0;
}

.external-doctors-layout[b-exjjqpyqvp] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.external-doctors-grid[b-exjjqpyqvp] {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
}

.external-doctors-buttons[b-exjjqpyqvp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
    min-width: 200px;
}
/* /Pages/ReservationRequests/ReservationRequestPage/Components/ExternalRequestTabRrmqf1.razor.rz.scp.css */
.ext-tab[b-s4780b36pd] {
    margin-top: 12px;
}

.ext-tab[b-s4780b36pd] {
    --ext-field-width: 360px;
    --ext-grid-gap: 16px;
}

.ext-cards-grid[b-s4780b36pd] {
    display: grid;
    grid-template-columns: max-content max-content;
    gap: var(--ext-grid-gap);
    align-items: start;
    padding-top: 12px;
}

.ext-card-content[b-s4780b36pd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.ext-field[b-s4780b36pd] {
    width: var(--ext-field-width);
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ext-cancel-checkbox-wrap[b-s4780b36pd] {
    align-self: end;
    margin-bottom: 8px;
}

.ext-info-grid[b-s4780b36pd] {
    display: grid;
    grid-template-columns: repeat(2, var(--ext-field-width));
    gap: 8px 16px;
}

.ext-cancel-grid[b-s4780b36pd] {
    display: grid;
    grid-template-columns: repeat(2, var(--ext-field-width));
    gap: 8px 16px;
    align-items: end;
}

.ext-requester-grid[b-s4780b36pd] {
    display: grid;
    grid-template-columns: repeat(2, var(--ext-field-width));
    gap: 8px 16px;
    padding-top: 12px;
}

.ext-field-wide[b-s4780b36pd] {
    grid-column: 1 / -1;
    width: calc(var(--ext-field-width) * 2 + 16px);
}

.ext-hazards-wrap[b-s4780b36pd] {
    max-width: 45%;
    margin-top: 12px;
}

[b-s4780b36pd] .ext-date-edit {
    width: 100%;
}
/* /Pages/ReservationRequests/ReservationRequestPage/Components/FoundTimeslotsGrid.razor.rz.scp.css */
/* Row selection highlighting */
[b-vtnp6edayq] .dxbl-grid-table tr.dxbl-selected {
    background-color: oklch(92% 0.05 220) !important; /* Light blue selection */
}

[b-vtnp6edayq] .dxbl-grid-table tr.dxbl-selected td {
    background-color: inherit !important;
}
/* /Pages/ReservationRequests/ReservationRequestPage/Components/InvitationsConfirmationsTabRrmqf1.razor.rz.scp.css */
.rrmqf1-invitations-confirmations[b-iqzg0w9aom] {
    display: flex;
    gap: 16px;
    align-items: stretch;
    width: 100%;
}

/* Levá karta — Pozvánky (~1/5 šířky) */
.rrmqf1-invitations[b-iqzg0w9aom] {
    flex: 0 0 20%;
    min-width: 0;
}

/* Pravá karta — Potvrzení (zbytek ~4/5 šířky) */
.rrmqf1-confirmations[b-iqzg0w9aom] {
    flex: 1 1 auto;
    min-width: 0;
}

/* Obsah karty — vertikální stack s konzistentním gapem */
.rrmqf1-card-content[b-iqzg0w9aom] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.rrmqf1-conf-body[b-iqzg0w9aom] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
}

/* Levý sloupec potvrzení — 25 % z pravé karty = 20 % z celku = stejná šířka polí jako v levé kartě */
.rrmqf1-conf-left[b-iqzg0w9aom] {
    flex: 0 0 25%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Grid potvrzení (zbývající šířka) — border na wrapper, aby horní okraj nezmizel při scrollu gridu */
.rrmqf1-conf-grid[b-iqzg0w9aom] {
    flex: 1 1 auto;
    min-width: 0;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.rrmqf1-inv-field[b-iqzg0w9aom] {
    min-width: 0;
}
/* /Pages/ReservationRequests/ReservationRequestPage/Components/MemberTabRrmqf1.razor.rz.scp.css */
.rrmqf1-member-tab[b-s5dw10uglt] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
}

.rrmqf1-member-left[b-s5dw10uglt] {
    flex: 1 1 50%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rrmqf1-member-right[b-s5dw10uglt] {
    flex: 1 1 50%;
    min-width: 0;
}

.rrmqf1-member-row[b-s5dw10uglt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    align-items: start;
}

.rrmqf1-member-field[b-s5dw10uglt] {
    min-width: 0;
    box-sizing: border-box;
}
/* /Pages/ReservationRequests/ReservationRequestPage/Components/RegionalDoctorsTab.razor.rz.scp.css */
.text-area-container[b-ugcmo1fdnf] {
    display: flex;
    flex-direction: column;
}

    .text-area-container[b-ugcmo1fdnf]  > fluent-text-area {
        flex: 1 0 0;
    }

        .text-area-container[b-ugcmo1fdnf]  > fluent-text-area::part(control) {
            height: 100%;
            margin-top: 0;
        }
/* /Pages/ReservationRequests/ReservationRequestPage/Components/RrqGridRrmqf1.razor.rz.scp.css */
.rrq-table-container[b-oymsrmg8l4] {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 210px;
    margin-top: 16px;
    margin-bottom: 20px;
}

.rrq-table[b-oymsrmg8l4] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
}

.rrq-table th[b-oymsrmg8l4] {
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    border-bottom: 1px solid var(--neutral-stroke-rest);
    border-right: 1px solid var(--neutral-stroke-rest);
    border-top: 1px solid var(--neutral-stroke-rest);
    white-space: nowrap;
    overflow: hidden;
    min-width: 40px;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: var(--neutral-layer-1, #fff);
}

.rrq-table th:first-child[b-oymsrmg8l4] {
    border-left: 1px solid var(--neutral-stroke-rest);
}

/* Column resize handles — created by JS, invisible until hover */
.rrq-table[b-oymsrmg8l4]  .rrq-resize-handle {
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    width: 12px;
    cursor: col-resize;
    z-index: 10;
    background: transparent;
}

.rrq-table[b-oymsrmg8l4]  .rrq-resize-handle:hover {
    background: color-mix(in srgb, var(--accent-fill-rest) 25%, transparent);
}

:global(body.rrq-col-resizing)[b-oymsrmg8l4],
:global(body.rrq-col-resizing *)[b-oymsrmg8l4] {
    cursor: col-resize !important;
    user-select: none !important;
}

.rrq-table th.wrap-header[b-oymsrmg8l4] {
    white-space: normal;
    text-align: center;
}

.rrq-table td[b-oymsrmg8l4] {
    padding: 4px 8px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    border-right: 1px solid var(--neutral-stroke-rest);
    vertical-align: middle;
    pointer-events: auto;
    white-space: nowrap;
    overflow: hidden;
}

.rrq-table td[b-oymsrmg8l4]::-webkit-scrollbar {
    display: none;
}

.rrq-cell-text[b-oymsrmg8l4] {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
    scrollbar-width: none;
}

.rrq-cell-text[b-oymsrmg8l4]::-webkit-scrollbar {
    display: none;
}

.rrq-table td:first-child[b-oymsrmg8l4] {
    border-left: 1px solid var(--neutral-stroke-rest);
}

.rrq-table td *[b-oymsrmg8l4] {
    pointer-events: auto;
}

.rrq-table tbody tr:hover[b-oymsrmg8l4] {
    background-color: var(--neutral-fill-stealth-hover);
}

.rrq-table[b-oymsrmg8l4]  .dxbl-combobox,
.rrq-table[b-oymsrmg8l4]  .dxbl-date-edit,
.rrq-table[b-oymsrmg8l4]  .dxbl-time-edit {
    width: 100%;
}

[b-oymsrmg8l4] .rrq-combo {
}

[b-oymsrmg8l4] .rrq-combo-clinic {
}

[b-oymsrmg8l4] .rrq-combo-region {
}

[b-oymsrmg8l4] .rrq-combo-hidden-icon {
    position: relative;
}

[b-oymsrmg8l4] .rrq-combo-hidden-icon .dxbl-btn-group {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    z-index: 0;
}

[b-oymsrmg8l4] .rrq-combo-hidden-icon .dxbl-edit-btn-clear {
    position: relative;
    z-index: 1;
}

[b-oymsrmg8l4] .rrq-combo-hidden-icon .dxbl-btn-group button {
    width: 100%;
    height: 100%;
}

[b-oymsrmg8l4] .rrq-date {
}

[b-oymsrmg8l4] .rrq-date-hidden-icon {
    position: relative;
}

[b-oymsrmg8l4] .rrq-date-hidden-icon .dxbl-btn-group {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
}

[b-oymsrmg8l4] .rrq-date-hidden-icon .dxbl-btn-group button {
    width: 100%;
    height: 100%;
}

[b-oymsrmg8l4] .rrq-time {
}

[b-oymsrmg8l4] .rrq-time-hidden-icon {
    position: relative;
}

[b-oymsrmg8l4] .rrq-time-hidden-icon .dxbl-btn-group {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
}

[b-oymsrmg8l4] .rrq-time-hidden-icon .dxbl-btn-group button {
    width: 100%;
    height: 100%;
}

[b-oymsrmg8l4] .rrq-dx-white,
[b-oymsrmg8l4] .rrq-dx-white *,
[b-oymsrmg8l4] .rrq-dx-white .dxbl-edit-input-container,
[b-oymsrmg8l4] .rrq-dx-white .dxbl-edit-input {
    background-color: white !important;
    background: white !important;
}

[b-oymsrmg8l4] .rrq-combo,
[b-oymsrmg8l4] .rrq-combo .dxbl-edit-input-container {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.rrq-input[b-oymsrmg8l4] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    color: var(--neutral-foreground-rest);
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rrq-input[type="number"][b-oymsrmg8l4] {
    width: 100%;
}

.rrq-input[readonly][b-oymsrmg8l4] {
    cursor: default;
    pointer-events: none;
}

.rrq-input:hover[b-oymsrmg8l4],
.rrq-input:focus[b-oymsrmg8l4] {
    outline: none;
    border-color: var(--neutral-stroke-rest);
    background-color: var(--neutral-layer-1);
}

.rrq-input:focus[b-oymsrmg8l4] {
    border-color: var(--accent-fill-rest);
}

/* Ovládací panel pod gridem */
.rrmqf1-controls[b-oymsrmg8l4] {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    align-items: flex-start;
}

/* 3-sloupcový grid — umožňuje col 3 řádku 2 spanovat do řádku 3 */
.rrmqf1-filter-grid[b-oymsrmg8l4] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 12px;
    row-gap: 8px;
    width: 100%;
    align-items: start;
}

.rrmqf1-col3-row2-span[b-oymsrmg8l4] {
    grid-column: 3;
    grid-row: 2 / span 2;
}

.rrmqf1-filter-field[b-oymsrmg8l4] {
    min-width: 0;
    box-sizing: border-box;
}

[b-oymsrmg8l4] .rrmqf1-filter-field .dxbl-combobox,
[b-oymsrmg8l4] .rrmqf1-filter-field .dxbl-date-edit,
[b-oymsrmg8l4] .rrmqf1-filter-field .dxbl-time-edit {
    width: 100% !important;
    min-width: 0 !important;
}

.rrmqf1-right-panel[b-oymsrmg8l4] {
    flex: 1;
    min-width: 250px;
    display: flex;
    flex-direction: column;
}

/* Label with info icon (tooltip anchor) */
.rrmqf1-label-with-info[b-oymsrmg8l4] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Switch umístěný pod readonly polem "Způsob objednávání do regionu" */
.rrmqf1-switch-below-field[b-oymsrmg8l4] {
    margin-top: 8px;
}
/* /Pages/ReservationRequests/ReservationRequestPage/Components/RrqGridRrmqf2.razor.rz.scp.css */
.rrq-table-container[b-ez7guza70m] {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 210px;
    margin-top: 16px;
    margin-bottom: 20px;
}

.rrq-table[b-ez7guza70m] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
}

.rrq-table th[b-ez7guza70m] {
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    border-bottom: 1px solid var(--neutral-stroke-rest);
    border-right: 1px solid var(--neutral-stroke-rest);
    border-top: 1px solid var(--neutral-stroke-rest);
    white-space: nowrap;
    overflow: hidden;
    min-width: 40px;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: var(--neutral-layer-1, #fff);
}

.rrq-table th:first-child[b-ez7guza70m] {
    border-left: 1px solid var(--neutral-stroke-rest);
}

/* Column resize handles — created by JS, invisible until hover */
.rrq-table[b-ez7guza70m]  .rrq-resize-handle {
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    width: 12px;
    cursor: col-resize;
    z-index: 10;
    background: transparent;
}

.rrq-table[b-ez7guza70m]  .rrq-resize-handle:hover {
    background: color-mix(in srgb, var(--accent-fill-rest) 25%, transparent);
}

:global(body.rrq-col-resizing)[b-ez7guza70m],
:global(body.rrq-col-resizing *)[b-ez7guza70m] {
    cursor: col-resize !important;
    user-select: none !important;
}

.rrq-table th.wrap-header[b-ez7guza70m] {
    white-space: normal;
    text-align: center;
}

.rrq-table td[b-ez7guza70m] {
    padding: 4px 8px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    border-right: 1px solid var(--neutral-stroke-rest);
    vertical-align: middle;
    pointer-events: auto;
    white-space: nowrap;
    overflow: hidden;
}

.rrq-table td[b-ez7guza70m]::-webkit-scrollbar {
    display: none;
}

.rrq-cell-text[b-ez7guza70m] {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
    scrollbar-width: none;
}

.rrq-cell-text[b-ez7guza70m]::-webkit-scrollbar {
    display: none;
}

.rrq-table td:first-child[b-ez7guza70m] {
    border-left: 1px solid var(--neutral-stroke-rest);
}

.rrq-table td *[b-ez7guza70m] {
    pointer-events: auto;
}

.rrq-table tbody tr:hover[b-ez7guza70m] {
    background-color: var(--neutral-fill-stealth-hover);
}

.rrq-table[b-ez7guza70m]  .dxbl-combobox,
.rrq-table[b-ez7guza70m]  .dxbl-date-edit,
.rrq-table[b-ez7guza70m]  .dxbl-time-edit {
    width: 100%;
}

[b-ez7guza70m] .rrq-combo {
}

[b-ez7guza70m] .rrq-combo-clinic {
}

[b-ez7guza70m] .rrq-combo-region {
}

[b-ez7guza70m] .rrq-combo-hidden-icon {
    position: relative;
}

[b-ez7guza70m] .rrq-combo-hidden-icon .dxbl-btn-group {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    z-index: 0;
}

[b-ez7guza70m] .rrq-combo-hidden-icon .dxbl-edit-btn-clear {
    position: relative;
    z-index: 1;
}

[b-ez7guza70m] .rrq-combo-hidden-icon .dxbl-btn-group button {
    width: 100%;
    height: 100%;
}

[b-ez7guza70m] .rrq-date {
}

[b-ez7guza70m] .rrq-date-hidden-icon {
    position: relative;
}

[b-ez7guza70m] .rrq-date-hidden-icon .dxbl-btn-group {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
}

[b-ez7guza70m] .rrq-date-hidden-icon .dxbl-btn-group button {
    width: 100%;
    height: 100%;
}

[b-ez7guza70m] .rrq-time {
}

[b-ez7guza70m] .rrq-time-hidden-icon {
    position: relative;
}

[b-ez7guza70m] .rrq-time-hidden-icon .dxbl-btn-group {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
}

[b-ez7guza70m] .rrq-time-hidden-icon .dxbl-btn-group button {
    width: 100%;
    height: 100%;
}

[b-ez7guza70m] .rrq-dx-white,
[b-ez7guza70m] .rrq-dx-white *,
[b-ez7guza70m] .rrq-dx-white .dxbl-edit-input-container,
[b-ez7guza70m] .rrq-dx-white .dxbl-edit-input {
    background-color: white !important;
    background: white !important;
}

[b-ez7guza70m] .rrq-combo,
[b-ez7guza70m] .rrq-combo .dxbl-edit-input-container {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.rrq-input[b-ez7guza70m] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    color: var(--neutral-foreground-rest);
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rrq-input[type="number"][b-ez7guza70m] {
    width: 100%;
}

.rrq-input[readonly][b-ez7guza70m] {
    cursor: default;
    pointer-events: none;
}

.rrq-input:hover[b-ez7guza70m],
.rrq-input:focus[b-ez7guza70m] {
    outline: none;
    border-color: var(--neutral-stroke-rest);
    background-color: var(--neutral-layer-1);
}

.rrq-input:focus[b-ez7guza70m] {
    border-color: var(--accent-fill-rest);
}

/* Ovládací panel pod gridem */
.rrmqf2-controls[b-ez7guza70m] {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    align-items: flex-start;
}

.rrmqf2-filter-row[b-ez7guza70m] {
    display: flex;
    gap: 12px;
    width: 100%;
    margin-bottom: 8px;
}

.rrmqf2-filter-row:last-child[b-ez7guza70m] {
    margin-bottom: 0;
}

.rrmqf2-filter-field[b-ez7guza70m] {
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
}

[b-ez7guza70m] .rrmqf2-filter-field .dxbl-combobox,
[b-ez7guza70m] .rrmqf2-filter-field .dxbl-date-edit,
[b-ez7guza70m] .rrmqf2-filter-field .dxbl-time-edit {
    width: 100% !important;
    min-width: 0 !important;
}

.rrmqf2-switch-cell[b-ez7guza70m] {
    display: flex;
    align-items: flex-end;
    padding-bottom: 4px;
}

.rrmqf2-right-panel[b-ez7guza70m] {
    flex: 1;
    min-width: 250px;
    display: flex;
    flex-direction: column;
}
/* /Pages/ReservationRequests/ReservationRequestPage/ReservationRequestPage.razor.rz.scp.css */
.rrq-table-container[b-9uyyyekc4l] {
    width: 100%;
    overflow-x: auto;
    margin-top: 16px;
    margin-bottom: 20px;
}

.rrq-table[b-9uyyyekc4l] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
}

.rrq-table th[b-9uyyyekc4l] {
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    border: 1px solid var(--neutral-stroke-rest);
    white-space: nowrap;
    overflow: hidden;
    min-width: 40px;
    position: relative;
}

/* Column resize handles — created by JS, invisible until hover */
.rrq-table[b-9uyyyekc4l]  .rrq-resize-handle {
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    width: 12px;
    cursor: col-resize;
    z-index: 10;
    background: transparent;
}

.rrq-table[b-9uyyyekc4l]  .rrq-resize-handle:hover {
    background: color-mix(in srgb, var(--accent-fill-rest) 25%, transparent);
}

:global(body.rrq-col-resizing)[b-9uyyyekc4l],
:global(body.rrq-col-resizing *)[b-9uyyyekc4l] {
    cursor: col-resize !important;
    user-select: none !important;
}

.rrq-table th.wrap-header[b-9uyyyekc4l] {
    white-space: normal;
    text-align: center;
}

.rrq-table td[b-9uyyyekc4l] {
    padding: 4px 8px;
    border: 1px solid var(--neutral-stroke-rest);
    vertical-align: middle;
    pointer-events: auto;
    white-space: nowrap;
}

.rrq-table td *[b-9uyyyekc4l] {
    pointer-events: auto;
}

.rrq-select[b-9uyyyekc4l],
.rrq-input[b-9uyyyekc4l] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rrq-table tbody tr:hover[b-9uyyyekc4l] {
    background-color: var(--neutral-fill-stealth-hover);
}

.rrq-table[b-9uyyyekc4l]  .dxbl-combobox,
.rrq-table[b-9uyyyekc4l]  .dxbl-date-edit,
.rrq-table[b-9uyyyekc4l]  .dxbl-time-edit {
    width: 100%;
}

[b-9uyyyekc4l] .rrq-combo {
    min-width: 150px;
}

[b-9uyyyekc4l] .rrq-combo-clinic {
    min-width: 200px;
}

[b-9uyyyekc4l] .rrq-combo-product {
    min-width: 260px;
}

[b-9uyyyekc4l] .rrq-combo-region {
    min-width: 100px;
}

[b-9uyyyekc4l] .rrq-combo-hidden-icon {
    position: relative;
}

[b-9uyyyekc4l] .rrq-combo-hidden-icon .dxbl-btn-group {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    z-index: 0;
}

[b-9uyyyekc4l] .rrq-combo-hidden-icon .dxbl-edit-btn-clear {
    position: relative;
    z-index: 1;
}

[b-9uyyyekc4l] .rrq-combo-hidden-icon .dxbl-btn-group button {
    width: 100%;
    height: 100%;
    title: none;
}

.rrq-table td > div[title][b-9uyyyekc4l] {
    position: relative;
}

.rrq-table td > div[title][b-9uyyyekc4l]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

[b-9uyyyekc4l] .rrq-date {
    min-width: 62px;
}

[b-9uyyyekc4l] .rrq-date-hidden-icon {
    position: relative;
}

[b-9uyyyekc4l] .rrq-date-hidden-icon .dxbl-btn-group {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
}

[b-9uyyyekc4l] .rrq-date-hidden-icon .dxbl-btn-group button {
    width: 100%;
    height: 100%;
}

[b-9uyyyekc4l] .rrq-time {
    min-width: 45px;
}

[b-9uyyyekc4l] .rrq-time-hidden-icon {
    position: relative;
}

[b-9uyyyekc4l] .rrq-time-hidden-icon .dxbl-btn-group {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
}

[b-9uyyyekc4l] .rrq-time-hidden-icon .dxbl-btn-group button {
    width: 100%;
    height: 100%;
}

[b-9uyyyekc4l] .rrq-dx-white,
[b-9uyyyekc4l] .rrq-dx-white *,
[b-9uyyyekc4l] .rrq-dx-white .dxbl-edit-input-container,
[b-9uyyyekc4l] .rrq-dx-white .dxbl-edit-input {
    background-color: white !important;
    background: white !important;
}

[b-9uyyyekc4l] .rrq-combo,
[b-9uyyyekc4l] .rrq-combo .dxbl-edit-input-container {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}


.rrq-table td:has(fluent-checkbox)[b-9uyyyekc4l] {
    text-align: center;
}

.rrq-select[b-9uyyyekc4l],
.rrq-input[b-9uyyyekc4l] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    color: var(--neutral-foreground-rest);
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.rrq-select[b-9uyyyekc4l] {
    min-width: 80px;
    /* Skrýt šipku selectu */
    background-image: none;
}

.rrq-input[type="date"][b-9uyyyekc4l] {
    width: 115px;
    min-width: 115px;
    padding-right: 24px;
}

.rrq-input[type="time"][b-9uyyyekc4l] {
    width: 75px;
    min-width: 75px;
    padding-right: 24px;
}

.rrq-input[type="number"][b-9uyyyekc4l] {
    width: 100%;
    min-width: 45px;
}

.rrq-input[type="date"][b-9uyyyekc4l],
.rrq-input[type="time"][b-9uyyyekc4l] {
    position: relative;
}

.rrq-input[readonly][b-9uyyyekc4l] {
    cursor: default;
    pointer-events: none;
}

.rrq-select:hover[b-9uyyyekc4l],
.rrq-select:focus[b-9uyyyekc4l],
.rrq-input:hover[b-9uyyyekc4l],
.rrq-input:focus[b-9uyyyekc4l] {
    outline: none;
    border-color: var(--neutral-stroke-rest);
    background-color: var(--neutral-layer-1);
}

.rrq-select:focus[b-9uyyyekc4l],
.rrq-input:focus[b-9uyyyekc4l] {
    border-color: var(--accent-fill-rest);
}

.rrq-select:hover[b-9uyyyekc4l],
.rrq-select:focus[b-9uyyyekc4l] {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

.rrq-input[type="date"][b-9uyyyekc4l]::-webkit-calendar-picker-indicator,
.rrq-input[type="time"][b-9uyyyekc4l]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    cursor: pointer;
    padding: 2px;
}

.rrq-table td:hover .rrq-input[type="date"][b-9uyyyekc4l]::-webkit-calendar-picker-indicator,
.rrq-table td:hover .rrq-input[type="time"][b-9uyyyekc4l]::-webkit-calendar-picker-indicator,
.rrq-input[type="date"]:focus[b-9uyyyekc4l]::-webkit-calendar-picker-indicator,
.rrq-input[type="time"]:focus[b-9uyyyekc4l]::-webkit-calendar-picker-indicator {
    opacity: 1;
}


/* rrmqf1 — wrapper pro tab bar + overlay toolbar zarovnaný vpravo na úrovni tab baru */
.rrmqf1-tabs-with-toolbar[b-9uyyyekc4l] {
    position: relative;
}

.rrmqf1-tab-toolbar[b-9uyyyekc4l] {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 1;
}

.rrmqf1-row-count-input[b-9uyyyekc4l] {
    width: 50px;
    padding: 4px 8px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    background-color: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    text-align: center;
}
/* /Pages/WaitingList/WaitingListPage/WaitingListPage.razor.rz.scp.css */
.flex-table[b-tkm9ga4dme] {
    display: grid;
    border: 1px solid #d6d6d6;
    border-right: none;
    color: #161616;
    font-family: sans-serif;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    border-bottom: 0;
}

.day[b-tkm9ga4dme] {
    display: flex;
    flex-direction: column;
    flex: 1 0 180px; /* min šířka dne */
    border-radius: 4px;
    border-right: 1px solid #d6d6d6;
    color: #161616;
    box-sizing: border-box;
}

.day-header[b-tkm9ga4dme] {
    background: white;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    border-bottom: 1px solid #d6d6d6;
    font-weight: 600;
}

.day-body[b-tkm9ga4dme] {
    padding: 8px;
    border-bottom: 1px solid #d6d6d6;
}

/* Rozdělení buňky */
.split[b-tkm9ga4dme] {
    display: flex;
}

    .split > *[b-tkm9ga4dme] {
        flex: 1;
    }

    /* vertikální dělící čára */
    .split > :first-child[b-tkm9ga4dme] {
        border-right: 1px solid #d6d6d6;
        padding-right: 5px;
    }

    .split > :last-child[b-tkm9ga4dme] {
        padding-left: 5px;
    }

.time-component[b-tkm9ga4dme] {
    flex: 1;
    font-size: 12px;
    color: #666;
}

[b-tkm9ga4dme] .wl-dx-white {
    background-color: white !important;
    background: white !important;
    border: 1px solid #d6d6d6;
}