/* _content/ServiceDesk.Shared/Components/AppDataGrid.razor.rz.scp.css */
.app-grid[b-00l1y5l2h4] {
    max-width: 100%;
    min-width: 0;
}

.app-grid__toolbar[b-00l1y5l2h4],
.app-grid__mobile-tools[b-00l1y5l2h4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
    padding: 0.65rem;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
    background: linear-gradient(135deg, var(--rz-base-50), var(--rz-base-background-color));
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

.app-grid__search[b-00l1y5l2h4],
.app-grid__exports[b-00l1y5l2h4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.app-grid__search[b-00l1y5l2h4] {
    flex: 1 1 32rem;
    min-width: min(100%, 18rem);
}

.app-grid[b-00l1y5l2h4]  .app-grid__column-select {
    flex: 0 1 13rem;
    min-width: 10rem;
}

.app-grid[b-00l1y5l2h4]  .app-grid__search-input {
    flex: 1 1 14rem;
    min-width: 10rem;
}

.app-grid[b-00l1y5l2h4]  .app-grid__operator-select { flex: 0 1 12rem; min-width: 9rem; }

/* Keep the chosen comparison legible and the value editable without opening a filter dialog. */
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .25rem;
    height: auto !important;
    min-width: 0;
}
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label > .rz-filter-button {
    position: static;
    width: 100%;
    min-width: 0;
    height: auto;
    max-height: none;
    min-height: 1.75rem;
    margin: 0;
    font-size: 0;
    white-space: normal;
    text-transform: none;
}
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label > .rz-filter-button .rzi,
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label > .rz-filter-button s { display: none; }
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label > .rz-filter-button::after {
    content: attr(title) ' ▾';
    font-size: .75rem;
    line-height: 1.2;
}
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label .rz-datepicker,
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label .rz-numeric { min-width: 0; max-width: 100%; }
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label .rz-textbox,
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label .rz-inputtext { text-indent: 0; }
.app-grid[b-00l1y5l2h4]  .rz-cell-filter-label > .rz-cell-filter-clear {
    top: auto;
    bottom: .35rem;
}

.app-grid__exports[b-00l1y5l2h4] {
    margin-inline-start: auto;
}

.app-grid__native-header[b-00l1y5l2h4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    width: 100%;
}

.app-grid__native-header-content[b-00l1y5l2h4] {
    flex: 1 1 auto;
    min-width: 0;
}

.app-grid__result-count[b-00l1y5l2h4] {
    color: var(--rz-text-secondary-color);
    font-size: 0.875rem;
    white-space: nowrap;
}

.app-grid__search-error[b-00l1y5l2h4] {
    flex-basis: 100%;
    color: var(--rz-danger);
    font-size: 0.875rem;
}

.app-grid__scroll[b-00l1y5l2h4] {
    min-width: 0;
    max-width: 100%;
    border-radius: var(--rz-border-radius);
}

/* Radzen's data viewport owns scrolling; headers and tools never scroll away with it. */
.app-grid .app-grid__scroll[b-00l1y5l2h4]  .rz-data-grid {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    overflow: visible;
}

.app-grid__scrollbar[b-00l1y5l2h4] {
    min-height: 18px;
    position: sticky;
    bottom: 0;
    z-index: 3;
    overflow-x: scroll;
    overflow-y: hidden;
    background: var(--rz-base-100);
    border: 1px solid var(--rz-base-400);
    border-radius: var(--rz-border-radius);
    box-shadow: 0 -2px 6px rgb(0 0 0 / 12%);
}

.app-grid__scrollbar[hidden][b-00l1y5l2h4] { display: none; }
.app-grid__scrollbar-track[b-00l1y5l2h4] { height: 1px; }
.app-grid__scrollbar:focus-visible[b-00l1y5l2h4] { outline: 2px solid var(--rz-primary); outline-offset: 2px; }

/* Only the enhanced, non-virtualized viewport hides its original scrollbar.
   The sticky native scrollbar controls the same scrollLeft, including RTL and frozen columns. */
.app-grid--sticky-scroll > .app-grid__scroll[b-00l1y5l2h4]  > .rz-data-grid > .rz-data-grid-data {
    scrollbar-width: none;
}
.app-grid--sticky-scroll > .app-grid__scroll[b-00l1y5l2h4]  > .rz-data-grid > .rz-data-grid-data::-webkit-scrollbar { display: none; }

@media print {
    .app-grid__scrollbar[b-00l1y5l2h4] { display: none; }
}

.app-grid[b-00l1y5l2h4]  .rz-column-title,
.app-grid[b-00l1y5l2h4]  .rz-column-title-content {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.2;
}

.app-grid__responsive-sort-control[b-00l1y5l2h4],
.app-grid__responsive-only[b-00l1y5l2h4] {
    display: none;
}

.app-grid[b-00l1y5l2h4]  .app-grid__responsive-card-cell,
.app-grid[b-00l1y5l2h4]  .app-grid__responsive-card-header,
.app-grid[b-00l1y5l2h4]  .app-grid__responsive-card-footer {
    display: none;
}

.app-grid__responsive-header[b-00l1y5l2h4],
.app-grid__responsive-footer[b-00l1y5l2h4],
.app-grid__responsive-empty[b-00l1y5l2h4],
.app-grid__responsive-loading[b-00l1y5l2h4] {
    margin-block: 0.5rem;
}

@media (max-width: 768px) {
    .app-grid__desktop-exports[b-00l1y5l2h4] {
        display: none;
    }

    .app-grid__toolbar[b-00l1y5l2h4],
    .app-grid__mobile-tools[b-00l1y5l2h4] {
        align-items: stretch;
        padding: 0.6rem;
    }

    .app-grid__search[b-00l1y5l2h4],
    .app-grid__exports[b-00l1y5l2h4] {
        width: 100%;
    }

    .app-grid[b-00l1y5l2h4]  .app-grid__column-select,
    .app-grid[b-00l1y5l2h4]  .app-grid__operator-select,
    .app-grid[b-00l1y5l2h4]  .app-grid__search-input {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
    }

    .app-grid__search[b-00l1y5l2h4]  .app-grid__search-button,
    .app-grid__search[b-00l1y5l2h4]  .app-grid__sort-button,
    .app-grid__search[b-00l1y5l2h4]  .app-grid__clear-button,
    .app-grid__exports[b-00l1y5l2h4]  .rz-button {
        flex: 1 1 auto;
        justify-content: center;
        min-height: 2.75rem;
    }

    .app-grid__exports[b-00l1y5l2h4] {
        margin-inline-start: 0;
    }

    .app-grid__responsive-sort-control[b-00l1y5l2h4],
    .app-grid__responsive-only[b-00l1y5l2h4] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
    }

    .app-grid__scroll[b-00l1y5l2h4] {
        overflow-x: visible;
    }

    .app-grid__scroll[b-00l1y5l2h4]  .rz-data-grid {
        min-width: 0;
        width: 100%;
    }

    .app-grid--custom-responsive[b-00l1y5l2h4]  .rz-data-grid-data td:not(.app-grid__responsive-card-cell) {
        display: none !important;
    }

    .app-grid--custom-responsive[b-00l1y5l2h4]  .app-grid__responsive-card-cell {
        display: block !important;
        width: 100% !important;
        padding: 0.75rem !important;
        border: 0 !important;
    }

    .app-grid--custom-responsive[b-00l1y5l2h4]  .rz-data-row {
        display: block;
        width: 100%;
        margin-bottom: 0.75rem;
        border: 1px solid var(--rz-base-300);
        border-radius: var(--rz-border-radius);
        background: var(--rz-base-background-color);
        box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
    }
}
/* _content/ServiceDesk.Shared/Components/ExpandableHtmlEditor.razor.rz.scp.css */
.expandable-editor[b-bvkt62kvhn] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    max-width: 100%;
}

.expandable-editor__header[b-bvkt62kvhn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-shrink: 0;
    gap: .5rem;
}

.expandable-editor[b-bvkt62kvhn]  .expandable-editor__input {
    width: 100%;
    min-width: 0;
    height: clamp(260px, 60dvh, 450px);
}

.expandable-editor[b-bvkt62kvhn]  .rz-html-editor-toolbar {
    flex-shrink: 0;
    flex-wrap: wrap;
    max-height: 35dvh;
    overflow: auto;
}

.expandable-editor[b-bvkt62kvhn]  .rz-html-editor-content {
    min-height: 0;
    overflow-wrap: anywhere;
}

.expandable-editor--fullscreen[b-bvkt62kvhn] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    box-sizing: border-box;
    height: 100dvh;
    padding: max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));
    background: var(--rz-base-background-color, white);
    overflow: hidden;
}

.expandable-editor--fullscreen[b-bvkt62kvhn]  .expandable-editor__input {
    flex: 1;
    min-height: 0;
    height: auto;
}
/* _content/ServiceDesk.Shared/Components/Layout/AttendanceButton.razor.rz.scp.css */
.attendance[b-usj0idie79] {
    padding: 0.15rem 0.35rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.14);
}

.attendance__meta[b-usj0idie79] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.1;
}

/* `attendance__label`/`attendance__clock` sit on Radzen child components, which never receive the
   CSS-isolation scope attribute; a plain scoped rule would not match, so the text falls back to
   Radzen's dark default and is unreadable on the blue header. Anchor `::deep` on the native
   `.attendance__meta` wrapper (which IS scoped) and force the light header color, mirroring the
   username fix in MainLayout.razor.css. */
.attendance__meta[b-usj0idie79]  .attendance__label {
    color: var(--rz-header-color, #fff) !important;
    opacity: 0.85;
}

.attendance__meta[b-usj0idie79]  .attendance__clock {
    color: var(--rz-header-color, #fff) !important;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}
/* _content/ServiceDesk.Shared/Components/Layout/ExternalPortalNavigation.razor.rz.scp.css */
.external-portal-navigation[b-w5invoogsc] {
    font-family: var(--rz-text-font-family, sans-serif);
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--rz-base-300);
    min-width: 0;
}

.external-portal-navigation[b-w5invoogsc]  a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
    background: var(--rz-base-background-color);
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
}

.external-portal-navigation[b-w5invoogsc]  a[aria-current="page"] {
    background: var(--rz-primary-lighter);
    border-color: var(--rz-primary);
    color: var(--rz-on-primary-lighter);
    font-weight: 600;
}

.external-portal-navigation[b-w5invoogsc]  a:focus-visible {
    outline: 2px solid var(--rz-primary);
    outline-offset: 2px;
}
/* _content/ServiceDesk.Shared/Components/Layout/MainLayout.razor.rz.scp.css */
.main-layout[b-wvvjqm9sso] {
    min-height: 100vh;
    background: var(--rz-base-100);
}

.main-layout__header[b-wvvjqm9sso] {
    border-bottom: 1px solid var(--rz-base-300);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.main-layout__brand[b-wvvjqm9sso] {
    font-weight: 700;
    letter-spacing: 0.02em;
}

.main-layout__user[b-wvvjqm9sso] {
    max-width: 14rem;
}

/* The username and account icon render inside the blue (primary) header, where the
   default dark profile-menu text is hard to read. Force a high-contrast light color.
   `::deep` is anchored on this real <div> because a child component never receives the
   CSS isolation scope attribute. The two custom classes only exist on the header trigger
   template, so the dropdown items (on their light popup background) are unaffected.
   Truncation lives on the username text (not the wrapper) so the dropdown popup — which
   Radzen renders as an inline child of the trigger — is never clipped by `overflow`. */
.main-layout__user[b-wvvjqm9sso]  .main-layout__username,
.main-layout__user[b-wvvjqm9sso]  .main-layout__user-icon {
    color: var(--rz-header-color, #fff) !important;
    font-weight: 600;
}

.main-layout__user[b-wvvjqm9sso]  .main-layout__username {
    display: inline-block;
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* The language selector sits in the profile-menu popup (light background), rendered as a
   plain <li> alongside the RadzenProfileMenuItem entries. Match their horizontal padding
   and stack the caption above the dropdown so it reads as a labelled menu row. `::deep`
   reaches the RadzenDropDown so it spans the full width of the popup. */
.main-layout__user[b-wvvjqm9sso]  .main-layout__language {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
}

.main-layout__user[b-wvvjqm9sso]  .main-layout__language-label {
    color: var(--rz-text-secondary-color);
    font-weight: 600;
}

.main-layout__user[b-wvvjqm9sso]  .main-layout__language .rz-dropdown {
    width: 100%;
}

.main-layout__sidebar[b-wvvjqm9sso] {
    border-right: 1px solid var(--rz-base-300);
    width: 16rem;
}.main-layout__menu[b-wvvjqm9sso] {
    padding-top: 0.75rem;
}

.main-layout__content[b-wvvjqm9sso] {
    padding: 1.5rem;
}

.main-layout__content--embed[b-wvvjqm9sso] {
    min-height: 100vh;
    padding: 1rem;
}

@media (max-width: 768px) {
    .main-layout__content[b-wvvjqm9sso] {
        padding: 1rem;
    }
}

#blazor-error-ui[b-wvvjqm9sso] {
    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-wvvjqm9sso] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.main-layout__version-footer[b-wvvjqm9sso] {
    padding: 0.75rem 1rem;
    text-align: center;
    color: var(--rz-text-secondary-color);
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.main-layout__navigation[b-wvvjqm9sso] { min-width: 0; }
.main-layout__navigation[b-wvvjqm9sso]  .rz-navigation-item-text { white-space: normal; overflow-wrap: anywhere; }
/* _content/ServiceDesk.Shared/Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-f3pxde3hr8],
.components-reconnect-repeated-attempt-visible[b-f3pxde3hr8],
.components-reconnect-failed-visible[b-f3pxde3hr8],
.components-pause-visible[b-f3pxde3hr8],
.components-resume-failed-visible[b-f3pxde3hr8],
.components-rejoining-animation[b-f3pxde3hr8] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-f3pxde3hr8],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-f3pxde3hr8],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-f3pxde3hr8],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-f3pxde3hr8],
#components-reconnect-modal.components-reconnect-retrying[b-f3pxde3hr8],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-f3pxde3hr8],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-f3pxde3hr8],
#components-reconnect-modal.components-reconnect-failed[b-f3pxde3hr8],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-f3pxde3hr8] {
    display: block;
}


#components-reconnect-modal[b-f3pxde3hr8] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-f3pxde3hr8 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-f3pxde3hr8 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-f3pxde3hr8 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-f3pxde3hr8]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-f3pxde3hr8 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-f3pxde3hr8 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-f3pxde3hr8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-f3pxde3hr8 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-f3pxde3hr8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-f3pxde3hr8] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-f3pxde3hr8] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-f3pxde3hr8] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-f3pxde3hr8] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-f3pxde3hr8] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-f3pxde3hr8] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-f3pxde3hr8 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-f3pxde3hr8] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-f3pxde3hr8 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* _content/ServiceDesk.Shared/Components/Layout/TestSystemBanner.razor.rz.scp.css */
.test-system-banner[b-fjnzaffm2h] {
    position: sticky;
    flex-shrink: 0;
    top: 0;
    z-index: 1100;
    box-sizing: border-box;
    width: 100%;
    padding: .5rem 1rem;
    color: #241600;
    background: #ffc247;
    border-bottom: 3px solid #8a4400;
    text-align: center;
    overflow-wrap: anywhere;
    font-size: .95rem;
}
@media (max-width: 768px) {
    .test-system-banner[b-fjnzaffm2h] { padding: .5rem; font-size: .85rem; }
}
.test-workspace-link[b-fjnzaffm2h] { display: inline-block; margin-inline-start: 1rem; color: inherit; font-weight: 600; }
/* _content/ServiceDesk.Shared/Components/Layout/TimeTrackerButton.razor.rz.scp.css */
.time-tracker[b-9upoibls54] {
    padding: 0.15rem 0.35rem;
    border-radius: 0.5rem;
}

.time-tracker--running[b-9upoibls54] {
    background: rgba(255, 255, 255, 0.14);
}

.time-tracker__meta[b-9upoibls54] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    min-width: 0;
}

/* These classes sit on Radzen child components (never scoped), so anchor `::deep` on the native
   `.time-tracker__meta` wrapper and force the light header color — otherwise the text renders in
   Radzen's dark default and is unreadable on the blue header (see MainLayout.razor.css). */
.time-tracker__meta[b-9upoibls54]  .time-tracker__name {
    color: var(--rz-header-color, #fff) !important;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0.85;
}

.time-tracker__meta[b-9upoibls54]  .time-tracker__clock {
    color: var(--rz-header-color, #fff) !important;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.time-tracker__pulse[b-9upoibls54] {
    color: #ff5252;
    animation: time-tracker-pulse-b-9upoibls54 1.4s ease-in-out infinite;
}

@keyframes time-tracker-pulse-b-9upoibls54 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.25; }
}
/* _content/ServiceDesk.Shared/Components/Pages/ActivateAccount.razor.rz.scp.css */
.activation-brand[b-updye40g30] {
    text-align: center;
    margin-bottom: 0.5rem;
    color: #667eea;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.activation-intro[b-updye40g30] {
    margin: -0.75rem 0 1.5rem;
    color: #666;
    text-align: center;
    line-height: 1.45;
}
/* _content/ServiceDesk.Shared/Components/Pages/AdministrationRoles.razor.rz.scp.css */
.administration-roles[b-e1a8xdnzwd] { min-width: 0; max-width: 100%; }
.administration-roles[b-e1a8xdnzwd]  .rz-stack { min-width: 0; max-width: 100%; }
/* _content/ServiceDesk.Shared/Components/Pages/AiAccess.razor.rz.scp.css */
.ai-access[b-mw5v0vrpav] { width: 100%; max-width: 72rem; min-width: 0; }
.ai-access__value[b-mw5v0vrpav] { overflow-wrap: anywhere; word-break: break-word; max-width: 100%; }
.ai-access__secret[b-mw5v0vrpav] { border: 1px solid var(--rz-primary); }
.ai-access[b-mw5v0vrpav]  .rz-column { min-width: 0; }
.ai-access[b-mw5v0vrpav]  .rz-dropdown { max-width: 100%; }
.ai-access[b-mw5v0vrpav]  .rz-dropdown-multiselect-label-container { flex-wrap: wrap; }
/* _content/ServiceDesk.Shared/Components/Pages/ExternalTickets.razor.rz.scp.css */
.external-tickets[b-nhhdem83y7] { min-width: 0; }
.external-tickets[b-nhhdem83y7]  .rz-card { min-width: 0; }
.external-tickets[b-nhhdem83y7]  .rz-html-editor { max-width: 100%; }
.external-tickets[b-nhhdem83y7]  .rz-html-editor-toolbar { flex-wrap: wrap; }
.external-tickets[b-nhhdem83y7]  .rz-data-row { cursor: pointer; }
.external-tickets[b-nhhdem83y7]  a { overflow-wrap: anywhere; }
.external-description[b-nhhdem83y7] { overflow: auto; overflow-wrap: anywhere; }
.external-description[b-nhhdem83y7]  img { max-width: 100%; height: auto; }
.external-dropzone[b-nhhdem83y7] { position: relative; padding: 2rem 1rem; border: 2px dashed var(--rz-primary); border-radius: var(--rz-border-radius); text-align: center; }
.external-dropzone:focus-within[b-nhhdem83y7], .external-dropzone:hover[b-nhhdem83y7] { background: var(--rz-primary-lighter); }
.external-dropzone[b-nhhdem83y7]  input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.external-mobile-filters[b-nhhdem83y7] { display: none; }
@media (max-width: 768px) {
    .external-mobile-filters[b-nhhdem83y7] { display: grid; gap: .5rem; margin-bottom: 1rem; }
}
/* _content/ServiceDesk.Shared/Components/Pages/ForgotPassword.razor.rz.scp.css */
.login-container[b-3mhpzrepem] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.login-card[b-3mhpzrepem] {
    background: white;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 400px;
}

.login-card h2[b-3mhpzrepem] {
    text-align: center;
    margin-bottom: 1rem;
    color: #333;
}

.forgot-intro[b-3mhpzrepem] {
    margin: -0.5rem 0 1.5rem;
    color: #666;
    text-align: center;
    line-height: 1.45;
}

.form-group[b-3mhpzrepem] {
    margin-bottom: 1rem;
}

.form-group label[b-3mhpzrepem] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #555;
}

.form-group input[b-3mhpzrepem] {
    width: 100%;
}

.btn[b-3mhpzrepem] {
    margin-top: 0.5rem;
}

.alert[b-3mhpzrepem] {
    margin-bottom: 1rem;
}

.login-links[b-3mhpzrepem] {
    margin-top: 1rem;
    text-align: center;
}

.login-links a[b-3mhpzrepem] {
    color: #667eea;
    text-decoration: none;
}

.login-links a:hover[b-3mhpzrepem] {
    text-decoration: underline;
}
/* _content/ServiceDesk.Shared/Components/Pages/GitLabAdministration.razor.rz.scp.css */
.gitlab-administration[b-1lipacp9gj] { min-width: 0; max-width: 100%; }
.gitlab-administration[b-1lipacp9gj]  .rz-card,
.gitlab-administration[b-1lipacp9gj]  .rz-stack { min-width: 0; max-width: 100%; }
.gitlab-grid[b-1lipacp9gj] { max-width: 100%; min-width: 0; overflow-x: auto; }
/* _content/ServiceDesk.Shared/Components/Pages/Login.razor.rz.scp.css */
.login-container[b-vzr4f0a97f] {
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    min-height: 100svh;
    padding: 2rem 1rem;
    background: radial-gradient(ellipse at 15% 15%, #dbeafe 0, transparent 55%),
        radial-gradient(ellipse at 90% 85%, #e0e7ff 0, transparent 50%), #f4f7fc;
}

.login-card[b-vzr4f0a97f] {
    box-sizing: border-box;
    background: #fff;
    padding: clamp(1.25rem, 5vw, 2.5rem);
    border: 1px solid #e2e8f0;
    border-radius: 1.5rem;
    box-shadow: 0 24px 64px #1e3a5f18;
    width: 100%;
    max-width: 460px;
    min-width: 0;
}

.login-heading[b-vzr4f0a97f] {
    margin: 1.5rem 0 2rem;
    text-align: center;
}

.login-mark[b-vzr4f0a97f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 1rem;
    background: #eaf1ff;
    color: #2453a6;
    border-radius: 1rem;
}

.login-mark[b-vzr4f0a97f]  .rzi { font-size: 2rem; }

.login-heading h1[b-vzr4f0a97f] {
    margin: 0;
    color: #172b4d;
    font-size: clamp(1.45rem, 5vw, 1.85rem);
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.login-culture[b-vzr4f0a97f] {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

.login-culture[b-vzr4f0a97f]  .rz-dropdown { max-width: 100%; }

/* EditForm and InputText render child components, so scoped rules need deep selectors. */
.login-card[b-vzr4f0a97f]  .form-group { margin-bottom: 1.25rem; }
.login-card[b-vzr4f0a97f]  .form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #334155;
}
.login-card[b-vzr4f0a97f]  .form-control {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: 0.75rem;
    border: 1px solid #b6c3d5;
    border-radius: 0.65rem;
    background: #fff;
    color: #172b4d;
    font: inherit;
}
.login-card[b-vzr4f0a97f]  .form-control:focus {
    outline: 3px solid #bfdbfe;
    outline-offset: 2px;
    border-color: #2453a6;
}
.login-card[b-vzr4f0a97f]  .btn-primary {
    width: 100%;
    min-height: 48px;
    margin-top: 0.5rem;
    border: 0;
    border-radius: 0.65rem;
    background: #2453a6;
    color: white;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.login-card[b-vzr4f0a97f]  .btn-primary:hover { background: #1c4285; }
.login-card[b-vzr4f0a97f]  .btn-primary:disabled { opacity: 0.65; cursor: wait; }
.login-card[b-vzr4f0a97f]  .btn-primary:focus-visible,
.login-links a:focus-visible[b-vzr4f0a97f],
.login-links .btn-link:focus-visible[b-vzr4f0a97f] { outline: 3px solid #93c5fd; outline-offset: 3px; }
.alert[b-vzr4f0a97f] { margin-bottom: 1rem; overflow-wrap: anywhere; }
.login-card[b-vzr4f0a97f]  .validation-errors { padding-inline-start: 1.25rem; color: #b42318; }
.login-mfa-intro[b-vzr4f0a97f] { margin-bottom: 1rem; color: #475569; text-align: center; }
.login-links[b-vzr4f0a97f] { margin-top: 1.5rem; text-align: center; }
.login-links a[b-vzr4f0a97f],
.login-links .btn-link[b-vzr4f0a97f] {
    color: #2453a6;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
}
.login-links a:hover[b-vzr4f0a97f],
.login-links .btn-link:hover[b-vzr4f0a97f] { text-decoration: underline; }
.login-version[b-vzr4f0a97f] {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 0.8rem;
    text-align: center;
    overflow-wrap: anywhere;
}
/* _content/ServiceDesk.Shared/Components/Pages/MyAccount.razor.rz.scp.css */
.my-account[b-bm81pxyi9p] {
    max-width: 640px;
    margin: 0 auto;
    padding: 1.5rem 1rem;
}

.my-account__secret[b-bm81pxyi9p] {
    font-family: var(--rz-font-family-monospace, monospace);
    letter-spacing: 0.15em;
    background: var(--rz-base-200, #f2f2f2);
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    word-break: break-all;
}

.my-account__codes[b-bm81pxyi9p] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.25rem 1rem;
    font-family: var(--rz-font-family-monospace, monospace);
}
/* _content/ServiceDesk.Shared/Components/Pages/ProjectTesting.razor.rz.scp.css */
.testing-page[b-o5phvseuse] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.testing-context[b-o5phvseuse] { overflow-wrap: anywhere; }
.testing-grid[b-o5phvseuse] { max-width: 100%; overflow-x: auto; }
.testing-page[b-o5phvseuse]  .rz-column { min-width: 0; }
.testing-page[b-o5phvseuse]  .rz-button { max-width: 100%; height: auto; min-height: 2.5rem; white-space: normal; }
/* _content/ServiceDesk.Shared/Components/Pages/QualityTesting.razor.rz.scp.css */
.quality-workspace[b-wvbb4kdy70] { width:100%; min-width:0; overflow-wrap:anywhere; }
.quality-grid[b-wvbb4kdy70] { overflow-x:auto; max-width:100%; margin-top:1rem; }
.quality-prose[b-wvbb4kdy70] { white-space:pre-wrap; overflow-wrap:anywhere; margin:1rem 0; }
.quality-workspace[b-wvbb4kdy70]  .rz-tabview-panel { padding:1rem 0; }
.quality-workspace[b-wvbb4kdy70]  .rz-card { margin-block:0.75rem; }
.quality-workspace[b-wvbb4kdy70]  .rz-dropdown { max-width:100%; }
@media(max-width:600px) { .quality-workspace[b-wvbb4kdy70]  .rz-tabview-nav { flex-wrap:wrap; } }
/* _content/ServiceDesk.Shared/Components/Pages/ResetPassword.razor.rz.scp.css */
.login-container[b-gmch6hdpcg] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.login-card[b-gmch6hdpcg] {
    background: white;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 400px;
}

.login-card h2[b-gmch6hdpcg] {
    text-align: center;
    margin-bottom: 1rem;
    color: #333;
}

.reset-intro[b-gmch6hdpcg] {
    margin: -0.5rem 0 1.5rem;
    color: #666;
    text-align: center;
    line-height: 1.45;
}

.form-group[b-gmch6hdpcg] {
    margin-bottom: 1rem;
}

.form-group label[b-gmch6hdpcg] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #555;
}

.form-group input[b-gmch6hdpcg] {
    width: 100%;
}

.btn[b-gmch6hdpcg] {
    margin-top: 0.5rem;
}

.alert[b-gmch6hdpcg] {
    margin-bottom: 1rem;
}

.login-links[b-gmch6hdpcg] {
    margin-top: 1rem;
    text-align: center;
}

.login-links a[b-gmch6hdpcg] {
    color: #667eea;
    text-decoration: none;
}

.login-links a:hover[b-gmch6hdpcg] {
    text-decoration: underline;
}
/* _content/ServiceDesk.Shared/Components/Pages/TicketCodeChangesPanel.razor.rz.scp.css */
.ticket-code-changes[b-buhq46bazz] { min-width: 0; max-width: 100%; }
.ticket-code-changes[b-buhq46bazz]  .rz-card,
.ticket-code-changes[b-buhq46bazz]  .rz-stack { min-width: 0; max-width: 100%; }
.ticket-code-changes[b-buhq46bazz]  .code-change { overflow-wrap: anywhere; }
.code-reference[b-buhq46bazz] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.code-diff-file[b-buhq46bazz] { min-width: 0; max-width: 100%; }
.code-diff-file summary[b-buhq46bazz] { cursor: pointer; overflow-wrap: anywhere; }
.code-diff-file pre[b-buhq46bazz] { max-width: 100%; overflow: auto; max-height: 32rem; padding: 0.75rem; background: var(--rz-base-100); font-size: 0.8rem; white-space: pre; }
.code-diff-file code[b-buhq46bazz] { overflow-wrap: normal; }
/* _content/ServiceDesk.Shared/Components/Pages/TicketDetails.razor.rz.scp.css */
.ticket-details[b-a1kznoxiy8] {
    min-width: 0;
    max-width: 100%;
}

.ticket-reference[b-a1kznoxiy8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    max-width: 100%;
    margin: .25rem 0 .5rem;
}

.ticket-reference__label[b-a1kznoxiy8] {
    font-size: var(--rz-text-caption-font-size, .875rem);
    color: var(--rz-text-secondary-color);
}

.ticket-reference[b-a1kznoxiy8]  .ticket-reference__copy {
    height: auto;
    min-width: 0;
    max-width: 100%;
    text-transform: none;
    text-align: start;
}

.ticket-reference[b-a1kznoxiy8]  .rz-button-box {
    min-width: 0;
    max-width: 100%;
    gap: .5rem;
    white-space: normal;
}

.ticket-reference__value[b-a1kznoxiy8] {
    min-width: 0;
    font-family: monospace;
    overflow-wrap: anywhere;
    user-select: text;
}

.ticket-details[b-a1kznoxiy8]  .rz-tabview-nav {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
}
/* _content/ServiceDesk.Shared/Components/Pages/TicketQualitySummary.razor.rz.scp.css */
.ticket-quality-summary[b-xc27iakr7c] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.ticket-quality-summary[b-xc27iakr7c]  .rz-card { min-width: 0; max-width: 100%; }
.ticket-quality-summary[b-xc27iakr7c]  .rz-button { max-width: 100%; white-space: normal; }
/* _content/ServiceDesk.Shared/Components/Pages/TicketTesting.razor.rz.scp.css */
.testing-page[b-67ypj7fqxv] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.testing-context[b-67ypj7fqxv], details[b-67ypj7fqxv] { overflow-wrap: anywhere; }
pre[b-67ypj7fqxv] { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; margin: .5rem 0 1rem; }
summary[b-67ypj7fqxv] { cursor: pointer; }
.testing-page[b-67ypj7fqxv]  .rz-button { max-width: 100%; height: auto; min-height: 2.5rem; white-space: normal; }
/* _content/ServiceDesk.Shared/Components/Pages/UserDetails.razor.rz.scp.css */
.user-details[b-e0sfwo7756] { max-width: 64rem; min-width: 0; overflow-wrap: anywhere; }
.user-details[b-e0sfwo7756]  .rz-column { min-width: 0; }
.user-details[b-e0sfwo7756]  .rz-button { max-width: 100%; height: auto; min-height: 2.5rem; }
.user-details[b-e0sfwo7756]  .rz-button-text { white-space: normal; }
.user-details[b-e0sfwo7756]  .rz-badge { max-width: 100%; white-space: normal; }