@import '/_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css';

body, html {
    --body-font: "Segoe UI Variable", "Segoe UI", sans-serif;
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
    margin: 0;
    height: 100%;
    padding: 0;
    background-color: oklch(0.9851 0 0);
}

form {
    max-width: 100%;
}

.navmenu-icon {
    display: none;
}

.logo {
    display: block;
    width: auto;
    height: 40px;
    margin-left: 0.1em;
}

div.layout > header.header > .header-gutters {
    margin-left: 0 !important;
}

.main {
    min-height: calc(100dvh - 86px);
    color: var(--neutral-foreground-rest);
    align-items: stretch !important;
    height: 100%;
    display: flex;
    flex-grow: 1;
}

.body-content {
    align-self: stretch;
    height: 100%;
    display: flex;
    flex-grow: 1;
    overflow: auto;
}

.content {
    padding: 0.5rem 1.5rem;
    align-self: stretch !important;
    width: 100%;
    height: 100%;
}

header .fluent-profile-menu {
    border: 1px solid var(--fill-color);
    border-radius: 100%;
}

.manage {
    width: 100dvw;
}

footer {
    background: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
    align-items: center;
    padding: 10px 10px;
}

    footer a {
        color: var(--neutral-foreground-rest);
        text-decoration: none;
    }

        footer a:focus {
            outline: 1px dashed;
            outline-offset: 3px;
        }

        footer a:hover {
            text-decoration: underline;
        }

.footer-div {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.alert {
    border: 1px dashed var(--accent-fill-rest);
    padding: 5px;
}


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    margin: 20px 0;
}

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

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::before {
        content: "An error has occurred. "
    }

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

code {
    color: #c02d76;
}

.profile-icon-button {
    border-radius: 60%;
    font-weight: bold;
    border: 1px solid #0078d4;
    cursor: default;
}

@media (max-width: 600px) {
    .header-gutters {
        margin: 0.5rem 3rem 0.5rem 1.5rem !important;
    }

    [dir="rtl"] .header-gutters {
        margin: 0.5rem 1.5rem 0.5rem 3rem !important;
    }

    .main {
        flex-direction: column !important;
        row-gap: 0 !important;
    }

    nav.sitenav {
        width: 100%;
        height: 100%;
    }

    #main-menu {
        width: 100% !important;
    }

        #main-menu > div:first-child:is(.expander) {
            display: none;
        }

    .navmenu {
        width: 100%;
    }

    #navmenu-toggle {
        appearance: none;
    }

        #navmenu-toggle ~ nav {
            display: none;
        }

        #navmenu-toggle:checked ~ nav {
            display: block;
        }

    .navmenu-icon {
        cursor: pointer;
        z-index: 10;
        display: block;
        position: absolute;
        top: 15px;
        left: unset;
        right: 20px;
        width: 20px;
        height: 20px;
        border: none;
    }

    [dir="rtl"] .navmenu-icon {
        left: 20px;
        right: unset;
    }
}

.validation-message {
    color: red;
}

/* Fix height and enable scrolling */
.grid {
    overflow-y: auto;
}


/* Style the custom page links*/
.page-buttons {
    margin: 1rem 0;
    align-items: center;
}

    .page-buttons button {
        background: #d6d7d8;
        color: black;
        padding: 0.25rem 0.75rem;
        border-radius: 0.4rem;
        transition: transform 0.3s ease-out;
        margin: 0.25rem;
    }

        .page-buttons button:active {
            background: #a7c1ff !important;
            color: white;
            transform: scale(0.95) translateY(-0.15rem);
            transition-duration: 0.05s;
        }

        .page-buttons button:hover:not(.current) {
            background: #c0c9dc;
        }

        .page-buttons button.current {
            background: #3771f4;
            color: white;
        }

.nav-menu-hamburger svg {
    fill: black !important;
}

.force-black-divider {
    background-color: black !important;
    height: 20px !important;
    width: 2px !important;
}

@media (prefers-color-scheme: dark) {
    .force-black-divider {
        background-color: white !important;
        height: 20px !important;
        width: 2px !important;
    }
}

.search-fields-container {
    min-width: 200px;
    max-width: 420px;
}

    .search-fields-container > div {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

.full-width {
    width: 100%;
}


/* Add lock icon to read only fluent inputs, readonly dx inputs, and readonly ForeignKey components */
label.fluent-input-label:has(+ .readonly[readonly]):after,
label.fluent-input-label:has(+ .dxbl-readonly):after,
.bb-fk-readonly > label.fluent-input-label:after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 4V3a2 2 0 1 1 4 0v1h.5c.83 0 1.5.67 1.5 1.5v4c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 2 9.5v-4C2 4.67 2.67 4 3.5 4H4Zm1-1v1h2V3a1 1 0 0 0-2 0ZM3.5 5a.5.5 0 0 0-.5.5v4c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-5Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Style DevExpress components to look more like FluentUI */
.dxbl-text-edit.dxbl-readonly,
.dxbl-text-edit.dxbl-readonly > .dxbl-text-edit-input[readonly] {
    cursor: not-allowed;
}

dxbl-combo-box.bb-combo {
    --dxbl-text-edit-btn-bg: var(--neutral-fill-secondary-rest);
    --dxbl-text-edit-bg: var(--neutral-fill-secondary-rest);
    border: none;
    height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
}

    dxbl-combo-box.bb-combo:not(.dxbl-disabled):not(:focus-within):hover {
        --dxbl-text-edit-btn-bg: var(--neutral-fill-secondary-hover);
        --dxbl-text-edit-bg: var(--neutral-fill-secondary-hover);
    }

    dxbl-combo-box.bb-combo.dxbl-disabled {
        --dxbl-text-edit-btn-bg: var(--neutral-fill-secondary-rest);
        --dxbl-text-edit-bg: var(--neutral-fill-secondary-rest);
        --dxbl-text-edit-color: var(--neutral-foreground-rest);
        cursor: not-allowed;
        opacity: var(--disabled-opacity);
    }

        dxbl-combo-box.bb-combo.dxbl-disabled input:disabled {
            cursor: not-allowed;
        }

    dxbl-combo-box.bb-combo.dxbl-readonly {
        --dxbl-text-edit-btn-bg: var(--neutral-fill-secondary-rest);
        --dxbl-text-edit-bg: var(--neutral-fill-secondary-rest);
        --dxbl-text-edit-color: var(--neutral-foreground-rest);
    }

.dxbl-dropdown-body.bb-combo dxbl-combo-box.bb-combo .dxbl-list-box-item-selected,
.dxbl-dropdown-body.bb-combo ul li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-selected {
    --dxbl-list-box-item-bg: var(--neutral-fill-stealth-rest);
    --dxbl-list-box-item-color: var(--neutral-foreground-rest);
    --dxbl-list-box-item-selected-hover-bg: var(--dxbl-list-box-item-hover-bg);
    --dxbl-list-box-item-selected-hover-color: var(--dxbl-list-box-item-hover-color);
}

    .dxbl-dropdown-body.bb-combo .dxbl-list-box-item-selected::before,
    .dxbl-dropdown-body.bb-combo ul li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-selected::before {
        content: "";
        display: block;
        position: absolute;
        left: calc((var(--focus-stroke-width) - var(--stroke-width)) * 1px);
        top: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) / 4) - var(--focus-stroke-width) * 1px);
        width: 3px;
        height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) / 2) * 1px);
        background: var(--accent-fill-rest);
        border-radius: calc(var(--control-corner-radius) * 1px);
    }

dxbl-tag-box.bb-combo {
    --dxbl-text-edit-btn-bg: var(--neutral-fill-secondary-rest);
    --dxbl-text-edit-bg: var(--neutral-fill-secondary-rest);
    border: none;
    min-height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
}
    dxbl-tag-box.bb-combo > .dxbl-text-edit-input {
        caret-color: var(--neutral-foreground-rest);
        cursor: default;
    }

    dxbl-tag-box.bb-combo:not(.dxbl-disabled):not(:focus-within):hover {
        --dxbl-text-edit-btn-bg: var(--neutral-fill-secondary-hover);
        --dxbl-text-edit-bg: var(--neutral-fill-secondary-hover);
    }

    dxbl-tag-box.bb-combo.dxbl-disabled {
        --dxbl-text-edit-btn-bg: var(--neutral-fill-secondary-rest);
        --dxbl-text-edit-bg: var(--neutral-fill-secondary-rest);
        --dxbl-text-edit-color: var(--neutral-foreground-rest);
        cursor: not-allowed;
        opacity: var(--disabled-opacity);
    }

    dxbl-tag-box.bb-combo.dxbl-readonly {
        --dxbl-text-edit-btn-bg: var(--neutral-fill-secondary-rest);
        --dxbl-text-edit-bg: var(--neutral-fill-secondary-rest);
        --dxbl-text-edit-color: var(--neutral-foreground-rest);
    }

dxbl-grid.dxbl-grid {
    --dxbl-grid-font-size: var(--type-ramp-base-font-size);
    --dxbl-grid-line-height: var(--type-ramp-base-line-height);
}

.hide-caret {
    caret-color: transparent;
}

dxbl-date-edit.dxbl-text-edit,
dxbl-date-time-edit.dxbl-text-edit,
dxbl-masked-input.dxbl-text-edit,
.dxbl-text-edit.bb-input {
    --dxbl-text-edit-bg: var(--neutral-fill-secondary-rest);
    --dxbl-text-edit-readonly-bg: var(--neutral-fill-secondary-rest);
    border: none;
    height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
}

    dxbl-date-edit.dxbl-text-edit:hover:not(:focus-within),
    dxbl-date-time-edit.dxbl-text-edit:hover:not(:focus-within),
    dxbl-masked-input.dxbl-text-edit:hover:not(:focus-within),
    .dxbl-text-edit.bb-input:hover:not(:focus-within) {
        --dxbl-text-edit-bg: var(--neutral-fill-secondary-hover);
    }

/* undo the previous when on a grid edit form */
.dxbl-grid-edit-form dxbl-date-edit.dxbl-text-edit,
.dxbl-grid-edit-form dxbl-date-time-edit.dxbl-text-edit,
.dxbl-grid-edit-form dxbl-masked-input.dxbl-text-edit {
    --dxbl-text-edit-bg: inherit;
    --dxbl-text-edit-readonly-bg: inherit;
    border-radius: var(--dxbl-text-edit-border-radius);
    border: var(--dxbl-text-edit-border-width) solid var(--dxbl-text-edit-border-color);
    border-bottom-color: var(--dxbl-text-edit-underline-color);
    height: unset;
}

    .dxbl-grid-edit-form dxbl-date-edit.dxbl-text-edit:hover:not(:focus-within),
    .dxbl-grid-edit-form dxbl-date-time-edit.dxbl-text-edit:hover:not(:focus-within),
    .dxbl-grid-edit-form dxbl-masked-input.dxbl-text-edit:hover:not(:focus-within) {
        --dxbl-text-edit-bg: inherit;
    }

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl),
.dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl) {
    padding: 5px;
}

/* Chevron offset*/
.dxbl-tabs.bb-tabs-toggle-offset > .dxbl-tabs-tablist {
    padding-right: 25px;
}

/* UTILITY CLASSES */

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.p-10 {
    padding: 10px;
}

.flex {
    display: flex;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.space-between {
    justify-content: space-between;
}
.align-center {
    align-items: center;
}

.content {
    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px) 0 0;
    align-self: stretch !important;
    width: 100%;
    height: 100%;
}

.stack-horizontal:not(:first-child) {
    column-gap: calc(var(--design-unit) * 3px) !important;
}

.stack-vertical {
    row-gap: calc(var(--design-unit) * 3px) !important;
}

.input-vertical {
    row-gap: calc(var(--design-unit) * 2px) !important;
}

/* fluent-card comes with content-visibility: auto (FluentCard AreaRestricted, the default), so the browser may skip
   rendering the card content it considers off-screen. Safari gets that wrong once the focus leaves the card for a popup
   outside of it (DevExpress dropdowns, Fluent dialogs and panels): the card stays as an empty white box. Its content
   is always rendered; contain: content still keeps the content within the card area. */
fluent-card {
    content-visibility: visible;
}

fluent-card:not(:first-child) {
    padding: calc(var(--design-unit) * 3px) !important;
}

fluent-card:last-child {
    padding: calc(var(--design-unit) * 3px) !important;
    margin-bottom: min(calc(var(--design-unit) * 2px));
}

.fluent-grid > div {
    padding-top: calc(var(--design-unit) * 2px) !important;
    padding-right: calc(var(--design-unit) * 3px) !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}

.stack-horizontal > fluent-card {
    padding: calc(var(--design-unit) * 3px) !important;
}

fluent-card fluent-card {
    padding: calc(var(--design-unit) * 3px) !important;
    margin-bottom: 0 !important;
}

.fluent-grid {
    margin: 0 !important;
    width: 100% !important;
}

    .fluent-grid > div > div > .fluent-grid > div {
        padding: 0px !important;
        padding-right: calc(var(--design-unit) * 3px) !important;
    }

        .fluent-grid > div > div > .fluent-grid > div:last-child {
            padding: 0px !important;
            padding-right: 0 !important;
        }

    .fluent-grid > div:last-child {
        padding-top: calc(var(--design-unit) * 2px) !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
    }

dxbl-grid[data-has-pending-changes]:after {
    content: 'rozpracované';
    position: absolute;
    top: -32px;
    right: 8px;
    padding: 3px 10px;
    border-radius: 100vw;
    background: oklch(83.7% 0.128 66.29);
    color: var(--neutral-foreground-rest);
    font-family: var(--body-font);
}

fluent-anchor.anchor-error::part(control) {
    color: var(--neutral-foreground-rest)
}

    fluent-anchor.anchor-error::part(control):hover {
        color: var(--neutral-foreground-rest)
    }


.search-page-stack {
    height: 100%;
    overflow: hidden;
}

    .search-page-stack > form {
        display: contents;
    }

    .search-page-stack > fluent-card:last-child,
    .search-page-stack > form > fluent-card:last-child {
        flex: 0 1 auto;
        display: flex;
        flex-direction: column;
        overflow: auto;
        max-height: 100%;
        height: auto;
    }

    .search-page-stack .grid {
        flex: 1;
        min-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }

        .search-page-stack .grid > dxbl-grid.dxbl-grid {
            height: 100%;
            min-height: 0;
        }

.maskedInputInt {
    width: 100%;
}

.grid-toolbar-export {
    display: inline-flex;
    align-items: center;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23424242' d='M8 2a.5.5 0 0 1 .5.5v6.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 9.293V2.5A.5.5 0 0 1 8 2z' transform='rotate(180 8 7)'/%3E%3Cpath fill='%23424242' d='M2 14.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ActionButtonBar - tighter button padding so the whole bar fits on a single row.
   Wrap="true" on the stack stays as the fallback for genuinely narrow windows. */
.action-button-bar fluent-button::part(control) {
    padding: 0 6px;
}

/* ActionButtonBar - admin box and pin button positioning.
   Dřív byly zarovnány doprava přes margin-left: auto, takže při zalomení lišty
   spadly osamocené na druhý řádek. Teď jsou ukotvené vpravo nahoře mimo tok -
   zalamují se jen textová tlačítka a ikony zůstávají na místě. Místo v layoutu
   rezervuje ActionButtonBar.razor (padding-right podle počtu ikon). */
.action-button-bar .admin-box-item,
.action-button-bar .pin-item {
    position: absolute;
    top: 0;
    width: 32px;
}

/* Admin box se nikde nevyskytuje bez pinu, proto je vždy o jednu ikonu vlevo. */
.action-button-bar .admin-box-item {
    right: 32px;
}

.action-button-bar .pin-item {
    right: 0;
}

.fluent-inputfile-container {
    border: 1px dashed transparent !important;
    transition: border-color 0.2s ease-in-out !important;
    background-color: unset !important;
}

.fluent-inputfile-container[drop-files="true"] {
    border-color: var(--accent-fill-rest) !important;
}

.inputfile-progress {
    display:none;
}

/* GroupBox - titled bordered container */
.group-box {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--control-corner-radius) * 1px);
    padding: 16px;
}

    .group-box > h4:first-child {
        margin: 0 0 12px 0;
        font-weight: 600;
    }

/* Hide grid footer row for search pages (summary is displayed in the header label) */
.search-page-stack .dxbl-grid-footer-row {
    display: none !important;
}

.bb-scheduler {
    height: 800px;
}

/* Remove icon column in Scheduler Compact Form */
.dxbl-sc-fl-item-icon {
    display: none !important;
}

.dxbl-fl-cpt dxbl-text {
    padding-left: 0px !important;
}

fluent-menu.saved-searches-menu fluent-menu-item,
.saved-searches-menu fluent-menu-item,
[anchor="savedSearchesMenu"] fluent-menu-item {
    white-space: normal !important;
    height: auto !important;
    min-height: 32px !important;
    line-height: 1.3 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* Report preview frame (DevExpress DxReportViewer): hide the "Export options" side tab.
   That panel's strings (per-format captions, property labels, OK/Cancel) come from DevExpress
   hardcoded English resources and cannot be localized via our resx, so the whole tab is hidden.
   Users still export via the toolbar "Exportovat do" button, which uses the default options.
   The icon class identifies the export-options tab among Search / Parameters / DocumentMap. */
.dxbrv-tabs .dxbrv-tab-icon.dxd-icon-ReportViewer_Tabs_ExportOptions,
.dxbrv-tabs .dxbrv-tab-icon:has(.dxd-icon-ReportViewer_Tabs_ExportOptions) {
    display: none !important;
}

.attachment-single-file-btn::part(control) {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.attachment-single-file-btn::part(content) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
}