:root {
    /* bootstrap */
    --bs-primary: #bcf246; /* ready */
    --bs-secondary: #6DB1BF; /* ready */
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 188, 242, 70;
    --bs-secondary-rgb: 56, 63, 69;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #2A3F54;
    --bs-secondary-text-emphasis: #bcf246;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #566246;
    --bs-secondary-bg-subtle: #585e63;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #566246;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-item-margin-bottom: 1rem;
    --bs-body-color: #383f45;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef; /* ready */
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bb-border-focus-color: #b5b5c3;
    --bb-border-hover-color: #b5b5c3;
    /* */
    /* RADZEN */
    /* main colors */
    --rz-primary-bg: #383f45;
    --rz-primary: #bcf246;
    --rz-primary-light: #c8f76a;
    --rz-primary-lighter: rgba(188, 242, 70, 0.12);
    --rz-primary-dark: #9cc837;
    --rz-primary-darker: #7fa62e;
    --rz-secondary: #6DB1BF;
    --rz-secondary-light: #7CB0BA;
    --rz-secondary-lighter: rgba(227, 28, 101, 0.12);
    --rz-secondary-dark: #35495D;
    --rz-secondary-darker: #2A3F54;
    --rz-on-primary: #000000;
    --rz-on-primary-light: #000000;
    --rz-on-primary-lighter: var(--rz-primary-darker);
    --rz-tabs-tab-selected-color: var(--rz-primary-darker);
    --rz-steps-number-selected-background: var(--rz-primary-darker);
    --rz-steps-title-selected-color: var(--rz-primary-darker);
    --rz-on-primary-dark: #000000;
    --rz-on-primary-darker: #000000;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #e31c65;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    /*Panel menu*/
    --bs-sidebar-bg: var(--rz-primary-bg);
    --bs-sidebar-bg-2nd: #c7c7c7;
    --bs-sidebar-active-bg: #aab0b5;
    --bs-sidebar-color: #f5f5f5;
    --bs-sidebar-color-2nd: #dbdbdb;
    --bs-sidebar-hover-color: #292c2e;
    --bs-sidebar-border: var(--rz-border-width) solid #5b646b;
    /*    --rz-panel-menu-padding-block: 0;
    --rz-panel-menu-padding-inline: 0;
    --rz-panel-menu-font-size: calc(var(--rz-body-font-size)* 0.875);
    --rz-panel-menu-font-weight: 500;*/
    --rz-panel-menu-focus-outline: var(--rz-outline-focus);
    /*    --rz-panel-menu-focus-outline-offset: calc(-1* var(--rz-outline-width));
    --rz-panel-menu-item-line-height: 1.5rem;
    --rz-panel-menu-item-padding-block: 1rem;
    --rz-panel-menu-item-padding-inline: 1rem;
    --rz-panel-menu-item-margin-block: 0;
    --rz-panel-menu-item-margin-inline: 0;*/
    --rz-panel-menu-item-border: var(--bs-sidebar-border);
    --rz-panel-menu-item-border-radius: 0;
    --rz-panel-menu-item-color: var(--bs-sidebar-color);
    --rz-panel-menu-item-background-color: var(--bs-sidebar-bg);
    --rz-panel-menu-item-hover-color: var(--bs-sidebar-hover-color);
    --rz-panel-menu-item-hover-background-color: var(--bs-sidebar-active-bg);
    --rz-panel-menu-item-active-color: var(--bs-sidebar-hover-color);
    --rz-panel-menu-item-active-background-color: var(--bs-sidebar-active-bg);
    --rz-panel-menu-item-active-indicator: var(--rz-secondary);
    --rz-panel-menu-item-offset: 0;
    --rz-panel-menu-item-transition: color var(--rz-transition), background-color var(--bs-sidebar-hover-color);
    /*    --rz-panel-menu-2nd-level-vertical-offset: 0.5rem;
    --rz-panel-menu-item-2nd-level-padding-block: 0.5rem;
    --rz-panel-menu-item-2nd-level-padding-inline: 1rem 0.5rem;
    --rz-panel-menu-item-2nd-level-margin-block: 0;
    --rz-panel-menu-item-2nd-level-margin-inline: 0.5rem;
    --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius);
    --rz-panel-menu-item-2nd-level-offset: 3rem;
    --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size)* 0.875);
    --rz-panel-menu-item-2nd-level-font-weight: 400;
*/ --rz-panel-menu-item-2nd-level-color: var(--bs-sidebar-color-2nd);
    --rz-panel-menu-item-2nd-level-background-color: var(--bs-sidebar-bg);
    --rz-panel-menu-item-2nd-level-hover-color: var(--bs-sidebar-hover-color);
    --rz-panel-menu-item-2nd-level-hover-background-color: var(--bs-sidebar-active-bg);
    --rz-panel-menu-item-2nd-level-active-color: var(--bs-sidebar-hover-color);
    --rz-panel-menu-item-2nd-level-active-background-color: var(--bs-sidebar-active-bg);
    /*   --rz-panel-menu-item-2nd-level-active-font-weight: 500;*/
    --rz-panel-menu-item-3rd-level-color: var(--bs-sidebar-color-2nd);
    --rz-panel-menu-item-3rd-level-background-color: var(--bs-sidebar-bg);
    --rz-panel-menu-item-3rd-level-hover-color: var(--bs-sidebar-hover-color);
    --rz-panel-menu-item-3rd-level-hover-background-color: var(--bs-sidebar-active-bg);
    --rz-panel-menu-item-3rd-level-active-color: var(--bs-sidebar-hover-color);
    --rz-panel-menu-item-3rd-level-active-background-color: var(--bs-sidebar-active-bg);
    /*    --rz-panel-menu-icon-width: var(--rz-icon-size);
    --rz-panel-menu-icon-font-size: var(--rz-icon-size);
*/ --rz-panel-menu-icon-color: var(--bs-sidebar-color);
    /*    --rz-panel-menu-icon-height: var(--rz-icon-size);
    --rz-panel-menu-icon-margin-inline: 0 1rem;
    --rz-panel-menu-icon-2nd-level-margin-inline: -2.25rem 1rem;
    --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size)* 0.8);
    --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-toggle-icon-opacity: 1;
*/
}

.btn-primary {
    color: var(--bs-primary-text-emphasis) !important;
    background-color: var(--bs-primary) !important;
    border: 1px solid #cdff61 !important;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    box-shadow: none !important;
}

    .btn-primary:hover {
        color: var(--bs-primary-text-emphasis) !important;
        background-color: #d3fc79 !important;
        border-color: var(--bs-border-color) !important;
        box-shadow: none !important;
    }

    .btn-primary:focus {
        box-shadow: none !important;
    }

    .btn-primary:active {
        color: var(--bs-primary-text-emphasis) !important;
        background-color: var(--bs-primary) !important;
        border-color: #cdff61 !important;
        box-shadow: none !important;
    }

    .btn-primary:disabled {
        color: #fff !important;
        background-color: #5b5e54 !important;
        border-color: #6e7068 !important;
        opacity: 0.65 !important;
        box-shadow: none !important;
    }

/* Styl dla btn-secondary */
.btn-secondary {
    color: var(--bs-primary) !important;
    background-color: var(--bs-secondary) !important;
    border: 1px solid #646b70 !important;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    box-shadow: none !important;
}

    .btn-secondary:hover {
        color: var(--bs-primary) !important;
        background-color: #646b70 !important;
        border-color: #7c8387 !important;
        box-shadow: none !important;
    }

    .btn-secondary:focus {
        box-shadow: none !important;
    }

    .btn-secondary:active {
        color: #fff !important;
        background-color: #565e64 !important;
        border-color: #51585e !important;
        box-shadow: none !important;
    }

    .btn-secondary:disabled {
        color: #fff !important;
        background-color: #6c757d !important;
        border-color: #6c757d !important;
        opacity: 0.65 !important;
        box-shadow: none !important;
    }

/* Styl dla btn-light */
.btn-light {
    color: #000 !important;
    background-color: #f8f9fa !important;
    border: 1px solid #f8f9fa !important;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    box-shadow: none !important;
}

    .btn-light:hover {
        color: #000 !important;
        background-color: #d3d4d5 !important;
        border-color: #c6c7c8 !important;
        box-shadow: none !important;
    }

    .btn-light:focus {
        box-shadow: none !important;
    }

    .btn-light:active {
        color: #000 !important;
        background-color: #c6c7c8 !important;
        border-color: #babbbc !important;
        box-shadow: none !important;
    }

    .btn-light:disabled {
        color: #000 !important;
        background-color: #f8f9fa !important;
        border-color: #f8f9fa !important;
        opacity: 0.65 !important;
        box-shadow: none !important;
    }

/* Styl dla btn-dark */
.btn-dark {
    color: #fff !important;
    background-color: #212529 !important;
    border: 1px solid #212529 !important;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    box-shadow: none !important;
}

    .btn-dark:hover {
        color: #fff !important;
        background-color: #424649 !important;
        border-color: #373b3e !important;
        box-shadow: none !important;
    }

    .btn-dark:focus {
        box-shadow: none !important;
    }

    .btn-dark:active {
        color: #fff !important;
        background-color: #4d5154 !important;
        border-color: #373b3e !important;
        box-shadow: none !important;
    }

    .btn-dark:disabled {
        color: #fff !important;
        background-color: #212529 !important;
        border-color: #212529 !important;
        opacity: 0.65 !important;
        box-shadow: none !important;
    }
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.custom-accordion {
    box-shadow: none !important;
}




.custom-info-btn {
    color: #0d6efd !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    box-shadow: none !important;
    padding: 0rem !important;
}

    .custom-info-btn:hover {
        color: #0b5ed7 !important;
        background-color: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    .custom-info-btn:focus {
        box-shadow: none !important;
    }

    .custom-info-btn:active {
        color: #0a58ca !important;
        background-color: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    .custom-info-btn:disabled {
        color: #0d6efd !important;
        background-color: transparent !important;
        border-color: transparent !important;
        opacity: 0.65 !important;
        box-shadow: none !important;
    }



.rz-button.rz-dark {
    color: var(--rz-primary) !important;
    background-color: var(--rz-primary-bg) !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}

.rz-button.rz-dark:hover {
    color: var(--rz-primary-light) !important;
    background-color: var(--rz-primary-bg) !important;
    border: none !important;
}

.rz-button.rz-dark:focus {
    box-shadow: none !important;
}

.rz-button.rz-dark:active {
    color: var(--rz-primary) !important;
    background-color: var(--rz-primary-bg) !important;
    border: none !important;
    box-shadow: none !important;
}

.rz-button.rz-dark:disabled,
.rz-button.rz-dark[disabled] {
    color: #949494 !important;
    background-color: var(--rz-primary-bg) !important;
    border: none !important;
    opacity: 0.65 !important;
    box-shadow: none !important;
}


.custom-create-btn {
    color: var(--rz-primary) !important;
    background-color: var(--rz-primary-bg) !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
    box-shadow: none !important;
    min-height: 1.5rem;
    min-width: 1.5rem;
    padding: 0.1rem;
}

.custom-btn-dark {
    color: var(--rz-primary) !important;
    background-color: var(--rz-primary-bg) !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
    box-shadow: none !important;
}

    .custom-create-btn:hover,
    .custom-btn-dark:hover {
        color: var(--rz-primary-light) !important;
        background-color: var(--rz-primary-bg) !important;
        border: none !important;
        box-shadow: none !important;
    }

    .custom-create-btn:focus,
    .custom-btn-dark:focus {
        box-shadow: none;
    }

    .custom-create-btn:active,
    .custom-btn-dark:active {
        color: var(--rz-primary) !important;
        background-color: var(--rz-primary-bg) !important;
        border: none !important;
        box-shadow: none !important;
    }

    .custom-create-btn:disabled,
    .custom-btn-dark:disabled {
        color: #949494 !important;
        background-color: var(--rz-primary-bg) !important;
        border: none !important;
        opacity: 0.65 !important;
        box-shadow: none !important;
    }


.custom-delete-btn {
    color: #dc3545 !important;
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
    box-shadow: none !important;
}

    .custom-delete-btn:hover {
        color: #bb2d3b !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .custom-delete-btn:focus {
        box-shadow: none;
    }

    .custom-delete-btn:active {
        color: #b02a37 !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .custom-delete-btn:disabled {
        color: #dc3545 !important;
        background-color: transparent !important;
        border: none !important;
        opacity: 0.65 !important;
        box-shadow: none !important;
    }




.custom-edit-btn {
    color: #198754 !important;
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
    box-shadow: none !important;
}

    .custom-edit-btn:hover {
        color: #157347 !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .custom-edit-btn:focus {
        box-shadow: none;
    }

    .custom-edit-btn:active {
        color: #146c43 !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .custom-edit-btn:disabled {
        color: #198754 !important;
        background-color: transparent !important;
        border: none !important;
        opacity: 0.65 !important;
        box-shadow: none !important;
    }


.custom-warning-btn {
    color: #e67e22 !important;
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
    box-shadow: none !important;
}

    .custom-warning-btn:hover {
        color: #ca6f1e !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .custom-warning-btn:focus {
        box-shadow: none;
    }

    .custom-warning-btn:active {
        color: #b9770e !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .custom-warning-btn:disabled {
        color: #e67e22 !important;
        background-color: transparent !important;
        border: none !important;
        opacity: 0.65 !important;
        box-shadow: none !important;
    }


.btn-info-circle {
    margin-right: 0.5rem;
}


a, .btn-link {
    color: #006bb7;
}


.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.form-control.is-valid {
    background-image: none !important;
    padding-right: 0.75rem !important;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.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::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* Mobile responsiveness */
@media (max-width: 640.98px) {
    /* Data tables — horizontal scroll instead of overflow clip */
    .rz-datatable-scrollable-wrapper,
    .rz-datatable {
        overflow-x: auto;
        max-width: 100%;
    }

    /* Scheduler — horizontal scroll */
    .rz-scheduler {
        max-width: 100%;
        overflow-x: auto;
    }

    /* Dialogs — cap width to viewport, let inline width be overridden */
    .rz-dialog-wrapper .rz-dialog {
        max-width: 95vw !important;
        width: auto !important;
    }

    .rz-dialog-content {
        max-width: 100%;
        overflow-x: auto;
    }

    /* Filter bars — full-width inputs when each wraps to its own line */
    .editForm-rounded .rz-textbox,
    .editForm-rounded .rz-dropdown {
        width: 100% !important;
    }

    /* HTML editor — reduce height so it doesn't dominate small screens */
    .rz-html-editor {
        height: clamp(220px, 40vh, 500px) !important;
    }

    /* Forms — ensure paddings don't waste space */
    .editForm-rounded {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/* Prevent brief scrollbar while tooltip is being repositioned */
html {
    overflow-x: clip;
}

/* Tooltip: hidden until repositioned by JS */
.rz-tooltip {
    max-width: 90vw;
    pointer-events: none;
    visibility: hidden;
}

/* TooltipCell — global tooltip row/icon utilities */
.sf-tooltip-row {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
}

.sf-tooltip-icon {
    font-size: 0.85rem;
    line-height: 1;
    opacity: 0.75;
}

/* TooltipCell — dark variant matching NavMenu background */
.sf-tooltip-nav.rz-tooltip {
    --rz-tooltip-background-color: var(--rz-primary-bg, #383f45);
    --rz-tooltip-color: #ffffff;
    --rz-tooltip-border-color: transparent;
}

.sf-tooltip-nav .rz-tooltip-content {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

/* ===== Radzen DataGrid — zielona belka (.sf-grid) ===== */
.sf-grid .rz-datatable {
    background-color: transparent;
    border: none;
}

.sf-grid .rz-grid-table {
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
}

.sf-grid .rz-grid-table td {
    background-color: var(--bs-body-bg);
}

.sf-grid .rz-grid-table th {
    background-color: var(--bs-primary);
    color: #000;
}

.sf-grid .rz-grid-table tr:first-child th:first-child { border-top-left-radius: 8px; }
.sf-grid .rz-grid-table tr:first-child th:last-child  { border-top-right-radius: 8px; }
.sf-grid .rz-grid-table tr:last-child td:first-child  { border-bottom-left-radius: 8px; }
.sf-grid .rz-grid-table tr:last-child td:last-child   { border-bottom-right-radius: 8px; }

/* ===== Radzen DataGrid — natywny styl (.sf-plain) dla zagnieżdżonych tabel ===== */
/* Przywraca domyślny wygląd Radzen Material (jak w SalesManager / Reports) */
.sf-plain .rz-datatable {
    background-color: var(--rz-grid-background-color);
    border: var(--rz-grid-cell-border);
    border-radius: var(--rz-grid-border-radius);
}

.sf-plain .rz-grid-table {
    border: initial;
    border-radius: initial;
    border-collapse: separate;
    border-spacing: 0;
}

.sf-plain .rz-grid-table td {
    background-color: initial;
}

.sf-plain .rz-grid-table th {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

.sf-plain .rz-grid-table tr:first-child th:first-child,
.sf-plain .rz-grid-table tr:first-child th:last-child,
.sf-plain .rz-grid-table tr:last-child td:first-child,
.sf-plain .rz-grid-table tr:last-child td:last-child {
    border-radius: initial;
}

/* ===== Sticky notes (Dashboard + User profile) ===== */
.notes-board {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.5rem 0 1rem 0;
}

.sticky {
    width: 210px;
    min-height: 160px;
    border-radius: 6px;
    padding: 0.7rem 0.8rem;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 4px 12px rgba(0,0,0,0.10);
    position: relative;
}

.sticky-info    { background: #dbeafe; }
.sticky-warning { background: #fef9c3; }
.sticky-urgent  { background: #fee2e2; }

.sticky-new-btn {
    background: var(--rz-base-background-color, #fff);
    border: 2px dashed var(--rz-base-300, #ccc);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    transition: border-color 0.15s, opacity 0.15s;
    color: inherit;
}
.sticky-new-btn:hover { border-color: var(--rz-primary); opacity: 0.85; }

.sticky-adding {
    background: var(--rz-base-background-color, #fff);
    border: 2px solid var(--rz-primary);
    min-height: 200px;
}

.sticky-loading {
    background: var(--rz-base-100, #f5f5f5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sticky-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.sticky-type-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.type-info    { color: #1d4ed8; }
.type-warning { color: #92400e; }
.type-urgent  { color: #991b1b; }

.sticky-btns {
    display: flex;
    gap: 0.1rem;
}

.sticky-icon-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    color: inherit;
    opacity: 0.45;
    line-height: 1;
    transition: opacity 0.15s, background 0.15s;
}
.sticky-icon-btn:hover { opacity: 1; background: rgba(0,0,0,0.08); }
.sticky-icon-btn.sticky-icon-danger:hover { color: #dc2626; }
.sticky-icon-btn .rzi { font-size: 1rem; }

.sticky-body {
    flex: 1;
    font-size: 0.875rem;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.45;
}

.sticky-footer {
    margin-top: 0.6rem;
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    opacity: 0.55;
}

.sticky-type-row {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 0.4rem;
}

.sticky-type-btn {
    flex: 1;
    padding: 2px 4px;
    font-size: 0.68rem;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    background: rgba(0,0,0,0.06);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    opacity: 0.6;
    transition: opacity 0.15s;
}
.sticky-type-btn:hover { opacity: 1; }
.sticky-type-btn.active { opacity: 1; border-color: currentColor; }
.sticky-type-btn.active.type-info    { color: #1d4ed8; background: #dbeafe; }
.sticky-type-btn.active.type-warning { color: #92400e; background: #fef9c3; }
.sticky-type-btn.active.type-urgent  { color: #991b1b; background: #fee2e2; }

.sticky-textarea {
    flex: 1;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    padding: 0.4rem;
    font-size: 0.875rem;
    resize: vertical;
    background: rgba(255,255,255,0.6);
    font-family: inherit;
    line-height: 1.4;
    margin-bottom: 0.4rem;
}
.sticky-textarea:focus { outline: none; border-color: var(--rz-primary); }

.sticky-actions {
    display: flex;
    gap: 0.35rem;
}