/* _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/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;
}

@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;
    }
/* _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/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/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/Login.razor.rz.scp.css */
.login-container[b-vzr4f0a97f] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.login-card[b-vzr4f0a97f] {
    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-vzr4f0a97f] {
    text-align: center;
    margin-bottom: 1.5rem;
    color: #333;
}

.login-culture[b-vzr4f0a97f] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

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

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

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

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

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

.login-mfa-intro[b-vzr4f0a97f] {
    margin-bottom: 1rem;
    color: #555;
    text-align: center;
}

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

.login-links a[b-vzr4f0a97f],
.login-links .btn-link[b-vzr4f0a97f] {
    color: #667eea;
    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;
}
/* _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/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;
}