@import '_content/Innvilo.Pms.Components/Innvilo.Pms.Components.94kubq4aeg.bundle.scp.css';

/* /Components/Account/Pages/AccessDenied.razor.rz.scp.css */
.access-denied-panel[b-yzxm7eir5i] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.access-denied-copy[b-yzxm7eir5i] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.access-denied-copy h2[b-yzxm7eir5i] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.access-denied-copy p[b-yzxm7eir5i] {
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.access-denied-copy .access-denied-guidance[b-yzxm7eir5i] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.access-denied-action[b-yzxm7eir5i] {
    align-items: center;
    align-self: start;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.35;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: fit-content;
}

.access-denied-action:hover[b-yzxm7eir5i] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.access-denied-action:focus-visible[b-yzxm7eir5i] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.access-denied-action:active[b-yzxm7eir5i] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 520px) {
    .access-denied-panel[b-yzxm7eir5i] {
        gap: var(--innvilo-space-7);
    }

    .access-denied-copy h2[b-yzxm7eir5i] {
        font-size: var(--innvilo-font-size-title);
    }

    .access-denied-action[b-yzxm7eir5i] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .access-denied-action[b-yzxm7eir5i] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear;
    }

    .access-denied-action:active[b-yzxm7eir5i] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .access-denied-action[b-yzxm7eir5i] {
        border-color: var(--color-navy-deep);
    }
}
/* /Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
.confirm-email-panel[b-t9zcv4o5y2] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.confirm-email-copy[b-t9zcv4o5y2] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.confirm-email-copy h2[b-t9zcv4o5y2] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.confirm-email-status[b-t9zcv4o5y2] {
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.confirm-email-status.is-loading[b-t9zcv4o5y2] {
    background: var(--color-surface-soft);
    color: var(--color-text-muted);
}

.confirm-email-status.is-success[b-t9zcv4o5y2] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
}

.confirm-email-status.is-error[b-t9zcv4o5y2] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
}

.confirm-email-actions[b-t9zcv4o5y2] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.confirm-email-action[b-t9zcv4o5y2] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.35;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
}

.confirm-email-action.is-primary[b-t9zcv4o5y2] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-surface);
}

.confirm-email-action.is-primary:hover[b-t9zcv4o5y2] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.confirm-email-action.is-secondary[b-t9zcv4o5y2] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-primary);
}

.confirm-email-action.is-secondary:hover[b-t9zcv4o5y2] {
    background: var(--color-surface-soft);
    border-color: var(--color-primary);
    color: var(--color-primary-hover);
}

.confirm-email-action:focus-visible[b-t9zcv4o5y2] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.confirm-email-action:active[b-t9zcv4o5y2] {
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 520px) {
    .confirm-email-panel[b-t9zcv4o5y2] {
        gap: var(--innvilo-space-7);
    }

    .confirm-email-copy h2[b-t9zcv4o5y2] {
        font-size: var(--innvilo-font-size-title);
    }

    .confirm-email-actions[b-t9zcv4o5y2] {
        flex-direction: column;
    }

    .confirm-email-action[b-t9zcv4o5y2] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .confirm-email-action[b-t9zcv4o5y2] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear,
                    color var(--innvilo-duration-press) linear;
    }

    .confirm-email-action:active[b-t9zcv4o5y2] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .confirm-email-status[b-t9zcv4o5y2],
    .confirm-email-action[b-t9zcv4o5y2] {
        border-color: currentColor;
    }
}
/* /Components/Account/Pages/ConfirmEmailChange.razor.rz.scp.css */
.confirm-email-change-panel[b-l5gwtln310] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.confirm-email-change-copy[b-l5gwtln310] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.confirm-email-change-copy h2[b-l5gwtln310] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.confirm-email-change-status[b-l5gwtln310] {
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.confirm-email-change-status.is-loading[b-l5gwtln310] {
    background: var(--color-surface-soft);
    color: var(--color-text-muted);
}

.confirm-email-change-status.is-success[b-l5gwtln310] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
}

.confirm-email-change-status.is-error[b-l5gwtln310] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
}

.confirm-email-change-actions[b-l5gwtln310] {
    align-items: stretch;
    display: flex;
}

.confirm-email-change-action[b-l5gwtln310] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.35;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: fit-content;
}

.confirm-email-change-action:hover[b-l5gwtln310] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.confirm-email-change-action:focus-visible[b-l5gwtln310] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.confirm-email-change-action:active[b-l5gwtln310] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 520px) {
    .confirm-email-change-panel[b-l5gwtln310] {
        gap: var(--innvilo-space-7);
    }

    .confirm-email-change-copy h2[b-l5gwtln310] {
        font-size: var(--innvilo-font-size-title);
    }

    .confirm-email-change-action[b-l5gwtln310] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .confirm-email-change-action[b-l5gwtln310] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear;
    }

    .confirm-email-change-action:active[b-l5gwtln310] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .confirm-email-change-status[b-l5gwtln310],
    .confirm-email-change-action[b-l5gwtln310] {
        border-color: currentColor;
    }
}
/* /Components/Account/Pages/ExternalLogin.razor.rz.scp.css */
.external-login-panel[b-9n6j0k52mb] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.external-login-header[b-9n6j0k52mb] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.external-login-header h2[b-9n6j0k52mb] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.external-login-header p[b-9n6j0k52mb] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.external-login-error[b-9n6j0k52mb] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    padding: var(--innvilo-space-5);
}

.external-login-form[b-9n6j0k52mb] {
    display: grid;
    gap: var(--innvilo-space-7);
}

.external-login-field[b-9n6j0k52mb] {
    color: var(--color-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.external-login-actions[b-9n6j0k52mb] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.external-login-submit[b-9n6j0k52mb],
.external-login-cancel[b-9n6j0k52mb] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    line-height: 1.2;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
}

.external-login-submit[b-9n6j0k52mb] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-surface);
    cursor: pointer;
    flex: 1 1 12rem;
}

.external-login-submit:hover[b-9n6j0k52mb] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.external-login-cancel[b-9n6j0k52mb] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-primary);
    flex: 0 1 auto;
}

.external-login-cancel:hover[b-9n6j0k52mb] {
    background: var(--color-surface-soft);
    border-color: var(--color-primary);
    color: var(--color-primary-hover);
}

.external-login-submit:focus-visible[b-9n6j0k52mb],
.external-login-cancel:focus-visible[b-9n6j0k52mb] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.external-login-submit:active[b-9n6j0k52mb],
.external-login-cancel:active[b-9n6j0k52mb] {
    transform: scale(var(--innvilo-press-scale));
}

.external-login-submit:disabled[b-9n6j0k52mb],
.external-login-transition-form.is-submitting .external-login-submit[b-9n6j0k52mb] {
    cursor: progress;
    opacity: 0.68;
}

@media (max-width: 520px) {
    .external-login-panel[b-9n6j0k52mb] {
        gap: var(--innvilo-space-7);
    }

    .external-login-header h2[b-9n6j0k52mb] {
        font-size: var(--innvilo-font-size-title);
    }

    .external-login-actions[b-9n6j0k52mb] {
        flex-direction: column;
    }

    .external-login-submit[b-9n6j0k52mb],
    .external-login-cancel[b-9n6j0k52mb] {
        flex: none;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .external-login-panel[b-9n6j0k52mb] {
        gap: var(--innvilo-space-6);
    }

    .external-login-form[b-9n6j0k52mb] {
        gap: var(--innvilo-space-5);
    }
}

@media (prefers-reduced-motion: reduce) {
    .external-login-submit[b-9n6j0k52mb],
    .external-login-cancel[b-9n6j0k52mb] {
        transition: none;
    }

    .external-login-submit:active[b-9n6j0k52mb],
    .external-login-cancel:active[b-9n6j0k52mb] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .external-login-error[b-9n6j0k52mb] {
        background: var(--color-surface);
        border-color: var(--color-error);
    }

    .external-login-submit[b-9n6j0k52mb],
    .external-login-cancel[b-9n6j0k52mb] {
        border-color: currentColor;
    }
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
.forgot-password-panel[b-5u8mz9u4yt] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.forgot-password-header[b-5u8mz9u4yt] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.forgot-password-header h2[b-5u8mz9u4yt] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.forgot-password-header p[b-5u8mz9u4yt],
.forgot-password-hint[b-5u8mz9u4yt],
.forgot-password-progress[b-5u8mz9u4yt] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
}

.forgot-password-error[b-5u8mz9u4yt] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-error);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    padding: var(--innvilo-space-6);
}

.forgot-password-error strong[b-5u8mz9u4yt] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-weight: 600;
}

.forgot-password-error:focus-visible[b-5u8mz9u4yt] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.forgot-password-form[b-5u8mz9u4yt] {
    display: grid;
    gap: var(--innvilo-space-7);
}

.forgot-password-field[b-5u8mz9u4yt] {
    color: var(--color-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.forgot-password-input[b-5u8mz9u4yt] {
    appearance: none;
    background: var(--color-input-surface);
    border: 1px solid var(--color-input-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.25;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                box-shadow var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.forgot-password-input[b-5u8mz9u4yt]::placeholder {
    color: var(--color-input-placeholder);
    opacity: 1;
}

.forgot-password-input:hover:not(:disabled)[b-5u8mz9u4yt] {
    background: var(--color-input-surface-hover);
    border-color: var(--color-border-strong);
}

.forgot-password-input:focus[b-5u8mz9u4yt] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-focus-ring);
    outline: 0;
}

.forgot-password-input:disabled[b-5u8mz9u4yt] {
    background: var(--color-input-surface-disabled);
    cursor: progress;
    opacity: 0.72;
}

.forgot-password-input.invalid[b-5u8mz9u4yt] {
    border-color: var(--color-error);
}

.forgot-password-validation[b-5u8mz9u4yt] {
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.forgot-password-hint[b-5u8mz9u4yt] {
    font-size: var(--innvilo-font-size-label);
}

.forgot-password-submit[b-5u8mz9u4yt] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    box-shadow: none;
    color: var(--color-surface);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.2;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: 100%;
}

.forgot-password-submit:hover:not(:disabled)[b-5u8mz9u4yt] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.forgot-password-submit:focus-visible[b-5u8mz9u4yt] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.forgot-password-submit:active:not(:disabled)[b-5u8mz9u4yt] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

.forgot-password-submit:disabled[b-5u8mz9u4yt] {
    cursor: progress;
    opacity: 0.68;
}

.forgot-password-progress[b-5u8mz9u4yt] {
    text-align: center;
}

.forgot-password-back[b-5u8mz9u4yt] {
    border-top: 1px solid var(--color-border);
    padding-top: var(--innvilo-space-6);
}

.forgot-password-back a[b-5u8mz9u4yt] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    min-height: 2.75rem;
    text-decoration: none;
    text-underline-offset: 3px;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.forgot-password-back a:hover[b-5u8mz9u4yt] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.forgot-password-back a:focus-visible[b-5u8mz9u4yt] {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
    text-decoration: underline;
}

.forgot-password-back a:active[b-5u8mz9u4yt] {
    color: var(--color-primary-active);
}

@media (max-width: 520px) {
    .forgot-password-panel[b-5u8mz9u4yt] {
        gap: var(--innvilo-space-7);
    }

    .forgot-password-header h2[b-5u8mz9u4yt] {
        font-size: var(--innvilo-font-size-title);
    }

    .forgot-password-back a[b-5u8mz9u4yt] {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .forgot-password-panel[b-5u8mz9u4yt],
    .forgot-password-form[b-5u8mz9u4yt] {
        gap: var(--innvilo-space-6);
    }

    .forgot-password-back[b-5u8mz9u4yt] {
        padding-top: var(--innvilo-space-5);
    }
}

@media (prefers-reduced-motion: reduce) {
    .forgot-password-input[b-5u8mz9u4yt],
    .forgot-password-submit[b-5u8mz9u4yt],
    .forgot-password-back a[b-5u8mz9u4yt] {
        transition-duration: var(--innvilo-duration-press);
        transition-timing-function: linear;
    }

    .forgot-password-submit:active:not(:disabled)[b-5u8mz9u4yt] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .forgot-password-error[b-5u8mz9u4yt] {
        background: var(--color-surface);
        border-color: var(--color-error);
    }

    .forgot-password-submit[b-5u8mz9u4yt] {
        border-color: var(--color-navy-deep);
    }
}
/* /Components/Account/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
.forgot-password-confirmation-panel[b-i2z3u4iwb5] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.forgot-password-confirmation-copy[b-i2z3u4iwb5] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.forgot-password-confirmation-copy h2[b-i2z3u4iwb5] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.forgot-password-confirmation-status[b-i2z3u4iwb5],
.forgot-password-confirmation-guidance[b-i2z3u4iwb5] {
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.forgot-password-confirmation-guidance[b-i2z3u4iwb5] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.forgot-password-confirmation-actions[b-i2z3u4iwb5] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.forgot-password-confirmation-action[b-i2z3u4iwb5] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.35;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
}

.forgot-password-confirmation-action.is-primary[b-i2z3u4iwb5] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-surface);
}

.forgot-password-confirmation-action.is-primary:hover[b-i2z3u4iwb5] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.forgot-password-confirmation-action.is-secondary[b-i2z3u4iwb5] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-primary);
}

.forgot-password-confirmation-action.is-secondary:hover[b-i2z3u4iwb5] {
    background: var(--color-surface-soft);
    border-color: var(--color-primary);
    color: var(--color-primary-hover);
}

.forgot-password-confirmation-action:focus-visible[b-i2z3u4iwb5] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.forgot-password-confirmation-action:active[b-i2z3u4iwb5] {
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 520px) {
    .forgot-password-confirmation-panel[b-i2z3u4iwb5] {
        gap: var(--innvilo-space-7);
    }

    .forgot-password-confirmation-copy h2[b-i2z3u4iwb5] {
        font-size: var(--innvilo-font-size-title);
    }

    .forgot-password-confirmation-actions[b-i2z3u4iwb5] {
        flex-direction: column;
    }

    .forgot-password-confirmation-action[b-i2z3u4iwb5] {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .forgot-password-confirmation-panel[b-i2z3u4iwb5] {
        gap: var(--innvilo-space-7);
    }
}

@media (prefers-reduced-motion: reduce) {
    .forgot-password-confirmation-action[b-i2z3u4iwb5] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear,
                    color var(--innvilo-duration-press) linear;
    }

    .forgot-password-confirmation-action:active[b-i2z3u4iwb5] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .forgot-password-confirmation-action[b-i2z3u4iwb5] {
        border-color: currentColor;
    }
}
/* /Components/Account/Pages/InvalidPasswordReset.razor.rz.scp.css */
.invalid-password-reset-panel[b-lntgfm1xll] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.invalid-password-reset-copy[b-lntgfm1xll] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.invalid-password-reset-copy h2[b-lntgfm1xll] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.invalid-password-reset-message[b-lntgfm1xll] {
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.invalid-password-reset-actions[b-lntgfm1xll] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.invalid-password-reset-action[b-lntgfm1xll] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.35;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
}

.invalid-password-reset-action.is-primary[b-lntgfm1xll] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-surface);
}

.invalid-password-reset-action.is-primary:hover[b-lntgfm1xll] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.invalid-password-reset-action.is-secondary[b-lntgfm1xll] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-primary);
}

.invalid-password-reset-action.is-secondary:hover[b-lntgfm1xll] {
    background: var(--color-surface-soft);
    border-color: var(--color-primary);
    color: var(--color-primary-hover);
}

.invalid-password-reset-action:focus-visible[b-lntgfm1xll] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.invalid-password-reset-action:active[b-lntgfm1xll] {
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 520px) {
    .invalid-password-reset-panel[b-lntgfm1xll] {
        gap: var(--innvilo-space-7);
    }

    .invalid-password-reset-copy h2[b-lntgfm1xll] {
        font-size: var(--innvilo-font-size-title);
    }

    .invalid-password-reset-actions[b-lntgfm1xll] {
        flex-direction: column;
    }

    .invalid-password-reset-action[b-lntgfm1xll] {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .invalid-password-reset-panel[b-lntgfm1xll] {
        gap: var(--innvilo-space-7);
    }
}

@media (prefers-reduced-motion: reduce) {
    .invalid-password-reset-action[b-lntgfm1xll] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear,
                    color var(--innvilo-duration-press) linear;
    }

    .invalid-password-reset-action:active[b-lntgfm1xll] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .invalid-password-reset-action[b-lntgfm1xll] {
        border-color: currentColor;
    }
}
/* /Components/Account/Pages/InvalidUser.razor.rz.scp.css */
.invalid-user-panel[b-y8stbe398r] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.invalid-user-copy[b-y8stbe398r] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.invalid-user-copy h2[b-y8stbe398r] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.invalid-user-message[b-y8stbe398r] {
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.invalid-user-action[b-y8stbe398r] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    justify-self: start;
    line-height: 1.35;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
}

.invalid-user-action:hover[b-y8stbe398r] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.invalid-user-action:focus-visible[b-y8stbe398r] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.invalid-user-action:active[b-y8stbe398r] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 520px) {
    .invalid-user-panel[b-y8stbe398r] {
        gap: var(--innvilo-space-7);
    }

    .invalid-user-copy h2[b-y8stbe398r] {
        font-size: var(--innvilo-font-size-title);
    }

    .invalid-user-action[b-y8stbe398r] {
        justify-self: stretch;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .invalid-user-panel[b-y8stbe398r] {
        gap: var(--innvilo-space-7);
    }
}

@media (prefers-reduced-motion: reduce) {
    .invalid-user-action[b-y8stbe398r] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear;
    }

    .invalid-user-action:active[b-y8stbe398r] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .invalid-user-action[b-y8stbe398r] {
        border-color: currentColor;
    }
}
/* /Components/Account/Pages/Lockout.razor.rz.scp.css */
.lockout-panel[b-wgm6q47q5i] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.lockout-copy[b-wgm6q47q5i] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.lockout-copy h2[b-wgm6q47q5i] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.lockout-message[b-wgm6q47q5i] {
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.lockout-action[b-wgm6q47q5i] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    justify-self: start;
    line-height: 1.35;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
}

.lockout-action:hover[b-wgm6q47q5i] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.lockout-action:focus-visible[b-wgm6q47q5i] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.lockout-action:active[b-wgm6q47q5i] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 520px) {
    .lockout-panel[b-wgm6q47q5i] {
        gap: var(--innvilo-space-7);
    }

    .lockout-copy h2[b-wgm6q47q5i] {
        font-size: var(--innvilo-font-size-title);
    }

    .lockout-action[b-wgm6q47q5i] {
        justify-self: stretch;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .lockout-panel[b-wgm6q47q5i] {
        gap: var(--innvilo-space-7);
    }
}

@media (prefers-reduced-motion: reduce) {
    .lockout-action[b-wgm6q47q5i] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear;
    }

    .lockout-action:active[b-wgm6q47q5i] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .lockout-action[b-wgm6q47q5i] {
        border-color: currentColor;
    }
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-panel[b-v1ou3pork6] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.login-header[b-v1ou3pork6] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.login-header h2[b-v1ou3pork6] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.login-header p[b-v1ou3pork6] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.login-error-summary[b-v1ou3pork6] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-error);
    display: block;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    padding: var(--innvilo-space-6);
}

.login-form[b-v1ou3pork6] {
    display: grid;
    gap: var(--innvilo-space-7);
}

.login-field[b-v1ou3pork6] {
    color: var(--color-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.login-input-shell[b-v1ou3pork6] {
    align-items: center;
    display: grid;
    position: relative;
}

.login-password-toggle[b-v1ou3pork6] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    display: none;
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: var(--innvilo-space-2);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
    width: 2.75rem;
    z-index: 2;
}

.login-input-shell.is-password-toggle-ready .login-password-toggle[b-v1ou3pork6] {
    display: inline-flex;
}

.login-password-toggle:hover[b-v1ou3pork6] {
    background: var(--color-surface-soft);
    color: var(--color-primary);
}

.login-password-toggle:focus-visible[b-v1ou3pork6] {
    color: var(--color-primary);
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.login-password-toggle:active[b-v1ou3pork6] {
    background: var(--color-surface-raised);
    color: var(--color-primary-active);
    transform: translateY(-50%) scale(var(--innvilo-press-scale));
}

.login-options[b-v1ou3pork6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.login-check[b-v1ou3pork6] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-2);
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.login-check:hover[b-v1ou3pork6] {
    color: var(--color-text);
}

.login-check:active[b-v1ou3pork6] {
    color: var(--color-primary-active);
}

.login-check input[b-v1ou3pork6] {
    accent-color: var(--color-primary);
    height: var(--innvilo-space-7);
    margin: 0;
    width: var(--innvilo-space-7);
}

.login-check input:focus-visible[b-v1ou3pork6] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.login-options a[b-v1ou3pork6] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    min-height: 2.75rem;
    text-decoration: none;
    text-underline-offset: 3px;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.login-options a:hover[b-v1ou3pork6] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.login-options a:focus-visible[b-v1ou3pork6] {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
    text-decoration: underline;
}

.login-options a:active[b-v1ou3pork6] {
    color: var(--color-primary-active);
}

.login-submit[b-v1ou3pork6] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    box-shadow: none;
    color: var(--color-surface);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.2;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: 100%;
}

.login-submit:hover[b-v1ou3pork6] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.login-submit:focus-visible[b-v1ou3pork6] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.login-submit:active[b-v1ou3pork6] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

.login-submit:disabled[b-v1ou3pork6] {
    cursor: progress;
    opacity: 0.68;
}

@media (max-width: 520px) {
    .login-panel[b-v1ou3pork6] {
        gap: var(--innvilo-space-7);
    }

    .login-header h2[b-v1ou3pork6] {
        font-size: var(--innvilo-font-size-title);
    }

    .login-options[b-v1ou3pork6] {
        align-items: flex-start;
        display: grid;
        justify-content: stretch;
    }

    .login-check[b-v1ou3pork6],
    .login-options a[b-v1ou3pork6] {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .login-panel[b-v1ou3pork6] {
        gap: var(--innvilo-space-7);
    }

    .login-form[b-v1ou3pork6] {
        gap: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-submit[b-v1ou3pork6],
    .login-check[b-v1ou3pork6],
    .login-options a[b-v1ou3pork6],
    .login-password-toggle[b-v1ou3pork6] {
        transition: background-color var(--innvilo-duration-press) linear,
                    color var(--innvilo-duration-press) linear;
    }

    .login-submit:active[b-v1ou3pork6] {
        transform: none;
    }

    .login-password-toggle:active[b-v1ou3pork6] {
        transform: translateY(-50%);
    }
}

@media (prefers-contrast: more) {
    .login-error-summary[b-v1ou3pork6] {
        background: var(--color-surface);
        border-color: var(--color-error);
    }

    .login-submit[b-v1ou3pork6] {
        border: 1px solid var(--color-navy-deep);
    }
}
/* /Components/Account/Pages/LoginWith2fa.razor.rz.scp.css */
.two-factor-panel[b-i295768tyx] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.two-factor-header[b-i295768tyx] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.two-factor-header h2[b-i295768tyx] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.two-factor-header p[b-i295768tyx] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.two-factor-error[b-i295768tyx] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    padding: var(--innvilo-space-6);
}

.two-factor-form[b-i295768tyx] {
    display: grid;
    gap: var(--innvilo-space-7);
}

.two-factor-field[b-i295768tyx] {
    color: var(--color-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.two-factor-code-shell[b-i295768tyx] {
    display: grid;
}

.two-factor-code-shell .login-input[b-i295768tyx] {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.12em;
}

.two-factor-field-hint[b-i295768tyx] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.4;
    margin: 0;
}

.two-factor-trust[b-i295768tyx] {
    align-items: flex-start;
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-text);
    cursor: pointer;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3rem;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.two-factor-trust:hover[b-i295768tyx] {
    background: var(--color-surface-soft);
    border-color: var(--color-border-strong);
}

.two-factor-trust:focus-within[b-i295768tyx] {
    border-color: var(--color-primary);
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.two-factor-trust input[b-i295768tyx] {
    accent-color: var(--color-primary);
    cursor: pointer;
    height: 1.25rem;
    margin: 0.1rem 0 0;
    width: 1.25rem;
}

.two-factor-trust input:focus-visible[b-i295768tyx] {
    outline: none;
}

.two-factor-trust > span[b-i295768tyx] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.two-factor-trust strong[b-i295768tyx] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-weight: normal;
    line-height: 1.35;
}

.two-factor-trust small[b-i295768tyx] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.two-factor-submit[b-i295768tyx] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    box-shadow: none;
    color: var(--color-surface);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.2;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: 100%;
}

.two-factor-submit:hover[b-i295768tyx] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.two-factor-submit:focus-visible[b-i295768tyx] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.two-factor-submit:active[b-i295768tyx] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

.two-factor-submit[aria-disabled="true"][b-i295768tyx] {
    cursor: progress;
    opacity: 0.68;
}

.two-factor-recovery[b-i295768tyx] {
    align-items: flex-start;
    border-top: 1px solid var(--color-border);
    color: var(--color-text-muted);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2);
    line-height: 1.4;
    padding-top: var(--innvilo-space-6);
}

.two-factor-recovery a[b-i295768tyx] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    text-decoration: none;
    text-underline-offset: 3px;
    width: fit-content;
}

.two-factor-recovery a:hover[b-i295768tyx] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.two-factor-recovery a:focus-visible[b-i295768tyx] {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
    text-decoration: underline;
}

.two-factor-recovery a:active[b-i295768tyx] {
    color: var(--color-primary-active);
}

@media (max-width: 520px) {
    .two-factor-panel[b-i295768tyx] {
        gap: var(--innvilo-space-7);
    }

    .two-factor-header h2[b-i295768tyx] {
        font-size: var(--innvilo-font-size-title);
    }

    .two-factor-recovery a[b-i295768tyx] {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .two-factor-panel[b-i295768tyx],
    .two-factor-form[b-i295768tyx] {
        gap: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .two-factor-submit[b-i295768tyx],
    .two-factor-trust[b-i295768tyx] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear;
    }

    .two-factor-submit:active[b-i295768tyx] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .two-factor-error[b-i295768tyx] {
        background: var(--color-surface);
        border-color: var(--color-error);
    }

    .two-factor-submit[b-i295768tyx] {
        border-color: var(--color-navy-deep);
    }
}
/* /Components/Account/Pages/LoginWithRecoveryCode.razor.rz.scp.css */
.recovery-code-panel[b-jdnxa8gzxu] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.recovery-code-header[b-jdnxa8gzxu] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.recovery-code-header h2[b-jdnxa8gzxu] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.recovery-code-header p[b-jdnxa8gzxu] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.recovery-code-error[b-jdnxa8gzxu] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    padding: var(--innvilo-space-6);
}

.recovery-code-form[b-jdnxa8gzxu] {
    display: grid;
    gap: var(--innvilo-space-7);
}

.recovery-code-field[b-jdnxa8gzxu] {
    color: var(--color-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.recovery-code-input-shell[b-jdnxa8gzxu] {
    display: grid;
}

.recovery-code-field-hint[b-jdnxa8gzxu] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.4;
    margin: 0;
}

.recovery-code-submit[b-jdnxa8gzxu] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    box-shadow: none;
    color: var(--color-surface);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.2;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: 100%;
}

.recovery-code-submit:hover[b-jdnxa8gzxu] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.recovery-code-submit:focus-visible[b-jdnxa8gzxu] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.recovery-code-submit:active[b-jdnxa8gzxu] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

.recovery-code-submit[aria-disabled="true"][b-jdnxa8gzxu] {
    cursor: progress;
    opacity: 0.68;
}

.recovery-code-restart[b-jdnxa8gzxu] {
    align-items: flex-start;
    border-top: 1px solid var(--color-border);
    color: var(--color-text-muted);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2);
    line-height: 1.4;
    padding-top: var(--innvilo-space-6);
}

.recovery-code-restart a[b-jdnxa8gzxu] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    text-decoration: none;
    text-underline-offset: 3px;
    width: fit-content;
}

.recovery-code-restart a:hover[b-jdnxa8gzxu] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.recovery-code-restart a:focus-visible[b-jdnxa8gzxu] {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
    text-decoration: underline;
}

.recovery-code-restart a:active[b-jdnxa8gzxu] {
    color: var(--color-primary-active);
}

@media (max-width: 520px) {
    .recovery-code-panel[b-jdnxa8gzxu] {
        gap: var(--innvilo-space-7);
    }

    .recovery-code-header h2[b-jdnxa8gzxu] {
        font-size: var(--innvilo-font-size-title);
    }

    .recovery-code-restart a[b-jdnxa8gzxu] {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .recovery-code-panel[b-jdnxa8gzxu],
    .recovery-code-form[b-jdnxa8gzxu] {
        gap: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .recovery-code-submit[b-jdnxa8gzxu] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear;
    }

    .recovery-code-submit:active[b-jdnxa8gzxu] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .recovery-code-error[b-jdnxa8gzxu] {
        background: var(--color-surface);
        border-color: var(--color-error);
    }

    .recovery-code-submit[b-jdnxa8gzxu] {
        border-color: var(--color-navy-deep);
    }
}
/* /Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.info-message[b-xtq8o6hbn9] {
    justify-content: start;
    margin: 0.625rem 0 0.625rem 0;
}
/* /Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.external-login-management[b-xrgi8fjsyc] {
    display: grid;
    gap: var(--innvilo-space-8);
    max-width: 48rem;
    min-width: 0;
    width: 100%;
}

.external-login-section[b-xrgi8fjsyc] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.external-login-section-header[b-xrgi8fjsyc] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.external-login-section h2[b-xrgi8fjsyc],
.external-login-section h3[b-xrgi8fjsyc],
.external-login-section p[b-xrgi8fjsyc],
.external-login-state h2[b-xrgi8fjsyc],
.external-login-state p[b-xrgi8fjsyc] {
    margin: 0;
}

.external-login-section h2[b-xrgi8fjsyc],
.external-login-state h2[b-xrgi8fjsyc] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.external-login-section-header p[b-xrgi8fjsyc],
.external-login-provider-copy p[b-xrgi8fjsyc],
.external-login-state p[b-xrgi8fjsyc],
.external-login-guard[b-xrgi8fjsyc] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.external-login-section-header p[b-xrgi8fjsyc] {
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    max-width: 65ch;
}

.external-login-list[b-xrgi8fjsyc] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.external-login-provider[b-xrgi8fjsyc] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.external-login-provider-copy[b-xrgi8fjsyc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.external-login-provider-copy h3[b-xrgi8fjsyc] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.external-login-status[b-xrgi8fjsyc] {
    background: var(--color-success-surface);
    border: 1px solid var(--color-success-border);
    border-radius: var(--innvilo-radius-full);
    color: var(--color-success);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.25;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
    white-space: nowrap;
}

.external-login-action-form[b-xrgi8fjsyc] {
    margin: 0;
}

.external-login-action[b-xrgi8fjsyc],
.external-login-retry[b-xrgi8fjsyc] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-link);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.2;
    min-height: 2.75rem;
    min-width: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.external-login-action:hover[b-xrgi8fjsyc],
.external-login-retry:hover[b-xrgi8fjsyc] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-text-link-hover);
}

.external-login-action-danger[b-xrgi8fjsyc] {
    border-color: var(--color-error-border);
    color: var(--innvilo-danger);
}

.external-login-action-danger:hover[b-xrgi8fjsyc] {
    background: var(--color-error-surface);
    border-color: var(--innvilo-danger);
    color: var(--innvilo-danger);
}

.external-login-action:focus-visible[b-xrgi8fjsyc],
.external-login-retry:focus-visible[b-xrgi8fjsyc] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: 2px;
}

.external-login-action:active[b-xrgi8fjsyc],
.external-login-retry:active[b-xrgi8fjsyc] {
    transform: scale(var(--innvilo-press-scale));
}

.external-login-action-form[aria-busy="true"] .external-login-action[b-xrgi8fjsyc] {
    cursor: progress;
    opacity: .68;
}

.external-login-guard[b-xrgi8fjsyc] {
    max-width: 28rem;
}

.external-login-state[b-xrgi8fjsyc] {
    border: 1px dashed var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-4);
    justify-items: start;
    padding: var(--innvilo-space-6);
}

.external-login-empty[b-xrgi8fjsyc] {
    background: var(--innvilo-surface-muted);
}

.external-login-error[b-xrgi8fjsyc] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    border-style: solid;
}

.external-login-error > div[b-xrgi8fjsyc] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.external-login-loading span:not(.visually-hidden)[b-xrgi8fjsyc] {
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: var(--innvilo-space-6);
    width: min(100%, 24rem);
}

.external-login-loading span:nth-child(3)[b-xrgi8fjsyc] {
    width: min(75%, 18rem);
}

.external-login-loading span:nth-child(4)[b-xrgi8fjsyc] {
    height: 2.75rem;
    width: min(100%, 12rem);
}

@media (max-width: 40rem) {
    .external-login-management[b-xrgi8fjsyc] {
        gap: var(--innvilo-space-7);
    }

    .external-login-section[b-xrgi8fjsyc] {
        padding: var(--innvilo-space-7);
    }

    .external-login-provider[b-xrgi8fjsyc] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .external-login-provider-copy[b-xrgi8fjsyc] {
        align-items: flex-start;
        display: grid;
        gap: var(--innvilo-space-3);
    }

    .external-login-action-form[b-xrgi8fjsyc],
    .external-login-action[b-xrgi8fjsyc],
    .external-login-retry[b-xrgi8fjsyc] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .external-login-action[b-xrgi8fjsyc],
    .external-login-retry[b-xrgi8fjsyc] {
        transition: none;
    }

    .external-login-action:active[b-xrgi8fjsyc],
    .external-login-retry:active[b-xrgi8fjsyc] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .external-login-provider[b-xrgi8fjsyc],
    .external-login-state[b-xrgi8fjsyc],
    .external-login-action[b-xrgi8fjsyc],
    .external-login-retry[b-xrgi8fjsyc] {
        border-color: currentColor;
    }
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
.register-panel[b-951yjapz0c] {
    display: grid;
    gap: var(--innvilo-space-7);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.register-header[b-951yjapz0c] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.register-header h2[b-951yjapz0c] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.register-header p[b-951yjapz0c] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.register-error-summary[b-951yjapz0c] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    padding: var(--innvilo-space-5);
}

.register-form[b-951yjapz0c] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.register-field[b-951yjapz0c] {
    color: var(--color-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.register-input-shell[b-951yjapz0c] {
    align-items: center;
    display: grid;
    position: relative;
}

.register-password-toggle[b-951yjapz0c] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    display: none;
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: var(--innvilo-space-2);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
    width: 2.75rem;
    z-index: 2;
}

.register-input-shell.is-password-toggle-ready .register-password-toggle[b-951yjapz0c] {
    display: inline-flex;
}

.register-password-toggle:hover[b-951yjapz0c] {
    background: var(--color-surface-soft);
    color: var(--color-primary);
}

.register-password-toggle:focus-visible[b-951yjapz0c] {
    color: var(--color-primary);
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.register-password-toggle:active[b-951yjapz0c] {
    background: var(--color-surface-raised);
    color: var(--color-primary-active);
    transform: translateY(-50%) scale(var(--innvilo-press-scale));
}

.register-field-hint[b-951yjapz0c] {
    color: var(--color-text-muted);
    display: block;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.35;
    margin: 0;
}

.register-submit[b-951yjapz0c] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-surface);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    line-height: 1.2;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: 100%;
}

.register-submit:hover[b-951yjapz0c] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.register-submit:focus-visible[b-951yjapz0c] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.register-submit:active[b-951yjapz0c] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

.register-submit:disabled[b-951yjapz0c],
.register-transition-form.is-submitting .register-submit[b-951yjapz0c] {
    cursor: progress;
    opacity: 0.68;
}

.register-divider[b-951yjapz0c] {
    align-items: center;
    color: var(--color-text-muted);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.register-divider[b-951yjapz0c]::before,
.register-divider[b-951yjapz0c]::after {
    background: var(--color-border);
    content: '';
    height: 1px;
}

.register-external-logins[b-951yjapz0c] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.register-login-link[b-951yjapz0c] {
    align-items: center;
    color: var(--color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    justify-content: center;
    line-height: 1.4;
    text-align: center;
}

.register-login-link a[b-951yjapz0c] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
    text-underline-offset: 3px;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.register-login-link a:hover[b-951yjapz0c] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.register-login-link a:focus-visible[b-951yjapz0c] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    text-decoration: underline;
}

.register-login-link a:active[b-951yjapz0c] {
    color: var(--color-primary-active);
}

@media (max-width: 520px) {
    .register-panel[b-951yjapz0c] {
        gap: var(--innvilo-space-6);
    }

    .register-header h2[b-951yjapz0c] {
        font-size: var(--innvilo-font-size-title);
    }

    .register-login-link[b-951yjapz0c] {
        align-items: stretch;
        display: grid;
    }

    .register-login-link a[b-951yjapz0c] {
        justify-content: center;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .register-panel[b-951yjapz0c] {
        gap: var(--innvilo-space-5);
    }

    .register-header[b-951yjapz0c] {
        gap: var(--innvilo-space-2);
    }

    .register-form[b-951yjapz0c] {
        gap: var(--innvilo-space-4);
    }

    .register-field[b-951yjapz0c] {
        gap: var(--innvilo-space-2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .register-password-toggle[b-951yjapz0c],
    .register-submit[b-951yjapz0c],
    .register-login-link a[b-951yjapz0c] {
        transition: none;
    }

    .register-submit:active[b-951yjapz0c] {
        transform: none;
    }

    .register-password-toggle:active[b-951yjapz0c] {
        transform: translateY(-50%);
    }
}

@media (prefers-contrast: more) {
    .register-error-summary[b-951yjapz0c] {
        background: var(--color-surface);
        border-color: var(--color-error);
    }

    .register-submit[b-951yjapz0c] {
        border-color: var(--color-navy-deep);
    }
}
/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.register-confirmation-panel[b-1aaxi5t480] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.register-confirmation-copy[b-1aaxi5t480] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.register-confirmation-copy h2[b-1aaxi5t480] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.register-confirmation-status[b-1aaxi5t480] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.register-confirmation-actions[b-1aaxi5t480] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.register-confirmation-action[b-1aaxi5t480] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.35;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
}

.register-confirmation-action.is-primary[b-1aaxi5t480] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-surface);
}

.register-confirmation-action.is-primary:hover[b-1aaxi5t480] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.register-confirmation-action.is-secondary[b-1aaxi5t480] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-primary);
}

.register-confirmation-action.is-secondary:hover[b-1aaxi5t480] {
    background: var(--color-surface-soft);
    border-color: var(--color-primary);
    color: var(--color-primary-hover);
}

.register-confirmation-action:focus-visible[b-1aaxi5t480] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.register-confirmation-action:active[b-1aaxi5t480] {
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 520px) {
    .register-confirmation-panel[b-1aaxi5t480] {
        gap: var(--innvilo-space-7);
    }

    .register-confirmation-copy h2[b-1aaxi5t480] {
        font-size: var(--innvilo-font-size-title);
    }

    .register-confirmation-actions[b-1aaxi5t480] {
        flex-direction: column;
    }

    .register-confirmation-action[b-1aaxi5t480] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .register-confirmation-action[b-1aaxi5t480] {
        transition: none;
    }

    .register-confirmation-action:active[b-1aaxi5t480] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .register-confirmation-status[b-1aaxi5t480],
    .register-confirmation-action[b-1aaxi5t480] {
        border-color: currentColor;
    }
}
/* /Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
.resend-confirmation-panel[b-al9mhs8a0m] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.resend-confirmation-header[b-al9mhs8a0m] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.resend-confirmation-header h2[b-al9mhs8a0m] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.resend-confirmation-header p[b-al9mhs8a0m] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.resend-confirmation-status[b-al9mhs8a0m],
.resend-confirmation-error[b-al9mhs8a0m] {
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-md);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    padding: var(--innvilo-space-6);
}

.resend-confirmation-status[b-al9mhs8a0m] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.resend-confirmation-error[b-al9mhs8a0m] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.resend-confirmation-form[b-al9mhs8a0m] {
    display: grid;
    gap: var(--innvilo-space-7);
}

.resend-confirmation-field[b-al9mhs8a0m] {
    color: var(--color-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.resend-confirmation-input-shell[b-al9mhs8a0m] {
    display: grid;
}

.resend-confirmation-hint[b-al9mhs8a0m] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.4;
    margin: 0;
}

.resend-confirmation-submit[b-al9mhs8a0m] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    box-shadow: none;
    color: var(--color-surface);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.2;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: 100%;
}

.resend-confirmation-submit:hover[b-al9mhs8a0m] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.resend-confirmation-submit:focus-visible[b-al9mhs8a0m] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.resend-confirmation-submit:active[b-al9mhs8a0m] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

.resend-confirmation-submit[aria-disabled="true"][b-al9mhs8a0m] {
    cursor: progress;
    opacity: 0.68;
}

.resend-confirmation-back[b-al9mhs8a0m] {
    border-top: 1px solid var(--color-border);
    padding-top: var(--innvilo-space-6);
}

.resend-confirmation-back a[b-al9mhs8a0m] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    min-height: 2.75rem;
    text-decoration: none;
    text-underline-offset: 3px;
    width: fit-content;
}

.resend-confirmation-back a:hover[b-al9mhs8a0m] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.resend-confirmation-back a:focus-visible[b-al9mhs8a0m] {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
    text-decoration: underline;
}

.resend-confirmation-back a:active[b-al9mhs8a0m] {
    color: var(--color-primary-active);
}

@media (max-width: 520px) {
    .resend-confirmation-panel[b-al9mhs8a0m] {
        gap: var(--innvilo-space-7);
    }

    .resend-confirmation-header h2[b-al9mhs8a0m] {
        font-size: var(--innvilo-font-size-title);
    }

    .resend-confirmation-back a[b-al9mhs8a0m] {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .resend-confirmation-panel[b-al9mhs8a0m],
    .resend-confirmation-form[b-al9mhs8a0m] {
        gap: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .resend-confirmation-submit[b-al9mhs8a0m] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear;
    }

    .resend-confirmation-submit:active[b-al9mhs8a0m] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .resend-confirmation-status[b-al9mhs8a0m],
    .resend-confirmation-error[b-al9mhs8a0m] {
        background: var(--color-surface);
    }

    .resend-confirmation-submit[b-al9mhs8a0m] {
        border-color: var(--color-navy-deep);
    }
}
/* /Components/Account/Pages/ResetPassword.razor.rz.scp.css */
.reset-password-panel[b-6q82c304s4] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.reset-password-header[b-6q82c304s4] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.reset-password-header h2[b-6q82c304s4] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.reset-password-header p[b-6q82c304s4],
.reset-password-hint[b-6q82c304s4],
.reset-password-progress[b-6q82c304s4] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
}

.reset-password-error[b-6q82c304s4] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-error);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    padding: var(--innvilo-space-6);
}

.reset-password-error strong[b-6q82c304s4] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-weight: 600;
}

.reset-password-error ul[b-6q82c304s4] {
    display: grid;
    gap: var(--innvilo-space-2);
    margin: 0;
    padding-left: var(--innvilo-space-6);
}

.reset-password-error:focus-visible[b-6q82c304s4] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.reset-password-form[b-6q82c304s4] {
    display: grid;
    gap: var(--innvilo-space-7);
}

.reset-password-field[b-6q82c304s4] {
    color: var(--color-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.reset-password-input-shell[b-6q82c304s4] {
    align-items: center;
    display: grid;
    position: relative;
}

.reset-password-input[b-6q82c304s4] {
    appearance: none;
    background: var(--color-input-surface);
    border: 1px solid var(--color-input-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.25;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                box-shadow var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.reset-password-input.has-toggle[b-6q82c304s4] {
    padding-right: 3.5rem;
}

.reset-password-input[b-6q82c304s4]::placeholder {
    color: var(--color-input-placeholder);
    opacity: 1;
}

.reset-password-input:hover:not(:disabled)[b-6q82c304s4] {
    background: var(--color-input-surface-hover);
    border-color: var(--color-border-strong);
}

.reset-password-input:focus[b-6q82c304s4] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-focus-ring);
    outline: 0;
}

.reset-password-input:disabled[b-6q82c304s4] {
    background: var(--color-input-surface-disabled);
    cursor: progress;
    opacity: 0.72;
}

.reset-password-input.invalid[b-6q82c304s4] {
    border-color: var(--color-error);
}

.reset-password-toggle[b-6q82c304s4] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: var(--innvilo-space-2);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
    width: 2.75rem;
}

.reset-password-toggle:hover:not(:disabled)[b-6q82c304s4] {
    background: var(--color-surface-soft);
    color: var(--color-primary);
}

.reset-password-toggle:focus-visible[b-6q82c304s4] {
    color: var(--color-primary);
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.reset-password-toggle:active:not(:disabled)[b-6q82c304s4] {
    background: var(--color-surface-raised);
    color: var(--color-primary-active);
    transform: translateY(-50%) scale(var(--innvilo-press-scale));
}

.reset-password-toggle:disabled[b-6q82c304s4] {
    cursor: progress;
    opacity: 0.58;
}

.reset-password-validation[b-6q82c304s4] {
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.reset-password-hint[b-6q82c304s4] {
    font-size: var(--innvilo-font-size-label);
}

.reset-password-submit[b-6q82c304s4] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    box-shadow: none;
    color: var(--color-surface);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.2;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: 100%;
}

.reset-password-submit:hover:not(:disabled)[b-6q82c304s4] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.reset-password-submit:focus-visible[b-6q82c304s4] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.reset-password-submit:active:not(:disabled)[b-6q82c304s4] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

.reset-password-submit:disabled[b-6q82c304s4] {
    cursor: progress;
    opacity: 0.68;
}

.reset-password-progress[b-6q82c304s4] {
    text-align: center;
}

.reset-password-back[b-6q82c304s4] {
    border-top: 1px solid var(--color-border);
    padding-top: var(--innvilo-space-6);
}

.reset-password-back a[b-6q82c304s4] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    min-height: 2.75rem;
    text-decoration: none;
    text-underline-offset: 3px;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.reset-password-back a:hover[b-6q82c304s4] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.reset-password-back a:focus-visible[b-6q82c304s4] {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
    text-decoration: underline;
}

@media (max-width: 520px) {
    .reset-password-panel[b-6q82c304s4] {
        gap: var(--innvilo-space-7);
    }

    .reset-password-header h2[b-6q82c304s4] {
        font-size: var(--innvilo-font-size-title);
    }

    .reset-password-back a[b-6q82c304s4] {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .reset-password-panel[b-6q82c304s4],
    .reset-password-form[b-6q82c304s4] {
        gap: var(--innvilo-space-6);
    }

    .reset-password-back[b-6q82c304s4] {
        padding-top: var(--innvilo-space-5);
    }
}

@media (prefers-reduced-motion: reduce) {
    .reset-password-input[b-6q82c304s4],
    .reset-password-toggle[b-6q82c304s4],
    .reset-password-submit[b-6q82c304s4],
    .reset-password-back a[b-6q82c304s4] {
        transition-duration: var(--innvilo-duration-press);
        transition-timing-function: linear;
    }

    .reset-password-submit:active:not(:disabled)[b-6q82c304s4] {
        transform: none;
    }

    .reset-password-toggle:active:not(:disabled)[b-6q82c304s4] {
        transform: translateY(-50%);
    }
}

@media (prefers-contrast: more) {
    .reset-password-error[b-6q82c304s4] {
        background: var(--color-surface);
        border-color: var(--color-error);
    }

    .reset-password-submit[b-6q82c304s4] {
        border-color: var(--color-navy-deep);
    }
}
/* /Components/Account/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
.reset-password-confirmation-panel[b-yx7y8sfuew] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 28rem;
    width: 100%;
}

.reset-password-confirmation-copy[b-yx7y8sfuew] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.reset-password-confirmation-copy h2[b-yx7y8sfuew] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.reset-password-confirmation-status[b-yx7y8sfuew] {
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.reset-password-confirmation-action[b-yx7y8sfuew] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    justify-self: start;
    line-height: 1.35;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
}

.reset-password-confirmation-action:hover[b-yx7y8sfuew] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.reset-password-confirmation-action:focus-visible[b-yx7y8sfuew] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.reset-password-confirmation-action:active[b-yx7y8sfuew] {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 520px) {
    .reset-password-confirmation-panel[b-yx7y8sfuew] {
        gap: var(--innvilo-space-7);
    }

    .reset-password-confirmation-copy h2[b-yx7y8sfuew] {
        font-size: var(--innvilo-font-size-title);
    }

    .reset-password-confirmation-action[b-yx7y8sfuew] {
        justify-self: stretch;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .reset-password-confirmation-panel[b-yx7y8sfuew] {
        gap: var(--innvilo-space-7);
    }
}

@media (prefers-reduced-motion: reduce) {
    .reset-password-confirmation-action[b-yx7y8sfuew] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear;
    }

    .reset-password-confirmation-action:active[b-yx7y8sfuew] {
        transform: none;
    }
}

@media (prefers-contrast: more) {
    .reset-password-confirmation-action[b-yx7y8sfuew] {
        border-color: currentColor;
    }
}
/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-logins[b-11m60gypr9] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 500px) {
    .external-logins[b-11m60gypr9] {
        flex-direction: column;
    }
}
/* /Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.codes[b-loiddigzu1] {
    margin: 0.625rem 0 0.625rem 0;
}
/* /Components/CommercialRouteLoadingPage.razor.rz.scp.css */
.commercial-route-state[b-33o3mi4g1t] {
    align-items: center;
    background:
        radial-gradient(circle at 50% 42%, var(--innvilo-color-primary-subtle), transparent 28rem),
        var(--innvilo-surface-app);
    display: grid;
    justify-items: center;
    padding: var(--innvilo-space-8);
    width: 100%;
}

.commercial-route-state.is-full-viewport[b-33o3mi4g1t] {
    min-height: 100dvh;
}

.commercial-route-state.is-content[b-33o3mi4g1t] {
    min-height: clamp(18rem, 58dvh, 38rem);
}

@media (max-width: 30rem) {
    .commercial-route-state[b-33o3mi4g1t] {
        padding: var(--innvilo-space-6);
    }
}
/* /Components/Housekeeping/HousekeepingFloorPlanBoard.razor.rz.scp.css */
/* Reinigungsplan nach Etagen: nur Layout, Maße und Token-Farben des eigenen Markups.
   Keine DevExpress-Selektoren (die stehen in global.scss), keine Schatten auf ruhenden Flächen.

   Die vier Spalten gelten für die ganze Tabelle, also über alle Etagen hinweg. Genau das ist der Punkt
   dieser Ansicht: Zimmernummern stehen untereinander, Buchungszeiträume stehen untereinander. Feste
   Spaltenbreiten über table-layout: fixed halten die Flucht auch dann, wenn eine Etage nur Bleiber hat. */

.hk-plan[b-xdd8utwr1v] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.hk-plan__frame[b-xdd8utwr1v] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.hk-plan__table[b-xdd8utwr1v] {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    table-layout: fixed;
    width: 100%;
}

.hk-plan__table thead th[b-xdd8utwr1v] {
    background: var(--innvilo-surface-card);
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-overline);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    text-align: left;
    text-transform: uppercase;
}

.hk-plan__col-room[b-xdd8utwr1v] { width: 8.5rem; }
.hk-plan__col-booking[b-xdd8utwr1v] { width: 11rem; }
.hk-plan__col-deadline[b-xdd8utwr1v] { width: 6.5rem; }

/* ------------------------------------------------------------------ Etagenkopf */

/* Die Zelle selbst bleibt eine Tabellenzelle. display:flex auf einem th nimmt ihm seine
   Zelleneigenschaft; der Browser erzeugt dann eine anonyme Zelle, und colspan verfällt. Die Aufteilung
   macht deshalb ein Element innerhalb der Zelle. */
.hk-plan__floor-head[b-xdd8utwr1v] {
    background: var(--innvilo-surface-muted);
    border-top: 1px solid var(--innvilo-border-default);
    padding: 0;
    vertical-align: middle;
}

.hk-plan__group:first-of-type .hk-plan__floor-head[b-xdd8utwr1v] {
    border-top: 0;
}

.hk-plan__floor-bar[b-xdd8utwr1v] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    padding-right: var(--innvilo-space-6);
}

.hk-plan__floor-toggle[b-xdd8utwr1v] {
    align-items: center;
    appearance: none;
    background: none;
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    flex: 1 1 18rem;
    flex-wrap: wrap;
    font: inherit;
    gap: var(--innvilo-space-6);
    min-height: 3rem;
    min-width: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.hk-plan__floor-toggle:hover[b-xdd8utwr1v] {
    background: var(--innvilo-surface-card);
}

/* Druckantwort auf einer vollbreiten Zeile ist ein Flächenwechsel, kein scale(): eine breite Zeile, die um
   ein Prozent schrumpft, wandert sichtbar von ihrer Kante weg. */
.hk-plan__floor-toggle:active[b-xdd8utwr1v] {
    background: var(--innvilo-color-primary-soft);
    transition: background-color var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.hk-plan__floor-toggle:focus-visible[b-xdd8utwr1v] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: -2px;
}

.hk-plan__chevron[b-xdd8utwr1v] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: 0.625rem;
    transition: transform var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 0.75rem;
}

.hk-plan__floor[data-expanded='true'] .hk-plan__chevron[b-xdd8utwr1v] {
    transform: rotate(90deg);
}

.hk-plan__floor-label[b-xdd8utwr1v] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    letter-spacing: var(--innvilo-tracking-title);
}

.hk-plan__floor-meta[b-xdd8utwr1v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-plan__floor-note[b-xdd8utwr1v] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.hk-plan__floor-open[b-xdd8utwr1v] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.hk-plan__assignees[b-xdd8utwr1v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

/* ------------------------------------------------------------------ Kategorien */

.hk-plan__category > th[b-xdd8utwr1v] {
    background: var(--innvilo-surface-card);
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    text-align: left;
}

.hk-plan__category-bar[b-xdd8utwr1v] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-height: 1.75rem;
}

.hk-plan__category-label[b-xdd8utwr1v] {
    font-size: var(--innvilo-font-size-label);
    letter-spacing: var(--innvilo-tracking-caption);
}

.hk-plan__category-count[b-xdd8utwr1v] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

/* Der Anlegeknopf steht rechts in derselben Zeile. Seine Regel liegt in global.scss, weil sein
   Wurzelelement DevExpress gehört und deshalb kein Scope-Attribut dieser Datei trägt. */

.hk-plan__category.is-standalone > th[b-xdd8utwr1v] {
    border-top: 1px solid var(--innvilo-border-default);
}

/* Die zusätzlichen Aufgaben tragen andere Angaben als die Zimmerzeilen: Zuständiger und Dauer statt Gast
   und Frist. Sie bekommen deshalb ihre eigene Kopfzeile innerhalb desselben tbody. Die vier Spalten der
   Tabelle ändern sich nicht, nur ihre Bezeichnung für diesen Abschnitt. Gesetzt wie die Kopfzeile oben,
   eine Stufe leiser. */
.hk-plan__subhead > th[b-xdd8utwr1v] {
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-overline);
    padding: var(--innvilo-space-3) var(--innvilo-space-6);
    text-align: left;
    text-transform: uppercase;
}

/* ------------------------------------------------------------------ Zeilen */

.hk-plan__room > th[b-xdd8utwr1v],
.hk-plan__room > td[b-xdd8utwr1v],
.hk-plan__area > th[b-xdd8utwr1v],
.hk-plan__area > td[b-xdd8utwr1v],
.hk-plan__quiet-row > td[b-xdd8utwr1v] {
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    overflow-wrap: anywhere;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    text-align: left;
    vertical-align: top;
}

/* Kein display:flex: die Zelle muss eine Tabellenzelle bleiben, sonst bricht die Spaltenflucht. Die
   Marke daneben ist ein Inline-Element mit eigenem Abstand. */
.hk-plan__room-number[b-xdd8utwr1v],
.hk-plan__area-name[b-xdd8utwr1v] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-plan__guest[b-xdd8utwr1v],
.hk-plan__owner[b-xdd8utwr1v] {
    color: var(--innvilo-text-primary);
}

.hk-plan__tag[b-xdd8utwr1v] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    margin-left: var(--innvilo-space-3);
    white-space: nowrap;
}

.hk-plan__tag.is-critical[b-xdd8utwr1v] {
    color: var(--color-error);
}

.hk-plan__quiet-row > td[b-xdd8utwr1v] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

/* ------------------------------------------------------------------ Mitarbeiterliste */

/* Der Rumpf des Dropdowns liegt im Dialog von DevExpress; das Markup hier gehört aber dieser Komponente
   und trägt deshalb ihr Scope-Attribut. Die Hülle selbst steht in global.scss. */
.hk-plan-menu__list[b-xdd8utwr1v] {
    display: grid;
    padding: var(--innvilo-space-3);
}

.hk-plan-menu__hint[b-xdd8utwr1v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.hk-plan-menu__hint a[b-xdd8utwr1v] {
    color: var(--innvilo-color-primary);
}

.hk-plan-menu__item[b-xdd8utwr1v] {
    align-items: center;
    appearance: none;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    column-gap: var(--innvilo-space-5);
    cursor: pointer;
    display: grid;
    font: inherit;
    grid-template-columns: minmax(0, 1fr) 1rem;
    min-height: 2.75rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 100%;
}

.hk-plan-menu__item:hover:not(:disabled)[b-xdd8utwr1v] {
    background: var(--innvilo-surface-muted);
}

.hk-plan-menu__item:active:not(:disabled)[b-xdd8utwr1v] {
    background: var(--innvilo-color-primary-soft);
    transition: background-color var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.hk-plan-menu__item:focus-visible[b-xdd8utwr1v] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: -2px;
}

.hk-plan-menu__item:disabled[b-xdd8utwr1v] {
    cursor: default;
    opacity: 0.6;
}

.hk-plan-menu__name[b-xdd8utwr1v] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hk-plan-menu__meta[b-xdd8utwr1v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    grid-column: 1;
}

.hk-plan-menu__check[b-xdd8utwr1v] {
    align-self: center;
    color: var(--innvilo-color-primary);
    font-size: 0.8125rem;
    grid-column: 2;
    grid-row: 1 / span 2;
    text-align: center;
    width: 1rem;
}

@media (max-width: 61.99rem) {
    .hk-plan__table thead th[b-xdd8utwr1v],
    .hk-plan__floor-toggle[b-xdd8utwr1v],
    .hk-plan__category > th[b-xdd8utwr1v],
    .hk-plan__subhead > th[b-xdd8utwr1v],
    .hk-plan__room > th[b-xdd8utwr1v],
    .hk-plan__room > td[b-xdd8utwr1v],
    .hk-plan__area > th[b-xdd8utwr1v],
    .hk-plan__area > td[b-xdd8utwr1v],
    .hk-plan__quiet-row > td[b-xdd8utwr1v] {
        padding-left: var(--innvilo-space-5);
        padding-right: var(--innvilo-space-5);
    }

    .hk-plan__col-room[b-xdd8utwr1v] { width: 6.5rem; }
    .hk-plan__col-booking[b-xdd8utwr1v] { width: 9.5rem; }
    .hk-plan__col-deadline[b-xdd8utwr1v] { width: 5rem; }

    .hk-plan__floor-bar[b-xdd8utwr1v] {
        padding-right: var(--innvilo-space-5);
    }
}

@media (prefers-reduced-motion: reduce) {
    /* Ohne Bewegung, aber nicht ohne Rückmeldung: der Flächenwechsel bei Hover und Druck bleibt. */
    .hk-plan__chevron[b-xdd8utwr1v] {
        transition: none;
    }

    .hk-plan__floor-toggle[b-xdd8utwr1v],
    .hk-plan__floor-toggle:active[b-xdd8utwr1v],
    .hk-plan-menu__item[b-xdd8utwr1v],
    .hk-plan-menu__item:active[b-xdd8utwr1v] {
        transition-duration: 0s;
    }

    .hk-plan__floor[data-expanded='true'] .hk-plan__chevron[b-xdd8utwr1v] {
        transform: rotate(90deg);
    }
}
/* /Components/Housekeeping/HousekeepingFloorPlanPdfPopup.razor.rz.scp.css */
/* Nur Layout des eigenen Markups. Der DxPdfViewer selbst trägt .hk-plan-pdf__viewer und wird zentral in
   global.scss gestaltet. */
.hk-plan-pdf[b-6s4roq9lwb] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-height: 12rem;
}

.hk-plan-pdf__hint[b-6s4roq9lwb] {
    align-self: center;
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    justify-self: center;
    margin: 0;
    max-width: 60ch;
    text-align: center;
}

.hk-plan-pdf__hint[role='alert'][b-6s4roq9lwb] {
    color: var(--innvilo-danger);
}
/* /Components/Housekeeping/HousekeepingFloorStatusBoard.razor.rz.scp.css */
/* Live-Zimmerstatus: nur Layout, Maße und die Token-Farben des eigenen Markups.
   Keine DevExpress-Selektoren, keine Schatten auf ruhenden Flächen.

   Spaltenraster: Die Etagenkopfzeile und die Zimmerzeile teilen sich nicht dieselben Spalten, wohl aber
   dieselbe linke Kante und dieselben festen Breiten, damit über alle Etagen hinweg eine Kante entsteht. */

.hk-floors[b-fu53m0tpxv] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

/* ------------------------------------------------------------------ Etagenabschnitt */

.hk-floor[b-fu53m0tpxv] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.hk-floor__heading[b-fu53m0tpxv] {
    margin: 0;
}

.hk-floor__toggle[b-fu53m0tpxv] {
    align-items: center;
    appearance: none;
    background: var(--innvilo-surface-muted);
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-6);
    grid-template-columns: 0.75rem 7rem 5.5rem minmax(0, 1fr) auto;
    min-height: 3rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 100%;
}

.hk-floor__toggle:hover[b-fu53m0tpxv] {
    background: var(--innvilo-surface-card);
}

/* Druckantwort auf einer vollbreiten Zeile ist ein Flächenwechsel, kein scale(): eine 1200px breite
   Zeile, die um ein Prozent schrumpft, wandert sichtbar von ihrer Kante weg. */
.hk-floor__toggle:active[b-fu53m0tpxv] {
    background: var(--innvilo-color-primary-soft);
    transition: background-color var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.hk-floor__toggle:focus-visible[b-fu53m0tpxv] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: -2px;
}

.hk-floor__chevron[b-fu53m0tpxv] {
    color: var(--innvilo-text-muted);
    font-size: 0.6875rem;
    justify-self: center;
    transition: transform var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.hk-floor[data-expanded='true'] .hk-floor__chevron[b-fu53m0tpxv] {
    transform: rotate(90deg);
}

.hk-floor__label[b-fu53m0tpxv] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    letter-spacing: var(--innvilo-tracking-title);
}

.hk-floor__count[b-fu53m0tpxv],
.hk-floor__movement[b-fu53m0tpxv] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.hk-floor__movement[b-fu53m0tpxv] {
    justify-self: end;
    white-space: nowrap;
}

.hk-floor__headline[b-fu53m0tpxv] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hk-floor__headline.is-attention[b-fu53m0tpxv] {
    color: var(--color-warning-text);
}

.hk-floor__headline.is-critical[b-fu53m0tpxv] {
    color: var(--color-error);
}

/* Eine fertige Etage bekommt keine eigene Farbe: dass nichts zu tun ist, sagt der Satz.
   Farbe bleibt den Etagen vorbehalten, die eine Handlung verlangen. */
.hk-floor__headline.is-ready[b-fu53m0tpxv] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

/* Auf- und zuklappen: 1fr → 0fr auf dem Grid des Panels. Nichts springt, die Höhe läuft aus. */
.hk-floor__panel[b-fu53m0tpxv] {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows var(--innvilo-duration-normal) var(--innvilo-easing-settle);
}

.hk-floor__panel-inner[b-fu53m0tpxv] {
    background: var(--innvilo-surface-card);
    border-top: 1px solid var(--innvilo-border-default);
    min-height: 0;
    overflow: hidden;
    transition: visibility 0s;
    visibility: visible;
}

.hk-floor.is-collapsed .hk-floor__panel[b-fu53m0tpxv] {
    grid-template-rows: 0fr;
}

.hk-floor.is-collapsed .hk-floor__panel-inner[b-fu53m0tpxv] {
    border-top-color: transparent;
    transition: visibility 0s linear var(--innvilo-duration-normal);
    visibility: hidden;
}

/* ------------------------------------------------------------------ Zimmerzeilen */

/* Die Zeilen rücken um die Breite des Aufklapp-Zeichens ein, damit die Zimmernummer auf derselben
   linken Kante steht wie der Etagenname darüber. */
.hk-rooms__head[b-fu53m0tpxv],
.hk-room__button[b-fu53m0tpxv] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: 4.5rem minmax(8.5rem, 1.1fr) 8.5rem minmax(7.5rem, 1fr) 5.5rem minmax(8rem, 1.3fr);
    padding: 0 var(--innvilo-space-6) 0 calc(var(--innvilo-space-6) + 0.75rem + var(--innvilo-space-6));
}

.hk-rooms__head span[b-fu53m0tpxv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hk-rooms__head[b-fu53m0tpxv] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-overline);
    min-height: 2.25rem;
    text-transform: uppercase;
}

.hk-rooms[b-fu53m0tpxv] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-room + .hk-room[b-fu53m0tpxv] {
    border-top: 1px solid var(--innvilo-border-default);
}

.hk-room__button[b-fu53m0tpxv] {
    appearance: none;
    background: none;
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    font: inherit;
    min-height: 2.5rem;
    position: relative;
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 100%;
}

.hk-room__button:hover[b-fu53m0tpxv] {
    background: var(--innvilo-surface-muted);
}

.hk-room__button:active[b-fu53m0tpxv] {
    background: var(--innvilo-color-primary-soft);
    transition: background-color var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.hk-room__button:focus-visible[b-fu53m0tpxv] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: -2px;
}

.hk-room__number[b-fu53m0tpxv] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
}

.hk-room__state[b-fu53m0tpxv] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.hk-room__state i[b-fu53m0tpxv] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: 0.8125rem;
    text-align: center;
    width: 0.9375rem;
}

.hk-room__state-text[b-fu53m0tpxv],
.hk-room__movement[b-fu53m0tpxv],
.hk-room__person[b-fu53m0tpxv],
.hk-room__priority[b-fu53m0tpxv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hk-room__state-text[b-fu53m0tpxv],
.hk-room__movement[b-fu53m0tpxv],
.hk-room__person[b-fu53m0tpxv],
.hk-room__priority[b-fu53m0tpxv] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.hk-room__state-text[b-fu53m0tpxv] {
    color: var(--innvilo-text-primary);
}

.hk-room__movement.is-moving[b-fu53m0tpxv] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-room__priority.is-high[b-fu53m0tpxv] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Zustand nie allein über Farbe: das Icon trägt die Form, der Text daneben die Aussage, die Tönung ist
   die dritte Kodierung. Farbe bekommt nur, was eine Handlung verlangt. Ein bezugsbereites Zimmer bleibt
   grau: auf einer Etage mit 26 fertigen Zimmern wäre eine grüne Spalte reine Dekoration, und die drei
   Zimmer, auf die es ankommt, würden darin verschwinden. */
.hk-room[data-tone='progress'] .hk-room__state i[b-fu53m0tpxv] {
    color: var(--innvilo-color-primary);
}

.hk-room[data-tone='inspection'] .hk-room__state i[b-fu53m0tpxv],
.hk-room[data-tone='delayed'] .hk-room__state i[b-fu53m0tpxv] {
    color: var(--color-warning-text);
}

.hk-room[data-tone='critical'] .hk-room__state i[b-fu53m0tpxv] {
    color: var(--color-error);
}

.hk-room[data-tone='open'] .hk-room__state i[b-fu53m0tpxv],
.hk-room[data-tone='open'] .hk-room__state-text[b-fu53m0tpxv] {
    color: var(--innvilo-text-primary);
}

.hk-room[data-tone='ready'] .hk-room__state-text[b-fu53m0tpxv] {
    color: var(--innvilo-text-secondary);
}

.hk-room__notices[b-fu53m0tpxv] {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
    overflow: hidden;
}

.hk-room__notice[b-fu53m0tpxv] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    white-space: nowrap;
}

.hk-room__notice i[b-fu53m0tpxv] {
    font-size: 0.75rem;
}

.hk-room__notice.is-attention[b-fu53m0tpxv] {
    color: var(--color-warning-text);
}

.hk-room__notice.is-critical[b-fu53m0tpxv] {
    color: var(--color-error);
}

.hk-room__quiet[b-fu53m0tpxv] {
    color: var(--innvilo-text-muted);
}

/* Live: die zuletzt geänderte Zeile leuchtet einmal kurz auf und bleibt danach ruhig. Kein Dauerblinken. */
.hk-room.is-updated .hk-room__button[b-fu53m0tpxv] {
    animation: hk-room-updated-b-fu53m0tpxv 1.6s var(--innvilo-easing-settle) 1;
}

@keyframes hk-room-updated-b-fu53m0tpxv {
    from { background-color: var(--innvilo-color-primary-soft); }
    to { background-color: transparent; }
}

@media (max-width: 78.75rem) {
    .hk-rooms__head[b-fu53m0tpxv],
    .hk-room__button[b-fu53m0tpxv] {
        gap: var(--innvilo-space-5);
        /* Der Zustand bekommt hier das meiste Gewicht: er ist die längste und die wichtigste Aussage
           der Zeile und darf als letztes abgeschnitten werden. */
        grid-template-columns: 4rem minmax(10.5rem, 2fr) 6.5rem minmax(6.5rem, 1fr) minmax(5rem, 1fr);
    }

    .hk-rooms__head span:nth-child(5)[b-fu53m0tpxv],
    .hk-room__priority[b-fu53m0tpxv] {
        display: none;
    }

    .hk-floor__toggle[b-fu53m0tpxv] {
        grid-template-columns: 0.75rem 6rem 5rem minmax(0, 1fr) auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    /* Ohne Bewegung, aber nicht ohne Rückmeldung: Flächenwechsel bei Hover und Druck bleiben,
       nur die Höhen- und Drehanimation entfällt. */
    .hk-floor__panel[b-fu53m0tpxv],
    .hk-floor__chevron[b-fu53m0tpxv] {
        transition: none;
    }

    .hk-floor__toggle[b-fu53m0tpxv],
    .hk-floor__toggle:active[b-fu53m0tpxv],
    .hk-room__button[b-fu53m0tpxv],
    .hk-room__button:active[b-fu53m0tpxv] {
        transition-duration: 0s;
    }

    .hk-floor[data-expanded='true'] .hk-floor__chevron[b-fu53m0tpxv] {
        transform: rotate(90deg);
    }

    .hk-floor.is-collapsed .hk-floor__panel-inner[b-fu53m0tpxv] {
        transition: none;
    }

    .hk-room.is-updated .hk-room__button[b-fu53m0tpxv] {
        animation: none;
    }
}
/* /Components/Housekeeping/HousekeepingPrintAreaBlock.razor.rz.scp.css */
/* Nur Layout und Größen des eigenen Markups. Die Maße spiegeln die Zimmertabelle der Druckansicht,
   damit beide Blöcke auf einem Blatt denselben Rhythmus haben. */
.housekeeping-print-area[b-q7si55sxe8] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.housekeeping-print-area h4[b-q7si55sxe8] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-overline);
    margin: 0;
    text-transform: uppercase;
}

.housekeeping-print-area table[b-q7si55sxe8] {
    border-collapse: collapse;
    font-size: var(--innvilo-font-size-label);
    width: 100%;
}

.housekeeping-print-area th[b-q7si55sxe8],
.housekeeping-print-area td[b-q7si55sxe8] {
    border-bottom: 1px solid var(--innvilo-border-default);
    font-variant-numeric: tabular-nums;
    padding: var(--innvilo-space-3) var(--innvilo-space-2);
    text-align: left;
    vertical-align: top;
}

.housekeeping-print-area thead th[b-q7si55sxe8] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.housekeeping-print-area tbody th[b-q7si55sxe8] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.housekeeping-print-area article[b-q7si55sxe8] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4) 0;
}

.housekeeping-print-area article > header[b-q7si55sxe8] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.housekeeping-print-area article > header span[b-q7si55sxe8] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.housekeeping-print-area dl[b-q7si55sxe8] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.housekeeping-print-area dt[b-q7si55sxe8] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.housekeeping-print-area dd[b-q7si55sxe8] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    margin: 0;
    overflow-wrap: anywhere;
}

@media print {
    .housekeeping-print-area[b-q7si55sxe8] {
        break-inside: avoid;
    }
}
/* /Components/Housekeeping/HousekeepingPrintView.razor.rz.scp.css */
.housekeeping-print-view[b-8tki2mql9b] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.housekeeping-print-view__header[b-8tki2mql9b] {
    align-items: flex-end;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.housekeeping-print-view__header > div[b-8tki2mql9b] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.housekeeping-print-view__header h2[b-8tki2mql9b],
.housekeeping-print-view__header p[b-8tki2mql9b],
.housekeeping-print-view__note[b-8tki2mql9b],
.housekeeping-print-floor h3[b-8tki2mql9b],
.housekeeping-print-mobile-floor h3[b-8tki2mql9b],
.housekeeping-print-mobile-floor p[b-8tki2mql9b] {
    margin: 0;
}

.housekeeping-print-view__header h2[b-8tki2mql9b],
.housekeeping-print-floor h3[b-8tki2mql9b],
.housekeeping-print-mobile-floor h3[b-8tki2mql9b] {
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
}

.housekeeping-print-view__header h2[b-8tki2mql9b] {
    font-size: var(--innvilo-font-size-title);
}

.housekeeping-print-view__header p[b-8tki2mql9b],
.housekeeping-print-view__note[b-8tki2mql9b],
.housekeeping-print-floor header span[b-8tki2mql9b],
.housekeeping-print-mobile-floor header span[b-8tki2mql9b] {
    color: var(--color-text-muted);
}

.housekeeping-print-view__header dl[b-8tki2mql9b] {
    display: flex;
    gap: var(--innvilo-space-5);
    margin: 0;
}

.housekeeping-print-view__header dl > div[b-8tki2mql9b] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.housekeeping-print-view__header dt[b-8tki2mql9b] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.housekeeping-print-view__header dd[b-8tki2mql9b] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.housekeeping-print-view__note[b-8tki2mql9b] {
    border-top: 1px solid var(--color-border);
    line-height: 1.5;
    padding-top: var(--innvilo-space-4);
}

.housekeeping-print-view__empty[b-8tki2mql9b] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: center;
    min-height: 12rem;
    padding: var(--innvilo-space-8) var(--innvilo-space-4);
}

.housekeeping-print-view__empty > i[b-8tki2mql9b] {
    color: var(--color-primary);
    margin-top: var(--innvilo-space-1);
}

.housekeeping-print-view__empty > div[b-8tki2mql9b] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.housekeeping-print-view__desktop[b-8tki2mql9b],
.housekeeping-print-view__mobile[b-8tki2mql9b] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.housekeeping-print-floor[b-8tki2mql9b],
.housekeeping-print-mobile-floor[b-8tki2mql9b] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.housekeeping-print-floor > header[b-8tki2mql9b],
.housekeeping-print-mobile-floor > header[b-8tki2mql9b] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.housekeeping-print-floor table[b-8tki2mql9b] {
    border-collapse: collapse;
    font-size: var(--innvilo-font-size-label);
    width: 100%;
}

.housekeeping-print-floor th[b-8tki2mql9b],
.housekeeping-print-floor td[b-8tki2mql9b] {
    border-bottom: 1px solid var(--color-border);
    padding: var(--innvilo-space-3) var(--innvilo-space-2);
    text-align: left;
    vertical-align: top;
}

.housekeeping-print-floor thead th[b-8tki2mql9b] {
    background: var(--color-surface-soft);
    color: var(--color-text-muted);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.housekeeping-print-floor tbody th[b-8tki2mql9b] {
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
}

.housekeeping-print-mobile-floor > div[b-8tki2mql9b] {
    border-top: 1px solid var(--color-border);
    display: grid;
}

.housekeeping-print-mobile-floor article[b-8tki2mql9b] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4) 0;
}

.housekeeping-print-mobile-floor article + article[b-8tki2mql9b] {
    border-top: 1px solid var(--color-border);
}

.housekeeping-print-mobile-floor article > header[b-8tki2mql9b] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.housekeeping-print-mobile-floor article > header span[b-8tki2mql9b],
.housekeeping-print-mobile-floor article > p[b-8tki2mql9b] {
    color: var(--color-text-muted);
}

.housekeeping-print-mobile-floor dl[b-8tki2mql9b] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.housekeeping-print-mobile-floor dl > div[b-8tki2mql9b] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.housekeeping-print-mobile-floor dt[b-8tki2mql9b] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.housekeeping-print-mobile-floor dd[b-8tki2mql9b] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .housekeeping-print-view[b-8tki2mql9b] {
        padding: var(--innvilo-space-4);
    }

    .housekeeping-print-view__header[b-8tki2mql9b] {
        align-items: flex-start;
        display: grid;
    }

    .housekeeping-print-view__header dl[b-8tki2mql9b] {
        flex-wrap: wrap;
    }

}

@media (max-width: 420px) {
    .housekeeping-print-mobile-floor dl[b-8tki2mql9b] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media print {
    .housekeeping-print-view[b-8tki2mql9b] {
        border: 0;
        border-radius: 0;
        color: CanvasText;
        display: block;
        padding: 0;
    }

    .housekeeping-print-view__header[b-8tki2mql9b],
    .housekeeping-print-view__note[b-8tki2mql9b] {
        margin-bottom: 16pt;
    }

    .housekeeping-print-view__desktop[b-8tki2mql9b],
    .housekeeping-print-view__mobile[b-8tki2mql9b] {
        display: grid;
        gap: 18pt;
    }

    .housekeeping-print-floor[b-8tki2mql9b] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .housekeeping-print-floor table[b-8tki2mql9b] {
        font-size: 9pt;
    }

    .housekeeping-print-floor th[b-8tki2mql9b],
    .housekeeping-print-floor td[b-8tki2mql9b] {
        border-color: CanvasText;
        padding: 5pt 4pt;
    }
}
/* /Components/Housekeeping/HousekeepingTaskList.razor.rz.scp.css */
.housekeeping-task-list[b-itftiiob55] {
    min-width: 0;
}

.housekeeping-task-list__room-cell[b-itftiiob55],
.housekeeping-task-list__task-cell[b-itftiiob55] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.housekeeping-task-list__room-cell strong[b-itftiiob55],
.housekeeping-task-list__task-cell strong[b-itftiiob55] {
    color: var(--color-navy-deep);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.housekeeping-task-list__room-cell span[b-itftiiob55],
.housekeeping-task-list__task-cell span[b-itftiiob55] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.housekeeping-task-list__priority[b-itftiiob55],
.housekeeping-task-list__target[b-itftiiob55] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
    white-space: nowrap;
}

.housekeeping-task-list__priority.is-warning[b-itftiiob55],
.housekeeping-task-list__target.is-delayed[b-itftiiob55] {
    color: var(--color-warning-text);
}

.housekeeping-task-list__priority.is-critical[b-itftiiob55] {
    color: var(--color-error);
}

.housekeeping-task-list__mobile-item[b-itftiiob55] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.housekeeping-task-list__mobile-item > header[b-itftiiob55] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.housekeeping-task-list__mobile-item > header > div[b-itftiiob55] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.housekeeping-task-list__mobile-item h3[b-itftiiob55],
.housekeeping-task-list__mobile-item p[b-itftiiob55] {
    margin: 0;
}

.housekeeping-task-list__mobile-item h3[b-itftiiob55] {
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-subtitle);
}

.housekeeping-task-list__mobile-item > header > div > span[b-itftiiob55],
.housekeeping-task-list__mobile-task[b-itftiiob55] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
}

.housekeeping-task-list__mobile-facts[b-itftiiob55],
.housekeeping-task-list__mobile-details dl[b-itftiiob55] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.housekeeping-task-list__mobile-facts > div[b-itftiiob55],
.housekeeping-task-list__mobile-details dl > div[b-itftiiob55] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.housekeeping-task-list__mobile-facts dt[b-itftiiob55],
.housekeeping-task-list__mobile-details dt[b-itftiiob55] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.housekeeping-task-list__mobile-facts dd[b-itftiiob55],
.housekeeping-task-list__mobile-details dd[b-itftiiob55] {
    margin: 0;
    overflow-wrap: anywhere;
}

.housekeeping-task-list__mobile-facts dd.is-delayed[b-itftiiob55] {
    color: var(--color-warning-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.housekeeping-task-list__mobile-details[b-itftiiob55] {
    border-top: 1px solid var(--color-border);
    padding-top: var(--innvilo-space-2);
}

.housekeeping-task-list__mobile-details summary[b-itftiiob55] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    min-height: 2.75rem;
}

.housekeeping-task-list__mobile-details[open] summary[b-itftiiob55] {
    margin-bottom: var(--innvilo-space-3);
}

.housekeeping-task-list__mobile-details summary:focus-visible[b-itftiiob55] {
    border-radius: var(--radius-sm);
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

@media (max-width: 420px) {
    .housekeeping-task-list__mobile-facts[b-itftiiob55],
    .housekeeping-task-list__mobile-details dl[b-itftiiob55] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Bereichsaufgaben der angemeldeten Person unter der Zimmerliste. Sie hängen an keinem Zimmer und stehen
   deshalb nicht im Grid. */
.housekeeping-task-list__area[b-itftiiob55] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin-top: var(--innvilo-space-6);
}

.housekeeping-task-list__area h3[b-itftiiob55] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.housekeeping-task-list__area ul[b-itftiiob55] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.housekeeping-task-list__area li[b-itftiiob55] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding: var(--innvilo-space-5) 0;
}

.housekeeping-task-list__area-copy[b-itftiiob55] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.housekeeping-task-list__area-copy strong[b-itftiiob55] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
}

.housekeeping-task-list__area-copy span[b-itftiiob55] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.housekeeping-task-list__area-actions[b-itftiiob55] {
    display: flex;
    gap: var(--innvilo-space-4);
}
/* /Components/Housekeeping/HousekeepingWorkTypeDialog.razor.rz.scp.css */
/* Nur Layout und Größen des eigenen Markups. Die Editoren tragen dx-app-editor und werden zentral in
   global.scss gestaltet. */
.work-type-dialog[b-kgww0q5ppq] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.work-type-dialog__table[b-kgww0q5ppq] {
    border-collapse: collapse;
    font-size: var(--innvilo-font-size-label);
    width: 100%;
}

.work-type-dialog__table th[b-kgww0q5ppq],
.work-type-dialog__table td[b-kgww0q5ppq] {
    border-bottom: 1px solid var(--innvilo-border-default);
    font-variant-numeric: tabular-nums;
    padding: var(--innvilo-space-4) var(--innvilo-space-3);
    text-align: left;
    vertical-align: top;
}

.work-type-dialog__table thead th[b-kgww0q5ppq] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.work-type-dialog__table tbody tr[data-work-type-active='false'][b-kgww0q5ppq] {
    color: var(--innvilo-text-muted);
}

.work-type-dialog__edit[b-kgww0q5ppq] {
    background: none;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
        transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.work-type-dialog__edit:hover[b-kgww0q5ppq] {
    background: var(--innvilo-surface-muted);
    border-color: var(--innvilo-text-muted);
}

.work-type-dialog__edit:active[b-kgww0q5ppq] {
    transform: scale(var(--innvilo-press-scale));
}

.work-type-dialog__edit:disabled[b-kgww0q5ppq] {
    cursor: default;
    opacity: 0.55;
}

.work-type-dialog__form[b-kgww0q5ppq] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    margin: 0;
    padding: var(--innvilo-space-5);
}

.work-type-dialog__form legend[b-kgww0q5ppq] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    padding: 0 var(--innvilo-space-3);
}

.work-type-dialog__form > label[b-kgww0q5ppq] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.work-type-dialog__form > label > span[b-kgww0q5ppq] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.work-type-dialog__switch[b-kgww0q5ppq] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
}

.work-type-dialog__switch > span[b-kgww0q5ppq] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
}

.work-type-dialog__hint[b-kgww0q5ppq] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
    max-width: 60ch;
}

@media (max-width: 47.99rem) {
    .work-type-dialog__table thead[b-kgww0q5ppq] {
        display: none;
    }

    .work-type-dialog__table tbody tr[b-kgww0q5ppq] {
        border-bottom: 1px solid var(--innvilo-border-default);
        display: grid;
        gap: var(--innvilo-space-2);
        padding: var(--innvilo-space-4) 0;
    }

    .work-type-dialog__table th[b-kgww0q5ppq],
    .work-type-dialog__table td[b-kgww0q5ppq] {
        border: 0;
        padding: 0;
    }

    .work-type-dialog__edit[b-kgww0q5ppq] {
        min-height: 2.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .work-type-dialog__edit[b-kgww0q5ppq],
    .work-type-dialog__edit:active[b-kgww0q5ppq] {
        transform: none;
        transition: none;
    }
}
/* /Components/Housekeeping/RoomOperationDetails.razor.rz.scp.css */
.room-workspace[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.room-workspace-summary[b-igwf7bkhs3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--innvilo-space-4);
    padding-bottom: var(--innvilo-space-4);
    border-bottom: 1px solid var(--color-border);
}

.room-workspace-context[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.room-workspace-context span[b-igwf7bkhs3],
.room-workspace-context p[b-igwf7bkhs3] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.room-workspace-context span[b-igwf7bkhs3] {
    display: inline-flex;
    align-items: center;
    gap: var(--innvilo-space-2);
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.room-workspace-statuses[b-igwf7bkhs3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--innvilo-space-2);
}

.room-workspace-status[b-igwf7bkhs3] {
    display: inline-flex;
    align-items: center;
    gap: var(--innvilo-space-2);
    min-height: 2rem;
    padding: var(--innvilo-space-1) var(--innvilo-space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-full);
    background: var(--color-surface-soft);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
}

.room-workspace-status.is-success[b-igwf7bkhs3] {
    border-color: var(--color-success-border);
    background: var(--color-success-surface);
    color: var(--color-success);
}

.room-workspace-status.is-live[b-igwf7bkhs3] {
    background: var(--color-accent-soft);
    color: var(--color-primary);
}

.room-workspace-status.is-warning[b-igwf7bkhs3] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.room-workspace-status.is-critical[b-igwf7bkhs3] {
    border-color: var(--color-error-border);
    background: var(--color-error-soft);
    color: var(--color-error);
}

.room-workspace-tabs[b-igwf7bkhs3] {
    display: flex;
    gap: var(--innvilo-space-1);
    overflow-x: auto;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    scrollbar-width: thin;
}

.room-workspace-tabs button[b-igwf7bkhs3] {
    display: inline-flex;
    align-items: center;
    gap: var(--innvilo-space-2);
    min-height: 2.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    border: 0;
    border-bottom: .125rem solid transparent;
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    white-space: nowrap;
    transition: background-color 140ms var(--innvilo-easing-standard), border-color 140ms var(--innvilo-easing-standard), color 140ms var(--innvilo-easing-standard);
}

.room-workspace-tabs button:hover[b-igwf7bkhs3] {
    background: var(--color-surface-soft);
    color: var(--color-text);
}

.room-workspace-tabs button.is-active[b-igwf7bkhs3] {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary);
}

.room-workspace-tabs button:focus-visible[b-igwf7bkhs3],
.room-quick-actions button:focus-visible[b-igwf7bkhs3] {
    outline: .125rem solid var(--color-primary);
    outline-offset: .125rem;
}

.room-workspace-stage[b-igwf7bkhs3] {
    min-width: 0;
    animation: room-workspace-stage-in-b-igwf7bkhs3 180ms var(--innvilo-easing-standard) both;
}

.room-workspace-overview[b-igwf7bkhs3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16.5rem, .62fr);
    gap: var(--innvilo-space-4);
    align-items: start;
}

.room-workspace-overview-rail[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.room-workspace-grid[b-igwf7bkhs3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-4);
}

.room-workspace-panel[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.room-workspace-panel.is-wide[b-igwf7bkhs3] {
    grid-column: 1 / -1;
}

.room-workspace-panel > header[b-igwf7bkhs3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--innvilo-space-4);
}

.room-workspace-panel > header > div[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.room-workspace-panel h3[b-igwf7bkhs3],
.room-workspace-notes h4[b-igwf7bkhs3] {
    margin: 0;
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
}

.room-workspace-panel h3[b-igwf7bkhs3] {
    font-size: var(--innvilo-font-size-subtitle);
}

.room-workspace-notes h4[b-igwf7bkhs3] {
    font-size: var(--innvilo-font-size-body);
}

.room-workspace-panel > header > span[b-igwf7bkhs3] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.room-workspace-facts[b-igwf7bkhs3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid var(--color-border);
}

.room-workspace-facts div[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-3) 0;
    border-bottom: 1px solid var(--color-border);
}

.room-workspace-facts div:nth-child(odd)[b-igwf7bkhs3] {
    padding-right: var(--innvilo-space-4);
}

.room-workspace-facts div:nth-child(even)[b-igwf7bkhs3] {
    padding-left: var(--innvilo-space-4);
    border-left: 1px solid var(--color-border);
}

.room-workspace-facts dt[b-igwf7bkhs3] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.room-workspace-facts dd[b-igwf7bkhs3] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    line-height: 1.35;
}

.room-workspace-notes[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding-top: var(--innvilo-space-1);
}

.room-workspace-notes > header[b-igwf7bkhs3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-3);
}

.room-workspace-actions[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.room-workspace-form[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.room-workspace-form label[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.room-workspace-form label > span[b-igwf7bkhs3] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.room-workspace-alert[b-igwf7bkhs3] {
    display: flex;
    align-items: flex-start;
    gap: var(--innvilo-space-3);
    margin: 0;
    padding: var(--innvilo-space-3);
}

.room-workspace-alert span[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.room-workspace-alert.is-critical[b-igwf7bkhs3] {
    border: 1px solid var(--color-error-border);
    border-radius: var(--radius-sm);
    background: var(--color-error-soft);
    color: var(--color-error);
}

.room-workspace-note[b-igwf7bkhs3],
.room-workspace-hint[b-igwf7bkhs3] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.55;
}

.room-workspace-hint[b-igwf7bkhs3] {
    font-size: var(--innvilo-font-size-caption);
}

.room-checklist[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.room-checklist label[b-igwf7bkhs3] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-3);
    min-height: 2.75rem;
    padding: var(--innvilo-space-2) 0;
    border-bottom: 1px solid var(--color-border);
}

.room-quick-actions[b-igwf7bkhs3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-2);
}

.room-quick-actions button[b-igwf7bkhs3] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-2);
    min-height: 2.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-soft);
    color: var(--color-text);
    cursor: pointer;
    text-align: left;
    transition: background-color 140ms var(--innvilo-easing-standard), border-color 140ms var(--innvilo-easing-standard), color 140ms var(--innvilo-easing-standard);
}

.room-quick-actions button:hover[b-igwf7bkhs3] {
    border-color: var(--color-primary);
    background: var(--color-accent-soft);
    color: var(--color-primary);
}

.room-timeline[b-igwf7bkhs3] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.room-timeline li[b-igwf7bkhs3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-3) 0;
}

.room-timeline li + li[b-igwf7bkhs3] {
    border-top: 1px solid var(--color-border);
}

.room-timeline-icon[b-igwf7bkhs3] {
    padding-top: var(--innvilo-space-1);
    color: var(--color-primary);
    font-size: 1rem;
}

.room-timeline li > div[b-igwf7bkhs3] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.room-timeline header[b-igwf7bkhs3] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--innvilo-space-3);
}

.room-timeline time[b-igwf7bkhs3],
.room-timeline small[b-igwf7bkhs3] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.room-timeline p[b-igwf7bkhs3] {
    margin: 0;
    line-height: 1.45;
}

.room-timeline a[b-igwf7bkhs3] {
    width: max-content;
    color: var(--color-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.room-timeline .is-empty[b-igwf7bkhs3] {
    align-items: center;
    color: var(--color-text-muted);
}

.room-history-state[b-igwf7bkhs3] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-3);
    min-height: 4rem;
    color: var(--color-text-muted);
}

.room-history-state.is-error[b-igwf7bkhs3] {
    padding: var(--innvilo-space-3);
    border: 1px solid var(--color-error-border);
    border-radius: var(--radius-sm);
    background: var(--color-error-soft);
    color: var(--color-error);
}

.room-history-kinds[b-igwf7bkhs3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.room-history-kinds > span[b-igwf7bkhs3] {
    display: inline-flex;
    align-items: center;
    gap: var(--innvilo-space-2);
    min-height: 2rem;
    padding: var(--innvilo-space-1) var(--innvilo-space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-full);
    background: var(--color-surface-soft);
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.room-history-kinds strong[b-igwf7bkhs3] {
    color: var(--color-text);
    font-family: "Lato-Bold", Arial, sans-serif;
}

@keyframes room-workspace-stage-in-b-igwf7bkhs3 {
    from {
        opacity: 0;
        transform: translateY(var(--innvilo-space-2));
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 56.25rem) {
    .room-workspace-overview[b-igwf7bkhs3],
    .room-workspace-grid[b-igwf7bkhs3] {
        grid-template-columns: 1fr;
    }

    .room-workspace-panel.is-wide[b-igwf7bkhs3] {
        grid-column: auto;
    }
}

@media (max-width: 36rem) {
    .room-workspace-summary[b-igwf7bkhs3] {
        flex-direction: column;
    }

    .room-workspace-statuses[b-igwf7bkhs3] {
        justify-content: flex-start;
    }

    .room-workspace-panel[b-igwf7bkhs3] {
        gap: var(--innvilo-space-4);
        padding: var(--innvilo-space-4);
    }

    .room-workspace-facts[b-igwf7bkhs3],
    .room-quick-actions[b-igwf7bkhs3] {
        grid-template-columns: 1fr;
    }

    .room-workspace-facts div:nth-child(odd)[b-igwf7bkhs3],
    .room-workspace-facts div:nth-child(even)[b-igwf7bkhs3] {
        padding-right: 0;
        padding-left: 0;
        border-left: 0;
    }

    .room-workspace-panel > header[b-igwf7bkhs3],
    .room-timeline header[b-igwf7bkhs3] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .room-workspace-stage[b-igwf7bkhs3] {
        animation: none;
    }

    .room-workspace-tabs button[b-igwf7bkhs3],
    .room-quick-actions button[b-igwf7bkhs3] {
        transition: none;
    }
}
/* /Components/Housekeeping/RoomOperationsMobile.razor.rz.scp.css */
.housekeeping-mobile[b-njf63m7fa2] { display: grid; gap: var(--innvilo-space-4); max-width: 48rem; margin: 0 auto; width: 100%; }
.housekeeping-mobile-header[b-njf63m7fa2] { align-items: end; display: flex; justify-content: space-between; }
.housekeeping-mobile-header h2[b-njf63m7fa2] { color: var(--color-navy-deep); font-family: "Lato-Bold", Arial, sans-serif; margin: 0; }
.housekeeping-mobile-header > strong[b-njf63m7fa2] { background: var(--color-accent-soft); border: 1px solid var(--color-border); border-radius: var(--innvilo-radius-full); color: var(--color-primary); padding: var(--innvilo-space-2) var(--innvilo-space-3); }
.housekeeping-next[b-njf63m7fa2], .housekeeping-mobile-task[b-njf63m7fa2], .housekeeping-mobile-empty[b-njf63m7fa2] { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.housekeeping-next[b-njf63m7fa2] { border-left-color: var(--color-primary); display: grid; gap: var(--innvilo-space-4); padding: var(--innvilo-space-5); }
.housekeeping-next.is-high[b-njf63m7fa2], .housekeeping-mobile-task.is-high[b-njf63m7fa2] { border-left-color: var(--color-warning); }
.housekeeping-next.is-urgent[b-njf63m7fa2], .housekeeping-mobile-task.is-urgent[b-njf63m7fa2] { border-left-color: var(--color-error); }
.housekeeping-next > header[b-njf63m7fa2], .housekeeping-mobile-queue > header[b-njf63m7fa2] { align-items: center; display: flex; justify-content: space-between; gap: var(--innvilo-space-3); }
.housekeeping-next > header > span:first-child[b-njf63m7fa2] { align-items: center; color: var(--color-primary); display: inline-flex; font-family: "Lato-Bold", Arial, sans-serif; gap: var(--innvilo-space-2); }
.housekeeping-next-open[b-njf63m7fa2], .housekeeping-mobile-task-open[b-njf63m7fa2] { background: transparent; border: 0; color: inherit; cursor: pointer; display: grid; padding: 0; text-align: left; }
.housekeeping-next-open[b-njf63m7fa2] { gap: var(--innvilo-space-1); }
.housekeeping-next-open strong[b-njf63m7fa2] { color: var(--color-navy-deep); font-family: "Lato-Bold", Arial, sans-serif; font-size: 2rem; line-height: 1.1; }
.housekeeping-next-open span[b-njf63m7fa2], .housekeeping-mobile-task-open span[b-njf63m7fa2] { color: var(--color-text-muted); }
.housekeeping-next-open:focus-visible[b-njf63m7fa2], .housekeeping-mobile-task-open:focus-visible[b-njf63m7fa2] { outline: .125rem solid var(--color-primary); outline-offset: var(--innvilo-space-1); border-radius: var(--radius-sm); }
.housekeeping-next dl[b-njf63m7fa2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.housekeeping-next dl div[b-njf63m7fa2] { border-left: 1px solid var(--color-border); display: grid; gap: var(--innvilo-space-1); padding: var(--innvilo-space-1) var(--innvilo-space-3); }
.housekeeping-next dl div:first-child[b-njf63m7fa2] { border-left: 0; padding-left: 0; }
.housekeeping-next dt[b-njf63m7fa2] { color: var(--color-text-muted); font-size: var(--innvilo-font-size-caption); }
.housekeeping-next dd[b-njf63m7fa2] { font-family: "Lato-Bold", Arial, sans-serif; margin: 0; }
.housekeeping-next-alert[b-njf63m7fa2] { align-items: center; background: var(--color-warning-soft); border: 1px solid var(--color-warning-border); border-radius: var(--radius-sm); color: var(--color-warning-text); display: flex; gap: var(--innvilo-space-2); margin: 0; padding: var(--innvilo-space-3); }
.housekeeping-next-notes[b-njf63m7fa2] { display: grid; gap: var(--innvilo-space-2); }
.housekeeping-next-notes p[b-njf63m7fa2] { display: grid; gap: var(--innvilo-space-1); margin: 0; }
.housekeeping-next-notes span[b-njf63m7fa2] { color: var(--color-text-muted); line-height: 1.4; }
.housekeeping-mobile-status[b-njf63m7fa2] { align-items: center; display: inline-flex; font-size: var(--innvilo-font-size-caption); gap: var(--innvilo-space-2); white-space: nowrap; }
.housekeeping-mobile-actions[b-njf63m7fa2] { display: grid; gap: var(--innvilo-space-2); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.housekeeping-mobile-actions.is-prominent[b-njf63m7fa2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.housekeeping-mobile-queue[b-njf63m7fa2] { display: grid; gap: var(--innvilo-space-3); }
.housekeeping-mobile-queue h3[b-njf63m7fa2] { color: var(--color-navy-deep); font-family: "Lato-Bold", Arial, sans-serif; margin: 0; }
.housekeeping-mobile-queue > header span[b-njf63m7fa2] { color: var(--color-text-muted); }
.housekeeping-mobile-task[b-njf63m7fa2] { border-left-color: var(--color-border-strong); display: grid; gap: var(--innvilo-space-3); padding: var(--innvilo-space-4); }
.housekeeping-mobile-task-open[b-njf63m7fa2] { gap: var(--innvilo-space-1); }
.housekeeping-mobile-task-open .housekeeping-mobile-room[b-njf63m7fa2] { color: var(--color-primary); font-family: "Lato-Bold", Arial, sans-serif; font-size: var(--innvilo-font-size-subheading); }
.housekeeping-mobile-empty[b-njf63m7fa2] { align-items: center; display: flex; gap: var(--innvilo-space-4); min-height: 7rem; padding: var(--innvilo-space-5); }
.housekeeping-mobile-empty > i[b-njf63m7fa2] { color: var(--color-success); font-size: 1.5rem; }
.housekeeping-mobile-empty div[b-njf63m7fa2] { display: grid; gap: var(--innvilo-space-1); }
.housekeeping-mobile-empty span[b-njf63m7fa2] { color: var(--color-text-muted); }
@media (max-width: 520px) {
    .housekeeping-next[b-njf63m7fa2] { padding: var(--innvilo-space-4); }
    .housekeeping-next dl[b-njf63m7fa2] { grid-template-columns: 1fr; }
    .housekeeping-next dl div[b-njf63m7fa2], .housekeeping-next dl div:first-child[b-njf63m7fa2] { border-left: 0; border-top: 1px solid var(--color-border); padding: var(--innvilo-space-2) 0; }
    .housekeeping-next dl div:first-child[b-njf63m7fa2] { border-top: 0; }
    .housekeeping-mobile-actions[b-njf63m7fa2], .housekeeping-mobile-actions.is-prominent[b-njf63m7fa2] { grid-template-columns: 1fr; }
}

/* Bereichsaufgaben der angemeldeten Person: gleiche Karte wie eine Zimmeraufgabe, nur ohne Zimmernummer. */
.housekeeping-mobile-area[b-njf63m7fa2] {
    display: grid;
    gap: var(--innvilo-space-5);
    margin-top: var(--innvilo-space-6);
}

.housekeeping-mobile-area header[b-njf63m7fa2] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.housekeeping-mobile-area h3[b-njf63m7fa2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.housekeeping-mobile-area header span[b-njf63m7fa2] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.housekeeping-mobile-area-copy[b-njf63m7fa2] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.housekeeping-mobile-area-copy strong[b-njf63m7fa2] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
}

.housekeeping-mobile-area-copy span[b-njf63m7fa2] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}
/* /Components/Layout/ApplicationVersionLabel.razor.rz.scp.css */
.application-version[b-5qgl9o4ifr] {
    display: block;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    white-space: nowrap;
}

.application-version--auth[b-5qgl9o4ifr] {
    color: var(--color-text-muted);
    margin-top: var(--innvilo-space-2);
}

.application-version--desktop-navigation[b-5qgl9o4ifr] {
    color: var(--color-nav-text-muted);
    margin-top: var(--innvilo-space-3);
    overflow: hidden;
    text-overflow: ellipsis;
}

.application-version--mobile-navigation[b-5qgl9o4ifr] {
    color: var(--color-nav-text-muted);
    grid-column: 1 / -1;
    justify-self: start;
    padding-inline: var(--innvilo-space-3);
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
/* Inline-Iconografie statt Icon-Font: eine Strichstärke über die ganze Fläche, in
   currentColor, damit die Symbole dasselbe Gewicht tragen wie die Schrift daneben.
   Der Träger ist eine Box, das SVG bestimmt nur seine eigene Grösse. */
.auth-layout-icon[b-dvdmslgt5v] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.auth-layout-icon svg[b-dvdmslgt5v] {
    height: 1.25rem;
    width: 1.25rem;
}

.auth-page[b-dvdmslgt5v] {
    background: var(--color-auth-form-bg);
    color: var(--color-text);
    min-height: 100dvh;
    overflow-x: clip;
    overflow-y: auto;
    padding: 0;
    width: 100%;
}

.auth-grid[b-dvdmslgt5v] {
    display: block;
    min-height: 100dvh;
}

.auth-brand-panel[b-dvdmslgt5v] {
    background: var(--color-nav-bg);
    color: var(--color-surface);
    display: grid;
    gap: var(--innvilo-space-8);
    overflow: hidden;
    padding: var(--innvilo-space-8);
    position: relative;
}

.auth-brand-panel[b-dvdmslgt5v]::before {
    content: none;
}

.auth-logo[b-dvdmslgt5v],
.auth-brand-copy[b-dvdmslgt5v],
.auth-workspace-summary[b-dvdmslgt5v] {
    position: relative;
}

.auth-logo[b-dvdmslgt5v] {
    align-items: center;
    display: flex;
    justify-content: center;
}

.auth-logo img[b-dvdmslgt5v] {
    display: block;
    height: auto;
    width: min(9rem, 54vw);
}

.auth-brand-copy[b-dvdmslgt5v],
.auth-workspace-summary[b-dvdmslgt5v] {
    display: none;
}

.auth-form-panel[b-dvdmslgt5v] {
    align-items: center;
    background: var(--color-auth-form-bg);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: auto;
    padding-bottom: var(--innvilo-space-9);
    padding-left: max(var(--innvilo-space-8), env(safe-area-inset-left));
    padding-right: max(var(--innvilo-space-8), env(safe-area-inset-right));
    padding-top: var(--innvilo-page-section-gap);
    position: relative;
}

.auth-content[b-dvdmslgt5v] {
    background: var(--color-surface);
    border: 1px solid var(--color-auth-form-border);
    border-radius: var(--innvilo-radius-card);
    box-shadow: none;
    max-width: 28rem;
    padding: clamp(var(--innvilo-space-7), 6vw, var(--innvilo-space-9));
    width: min(100%, 28rem);
}

.auth-footnote[b-dvdmslgt5v] {
    align-items: center;
    color: var(--color-text-muted);
    display: inline-flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: 0.45rem;
    margin: 1.25rem 0 0;
    text-align: center;
}

.auth-footnote .auth-layout-icon[b-dvdmslgt5v] {
    color: var(--color-primary);
}

.auth-footnote .auth-layout-icon svg[b-dvdmslgt5v] {
    height: 1.05rem;
    width: 1.05rem;
}

@media (min-width: 992px) {
    .auth-page[b-dvdmslgt5v] {
        overflow-x: clip;
        overflow-y: hidden;
    }

    .auth-grid[b-dvdmslgt5v] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .auth-brand-panel[b-dvdmslgt5v],
    .auth-form-panel[b-dvdmslgt5v] {
        max-width: none;
        width: auto;
    }

    .auth-brand-panel[b-dvdmslgt5v],
    .auth-form-panel[b-dvdmslgt5v] {
        min-height: 100dvh;
    }

    .auth-brand-panel[b-dvdmslgt5v] {
        align-content: space-between;
        display: grid;
        grid-column: 1;
        grid-row: 1;
        grid-template-rows: auto 1fr auto;
        padding: clamp(var(--innvilo-space-9), 4vw, var(--innvilo-space-12));
        text-align: left;
    }

    .auth-logo[b-dvdmslgt5v] {
        justify-content: flex-start;
    }

    .auth-logo img[b-dvdmslgt5v] {
        width: min(11rem, 38vw);
    }

    .auth-brand-copy[b-dvdmslgt5v] {
        align-content: center;
        display: grid;
        gap: var(--innvilo-space-6);
        max-width: 32rem;
        padding: clamp(var(--innvilo-space-9), 7vh, var(--innvilo-space-12)) 0 var(--innvilo-space-9);
    }

    .auth-brand-copy > span[b-dvdmslgt5v] {
        color: var(--color-nav-accent);
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: var(--innvilo-font-size-caption);
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .auth-brand-copy h1[b-dvdmslgt5v] {
        color: var(--color-surface);
        font-family: 'Lato-Bold', Arial, sans-serif;
        font-size: clamp(2rem, 3.2vw, 2.75rem);
        letter-spacing: var(--innvilo-tracking-display);
        line-height: 1.1;
        margin: 0;
        max-width: 14ch;
    }

    .auth-brand-copy p[b-dvdmslgt5v] {
        color: var(--color-auth-panel-muted);
        font-family: 'Lato-Regular', Arial, sans-serif;
        font-size: var(--innvilo-font-size-body);
        line-height: 1.6;
        margin: 0;
        max-width: 31rem;
    }

    .auth-workspace-summary[b-dvdmslgt5v] {
        display: grid;
        gap: var(--innvilo-space-6);
    }

    .auth-workspace-heading[b-dvdmslgt5v] {
        align-items: end;
        border-top: 1px solid var(--color-auth-panel-border);
        display: grid;
        gap: var(--innvilo-space-8);
        grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.72fr);
        padding-top: 1.15rem;
    }

    .auth-workspace-heading > div[b-dvdmslgt5v] {
        display: grid;
        gap: 0.3rem;
    }

    .auth-workspace-heading > div > span[b-dvdmslgt5v] {
        color: var(--color-nav-accent);
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: 0.7rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .auth-workspace-heading h2[b-dvdmslgt5v] {
        color: var(--color-surface);
        font-family: 'Lato-Bold', Arial, sans-serif;
        font-size: clamp(1.25rem, 1.7vw, 1.65rem);
        letter-spacing: var(--innvilo-tracking-title);
        line-height: 1.15;
        margin: 0;
    }

    .auth-workspace-heading p[b-dvdmslgt5v] {
        color: var(--color-auth-panel-muted);
        font-family: 'Lato-Regular', Arial, sans-serif;
        font-size: var(--innvilo-font-size-caption);
        line-height: 1.45;
        margin: 0;
    }

    .auth-capabilities[b-dvdmslgt5v] {
        display: grid;
        gap: 0.65rem;
        grid-template-columns: 1.18fr 1fr 1fr;
        margin: 0;
    }

    .auth-capabilities > div[b-dvdmslgt5v] {
        align-items: center;
        background: var(--color-nav-hover-bg);
        border: 1px solid var(--color-auth-panel-border);
        border-radius: var(--innvilo-radius-card);
        display: flex;
        gap: 0.7rem;
        min-width: 0;
        padding: 0.8rem;
    }

    .auth-capabilities > div > .auth-layout-icon[b-dvdmslgt5v] {
        background: var(--color-auth-panel-highlight);
        border-radius: var(--innvilo-radius-sm);
        color: var(--color-nav-accent);
        flex: 0 0 auto;
        height: 2.35rem;
        width: 2.35rem;
    }

    .auth-capabilities > div > div[b-dvdmslgt5v] {
        min-width: 0;
    }

    .auth-capabilities dt[b-dvdmslgt5v] {
        color: var(--color-surface);
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: 0.88rem;
        margin: 0;
    }

    .auth-capabilities dd[b-dvdmslgt5v] {
        color: var(--color-auth-panel-vibrant);
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: 0.78rem;
        letter-spacing: var(--innvilo-tracking-caption);
        line-height: 1.35;
        margin: 0.28rem 0 0;
    }

    .auth-connection-status[b-dvdmslgt5v] {
        align-items: center;
        background: var(--color-nav-hover-bg);
        border: 1px solid var(--color-auth-panel-border);
        border-radius: var(--innvilo-radius-card);
        display: flex;
        gap: 0.8rem;
        justify-content: flex-start;
        padding: 0.8rem 0.9rem;
    }

    .auth-connection-status > .auth-layout-icon[b-dvdmslgt5v] {
        background: var(--color-auth-panel-highlight);
        border-radius: var(--innvilo-radius-sm);
        color: var(--color-nav-accent);
        flex: 0 0 auto;
        height: 2.25rem;
        width: 2.25rem;
    }

    .auth-connection-status.is-disconnected > .auth-layout-icon[b-dvdmslgt5v] {
        color: var(--color-auth-glow-error);
    }

    .auth-connection-status div[b-dvdmslgt5v] {
        display: grid;
        flex: 1 1 auto;
        gap: 0.12rem;
        min-width: 0;
    }

    .auth-connection-status strong[b-dvdmslgt5v] {
        color: var(--color-surface);
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: 0.88rem;
    }

    .auth-connection-status span:not(.auth-layout-icon)[b-dvdmslgt5v] {
        color: var(--color-auth-panel-vibrant);
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: 0.78rem;
        letter-spacing: var(--innvilo-tracking-caption);
    }

    .auth-connection-status .auth-connection-label[b-dvdmslgt5v] {
        border-left: 1px solid var(--color-auth-panel-border);
        color: var(--color-nav-accent);
        flex: 0 0 auto;
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        line-height: 1.2;
        padding: 0.35rem 0 0.35rem 0.9rem;
    }

    .auth-connection-status.is-disconnected .auth-connection-label[b-dvdmslgt5v] {
        color: var(--color-auth-glow-error);
    }

    .auth-form-panel[b-dvdmslgt5v] {
        grid-column: 2;
        grid-row: 1;
        justify-content: center;
        padding: clamp(var(--innvilo-page-section-gap), 5vw, var(--innvilo-space-13));
    }

    .auth-content[b-dvdmslgt5v] {
        border-radius: var(--innvilo-radius-card);
        padding: clamp(var(--innvilo-space-9), 4vw, var(--innvilo-space-10));
    }

    .auth-footnote[b-dvdmslgt5v] {
        font-size: var(--innvilo-font-size-label);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .auth-workspace-heading[b-dvdmslgt5v] {
        grid-template-columns: 1fr;
    }

    .auth-workspace-heading p[b-dvdmslgt5v] {
        display: none;
    }

    .auth-capabilities[b-dvdmslgt5v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .auth-capabilities > div:first-child[b-dvdmslgt5v] {
        grid-column: 1 / -1;
    }
}

@media (min-width: 992px) and (max-height: 900px) {
    .auth-brand-panel[b-dvdmslgt5v] {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .auth-logo img[b-dvdmslgt5v] {
        width: min(9rem, 38vw);
    }

    .auth-brand-copy[b-dvdmslgt5v] {
        gap: 0.7rem;
        padding: 1rem 0 1.25rem;
    }

    .auth-brand-copy h1[b-dvdmslgt5v] { font-size: clamp(2rem, 3vw, 2.5rem); }

    .auth-brand-copy p[b-dvdmslgt5v] {
        font-size: 1rem;
    }

    .auth-workspace-summary[b-dvdmslgt5v] {
        gap: 0.75rem;
    }

    .auth-connection-status[b-dvdmslgt5v] {
        padding-bottom: 0.7rem;
        padding-top: 0.7rem;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    .auth-workspace-summary[b-dvdmslgt5v] {
        display: none;
    }
}

/* Materialien werden frostiger statt durchsichtig: Deckkraft hoch, Blur weg. */
@media (prefers-reduced-transparency: reduce) {
    .auth-capabilities > div[b-dvdmslgt5v],
    .auth-connection-status[b-dvdmslgt5v] {
        backdrop-filter: none;
        background: var(--color-navy-deep);
    }
}

/* Erhöhter Kontrast: nahezu deckende Flächen mit klar abgesetzter Kante. */
@media (prefers-contrast: more) {
    .auth-capabilities > div[b-dvdmslgt5v],
    .auth-connection-status[b-dvdmslgt5v] {
        backdrop-filter: none;
        background: var(--color-navy-deep);
        border-color: var(--color-surface);
    }

    .auth-capabilities dd[b-dvdmslgt5v],
    .auth-connection-status span:not(.auth-layout-icon)[b-dvdmslgt5v] {
        color: var(--color-surface);
    }

    .auth-content[b-dvdmslgt5v] {
        border-color: var(--color-navy-deep);
    }
}
/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-x5yaxc0px6] {
    min-height: 100dvh;
    min-width: 0;
    width: 100%;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-q7szcx3wsx] {
    background: var(--color-dashboard-bg);
    min-height: 100dvh;
    min-width: 0;
    width: 100%;
}

.navigation-drawer-header[b-q7szcx3wsx] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) 2.75rem;
    min-height: 5.25rem;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    width: 100%;
}

.navigation-drawer-menu-scroll[b-q7szcx3wsx] {
    min-height: 0;
    width: 100%;
}

.sidebar-brand-link[b-q7szcx3wsx] {
    align-items: center;
    color: var(--color-nav-text) !important;
    display: flex;
    min-width: 0;
    text-decoration: none !important;
}

.sidebar-brand-link:focus-visible[b-q7szcx3wsx] {
    border-radius: var(--innvilo-radius-md);
    outline: 2px solid var(--color-nav-focus);
    outline-offset: 2px;
}

.sidebar-brand-logo[b-q7szcx3wsx] {
    display: block;
    height: auto;
    max-height: 2.75rem;
    max-width: 9rem;
    object-fit: contain;
    object-position: left center;
    width: min(9rem, 100%);
}

.navigation-drawer-footer[b-q7szcx3wsx] {
    border-top: 1px solid var(--color-nav-divider);
    color: var(--color-nav-active);
    margin: 0 var(--innvilo-space-6) var(--innvilo-space-6);
    padding-top: var(--innvilo-space-6);
    text-align: center;
}

.navigation-drawer-scope[b-q7szcx3wsx] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 0;
    opacity: 0.78;
}

.navigation-drawer-scope__text[b-q7szcx3wsx],
.mobile-account-link > span:last-child[b-q7szcx3wsx] {
    min-width: 0;
}

.navigation-drawer-scope b[b-q7szcx3wsx],
.mobile-account-link b[b-q7szcx3wsx],
.mobile-logout-button span[b-q7szcx3wsx] {
    color: var(--color-nav-active);
    display: block;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navigation-drawer-footer small[b-q7szcx3wsx],
.mobile-account-link small[b-q7szcx3wsx] {
    color: var(--color-nav-text-muted);
    display: block;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    margin-top: var(--innvilo-space-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-avatar[b-q7szcx3wsx] {
    align-items: center;
    background: var(--color-nav-accent);
    border-radius: var(--innvilo-radius-full);
    color: var(--color-nav-bg-deep);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 0.8125rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.mobile-more-header[b-q7szcx3wsx] {
    align-items: center;
    border-bottom: 1px solid var(--color-nav-divider);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    max-width: none;
    min-height: 4.25rem;
    padding: calc(var(--innvilo-space-5) + env(safe-area-inset-top))
        max(var(--innvilo-space-5), env(safe-area-inset-right))
        var(--innvilo-space-5)
        max(var(--innvilo-space-5), env(safe-area-inset-left));
    width: 100%;
}

.mobile-menu-brand-link[b-q7szcx3wsx] {
    align-items: center;
    display: inline-flex;
    min-width: 0;
}

.mobile-menu-brand-link:focus-visible[b-q7szcx3wsx] {
    border-radius: var(--innvilo-radius-md);
    outline: 2px solid var(--color-nav-focus);
    outline-offset: 2px;
}

.mobile-menu-brand-logo[b-q7szcx3wsx] {
    display: block;
    height: auto;
    max-height: 2.75rem;
    width: min(8.5rem, 58vw);
}

.mobile-more-scroll[b-q7szcx3wsx] {
    height: 100%;
    max-width: none;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    width: 100%;
}

.mobile-more-footer[b-q7szcx3wsx] {
    align-items: center;
    background: var(--color-nav-section-bg);
    border-top: 1px solid var(--color-nav-divider);
    box-sizing: border-box;
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: minmax(0, 1fr) auto;
    max-width: none;
    padding: var(--innvilo-space-3)
        max(var(--innvilo-space-4), env(safe-area-inset-right))
        calc(var(--innvilo-space-3) + env(safe-area-inset-bottom))
        max(var(--innvilo-space-4), env(safe-area-inset-left));
    width: 100%;
}

.mobile-more-footer form[b-q7szcx3wsx] {
    align-items: center;
    display: flex;
    margin: 0;
}

.mobile-account-link[b-q7szcx3wsx] {
    align-items: center;
    border: 0;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-nav-active);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3rem;
    min-width: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    text-decoration: none;
}

.mobile-account-link b[b-q7szcx3wsx] {
    font-size: 0.8125rem;
}

.mobile-account-link small[b-q7szcx3wsx] {
    font-size: 0.75rem;
    margin-top: var(--innvilo-space-1);
}

.mobile-account-link:hover[b-q7szcx3wsx],
.mobile-account-link:focus-visible[b-q7szcx3wsx] {
    background: var(--color-nav-hover-bg);
    color: var(--color-nav-active);
    outline: 2px solid var(--color-nav-focus);
    outline-offset: -2px;
    text-decoration: none;
}

.drawer-content[b-q7szcx3wsx] {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    min-height: 100dvh;
    min-width: 0;
    overflow-y: visible;
    padding: 0;
    width: 100%;
}

.page-content-container[b-q7szcx3wsx] {
    align-items: stretch;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-inline: 0;
    max-width: var(--innvilo-content-max);
    min-height: 0;
    min-width: 0;
    padding: var(--innvilo-page-section-gap) var(--innvilo-page-gutter-desktop) var(--innvilo-space-8);
    width: 100%;
}

.page.is-desktop[b-q7szcx3wsx],
.page.is-desktop .drawer-content[b-q7szcx3wsx] {
    height: 100dvh;
    max-height: 100dvh;
    min-height: 0;
    overflow: hidden;
}

.page.is-desktop .page-content-container[b-q7szcx3wsx] {
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
}

.page.is-desktop .navigation-drawer-menu-scroll[b-q7szcx3wsx] {
    height: 100%;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
}

.page.is-mobile .page-content-container[b-q7szcx3wsx] {
    padding: var(--innvilo-page-section-gap) var(--innvilo-page-gutter-mobile)
        calc(5rem + env(safe-area-inset-bottom));
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.pms-navigation[b-4m7fms5t96] {
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-2) var(--innvilo-space-5) var(--innvilo-space-6);
}

.navigation-section[b-4m7fms5t96] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-1);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.navigation-section.is-expanded[b-4m7fms5t96] {
    background: var(--color-nav-section-bg);
    border-radius: var(--innvilo-radius-md);
}

/* Die aufgeklappte Gruppe kommt aus der Richtung ihres Kopfes herunter, statt fertig
   dazustehen: die Zwischenbilder zeigen, woher der Inhalt stammt. */
.pms-nav-items[b-4m7fms5t96] {
    animation: pms-nav-items-arrive-b-4m7fms5t96 var(--innvilo-duration-response-quick) var(--innvilo-easing-settle) both;
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: 0 0 var(--innvilo-space-1);
}

@keyframes pms-nav-items-arrive-b-4m7fms5t96 {
    from {
        opacity: 0;
        transform: translateY(-0.3rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pms-nav-link[b-4m7fms5t96] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-nav-text);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: 0.8125rem;
    gap: var(--innvilo-space-5);
    grid-template-columns: 0.875rem minmax(0, 1fr);
    line-height: 1.25;
    min-height: 2.5rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    position: relative;
    text-decoration: none;
    transition:
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.pms-nav-link:not(.pms-menu-item-active):hover[b-4m7fms5t96] {
    background: var(--color-nav-hover-bg);
    color: var(--color-nav-active);
    text-decoration: none;
}

.pms-nav-link:active[b-4m7fms5t96] {
    background: var(--color-nav-section-hover);
}

.pms-nav-link:focus-visible[b-4m7fms5t96] {
    outline: 2px solid var(--color-nav-focus);
    outline-offset: -2px;
}

.pms-nav-link > i[b-4m7fms5t96] {
    color: var(--color-nav-text-muted);
    font-size: 0.8125rem;
    text-align: center;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 0.875rem;
}

.pms-nav-link:hover > i[b-4m7fms5t96],
.pms-nav-link.pms-menu-item-active > i[b-4m7fms5t96] {
    color: var(--color-nav-accent);
}

.pms-nav-link-label[b-4m7fms5t96] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pms-nav-link.pms-menu-item-active[b-4m7fms5t96] {
    background: var(--color-nav-active-bg);
    box-shadow: none;
    color: var(--color-nav-active);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Reduzierte Bewegung: Aufklappen und Zustandswechsel bleiben ohne Animation klar. */
@media (prefers-reduced-motion: reduce) {
    .pms-nav-link[b-4m7fms5t96] {
        transition: none;
    }

    .navigation-section[b-4m7fms5t96] {
        transition: none;
    }

    .pms-nav-items[b-4m7fms5t96] {
        animation: none;
    }

}
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
.notification-bell[b-qbyjt11btk] {
    position: relative;
}

.notification-bell i[b-qbyjt11btk] {
    font-size: 1.1rem;
}

.bell-badge[b-qbyjt11btk] {
    align-items: center;
    background: var(--innvilo-color-primary);
    border: 2px solid var(--color-header-bg);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    justify-content: center;
    line-height: 1;
    min-height: 1.15rem;
    min-width: 1.15rem;
    padding: 0.1rem 0.28rem;
    position: absolute;
    right: -0.12rem;
    top: -0.08rem;
}

.notification-overlay[b-qbyjt11btk] {
    background: var(--color-notification-backdrop);
    inset: 0;
    position: fixed;
    z-index: var(--innvilo-z-modal);
}

.notification-panel-host[b-qbyjt11btk] {
    animation: notification-panel-enter-b-qbyjt11btk var(--innvilo-duration-fast) var(--innvilo-easing-decelerate) both;
    box-sizing: border-box;
    display: grid;
    left: min(
        var(--notification-panel-left, max(1rem, calc(100vw - 31rem))),
        calc(100vw - min(30rem, calc(100vw - 2rem)) - 1rem));
    max-height: min(
        var(--notification-panel-max-height, 40rem),
        calc(100dvh - var(--notification-panel-top, 4.75rem) - 1rem));
    max-width: calc(100vw - 2rem);
    position: absolute;
    top: var(--notification-panel-top, 4.75rem);
    transform-origin: top right;
    width: min(30rem, calc(100vw - 2rem));
}

@keyframes notification-panel-enter-b-qbyjt11btk {
    from {
        opacity: 0;
        transform: translateY(-0.375rem) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.notification-overlay.is-mobile[b-qbyjt11btk] {
    background: var(--innvilo-surface-main);
}

.notification-panel-host.is-mobile[b-qbyjt11btk] {
    animation: none;
    height: 100dvh;
    left: 0;
    max-height: 100dvh;
    max-width: 100%;
    top: 0;
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .notification-panel-host[b-qbyjt11btk] {
        animation: none;
    }
}
/* /Components/Layout/NotificationItem.razor.rz.scp.css */
.notification-item[b-ezglaamh0j] {
    background: var(--innvilo-surface-main);
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    grid-template-columns: minmax(0, 1fr) auto;
    position: relative;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                opacity var(--innvilo-duration-normal) var(--innvilo-easing-standard);
}

.notification-item:has(.notification-item__open:hover)[b-ezglaamh0j] {
    background: var(--color-surface-soft);
}

.notification-item:has(.notification-item__open:active)[b-ezglaamh0j] {
    background: var(--color-surface-raised);
}

.notification-item.is-unread[b-ezglaamh0j] {
    background: var(--color-notification-unread-bg);
}

.notification-item.is-unread:has(.notification-item__open:hover)[b-ezglaamh0j] {
    background: var(--color-notification-unread-hover);
}

.notification-item.is-unread[b-ezglaamh0j]::before {
    background: var(--innvilo-color-primary);
    border-radius: 0 var(--innvilo-radius-full) var(--innvilo-radius-full) 0;
    bottom: var(--innvilo-space-3);
    content: '';
    left: 0;
    position: absolute;
    top: var(--innvilo-space-3);
    width: 0.125rem;
    z-index: 3;
}

.notification-item:has(.notification-item__open:focus-visible)[b-ezglaamh0j] {
    box-shadow: inset 0 0 0 0.125rem var(--innvilo-border-focus);
    z-index: 2;
}

.notification-item.is-busy[b-ezglaamh0j] {
    opacity: 0.62;
}

.notification-item__surface[b-ezglaamh0j] {
    display: grid;
    gap: var(--notification-icon-gap, var(--innvilo-space-5));
    grid-column: 1;
    grid-template-columns: var(--notification-icon-size, 2.25rem) minmax(0, 1fr);
    min-width: 0;
    padding: var(--innvilo-space-5) 0 var(--innvilo-space-5) var(--notification-gutter, var(--innvilo-space-6));
    position: relative;
}

.notification-item__open[b-ezglaamh0j] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    inset: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.notification-item__open:focus-visible[b-ezglaamh0j] {
    outline: 0;
}

.notification-item__open:disabled[b-ezglaamh0j] {
    cursor: default;
}

.notification-item__visual[b-ezglaamh0j] {
    align-self: start;
    display: grid;
    justify-items: center;
    pointer-events: none;
}

.notification-item__icon[b-ezglaamh0j] {
    align-items: center;
    background: var(--color-notification-neutral-soft);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-notification-neutral);
    display: inline-flex;
    font-size: var(--innvilo-font-size-body);
    height: var(--notification-icon-size, 2.25rem);
    justify-content: center;
    width: var(--notification-icon-size, 2.25rem);
}

.is-type-warning .notification-item__icon[b-ezglaamh0j] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
}

.is-type-error .notification-item__icon[b-ezglaamh0j] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.is-type-action .notification-item__icon[b-ezglaamh0j] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-border-default);
    color: var(--innvilo-color-primary);
}

.notification-item__body[b-ezglaamh0j] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    pointer-events: none;
}

.notification-item__title-row[b-ezglaamh0j] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-width: 0;
}

.notification-item__headline[b-ezglaamh0j] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.notification-item__headline strong[b-ezglaamh0j] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.notification-item.is-unread .notification-item__headline strong[b-ezglaamh0j] {
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.notification-item__severity[b-ezglaamh0j] {
    border: 1px solid currentColor;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.25;
    padding: var(--innvilo-space-1) var(--innvilo-space-2);
}

.is-type-warning .notification-item__severity[b-ezglaamh0j] {
    color: var(--color-warning-text);
}

.is-type-error .notification-item__severity[b-ezglaamh0j] {
    color: var(--color-error);
}

.notification-item__time[b-ezglaamh0j] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    white-space: nowrap;
}

.notification-item__message[b-ezglaamh0j] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--innvilo-text-secondary);
    display: -webkit-box;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.48;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.notification-item.is-expanded .notification-item__message[b-ezglaamh0j] {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
}

.notification-item__context[b-ezglaamh0j],
.notification-item__meta[b-ezglaamh0j] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.notification-item__context[b-ezglaamh0j] {
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
}

.notification-item__context span[b-ezglaamh0j] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.notification-item__meta[b-ezglaamh0j] {
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
}

.notification-item__area[b-ezglaamh0j],
.notification-item__status[b-ezglaamh0j] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.35;
}

.notification-item__area[b-ezglaamh0j] {
    color: var(--innvilo-text-secondary);
}

.notification-item__status[b-ezglaamh0j] {
    border-left: 1px solid var(--innvilo-border-soft);
    padding-left: var(--innvilo-space-4);
}

.notification-item[data-notification-status="completed"] .notification-item__status[b-ezglaamh0j] {
    color: var(--color-success);
}

.notification-item[data-notification-status="inprogress"] .notification-item__status[b-ezglaamh0j] {
    color: var(--innvilo-color-primary);
}

.notification-item[data-notification-status="snoozed"] .notification-item__status[b-ezglaamh0j] {
    color: var(--color-warning-text);
}

.notification-item[data-notification-status="rejected"] .notification-item__status[b-ezglaamh0j],
.notification-item[data-notification-status="failed"] .notification-item__status[b-ezglaamh0j] {
    color: var(--color-error);
}

.notification-item.is-resolved:not(.is-unread) .notification-item__icon[b-ezglaamh0j] {
    opacity: 0.72;
}

.notification-item__expand-hint[b-ezglaamh0j] {
    align-items: center;
    color: var(--innvilo-color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    justify-self: start;
    line-height: 1.35;
}

.notification-item__actions[b-ezglaamh0j] {
    align-items: center;
    align-self: center;
    display: flex;
    gap: var(--innvilo-space-2);
    grid-column: 2;
    justify-content: flex-end;
    padding: var(--innvilo-space-3) var(--notification-gutter, var(--innvilo-space-6)) var(--innvilo-space-3) var(--innvilo-space-2);
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .notification-item__title-row[b-ezglaamh0j] {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: var(--innvilo-space-2);
    }

    .notification-item__time[b-ezglaamh0j] {
        margin-left: auto;
    }

    .notification-item__status[b-ezglaamh0j] {
        border-left: 0;
        padding-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-item[b-ezglaamh0j] {
        transition: none;
    }
}
/* /Components/Layout/NotificationPanel.razor.rz.scp.css */
.notification-panel[b-fm4okxzc3i] {
    --notification-gutter: var(--innvilo-space-6);
    --notification-icon-size: 2.25rem;
    --notification-icon-gap: var(--innvilo-space-5);
    --notification-tab-inset: var(--innvilo-space-5);

    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    box-shadow: var(--innvilo-shadow-popover);
    display: flex;
    flex-direction: column;
    font-family: 'Lato-Regular', Arial, sans-serif;
    max-height: inherit;
    min-width: 0;
    overflow: hidden;
}

.notification-panel:focus[b-fm4okxzc3i] {
    outline: 0;
}

.notification-panel__header[b-fm4okxzc3i] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: grid;
    flex: 0 0 auto;
    gap: var(--innvilo-space-3);
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: var(--innvilo-space-5) var(--notification-gutter);
}

.notification-panel__heading[b-fm4okxzc3i],
.notification-panel__heading > div[b-fm4okxzc3i] {
    min-width: 0;
}

.notification-panel__heading h2[b-fm4okxzc3i],
.notification-panel__heading p[b-fm4okxzc3i] {
    margin: 0;
}

.notification-panel__heading h2[b-fm4okxzc3i] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.25;
}

.notification-panel__heading p[b-fm4okxzc3i] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin-top: var(--innvilo-space-1);
}

.notification-panel__header-actions[b-fm4okxzc3i] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.notification-panel__filter-count[b-fm4okxzc3i],
.notification-panel__tab-count[b-fm4okxzc3i] {
    align-items: center;
    background: var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    justify-content: center;
    line-height: 1;
    min-height: 1.1rem;
    min-width: 1.1rem;
    padding: 0 var(--innvilo-space-2);
}

.notification-panel__filter-count[b-fm4okxzc3i] {
    position: absolute;
    right: -0.3rem;
    top: -0.3rem;
}

.notification-panel__tabs[b-fm4okxzc3i] {
    align-items: stretch;
    background: var(--innvilo-surface-main);
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: flex;
    flex: 0 0 auto;
    overflow-x: auto;
    padding: 0 calc(var(--notification-gutter) - var(--notification-tab-inset));
    scrollbar-width: none;
}

.notification-panel__tabs[b-fm4okxzc3i]::-webkit-scrollbar {
    display: none;
}

.notification-panel__tab-slot[b-fm4okxzc3i] {
    align-items: stretch;
    display: inline-flex;
    flex: 1 0 auto;
    justify-content: center;
    min-height: 2.75rem;
    position: relative;
}

.notification-panel__tab-slot[b-fm4okxzc3i]::after {
    background: transparent;
    border-radius: var(--innvilo-radius-full) var(--innvilo-radius-full) 0 0;
    bottom: 0;
    content: '';
    height: 0.1875rem;
    left: var(--notification-tab-inset);
    position: absolute;
    right: var(--notification-tab-inset);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.notification-panel__tab-slot.is-active[b-fm4okxzc3i]::after {
    background: var(--innvilo-color-primary);
}

.notification-panel__tab[b-fm4okxzc3i] {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--notification-tab-inset);
    white-space: nowrap;
}

.notification-panel__tab:hover[b-fm4okxzc3i],
.notification-panel__tab.is-active[b-fm4okxzc3i] {
    color: var(--innvilo-color-primary);
}

.notification-panel__tab:focus-visible[b-fm4okxzc3i] {
    border-radius: var(--innvilo-radius-sm);
    box-shadow: 0 0 0 0.2rem var(--color-primary-focus-ring);
    outline: 0.125rem solid var(--innvilo-border-focus);
    outline-offset: -0.25rem;
}

.notification-panel__content[b-fm4okxzc3i] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.notification-panel__filters[b-fm4okxzc3i] {
    background: var(--color-surface-soft);
    border-bottom: 1px solid var(--innvilo-border-soft);
    padding: var(--innvilo-space-5) var(--notification-gutter);
}

.notification-group h3[b-fm4okxzc3i] {
    background: var(--color-surface-soft);
    border-bottom: 1px solid var(--innvilo-border-soft);
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    margin: 0;
    padding: var(--innvilo-space-3) var(--notification-gutter);
    position: sticky;
    top: 0;
    z-index: 2;
}

.notification-group__items[b-fm4okxzc3i],
.notification-skeleton[b-fm4okxzc3i] {
    display: grid;
}

.notification-panel__load-more[b-fm4okxzc3i] {
    display: flex;
    justify-content: center;
    padding: var(--innvilo-space-5);
}

.notification-panel__load-more-error[b-fm4okxzc3i] {
    align-items: center;
    background: var(--color-error-soft);
    border-top: 1px solid var(--color-error-border);
    color: var(--color-error);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding: var(--innvilo-space-4) var(--notification-gutter);
}

.notification-state[b-fm4okxzc3i] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 11rem;
    padding: var(--innvilo-space-7) var(--notification-gutter);
    text-align: center;
}

.notification-state > span[b-fm4okxzc3i] {
    align-items: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-color-primary);
    display: inline-flex;
    font-size: var(--innvilo-font-size-heading);
    height: 3rem;
    justify-content: center;
    margin-bottom: var(--innvilo-space-4);
    width: 3rem;
}

.notification-state--error[b-fm4okxzc3i] {
    background: var(--color-error-soft);
}

.notification-state--error > span[b-fm4okxzc3i] {
    background: var(--innvilo-surface-main);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.notification-state h3[b-fm4okxzc3i] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    margin: 0;
}

.notification-state p[b-fm4okxzc3i] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 var(--innvilo-space-5);
    max-width: 24rem;
}

.notification-skeleton__row[b-fm4okxzc3i] {
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--notification-icon-gap);
    grid-template-columns: var(--notification-icon-size) minmax(0, 1fr);
    padding: var(--innvilo-space-5) var(--notification-gutter);
}

.notification-skeleton__row > span[b-fm4okxzc3i],
.notification-skeleton__row i[b-fm4okxzc3i] {
    animation: notification-shimmer-b-fm4okxzc3i 1.35s linear infinite;
    background: linear-gradient(90deg,
        var(--color-notification-skeleton),
        var(--color-notification-skeleton-highlight),
        var(--color-notification-skeleton));
    background-size: 200% 100%;
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.notification-skeleton__row > span[b-fm4okxzc3i] {
    height: var(--notification-icon-size);
}

.notification-skeleton__row div[b-fm4okxzc3i] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.notification-skeleton__row i:nth-child(1)[b-fm4okxzc3i] {
    height: 0.8rem;
    width: 58%;
}

.notification-skeleton__row i:nth-child(2)[b-fm4okxzc3i] {
    height: 0.65rem;
    width: 90%;
}

.notification-skeleton__row i:nth-child(3)[b-fm4okxzc3i] {
    height: 0.6rem;
    width: 38%;
}

@keyframes notification-shimmer-b-fm4okxzc3i {
    to { background-position: -200% 0; }
}

.notification-panel.is-mobile[b-fm4okxzc3i] {
    --notification-gutter: var(--innvilo-space-5);
    --notification-icon-gap: var(--innvilo-space-4);

    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 100dvh;
    max-height: 100dvh;
    padding-bottom: env(safe-area-inset-bottom);
}

.notification-panel.is-mobile .notification-panel__header[b-fm4okxzc3i] {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: calc(var(--notification-gutter) + env(safe-area-inset-top)) var(--notification-gutter) var(--innvilo-space-4);
}

.notification-panel.is-mobile .notification-panel__heading p[b-fm4okxzc3i] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-panel.is-mobile .notification-panel__header-actions[b-fm4okxzc3i] {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: space-between;
    width: 100%;
}

.notification-panel.is-mobile .notification-panel__tab-slot[b-fm4okxzc3i],
.notification-panel.is-mobile .notification-panel__tab[b-fm4okxzc3i] {
    min-height: 2.75rem;
}

.notification-panel.is-mobile .notification-panel__tabs[b-fm4okxzc3i] {
    scroll-snap-type: x proximity;
}

.notification-panel.is-mobile .notification-panel__tab-slot[b-fm4okxzc3i] {
    scroll-snap-align: start;
}

.notification-panel.is-mobile .notification-panel__load-more-error[b-fm4okxzc3i] {
    align-items: flex-start;
    flex-direction: column;
}

.notification-panel.is-mobile .notification-state[b-fm4okxzc3i] {
    min-height: 12rem;
    padding: var(--innvilo-space-7) var(--innvilo-space-5);
}

@media (prefers-reduced-motion: reduce) {
    .notification-panel__tab-slot[b-fm4okxzc3i]::after {
        transition: none;
    }

    .notification-skeleton__row > span[b-fm4okxzc3i],
    .notification-skeleton__row i[b-fm4okxzc3i] {
        animation: none;
    }
}
/* /Components/Layout/PmsHeader.razor.rz.scp.css */
/* Der Kopf ist eine schwebende Materialebene, kein deckender Balken: der Inhalt zieht
   darunter durch und die untere Kante laeuft als weicher Verlauf aus statt als harte
   1px-Linie. Dieselbe Behandlung wie der mitlaufende Tabellenkopf im Dashboard und der
   Etagenkopf im Housekeeping - was gleich schwebt, muss gleich aussehen.

   Grosse Flaechen lesen dicker: der Kopf spannt ueber die volle Breite und traegt
   deshalb den kraeftigeren Blur, nicht den duennen. */
.pms-toolbar[b-g1w7k2so8a] {
    backdrop-filter: var(--innvilo-material-blur-regular);
    background: var(--innvilo-material-regular);
    color: var(--color-text);
    display: grid;
    gap: 0.45rem;
    grid-template-columns: minmax(0, 1fr);
    padding: calc(0.85rem + env(safe-area-inset-top)) clamp(1rem, 2vw, 2rem) 0.75rem;
    position: sticky;
    top: 0;
    z-index: 40;
}

/* Scroll-Kante statt Trennlinie: sie sitzt ausserhalb des Kopfes und faerbt nur die
   Stelle, an der Inhalt unter die schwebende Flaeche laeuft. */
.pms-toolbar[b-g1w7k2so8a]::after {
    background: linear-gradient(to bottom, var(--innvilo-scroll-edge-shade), transparent);
    content: '';
    height: var(--innvilo-scroll-edge-size);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
}

.pms-toolbar-primary[b-g1w7k2so8a] {
    align-items: center;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(13rem, 17.5rem) minmax(18rem, 1fr) auto;
    min-height: 3rem;
}

.pms-toolbar-start[b-g1w7k2so8a],
.pms-toolbar-actions[b-g1w7k2so8a],
.pms-property[b-g1w7k2so8a],
.pms-search[b-g1w7k2so8a],
.pms-live-pill[b-g1w7k2so8a] {
    align-items: center;
    display: inline-flex;
}

.pms-toolbar-start[b-g1w7k2so8a] {
    gap: 0.6rem;
    min-width: 0;
}

.pms-property[b-g1w7k2so8a] {
    color: var(--color-navy-deep);
    gap: 0.6rem;
    min-height: 2.65rem;
    min-width: 0;
    padding: 0 0.15rem;
}

.pms-property i[b-g1w7k2so8a] {
    color: var(--color-text-muted);
    font-size: 1.05rem;
}

.pms-property span[b-g1w7k2so8a],
.pms-property-switcher select[b-g1w7k2so8a] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 0.96rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pms-property-switcher select[b-g1w7k2so8a] {
    appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    min-width: 0;
    outline: 0;
    width: 100%;
}

/* Die Suche ist eine Schaltflaeche im Kleid eines Feldes - sie oeffnet die
   Befehlspalette. Sie muss sich deshalb auch wie eine Schaltflaeche anfuehlen. */
.pms-search[b-g1w7k2so8a] {
    background: var(--color-surface);
    border: 1px solid var(--color-header-border);
    border-radius: 0.9rem;
    color: var(--color-text-muted);
    cursor: pointer;
    gap: 0.65rem;
    min-height: 2.75rem;
    min-width: 0;
    padding: 0 0.95rem;
    transition: background-color var(--innvilo-duration-press) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-press) var(--innvilo-easing-standard),
                box-shadow var(--innvilo-duration-response-quick) var(--innvilo-easing-settle),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
    width: 100%;
}

.pms-search:hover[b-g1w7k2so8a] {
    border-color: var(--color-border-strong);
}

.pms-search:focus-within[b-g1w7k2so8a] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem var(--color-primary-focus-ring);
}

/* Druckantwort beim Druecken, nicht beim Loslassen. Auf einer so breiten Flaeche waere
   die volle Druckskalierung zu viel - hier traegt die zurueckhaltende Stufe. */
.pms-search:active[b-g1w7k2so8a] {
    background: var(--color-surface-soft);
    transform: scale(var(--innvilo-press-scale-subtle));
}

.pms-search input[b-g1w7k2so8a] {
    background: transparent;
    border: 0;
    color: var(--color-text);
    flex: 1 1 auto;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: 0.94rem;
    min-width: 0;
    outline: 0;
    cursor: pointer;
}

.pms-search input[b-g1w7k2so8a]::placeholder {
    color: var(--color-text-subtle);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.pms-search kbd[b-g1w7k2so8a] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-header-border);
    border-radius: 0.35rem;
    color: var(--color-text-subtle);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: 0.72rem;
    padding: 0.12rem 0.35rem;
    white-space: nowrap;
}

.pms-toolbar-actions[b-g1w7k2so8a] {
    gap: 0.35rem;
    justify-content: flex-end;
    min-width: 0;
    position: relative;
}

.pms-date[b-g1w7k2so8a] {
    color: var(--color-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: 0.86rem;
    gap: 0.42rem;
    min-height: 2.5rem;
    padding: 0 0.4rem;
    white-space: nowrap;
}

.pms-live-pill[b-g1w7k2so8a] {
    background: var(--color-accent-soft);
    border-radius: 999px;
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 0.82rem;
    gap: 0.4rem;
    min-height: 2.35rem;
    padding: 0 0.75rem;
    white-space: nowrap;
}

.pms-popover-host[b-g1w7k2so8a] {
    position: relative;
}

/* Das Popover entsteht an seinem Ausloeser: der Ursprung liegt oben rechts, also dort,
   wo der Knopf steht. Es materialisiert (Blur und Skalierung zusammen) statt nur
   einzublenden - so liest es sich als eintreffende Flaeche und nicht als Sprung. */
.pms-popover[b-g1w7k2so8a] {
    animation: pms-popover-materialize-b-g1w7k2so8a var(--innvilo-duration-response-quick) var(--innvilo-easing-settle) both;
    background: var(--color-surface);
    border: 1px solid var(--color-header-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-popover);
    position: absolute;
    right: clamp(1rem, 2vw, 2rem);
    top: calc(100% - 0.1rem);
    transform-origin: top right;
    width: min(22rem, calc(100vw - 2rem));
    z-index: 80;
}

.pms-ai-popover[b-g1w7k2so8a] {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
}

.pms-ai-popover strong[b-g1w7k2so8a] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1rem;
}

.pms-ai-popover span[b-g1w7k2so8a] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: 0.88rem;
    line-height: 1.45;
}

.pms-popover-link[b-g1w7k2so8a] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: 0.88rem;
    margin-top: 0.25rem;
}

.pms-account-host[b-g1w7k2so8a] {
    border-left: 1px solid var(--color-header-divider);
    margin-left: 0.25rem;
    padding-left: 0.65rem;
}

.pms-account-avatar[b-g1w7k2so8a] {
    align-items: center;
    background: var(--color-accent-soft);
    border-radius: 999px;
    color: var(--color-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 0.86rem;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.pms-account-meta[b-g1w7k2so8a] {
    display: grid;
    gap: 0.02rem;
    min-width: 0;
    text-align: left;
}

.pms-account-meta strong[b-g1w7k2so8a] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: 0.83rem;
    max-width: 13rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pms-account-meta small[b-g1w7k2so8a] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: 0.72rem;
}

.pms-account-menu[b-g1w7k2so8a] {
    display: grid;
    overflow: hidden;
    padding: 0.35rem;
    right: 0;
    top: calc(100% + 0.55rem);
    width: 16rem;
}

.pms-logout-form[b-g1w7k2so8a] {
    display: inline-flex;
}

@media (max-width: 1280px) {
    .pms-toolbar-primary[b-g1w7k2so8a] {
        grid-template-columns: minmax(12rem, 15rem) minmax(14rem, 1fr) auto;
    }
}

@media (max-width: 1100px) {
    .pms-toolbar[b-g1w7k2so8a] {
        gap: 0.55rem;
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .pms-toolbar-primary[b-g1w7k2so8a] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .pms-search[b-g1w7k2so8a] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .pms-search kbd[b-g1w7k2so8a],
    .pms-account-meta[b-g1w7k2so8a],
    .pms-logout-form[b-g1w7k2so8a] {
        display: none;
    }

    .pms-toolbar-actions[b-g1w7k2so8a] {
        gap: 0.2rem;
    }

    .pms-account-host[b-g1w7k2so8a] {
        border-left: 0;
        margin-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .pms-toolbar[b-g1w7k2so8a] {
        padding: calc(0.7rem + env(safe-area-inset-top)) 0.75rem 0.65rem;
    }

    .pms-toolbar-start[b-g1w7k2so8a] {
        gap: 0.45rem;
    }

    .pms-property[b-g1w7k2so8a] {
        min-width: 0;
        padding-right: 0;
    }

    .pms-property span[b-g1w7k2so8a],
    .pms-property-switcher select[b-g1w7k2so8a] {
        font-size: 0.88rem;
    }

    .pms-search[b-g1w7k2so8a] {
        min-height: 2.65rem;
    }

    .pms-account-avatar[b-g1w7k2so8a] {
        height: 2.35rem;
        width: 2.35rem;
    }

    .pms-live-pill[b-g1w7k2so8a] {
        display: none;
    }
}

@media (max-width: 480px) {
    .pms-toolbar[b-g1w7k2so8a] {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

    .pms-property i[b-g1w7k2so8a] {
        display: none;
    }
}

@keyframes pms-popover-materialize-b-g1w7k2so8a {
    from {
        filter: blur(5px);
        opacity: 0;
        transform: scale(0.96) translateY(-0.3rem);
    }

    to {
        filter: blur(0);
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Reduzierte Bewegung heisst nicht keine Rueckmeldung: Skalierung, Versatz und Blur
   entfallen, die Einblendung bleibt, weil sie das Erscheinen erklaert. */
@media (prefers-reduced-motion: reduce) {
    .pms-popover[b-g1w7k2so8a] {
        animation: pms-popover-fade-b-g1w7k2so8a var(--innvilo-duration-fast) linear both;
    }

    .pms-search[b-g1w7k2so8a] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear;
    }

    .pms-search:active[b-g1w7k2so8a] {
        transform: none;
    }
}

@keyframes pms-popover-fade-b-g1w7k2so8a {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Materialien werden frostiger statt durchsichtig: Deckkraft hoch, Blur weg. */
@media (prefers-reduced-transparency: reduce) {
    .pms-toolbar[b-g1w7k2so8a] {
        backdrop-filter: none;
        background: var(--color-header-bg);
    }
}

/* Erhoehter Kontrast: deckende Flaeche mit klar abgesetzter Kante statt Verlauf. */
@media (prefers-contrast: more) {
    .pms-toolbar[b-g1w7k2so8a] {
        backdrop-filter: none;
        background: var(--color-header-bg);
        border-bottom: 1px solid var(--color-navy-deep);
    }

    .pms-toolbar[b-g1w7k2so8a]::after {
        content: none;
    }

    .pms-popover[b-g1w7k2so8a] {
        border-color: var(--color-navy-deep);
    }
}
/* /Components/Layout/PmsMobileBottomNavigation.razor.rz.scp.css */
.pms-mobile-bottom-nav[b-g1xyico80c] {
        background: var(--color-mobile-nav-bg);
        border-top: 1px solid var(--color-mobile-nav-border);
        bottom: 0;
        box-shadow: 0 -0.35rem 1.25rem var(--color-nav-drawer-glow);
        display: block;
        left: 0;
        padding-bottom: env(safe-area-inset-bottom);
        position: fixed;
        right: 0;
        z-index: var(--innvilo-z-sticky);
}

.pms-mobile-bottom-nav__items[b-g1xyico80c] {
        display: grid;
        grid-auto-columns: minmax(0, 1fr);
        grid-auto-flow: column;
        min-height: 4rem;
    }

    .pms-mobile-bottom-nav__link[b-g1xyico80c] {
        align-items: center;
        color: var(--color-nav-text-muted);
        display: flex;
        flex-direction: column;
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: var(--innvilo-font-size-caption);
        gap: var(--innvilo-space-2);
        justify-content: center;
        min-height: 3.5rem;
        min-width: 0;
        padding: var(--innvilo-space-3) var(--innvilo-space-1);
        position: relative;
        text-decoration: none;
    }

    .pms-mobile-bottom-nav__link[b-g1xyico80c]::before {
        background: transparent;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 1.75rem;
    }

    .pms-mobile-bottom-nav__link > i[b-g1xyico80c] {
        font-size: 1.2rem;
        line-height: 1;
    }

    .pms-mobile-bottom-nav__link > span[b-g1xyico80c] {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pms-mobile-bottom-nav__link.is-active[b-g1xyico80c],
    .pms-mobile-bottom-nav__link[aria-current="page"][b-g1xyico80c] {
        color: var(--color-mobile-nav-active);
    }

    .pms-mobile-bottom-nav__link.is-active[b-g1xyico80c]::before,
    .pms-mobile-bottom-nav__link[aria-current="page"][b-g1xyico80c]::before {
        background: var(--color-mobile-nav-active);
    }

    .pms-mobile-bottom-nav__link:active[b-g1xyico80c] {
        background: var(--color-nav-hover-bg);
    }

    .pms-mobile-bottom-nav__link:focus-visible[b-g1xyico80c] {
        outline: 2px solid var(--color-nav-focus);
        outline-offset: -3px;
    }

    .pms-mobile-bottom-nav__more[b-g1xyico80c] {
        align-items: center;
        appearance: none;
        background: transparent;
        border: 0;
        border-radius: 0;
        color: var(--color-nav-text-muted);
        cursor: pointer;
        display: flex;
        flex-direction: column;
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: var(--innvilo-font-size-caption);
        gap: var(--innvilo-space-2);
        justify-content: center;
        min-height: 3.5rem;
        min-width: 0;
        padding: var(--innvilo-space-3) var(--innvilo-space-1);
        position: relative;
        width: 100%;
    }

    .pms-mobile-bottom-nav__more[b-g1xyico80c]::before {
        background: transparent;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 1.75rem;
    }

    .pms-mobile-bottom-nav__more > i[b-g1xyico80c] {
        font-size: 1.2rem;
        line-height: 1;
    }

    .pms-mobile-bottom-nav__more:hover[b-g1xyico80c],
    .pms-mobile-bottom-nav__more:active[b-g1xyico80c] {
        background: var(--color-nav-hover-bg);
        color: var(--color-nav-active);
    }

    .pms-mobile-bottom-nav__more.is-active[b-g1xyico80c] {
        color: var(--color-mobile-nav-active);
    }

    .pms-mobile-bottom-nav__more.is-active[b-g1xyico80c]::before {
        background: var(--color-mobile-nav-active);
    }

    .pms-mobile-bottom-nav__more:focus-visible[b-g1xyico80c] {
        outline: 2px solid var(--color-nav-focus);
        outline-offset: -3px;
    }
/* /Components/Layout/PmsMobileMoreNavigation.razor.rz.scp.css */
.pms-mobile-more-navigation[b-tu2bvtwnii] {
    box-sizing: border-box;
    display: grid;
    gap: var(--innvilo-space-7);
    max-width: none;
    padding: var(--innvilo-space-5)
        max(var(--innvilo-space-5), env(safe-area-inset-right))
        var(--innvilo-space-7)
        max(var(--innvilo-space-5), env(safe-area-inset-left));
    width: 100%;
}

.pms-mobile-more-section[b-tu2bvtwnii] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.pms-mobile-more-section > header[b-tu2bvtwnii] {
    align-items: center;
    color: var(--color-nav-text-muted);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: 1.125rem minmax(0, 1fr);
    min-height: 2.25rem;
    padding-inline: var(--innvilo-space-1);
}

.pms-mobile-more-section.is-current-section > header[b-tu2bvtwnii] {
    color: var(--color-nav-active);
}

.pms-mobile-more-section > header i[b-tu2bvtwnii] {
    color: inherit;
    font-size: 0.9375rem;
    text-align: center;
    width: 1.125rem;
}

.pms-mobile-more-section.is-current-section > header i[b-tu2bvtwnii] {
    color: var(--color-nav-accent);
}

.pms-mobile-more-section h2[b-tu2bvtwnii] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: 0.9375rem;
    letter-spacing: 0;
    margin: 0;
}

.pms-mobile-more-section__items[b-tu2bvtwnii] {
    box-sizing: border-box;
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    padding-left: var(--innvilo-space-6);
    width: 100%;
}

.pms-mobile-more-link[b-tu2bvtwnii] {
    align-items: center;
    border: 0;
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-nav-text);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: 0.875rem;
    gap: var(--innvilo-space-5);
    grid-template-columns: 1rem minmax(0, 1fr);
    line-height: 1.25;
    min-height: 3rem;
    min-width: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-decoration: none;
    transition:
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.pms-mobile-more-link:hover[b-tu2bvtwnii],
.pms-mobile-more-link:focus-visible[b-tu2bvtwnii] {
    background: var(--color-nav-hover-bg);
    color: var(--color-nav-active);
}

.pms-mobile-more-link:focus-visible[b-tu2bvtwnii] {
    outline: 2px solid var(--color-nav-focus);
    outline-offset: -2px;
}

/* Druckantwort beim Druecken, nicht beim Loslassen. Auf dem Touchgeraet ist dieser
   Zustand die einzige Rueckmeldung vor dem Seitenwechsel - Hover gibt es dort nicht. */
.pms-mobile-more-link:active[b-tu2bvtwnii] {
    background: var(--color-nav-section-hover);
    color: var(--color-nav-active);
}

.pms-mobile-more-link.is-active[b-tu2bvtwnii] {
    background: var(--color-nav-active-bg);
    box-shadow: none;
    color: var(--color-nav-active);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.pms-mobile-more-link > i:first-child[b-tu2bvtwnii] {
    color: var(--color-nav-text-muted);
    font-size: 0.9375rem;
    text-align: center;
}

.pms-mobile-more-link > span[b-tu2bvtwnii] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pms-mobile-more-link:hover > i:first-child[b-tu2bvtwnii],
.pms-mobile-more-link.is-active > i:first-child[b-tu2bvtwnii] {
    color: var(--color-nav-accent);
}

@media (min-width: 640px) and (max-width: 767px) {
    .pms-mobile-more-section__items[b-tu2bvtwnii] {
        column-gap: var(--innvilo-space-3);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .pms-mobile-more-link[b-tu2bvtwnii] {
        transition: none;
    }
}
/* /Components/Layout/PmsQuickActionsPanel.razor.rz.scp.css */
.pms-context-actions[b-vq8tjuth79] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-6);
}

.pms-context-actions--hero[b-vq8tjuth79] {
    gap: var(--innvilo-space-5);
    justify-content: flex-end;
}

.pms-business-date[b-vq8tjuth79] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-header-border);
    border-radius: var(--innvilo-radius-md);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 2.75rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-6) var(--innvilo-space-3) var(--innvilo-space-3);
}

.pms-context-actions--hero .pms-business-date[b-vq8tjuth79] {
    background: var(--color-surface-raised);
    border-color: var(--color-border);
    border-radius: var(--radius-sm);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-5);
}

.pms-business-date-icon[b-vq8tjuth79] {
    align-items: center;
    background: var(--color-accent-soft);
    border-radius: var(--innvilo-radius-xs);
    color: var(--color-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.875rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.pms-context-actions--hero .pms-business-date-icon[b-vq8tjuth79] {
    background: transparent;
    border-radius: 0;
    color: var(--color-text-muted);
    height: auto;
    width: auto;
}

.pms-business-date-copy[b-vq8tjuth79] {
    display: grid;
    gap: var(--innvilo-space-1);
    text-align: left;
}

.pms-business-date-copy > span[b-vq8tjuth79] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-overline);
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.pms-business-date-copy strong[b-vq8tjuth79] {
    color: var(--color-navy-deep);
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
    white-space: nowrap;
}

.pms-context-actions--hero .pms-business-date-copy > span[b-vq8tjuth79] {
    color: var(--color-text-muted);
}

.pms-context-actions--hero .pms-business-date-copy strong[b-vq8tjuth79] {
    color: var(--color-text);
}

.pms-context-actions--hero .pms-business-date-copy[b-vq8tjuth79] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-2);
}

.pms-context-actions--hero .pms-business-date-copy > span[b-vq8tjuth79]::after {
    content: ":";
}

.pms-quick-actions-heading[b-vq8tjuth79] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: 2.5rem minmax(0, 1fr) 2.75rem;
    width: 100%;
}

.pms-quick-actions-heading__icon[b-vq8tjuth79] {
    align-items: center;
    background: var(--innvilo-color-primary-soft);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-color-primary);
    display: inline-flex;
    font-size: 0.875rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.pms-quick-actions-heading__copy[b-vq8tjuth79] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.pms-quick-actions-heading__copy strong[b-vq8tjuth79] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.25;
}

.pms-quick-actions-heading__copy span[b-vq8tjuth79] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.pms-quick-actions-content[b-vq8tjuth79] {
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-6);
}

.pms-quick-actions-section-heading[b-vq8tjuth79] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: space-between;
    letter-spacing: var(--innvilo-tracking-overline);
    padding-inline: var(--innvilo-space-2);
    text-transform: uppercase;
}

.pms-quick-actions-section-heading small[b-vq8tjuth79] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-full);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.35rem;
    justify-content: center;
    min-width: 1.35rem;
}

.pms-quick-actions-grid[b-vq8tjuth79] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pms-quick-action-icon[b-vq8tjuth79] {
    align-items: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-dashboard-emphasis-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-color-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.9rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.pms-quick-action-copy[b-vq8tjuth79] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
    text-align: left;
}

.pms-quick-action-copy strong[b-vq8tjuth79] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.pms-quick-action-copy small[b-vq8tjuth79] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.pms-quick-action--primary .pms-quick-action-icon[b-vq8tjuth79] {
    background: color-mix(in srgb, var(--color-surface) 16%, transparent);
    border-color: color-mix(in srgb, var(--color-surface) 30%, transparent);
    color: var(--color-surface);
}

.pms-quick-action--primary .pms-quick-action-copy small[b-vq8tjuth79] {
    color: color-mix(in srgb, var(--color-surface) 82%, transparent);
}

.pms-quick-action-arrow[b-vq8tjuth79] {
    color: currentColor;
    font-size: 0.75rem;
    opacity: 0.72;
}

@media (max-width: 40rem) {
    .pms-context-actions--hero[b-vq8tjuth79] {
        flex-wrap: wrap;
        gap: var(--innvilo-space-4);
        justify-content: space-between;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .pms-quick-actions-grid[b-vq8tjuth79] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 30rem) {
    .pms-business-date[b-vq8tjuth79] {
        min-height: 2.75rem;
        padding-right: var(--innvilo-space-4);
    }

    .pms-business-date-copy > span[b-vq8tjuth79] {
        font-size: var(--innvilo-font-size-micro);
    }

    .pms-quick-actions-heading__copy span[b-vq8tjuth79] {
        display: none;
    }
}
/* /Components/Layout/PublicBookingLayout.razor.rz.scp.css */
.public-booking-layout[b-sllcif1ycp] {
    min-height: 100dvh;
}
/* /Components/Pages/Accounting/AccountingCalendarMobileList.razor.rz.scp.css */
.accounting-calendar-mobile-list[b-4hlcsp2itp] {
    display: block;
    min-width: 0;
}

.accounting-calendar-mobile-list__row[b-4hlcsp2itp] {
    display: grid;
    gap: var(--innvilo-space-3);
    border-inline-start: 0.25rem solid var(--color-accounting-open);
}

.accounting-calendar-mobile-list__row.is-closed[b-4hlcsp2itp] {
    border-inline-start-color: var(--color-accounting-ready);
}

.accounting-calendar-mobile-list__row.is-closed-with-issues[b-4hlcsp2itp] {
    border-inline-start-color: var(--color-accounting-review);
}

.accounting-calendar-mobile-list__row.is-critical[b-4hlcsp2itp] {
    border-inline-start-color: var(--color-accounting-critical);
}

.accounting-calendar-mobile-list__row.is-filter-dimmed[b-4hlcsp2itp] {
    opacity: 0.45;
}

.accounting-calendar-mobile-list__row > header[b-4hlcsp2itp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--innvilo-space-3);
}

.accounting-calendar-mobile-list__row > header > div[b-4hlcsp2itp] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.accounting-calendar-mobile-list__row > header > div > span[b-4hlcsp2itp] {
    overflow: hidden;
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounting-calendar-mobile-list__row > header > div > strong[b-4hlcsp2itp] {
    display: inline-flex;
    align-items: center;
    gap: var(--innvilo-space-2);
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
}

.accounting-calendar-mobile-list__date[b-4hlcsp2itp] {
    display: grid;
    width: 3rem;
    min-height: 3rem;
    place-content: center;
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-surface-muted);
    text-align: center;
}

.accounting-calendar-mobile-list__date small[b-4hlcsp2itp] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
    text-transform: uppercase;
}

.accounting-calendar-mobile-list__date strong[b-4hlcsp2itp] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-heading);
}

.accounting-calendar-mobile-list__today[b-4hlcsp2itp] {
    padding: var(--innvilo-space-1) var(--innvilo-space-2);
    border-radius: var(--innvilo-radius-full);
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
}

.accounting-calendar-mobile-list__row dl[b-4hlcsp2itp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-2) var(--innvilo-space-3);
    margin: 0;
}

.accounting-calendar-mobile-list__row dl div[b-4hlcsp2itp] {
    min-width: 0;
}

.accounting-calendar-mobile-list__row dt[b-4hlcsp2itp] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.accounting-calendar-mobile-list__row dd[b-4hlcsp2itp] {
    margin: 0;
    overflow: hidden;
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/Accounting/AccountingDocumentCenter.razor.rz.scp.css */
.accounting-document-center[b-cko8kz25tb] {
    min-width: 0;
}

.accounting-document-center__state[b-cko8kz25tb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    background: var(--innvilo-surface-main);
}

.accounting-document-center__state > span[b-cko8kz25tb] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: var(--innvilo-radius-full);
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
    font-size: var(--innvilo-font-size-heading);
}

.accounting-document-center__state h2[b-cko8kz25tb],
.accounting-document-center__state p[b-cko8kz25tb] {
    margin: 0;
}

.accounting-document-center__state p[b-cko8kz25tb] {
    margin-top: var(--innvilo-space-2);
    color: var(--innvilo-text-secondary);
}

@media (max-width: 48rem) {
    .accounting-document-center__state[b-cko8kz25tb] {
        grid-template-columns: 1fr;
        align-items: start;
        padding: var(--innvilo-space-4);
    }
}
/* /Components/Pages/Accounting/AccountingDocumentGridDesktop.razor.rz.scp.css */
.accounting-document-grid-responsive[b-f7ax0rcyyi] {
    min-width: 0;
}

.accounting-document-mobile-row[b-f7ax0rcyyi] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.accounting-document-mobile-row__header[b-f7ax0rcyyi] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--innvilo-space-3);
}

.accounting-document-mobile-row__preview[b-f7ax0rcyyi] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-heading);
}

.accounting-document-mobile-row__identity[b-f7ax0rcyyi] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.accounting-document-mobile-row__identity > span[b-f7ax0rcyyi],
.accounting-document-mobile-row__identity > small[b-f7ax0rcyyi] {
    overflow: hidden;
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounting-document-mobile-row__identity > strong[b-f7ax0rcyyi] {
    overflow: hidden;
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounting-document-mobile-row__facts[b-f7ax0rcyyi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-2) var(--innvilo-space-3);
    margin: 0;
}

.accounting-document-mobile-row__facts div[b-f7ax0rcyyi] {
    min-width: 0;
}

.accounting-document-mobile-row__facts dt[b-f7ax0rcyyi] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.accounting-document-mobile-row__facts dd[b-f7ax0rcyyi] {
    margin: 0;
    overflow: hidden;
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounting-document-mobile-row__notice[b-f7ax0rcyyi] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: var(--innvilo-space-2);
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
}

@media (max-width: 30rem) {
    .accounting-document-mobile-row__header[b-f7ax0rcyyi] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .accounting-document-mobile-row__header > :last-child[b-f7ax0rcyyi] {
        grid-column: 1 / -1;
        width: fit-content;
    }
}
/* /Components/Pages/Accounting/AccountingDocumentVersionHistory.razor.rz.scp.css */
.accounting-document-version-history[b-kl6ptlxkud] {
    min-width: 0;
}

.accounting-document-version-history__row[b-kl6ptlxkud] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.accounting-document-version-history__row > header[b-kl6ptlxkud] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--innvilo-space-3);
}

.accounting-document-version-history__row > header > div[b-kl6ptlxkud] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.accounting-document-version-history__row > header strong[b-kl6ptlxkud] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
}

.accounting-document-version-history__row > header div span[b-kl6ptlxkud],
.accounting-document-version-history__row dt[b-kl6ptlxkud] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.accounting-document-version-history__current[b-kl6ptlxkud] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-1) var(--innvilo-space-2);
    border-radius: var(--innvilo-radius-full);
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
}

.accounting-document-version-history__row dl[b-kl6ptlxkud] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-2) var(--innvilo-space-3);
    margin: 0;
}

.accounting-document-version-history__row dl div[b-kl6ptlxkud] {
    min-width: 0;
}

.accounting-document-version-history__row dd[b-kl6ptlxkud] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    font-weight: 700;
}

@media (max-width: 26rem) {
    .accounting-document-version-history__row dl[b-kl6ptlxkud] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Accounting/AccountingDocumentViewer.razor.rz.scp.css */
.accounting-document-viewer[b-mbhzhcy40f] {
    display: grid;
    gap: 2.125rem;
    min-width: 0;
}

.accounting-document-viewer__workspace[b-mbhzhcy40f] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
    align-items: start;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.accounting-document-viewer__preview[b-mbhzhcy40f],
.accounting-document-viewer__context[b-mbhzhcy40f] {
    min-width: 0;
}

.accounting-document-viewer__download[b-mbhzhcy40f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--innvilo-space-2);
    min-height: 2.125rem;
    padding: 0 var(--innvilo-space-4);
    border: 1px solid var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-color-primary);
    color: var(--innvilo-text-inverse);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.accounting-document-viewer__download:hover[b-mbhzhcy40f] {
    border-color: var(--innvilo-color-primary-hover);
    background: var(--innvilo-color-primary-hover);
    color: var(--innvilo-text-inverse);
}

.accounting-document-viewer__download:focus-visible[b-mbhzhcy40f] {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--color-primary-focus-ring);
}

.accounting-document-viewer__context[b-mbhzhcy40f] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.accounting-document-viewer__summary[b-mbhzhcy40f],
.accounting-document-viewer__history-permission[b-mbhzhcy40f],
.accounting-document-viewer__state[b-mbhzhcy40f] {
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    background: var(--innvilo-surface-raised);
}

.accounting-document-viewer__summary[b-mbhzhcy40f] {
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
}

.accounting-document-viewer__summary > header[b-mbhzhcy40f] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.accounting-document-viewer__summary > header > div[b-mbhzhcy40f] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.accounting-document-viewer__summary h2[b-mbhzhcy40f],
.accounting-document-viewer__summary p[b-mbhzhcy40f],
.accounting-document-viewer__history-permission h2[b-mbhzhcy40f],
.accounting-document-viewer__history-permission p[b-mbhzhcy40f],
.accounting-document-viewer__state h2[b-mbhzhcy40f],
.accounting-document-viewer__state p[b-mbhzhcy40f] {
    margin: 0;
}

.accounting-document-viewer__summary h2[b-mbhzhcy40f],
.accounting-document-viewer__history-permission h2[b-mbhzhcy40f],
.accounting-document-viewer__state h2[b-mbhzhcy40f] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-heading);
}

.accounting-document-viewer__summary p[b-mbhzhcy40f],
.accounting-document-viewer__history-permission p[b-mbhzhcy40f],
.accounting-document-viewer__state p[b-mbhzhcy40f] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}

.accounting-document-viewer__summary p[b-mbhzhcy40f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounting-document-viewer__format-icon[b-mbhzhcy40f],
.accounting-document-viewer__state-icon[b-mbhzhcy40f] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
}

.accounting-document-viewer__format-icon[b-mbhzhcy40f] {
    width: 2.75rem;
    height: 2.75rem;
}

.accounting-document-viewer__summary dl[b-mbhzhcy40f] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin: 0;
}

.accounting-document-viewer__summary dl div[b-mbhzhcy40f] {
    display: grid;
    grid-template-columns: minmax(7rem, 0.8fr) minmax(0, 1.2fr);
    gap: var(--innvilo-space-3);
    padding-block-end: var(--innvilo-space-3);
    border-block-end: 1px solid var(--innvilo-border-soft);
}

.accounting-document-viewer__summary dl div:last-child[b-mbhzhcy40f] {
    padding-block-end: 0;
    border-block-end: 0;
}

.accounting-document-viewer__summary dt[b-mbhzhcy40f] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.accounting-document-viewer__summary dd[b-mbhzhcy40f] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--innvilo-text-primary);
    font-weight: 700;
}

.accounting-document-viewer__history-permission[b-mbhzhcy40f],
.accounting-document-viewer__state[b-mbhzhcy40f] {
    display: grid;
    align-items: center;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
}

.accounting-document-viewer__history-permission[b-mbhzhcy40f] {
    grid-template-columns: auto minmax(0, 1fr);
}

.accounting-document-viewer__history-permission > i[b-mbhzhcy40f] {
    color: var(--innvilo-text-muted);
    font-size: 1.5rem;
}

.accounting-document-viewer__history-permission > div[b-mbhzhcy40f],
.accounting-document-viewer__state > div[b-mbhzhcy40f] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.accounting-document-viewer__state[b-mbhzhcy40f] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 10rem;
}

.accounting-document-viewer__state-icon[b-mbhzhcy40f] {
    width: 3rem;
    height: 3rem;
    font-size: 1.25rem;
}

.accounting-document-viewer__state--error .accounting-document-viewer__state-icon[b-mbhzhcy40f] {
    background: var(--color-error-soft);
    color: var(--innvilo-danger);
}

@media (max-width: 64rem) {
    .accounting-document-viewer__workspace[b-mbhzhcy40f] {
        grid-template-columns: 1fr;
    }

    .accounting-document-viewer__context[b-mbhzhcy40f] {
        grid-template-columns: minmax(16rem, 0.8fr) minmax(0, 1.2fr);
    }
}

@media (max-width: 48rem) {
    .accounting-document-viewer[b-mbhzhcy40f] {
        gap: var(--innvilo-space-5);
    }

    .accounting-document-viewer__workspace[b-mbhzhcy40f],
    .accounting-document-viewer__context[b-mbhzhcy40f] {
        grid-template-columns: 1fr;
        gap: var(--innvilo-space-4);
    }

    .accounting-document-viewer__summary[b-mbhzhcy40f],
    .accounting-document-viewer__history-permission[b-mbhzhcy40f],
    .accounting-document-viewer__state[b-mbhzhcy40f] {
        padding: var(--innvilo-space-4);
    }

    .accounting-document-viewer__state[b-mbhzhcy40f] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .accounting-document-viewer__state > :last-child[b-mbhzhcy40f] {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 2.75rem;
    }

    .accounting-document-viewer__download[b-mbhzhcy40f] {
        min-height: 2.75rem;
    }
}

@media (max-width: 26rem) {
    .accounting-document-viewer__summary dl div[b-mbhzhcy40f] {
        grid-template-columns: 1fr;
        gap: var(--innvilo-space-1);
    }

    .accounting-document-viewer__history-permission[b-mbhzhcy40f],
    .accounting-document-viewer__state[b-mbhzhcy40f] {
        grid-template-columns: 1fr;
    }

    .accounting-document-viewer__state > :last-child[b-mbhzhcy40f] {
        grid-column: auto;
    }
}
/* /Components/Pages/Accounting/AccountingDocumentViewerShimmer.razor.rz.scp.css */
.accounting-document-viewer-shimmer[b-na1tr314ln] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.accounting-document-viewer-shimmer__preview[b-na1tr314ln],
.accounting-document-viewer-shimmer__context[b-na1tr314ln] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-5);
    border-radius: var(--innvilo-radius-md);
    background: var(--innvilo-surface-muted);
}

.accounting-document-viewer-shimmer__preview[b-na1tr314ln] {
    min-height: 36rem;
    grid-template-rows: 2.5rem 1fr;
}

.accounting-document-viewer-shimmer__preview span[b-na1tr314ln],
.accounting-document-viewer-shimmer__preview i[b-na1tr314ln],
.accounting-document-viewer-shimmer__context span[b-na1tr314ln] {
    display: block;
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-surface-raised);
}

.accounting-document-viewer-shimmer__preview span[b-na1tr314ln] {
    width: min(18rem, 55%);
}

.accounting-document-viewer-shimmer__context[b-na1tr314ln] {
    align-content: start;
}

.accounting-document-viewer-shimmer__context span[b-na1tr314ln] {
    min-height: 5rem;
}

@media (max-width: 64rem) {
    .accounting-document-viewer-shimmer[b-na1tr314ln] {
        grid-template-columns: 1fr;
    }

    .accounting-document-viewer-shimmer__preview[b-na1tr314ln] {
        min-height: 30rem;
    }
}

@media (max-width: 48rem) {
    .accounting-document-viewer-shimmer[b-na1tr314ln] {
        gap: var(--innvilo-space-4);
    }

    .accounting-document-viewer-shimmer__preview[b-na1tr314ln],
    .accounting-document-viewer-shimmer__context[b-na1tr314ln] {
        padding: var(--innvilo-space-4);
    }

    .accounting-document-viewer-shimmer__preview[b-na1tr314ln] {
        min-height: 24rem;
    }
}
/* /Components/Pages/Accounting/AccountingMonthScheduler.razor.rz.scp.css */
.accounting-month-scheduler[b-hjazyeg064] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.accounting-month-scheduler__weekday[b-hjazyeg064] {
    display: block;
    width: 100%;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
}

.accounting-month-scheduler__date-header[b-hjazyeg064],
.accounting-month-scheduler__day-shell[b-hjazyeg064],
.accounting-month-scheduler__day[b-hjazyeg064] {
    box-sizing: border-box;
    width: 100%;
}

.accounting-month-scheduler__day-shell[b-hjazyeg064] {
    position: relative;
    height: 100%;
}

.accounting-month-scheduler__date-header[b-hjazyeg064] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-2);
    min-height: 2.5rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-3) 0;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

.accounting-month-scheduler__date-header span[b-hjazyeg064],
.accounting-month-scheduler__date-header small[b-hjazyeg064] {
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
}

.accounting-month-scheduler__date-header strong[b-hjazyeg064] {
    font-size: var(--innvilo-font-size-heading);
}

.accounting-month-scheduler__date-header small[b-hjazyeg064] {
    margin-left: auto;
}

.accounting-month-scheduler__day[b-hjazyeg064] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-3);
    height: 100%;
    min-height: 7.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-3) var(--innvilo-space-3);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

.accounting-month-scheduler__date-header.is-closed[b-hjazyeg064],
.accounting-month-scheduler__day.is-closed[b-hjazyeg064] {
    background: var(--color-accounting-ready-soft);
    color: var(--color-accounting-ready);
}

.accounting-month-scheduler__date-header.is-critical[b-hjazyeg064],
.accounting-month-scheduler__day.is-critical[b-hjazyeg064] {
    background: var(--color-accounting-critical-soft);
    color: var(--color-accounting-critical);
}

.accounting-month-scheduler__date-header.is-open[b-hjazyeg064],
.accounting-month-scheduler__day.is-open[b-hjazyeg064] {
    background: var(--color-accounting-open-soft);
    color: var(--color-accounting-open);
}

.accounting-month-scheduler__day:focus-visible[b-hjazyeg064],
.accounting-month-scheduler__day.is-selected[b-hjazyeg064] {
    outline: 0.1875rem solid var(--innvilo-border-focus);
    outline-offset: -0.25rem;
}

.accounting-month-scheduler__date-header.is-today strong[b-hjazyeg064],
.accounting-month-scheduler__day.is-today .accounting-month-scheduler__status-icon[b-hjazyeg064] {
    box-shadow: 0 0 0 0.1875rem var(--color-primary-focus-ring);
}

.accounting-month-scheduler__date-header.is-filter-dimmed[b-hjazyeg064],
.accounting-month-scheduler__day.is-filter-dimmed[b-hjazyeg064] {
    opacity: 0.38;
}

.accounting-month-scheduler__date-header.is-outside-month[b-hjazyeg064],
.accounting-month-scheduler__day.is-outside-month[b-hjazyeg064] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-muted);
    cursor: default;
    opacity: 0.5;
}

.accounting-month-scheduler__status[b-hjazyeg064] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-2);
}

.accounting-month-scheduler__status-icon[b-hjazyeg064] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: var(--innvilo-radius-full);
    background: var(--innvilo-surface-main);
    font-size: var(--innvilo-font-size-heading);
}

.accounting-month-scheduler__status > span:last-child[b-hjazyeg064] {
    display: grid;
    min-width: 0;
}

.accounting-month-scheduler__status strong[b-hjazyeg064] {
    font-size: var(--innvilo-font-size-body);
}

.accounting-month-scheduler__status small[b-hjazyeg064] {
    color: currentColor;
    font-size: var(--innvilo-font-size-caption);
    opacity: 0.82;
}

.accounting-month-scheduler__facts[b-hjazyeg064] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-2) var(--innvilo-space-3);
    margin: 0;
}

.accounting-month-scheduler__facts div[b-hjazyeg064] {
    min-width: 0;
}

.accounting-month-scheduler__facts dt[b-hjazyeg064] {
    color: currentColor;
    font-size: var(--innvilo-font-size-caption);
    opacity: 0.72;
}

.accounting-month-scheduler__facts dd[b-hjazyeg064] {
    margin: 0;
    overflow: hidden;
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounting-month-scheduler__footer[b-hjazyeg064] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-2);
    margin-top: auto;
    padding-top: var(--innvilo-space-2);
    padding-right: 5.5rem;
    border-top: 1px solid currentColor;
}

.accounting-month-scheduler__document-slot[b-hjazyeg064] {
    position: absolute;
    right: var(--innvilo-space-3);
    bottom: var(--innvilo-space-3);
    z-index: 2;
}

.accounting-month-scheduler__footer > span:first-child[b-hjazyeg064] {
    display: inline-flex;
    align-items: center;
    gap: var(--innvilo-space-1);
    min-width: 0;
    overflow: hidden;
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounting-month-scheduler__legend[b-hjazyeg064] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    background: var(--innvilo-surface-main);
}

.accounting-month-scheduler__legend-items[b-hjazyeg064] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
}

.accounting-month-scheduler__legend-items span[b-hjazyeg064] {
    display: inline-flex;
    align-items: center;
    gap: var(--innvilo-space-2);
    font-size: var(--innvilo-font-size-body);
    font-weight: 700;
}

.accounting-month-scheduler__legend-items .is-closed[b-hjazyeg064] {
    color: var(--color-accounting-ready);
}

.accounting-month-scheduler__legend-items .is-closed-with-issues[b-hjazyeg064] {
    color: var(--color-accounting-review);
}

.accounting-month-scheduler__legend-items .is-critical[b-hjazyeg064] {
    color: var(--color-accounting-critical);
}

.accounting-month-scheduler__legend-items .is-open[b-hjazyeg064] {
    color: var(--color-accounting-open);
}

.accounting-month-scheduler__legend p[b-hjazyeg064] {
    margin: 0;
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
}

@media (max-width: 48rem) {
    .accounting-month-scheduler[b-hjazyeg064] {
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }

    .accounting-month-scheduler__legend[b-hjazyeg064] {
        position: sticky;
        left: 0;
    }

    .accounting-month-scheduler__legend-items[b-hjazyeg064] {
        display: grid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accounting-month-scheduler__date-header[b-hjazyeg064],
    .accounting-month-scheduler__day[b-hjazyeg064] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Accounting/AccountingWorkspace.razor.rz.scp.css */
.accounting-workspace[b-4af8v3hqd1] {
    min-width: 0;
}

.accounting-calendar-desktop-host[b-4af8v3hqd1] {
    min-width: 0;
}

.accounting-workspace-state[b-4af8v3hqd1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    background: var(--innvilo-surface-main);
}

.accounting-workspace-state__icon[b-4af8v3hqd1] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: var(--innvilo-radius-full);
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
    font-size: var(--innvilo-font-size-heading);
}

.accounting-workspace-state h2[b-4af8v3hqd1],
.accounting-workspace-state p[b-4af8v3hqd1] {
    margin: 0;
}

.accounting-workspace-state p[b-4af8v3hqd1] {
    margin-top: var(--innvilo-space-2);
    color: var(--innvilo-text-secondary);
}

@media (max-width: 47.99rem) {
    .accounting-workspace-state[b-4af8v3hqd1] {
        grid-template-columns: 1fr;
        align-items: start;
        padding: var(--innvilo-space-4);
    }
}
/* /Components/Pages/Accounting/AccountingWorkspaceNavigation.razor.rz.scp.css */
.accounting-workspace-navigation[b-sthhkpah5q] {
    min-width: 0;
    overflow-x: auto;
    border-block: 1px solid var(--innvilo-border-soft);
    background: var(--innvilo-surface-main);
    scrollbar-width: thin;
}

.accounting-workspace-navigation__rail[b-sthhkpah5q] {
    display: flex;
    width: max-content;
    min-width: 100%;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-2);
}

.accounting-workspace-navigation__item[b-sthhkpah5q] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.accounting-workspace-navigation__item:hover[b-sthhkpah5q] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.accounting-workspace-navigation__item:focus-visible[b-sthhkpah5q] {
    outline: 0.1875rem solid var(--innvilo-border-focus);
    outline-offset: -0.1875rem;
}

.accounting-workspace-navigation__item.is-active[b-sthhkpah5q] {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
}

@media (max-width: 48rem) {
    .accounting-workspace-navigation[b-sthhkpah5q] {
        scroll-padding-inline: var(--innvilo-space-2);
    }

    .accounting-workspace-navigation__rail[b-sthhkpah5q] {
        padding-inline: var(--innvilo-space-2);
    }

    .accounting-workspace-navigation__item[b-sthhkpah5q] {
        min-height: 3rem;
    }
}
/* /Components/Pages/Accounting/AccountingWorkspaceShimmer.razor.rz.scp.css */
.accounting-workspace-shimmer[b-escidnwzv1] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.accounting-workspace-shimmer__navigation[b-escidnwzv1],
.accounting-workspace-shimmer__filter[b-escidnwzv1],
.accounting-workspace-shimmer__command[b-escidnwzv1],
.accounting-workspace-shimmer__registry[b-escidnwzv1],
.accounting-workspace-shimmer__calendar i[b-escidnwzv1],
.accounting-workspace-shimmer__panels i[b-escidnwzv1] {
    display: block;
    border-radius: var(--innvilo-radius-md);
    background: var(--innvilo-surface-muted);
}

.accounting-workspace-shimmer__navigation[b-escidnwzv1] {
    height: 3.5rem;
}

.accounting-workspace-shimmer__filter[b-escidnwzv1] {
    height: 5rem;
}

.accounting-workspace-shimmer__command[b-escidnwzv1] {
    height: 9rem;
}

.accounting-workspace-shimmer__registry[b-escidnwzv1] {
    height: 22rem;
}

.accounting-workspace-shimmer__calendar[b-escidnwzv1] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: var(--innvilo-space-2);
}

.accounting-workspace-shimmer__calendar i[b-escidnwzv1] {
    min-height: 8rem;
}

.accounting-workspace-shimmer__panels[b-escidnwzv1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-4);
}

.accounting-workspace-shimmer__panels i[b-escidnwzv1] {
    min-height: 18rem;
}

.accounting-workspace-shimmer__panels i:last-child[b-escidnwzv1] {
    grid-column: 1 / -1;
}

@media (max-width: 48rem) {
    .accounting-workspace-shimmer__calendar[b-escidnwzv1] {
        grid-template-columns: 1fr;
    }

    .accounting-workspace-shimmer__calendar i[b-escidnwzv1] {
        min-height: 7rem;
    }

    .accounting-workspace-shimmer__calendar i:nth-child(n + 5)[b-escidnwzv1] {
        display: none;
    }

    .accounting-workspace-shimmer__panels[b-escidnwzv1] {
        grid-template-columns: 1fr;
    }

    .accounting-workspace-shimmer__panels i:last-child[b-escidnwzv1] {
        grid-column: auto;
    }
}
/* /Components/Pages/Accounting/TaxAdvisorPaymentDialog.razor.rz.scp.css */
.tax-payment-detail[b-xcuw2npfur] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-space-6) var(--innvilo-space-8);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.tax-payment-detail__section[b-xcuw2npfur] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    outline: none;
}

.tax-payment-detail__section:focus-visible[b-xcuw2npfur] {
    border-radius: var(--innvilo-radius-control);
    box-shadow: 0 0 0 2px var(--color-primary-focus-ring);
}

.tax-payment-detail__section--wide[b-xcuw2npfur] {
    grid-column: 1 / -1;
}

.tax-payment-detail__section h3[b-xcuw2npfur] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
    margin: 0;
}

.tax-payment-detail__section dl[b-xcuw2npfur] {
    display: grid;
    gap: var(--innvilo-space-2);
    margin: 0;
}

.tax-payment-detail__section dl > div[b-xcuw2npfur] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(7rem, 0.8fr) minmax(0, 1.2fr);
}

.tax-payment-detail__section dt[b-xcuw2npfur] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.tax-payment-detail__section dd[b-xcuw2npfur] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
    text-align: right;
}

.tax-payment-detail__section dd.is-numeric[b-xcuw2npfur] {
    font-variant-numeric: tabular-nums;
}

.tax-payment-detail__section dd.is-reference[b-xcuw2npfur] {
    font-size: var(--innvilo-font-size-label);
    word-break: break-all;
}

.tax-payment-detail__table-shell[b-xcuw2npfur] {
    max-width: 100%;
    min-width: 0;
}

.tax-payment-detail__table[b-xcuw2npfur] {
    border-collapse: collapse;
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    table-layout: fixed;
    width: 100%;
}

.tax-payment-detail__table caption[b-xcuw2npfur] {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.tax-payment-detail__table th[b-xcuw2npfur],
.tax-payment-detail__table td[b-xcuw2npfur] {
    border-bottom: 1px solid var(--innvilo-border-soft);
    padding: var(--innvilo-space-3) var(--innvilo-space-2);
    text-align: left;
    vertical-align: top;
}

.tax-payment-detail__table thead th[b-xcuw2npfur] {
    color: var(--innvilo-text-muted);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.tax-payment-detail__table .is-numeric[b-xcuw2npfur] {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.tax-payment-detail__table td:first-child[b-xcuw2npfur],
.tax-payment-detail__table th:first-child[b-xcuw2npfur] {
    width: 34%;
}

.tax-payment-detail__table td small[b-xcuw2npfur] {
    color: var(--innvilo-text-muted);
    display: block;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin-top: var(--innvilo-space-1);
}

.tax-payment-detail__table tbody tr.is-unclassified[b-xcuw2npfur] {
    background: var(--innvilo-surface-muted);
}

.tax-payment-detail__table tfoot th[b-xcuw2npfur],
.tax-payment-detail__table tfoot td[b-xcuw2npfur] {
    border-bottom: 0;
    font-family: "Lato-Bold", Arial, sans-serif;
    padding-top: var(--innvilo-space-4);
}

.tax-payment-detail__note[b-xcuw2npfur] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 70ch;
}

.tax-payment-detail__note i[b-xcuw2npfur] {
    color: var(--innvilo-color-accent);
    margin-right: var(--innvilo-space-2);
}

@media (max-width: 47.99rem) {
    .tax-payment-detail[b-xcuw2npfur] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tax-payment-detail__section--wide[b-xcuw2npfur] {
        grid-column: auto;
    }

    .tax-payment-detail__section dl > div[b-xcuw2npfur] {
        gap: var(--innvilo-space-2);
        grid-template-columns: minmax(0, 1fr);
    }

    .tax-payment-detail__section dd[b-xcuw2npfur] {
        text-align: left;
    }

    .tax-payment-detail__table[b-xcuw2npfur],
    .tax-payment-detail__table tbody[b-xcuw2npfur],
    .tax-payment-detail__table tfoot[b-xcuw2npfur],
    .tax-payment-detail__table tr[b-xcuw2npfur],
    .tax-payment-detail__table th[b-xcuw2npfur],
    .tax-payment-detail__table td[b-xcuw2npfur] {
        display: block;
        width: 100%;
    }

    .tax-payment-detail__table thead[b-xcuw2npfur] {
        height: 1px;
        margin: -1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    .tax-payment-detail__table tbody tr[b-xcuw2npfur] {
        border-bottom: 1px solid var(--innvilo-border-default);
        display: grid;
        gap: var(--innvilo-space-2);
        padding: var(--innvilo-space-4) 0;
    }

    .tax-payment-detail__table tbody tr:first-child[b-xcuw2npfur] {
        padding-top: 0;
    }

    .tax-payment-detail__table th[b-xcuw2npfur],
    .tax-payment-detail__table td[b-xcuw2npfur] {
        align-items: baseline;
        border: 0;
        display: grid;
        gap: var(--innvilo-space-4);
        grid-template-columns: minmax(5rem, 0.8fr) minmax(0, 1.2fr);
        padding: 0;
        text-align: right;
        white-space: normal;
    }

    .tax-payment-detail__table th[b-xcuw2npfur]::before,
    .tax-payment-detail__table td[b-xcuw2npfur]::before {
        color: var(--innvilo-text-muted);
        content: attr(data-label);
        font-family: "Lato-Regular", Arial, sans-serif;
        font-size: var(--innvilo-font-size-label);
        text-align: left;
    }

    .tax-payment-detail__table tfoot tr[b-xcuw2npfur] {
        display: grid;
        gap: var(--innvilo-space-2);
        padding-top: var(--innvilo-space-4);
    }

    .tax-payment-detail__table tfoot td:empty[b-xcuw2npfur] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tax-payment-detail__section[b-xcuw2npfur] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Accounting/TaxAdvisorWorkspace.razor.rz.scp.css */
.tax-advisor[b-0p2bj2daes] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-page-hero-gap, 34px);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: max(var(--innvilo-space-8), env(safe-area-inset-bottom));
    width: 100%;
}

.tax-advisor__hero-shell[b-0p2bj2daes] {
    display: grid;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.tax-advisor__filter-slot[b-0p2bj2daes] {
    display: grid;
    min-width: 0;
}

.tax-advisor__state[b-0p2bj2daes] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-secondary);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 7rem;
    padding: var(--innvilo-space-6);
}

.tax-advisor__state > i[b-0p2bj2daes] {
    color: var(--innvilo-danger);
    font-size: var(--innvilo-font-size-body);
}

.tax-advisor__state h2[b-0p2bj2daes] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    line-height: 1.25;
    margin: 0 0 var(--innvilo-space-2);
}

.tax-advisor__state p[b-0p2bj2daes] {
    margin: 0;
    max-width: 70ch;
}

.tax-advisor__state-action[b-0p2bj2daes] {
    align-items: center;
    display: flex;
}

.tax-advisor-mobile-row[b-0p2bj2daes] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.tax-advisor-mobile-row__heading[b-0p2bj2daes] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-width: 0;
}

.tax-advisor-mobile-row__heading > span[b-0p2bj2daes] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.tax-advisor-mobile-row__heading strong[b-0p2bj2daes] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.tax-advisor-mobile-row__heading small[b-0p2bj2daes] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.tax-advisor-mobile-row__facts[b-0p2bj2daes] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.tax-advisor-mobile-row__facts > div[b-0p2bj2daes] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.tax-advisor-mobile-row__facts dt[b-0p2bj2daes],
.tax-advisor-mobile-row__settlement > span[b-0p2bj2daes] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: 0;
}

.tax-advisor-mobile-row__facts dd[b-0p2bj2daes] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tax-advisor-mobile-row__facts .tax-advisor-mobile-row__amount[b-0p2bj2daes] {
    grid-column: 1 / -1;
}

.tax-advisor-mobile-row__amount dd[b-0p2bj2daes] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
}

.tax-advisor-mobile-row__settlement[b-0p2bj2daes] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-soft);
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding-top: var(--innvilo-space-4);
}

@media (max-width: 47.99rem) {
    .tax-advisor__state[b-0p2bj2daes] {
        align-items: flex-start;
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-5);
    }

    .tax-advisor__state-action[b-0p2bj2daes] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 24rem) {
    .tax-advisor-mobile-row__heading[b-0p2bj2daes] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tax-advisor[b-0p2bj2daes] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Banquet/BanquetCalendar.razor.rz.scp.css */
.bq-calendar[b-us17gp2aqf] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

/* Handy und Tablet: engerer Blockabstand wie die Anfragen-Kartenansicht. */
@media (max-width: 61.9375rem) {
    .bq-calendar[b-us17gp2aqf] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Banquet/BanquetCatalog.razor.rz.scp.css */
.bq-catalog[b-aa1kzl6icz] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

.bq-catalog__groups[b-aa1kzl6icz] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

/* Handy und Tablet: engerer Blockabstand wie die Anfragen-Kartenansicht. */
@media (max-width: 61.9375rem) {
    .bq-catalog[b-aa1kzl6icz] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Banquet/BanquetEventPage.razor.rz.scp.css */
/* Workspace einer Veranstaltung: Hero, Kopfleiste, KPI-Leiste, Reiter oder Abschnitte. */

.bq-event[b-pbwvncg06j] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

/* Kopfbereich: Zustandszeile, Angaben und Kennzahlen gehören zusammen und tragen deshalb einen eigenen,
   engeren Rhythmus. Der 34px-Seitenrhythmus trennt nur noch Kopfbereich und Arbeitsfläche. */
.bq-event-head-area[b-pbwvncg06j] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

/* Auf dem Desktop keine eigene Karte: Zustand und Angaben sind Text des Kopfes, nicht ein Objekt für sich.
   Die Karte sparte nichts und kostete 32px Polster über der Arbeitsfläche. In der Kompaktbreite bleibt sie,
   weil dort jeder Block seine eigene Karte ist. */
.bq-event-head[b-pbwvncg06j] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.bq-event-head__state[b-pbwvncg06j] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    min-height: 1.75rem;
}

.bq-event-head__facts[b-pbwvncg06j] {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

/* Reiterleiste und Abschnitt sind auf dem Desktop eine Fläche, kein Paar loser Objekte. Kein overflow hier:
   es machte diese Hülle zum Scrollbehälter der Reiterleiste, und ihr sticky damit wirkungslos. */
.bq-event-body[b-pbwvncg06j] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
}

.bq-skeleton[b-pbwvncg06j] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.bq-skeleton span[b-pbwvncg06j] {
    animation: bq-event-pulse-b-pbwvncg06j 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 10rem;
}

@keyframes bq-event-pulse-b-pbwvncg06j {
    50% { opacity: .55; }
}

/* Kompaktbreite: keine gemeinsame Hülle, jeder Abschnitt bleibt seine eigene Karte. */
@media (max-width: 61.99rem) {
    .bq-event-head[b-pbwvncg06j] {
        background: var(--innvilo-surface-card);
        border-radius: var(--innvilo-radius-xs);
        gap: var(--innvilo-space-5);
        padding: var(--innvilo-space-5);
    }

    /* Der Anfragenverweis ist in der Kompaktbreite ein Touchziel und bekommt dort die volle Höhe. */
    .bq-event-head__state a.bq-tag--link[b-pbwvncg06j] {
        min-height: 2.75rem;
        padding: 0 var(--innvilo-space-5);
    }

    .bq-event-head-area[b-pbwvncg06j] {
        gap: var(--innvilo-space-5);
    }

    .bq-event-body[b-pbwvncg06j] {
        background: transparent;
        border: 0;
        border-radius: 0;
        display: grid;
        gap: var(--innvilo-space-5);
        grid-template-rows: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bq-skeleton span[b-pbwvncg06j] {
        animation: none;
    }
}

/* Handy und Tablet: engerer Blockabstand wie die Anfragen-Kartenansicht. */
@media (max-width: 61.9375rem) {
    .bq-event[b-pbwvncg06j] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Banquet/BanquetEvents.razor.rz.scp.css */
.bq-board[b-f8kpl87w2t] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

/* Handy und Tablet: engerer Blockabstand wie die Anfragen-Kartenansicht. */
@media (max-width: 61.9375rem) {
    .bq-board[b-f8kpl87w2t] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Banquet/BanquetInquiries.razor.rz.scp.css */
.bq-board[b-jcr6zkgkqp] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

/* Handy und Tablet: engerer Blockabstand wie die Anfragen-Kartenansicht. */
@media (max-width: 61.9375rem) {
    .bq-board[b-jcr6zkgkqp] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Banquet/BanquetInquiryDetailPage.razor.rz.scp.css */
.bq-inquiry[b-bohe913z1i] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

.bq-event-head[b-bohe913z1i] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.bq-event-head__identity[b-bohe913z1i] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.bq-event-head__facts[b-bohe913z1i] {
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

@media (max-width: 61.99rem) {
    .bq-event-head[b-bohe913z1i] {
        padding: var(--innvilo-space-5);
    }
}

/* Handy und Tablet: engerer Blockabstand wie die Anfragen-Kartenansicht. */
@media (max-width: 61.9375rem) {
    .bq-inquiry[b-bohe913z1i] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Banquet/BanquetOverview.razor.rz.scp.css */
/* Übersicht: Hero, KPI-Leiste, Umsatzzeile, Bereiche. Abstände aus der Seitenskala, keine Schatten. */

.bq-overview[b-dqz9pbk68b] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

.bq-skeleton[b-dqz9pbk68b] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.bq-skeleton span[b-dqz9pbk68b] {
    animation: bq-skeleton-pulse-b-dqz9pbk68b 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 9rem;
}

@keyframes bq-skeleton-pulse-b-dqz9pbk68b {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .bq-skeleton span[b-dqz9pbk68b] {
        animation: none;
    }
}

/* Handy und Tablet: engerer Blockabstand wie die Anfragen-Kartenansicht. */
@media (max-width: 61.9375rem) {
    .bq-overview[b-dqz9pbk68b] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Banquet/BanquetOverviewDesktop.razor.rz.scp.css */
.bq-overview-host[b-c2bzupa50q] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}
/* /Components/Pages/Banquet/BanquetOverviewMobile.razor.rz.scp.css */
.bq-overview-host[b-8ngo8xj31f] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}
/* /Components/Pages/Banquet/BanquetOverviewPanels.razor.rz.scp.css */
.bq-panels[b-vobgik8s92] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}
/* /Components/Pages/Banquet/BanquetSettings.razor.rz.scp.css */
.bq-settings[b-es5uxnezou] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

.bq-settings__form[b-es5uxnezou] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

/* Handy und Tablet: engerer Blockabstand wie die Anfragen-Kartenansicht. */
@media (max-width: 61.9375rem) {
    .bq-settings[b-es5uxnezou] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Banquet/NewBanquetEvent.razor.rz.scp.css */
/* Assistent „Neue Veranstaltung“: Kopf und Hülle. Erfolgs- und Abschlussszene als ruhige Flächen, die Erfolgsszene
   trägt zusätzlich Versandstand und Entscheidungslink des Angebots. */

.bq-new[b-os2cznwt9b] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

.bq-skeleton[b-os2cznwt9b] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.bq-skeleton span[b-os2cznwt9b] {
    animation: bq-new-pulse-b-os2cznwt9b 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 12rem;
}

/* Speicherzustand: ein kurzer zentrierter Text, das ist der einzige Ort, an dem Mitte richtig ist. Die Klasse
   trägt genau diesen einen Zustand; die Abschlussszene ist .bq-success und nicht mehr in sie eingehüllt. */
.bq-completion[b-os2cznwt9b] {
    animation: bq-scene-enter-b-os2cznwt9b var(--innvilo-duration-slow) var(--innvilo-easing-decelerate) both;
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    justify-items: center;
    padding: var(--innvilo-space-9) var(--innvilo-space-8);
    text-align: center;
}

/* Abschlussszene: eine Inhaltskarte, nach ihrem Inhalt bemessen und linksbündig, weil ein Raster aus
   Beschriftung und Wert in der Mitte nicht lesbar ist. */
.bq-success[b-os2cznwt9b] {
    animation: bq-scene-enter-b-os2cznwt9b var(--innvilo-duration-slow) var(--innvilo-easing-decelerate) both;
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-6);
    justify-items: start;
    padding: var(--innvilo-space-8);
    text-align: left;
}

.bq-success__head[b-os2cznwt9b] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 1.75rem;
}

.bq-success__mark[b-os2cznwt9b] {
    color: var(--color-success);
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1;
}

.bq-success__facts[b-os2cznwt9b] {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    width: 100%;
}

.bq-success__facts dd.is-numeric[b-os2cznwt9b] {
    font-variant-numeric: tabular-nums;
}

.bq-completion__mark[b-os2cznwt9b] {
    animation: bq-scene-spin-b-os2cznwt9b 0.9s linear infinite;
    border: 3px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    border-top-color: var(--innvilo-color-primary);
    display: block;
    height: 2.5rem;
    width: 2.5rem;
}

.bq-completion h2[b-os2cznwt9b],
.bq-success h2[b-os2cznwt9b] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.bq-completion p[b-os2cznwt9b],
.bq-success p[b-os2cznwt9b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 48ch;
}

.bq-success p strong[b-os2cznwt9b] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

/* Die Nummer ist das Ergebnis des Vorgangs und deshalb der grösste Text der Szene. */
.bq-success__number[b-os2cznwt9b] {
    display: grid;
    gap: var(--innvilo-space-2);
    justify-items: start;
}

.bq-success__number span[b-os2cznwt9b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
}

/* Dieselbe Stufe wie ein Kennzahlwert des Hauses: die Zahl bleibt der grösste Text der Szene, ohne Bühne. */
.bq-success__number strong[b-os2cznwt9b] {
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.bq-completion small[b-os2cznwt9b] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

/* Versandstand und Entscheidungslink: eine ruhige Fläche ohne Rahmen, der Link bricht an jeder Stelle um. */
.bq-success__offer[b-os2cznwt9b] {
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-4);
    justify-items: start;
    max-width: 70ch;
    padding-top: var(--innvilo-space-5);
    text-align: left;
    width: 100%;
}

.bq-success__offer p[b-os2cznwt9b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
}

.bq-success__offer a[b-os2cznwt9b] {
    color: var(--innvilo-text-link);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    overflow-wrap: anywhere;
    text-decoration: underline;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.bq-success__offer a:hover[b-os2cznwt9b],
.bq-success__offer a:focus-visible[b-os2cznwt9b] {
    color: var(--innvilo-text-link-hover);
}

.bq-success__offer a:focus-visible[b-os2cznwt9b] {
    border-radius: var(--innvilo-radius-xs);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.bq-success p.bq-success__hint[b-os2cznwt9b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
    max-width: 70ch;
    text-align: left;
}

/* Eine primäre und zwei begleitende Aktionen in einer Zeile, nie vollbreit auf dem Desktop. */
.bq-success__actions[b-os2cznwt9b] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

@keyframes bq-new-pulse-b-os2cznwt9b {
    50% { opacity: .55; }
}

@keyframes bq-scene-enter-b-os2cznwt9b {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes bq-scene-spin-b-os2cznwt9b {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .bq-skeleton span[b-os2cznwt9b],
    .bq-completion[b-os2cznwt9b],
    .bq-success[b-os2cznwt9b],
    .bq-completion__mark[b-os2cznwt9b] {
        animation: none;
    }
}

/* Handy und Tablet: engerer Blockabstand wie die Anfragen-Kartenansicht. */
@media (max-width: 61.9375rem) {
    .bq-new[b-os2cznwt9b] {
        gap: var(--innvilo-space-8);
    }
}

/* Handy: die drei Aktionen untereinander, Ziele 44px. */
@media (max-width: 47.99rem) {
    .bq-success[b-os2cznwt9b] {
        padding: var(--innvilo-space-6);
    }

    .bq-success__actions[b-os2cznwt9b] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/CompetitorRates/CompetitorAnalysisLoading.razor.rz.scp.css */
.cr-analysis-loading[b-ajyvcg0173] { display: grid; gap: 24px; }
h2[b-ajyvcg0173] { font-size: 24px; margin: 0 0 8px; }
p[b-ajyvcg0173] { margin: 8px 0 0; max-width: 70ch; color: var(--color-text-muted); overflow-wrap: anywhere; }
ul[b-ajyvcg0173] { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
li[b-ajyvcg0173] { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--color-border); }
span[b-ajyvcg0173] { overflow-wrap: anywhere; }
strong[b-ajyvcg0173] { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 575px) { .cr-analysis-loading[b-ajyvcg0173] { gap: 16px; } }
/* /Components/Pages/CompetitorRates/CompetitorAnalysisPopup.razor.rz.scp.css */
/* Ergebnisanalyse: eine Spalte, Zahlen groß, Erklärungen kurz. Bewegung nur beim Öffnen. */
.cr-analysis[b-i8sd156rtz] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
    opacity: 1;
    transform: translateY(0);
    transition: opacity var(--innvilo-duration-normal) var(--innvilo-easing-settle),
                transform var(--innvilo-duration-normal) var(--innvilo-easing-settle);
}

@starting-style {
    .cr-analysis[b-i8sd156rtz] {
        opacity: 0;
        transform: translateY(8px);
    }
}

.cr-analysis__head[b-i8sd156rtz] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.cr-analysis__head h2[b-i8sd156rtz] {
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.cr-analysis p[b-i8sd156rtz] {
    margin: 0;
    max-width: 65ch;
    overflow-wrap: anywhere;
}

.cr-analysis__note[b-i8sd156rtz] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.cr-analysis__range[b-i8sd156rtz] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cr-analysis__range span[b-i8sd156rtz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.cr-analysis__range strong[b-i8sd156rtz] {
    display: block;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    margin: var(--innvilo-space-2) 0;
}

.cr-analysis__range p[b-i8sd156rtz] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.cr-analysis__target[b-i8sd156rtz] {
    border-block: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    padding-block: var(--innvilo-space-8);
}

.cr-analysis__target h3[b-i8sd156rtz] {
    font-size: var(--innvilo-font-size-subheading);
    margin: 0;
}

.cr-analysis__number[b-i8sd156rtz] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
}

.cr-analysis__actions[b-i8sd156rtz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.cr-analysis__evidence[b-i8sd156rtz] {
    display: grid;
    gap: var(--innvilo-space-4);
    list-style: none;
    margin: var(--innvilo-space-5) 0;
    padding: 0;
}

.cr-analysis__evidence li[b-i8sd156rtz] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-1);
    font-size: var(--innvilo-font-size-caption);
    padding-bottom: var(--innvilo-space-4);
}

.cr-analysis__evidence strong[b-i8sd156rtz] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.cr-analysis__evidence span[b-i8sd156rtz] {
    color: var(--innvilo-text-muted);
}

summary[b-i8sd156rtz] {
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    min-height: 2.75rem;
    padding: var(--innvilo-space-5) 0;
}

summary:focus-visible[b-i8sd156rtz] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
}

@media (max-width: 36rem) {
    .cr-analysis[b-i8sd156rtz] {
        gap: var(--innvilo-space-6);
    }

    .cr-analysis__range[b-i8sd156rtz] {
        gap: var(--innvilo-space-4);
        grid-template-columns: minmax(0, 1fr);
    }

    .cr-analysis__number[b-i8sd156rtz] {
        font-size: var(--innvilo-font-size-title);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cr-analysis[b-i8sd156rtz] {
        transform: none;
        transition: none;
    }

    @starting-style {
        .cr-analysis[b-i8sd156rtz] {
            opacity: 1;
            transform: none;
        }
    }
}
/* /Components/Pages/CompetitorRates/CompetitorCalculationTrace.razor.rz.scp.css */
.cr-calculation[b-ex3krvmym5] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; gap: 16px; margin: 0; padding: 0; }
li[b-ex3krvmym5] { display: grid; align-content: start; gap: 8px; padding: 12px 0; border-top: 2px solid var(--color-primary); opacity: 1; transform: translateY(0); transition: opacity 160ms var(--innvilo-easing-settle), transform 160ms var(--innvilo-easing-settle); }
li:nth-child(2)[b-ex3krvmym5] { transition-delay: 50ms; } li:nth-child(3)[b-ex3krvmym5] { transition-delay: 100ms; }
span[b-ex3krvmym5], small[b-ex3krvmym5] { color: var(--color-text-muted); font-size: 14px; }
strong[b-ex3krvmym5] { font-size: 20px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
@starting-style { li[b-ex3krvmym5] { opacity: 0; transform: translateY(8px); } }
@media (max-width: 575px) { .cr-calculation[b-ex3krvmym5] { grid-template-columns: 1fr; gap: 8px; } li[b-ex3krvmym5] { gap: 4px; } }
@media (prefers-reduced-motion: reduce) { li[b-ex3krvmym5] { transition: none; transform: none; } @starting-style { li[b-ex3krvmym5] { opacity: 1; transform: none; } } }
/* /Components/Pages/CompetitorRates/CompetitorQueryForm.razor.rz.scp.css */
.cr-query[b-egueemgru0] {
    border-top: 1px solid var(--innvilo-border-default);
    padding-top: var(--innvilo-space-4);
}

summary[b-egueemgru0] {
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    min-height: 2.75rem;
    padding: var(--innvilo-space-5) 0;
}

summary:focus-visible[b-egueemgru0] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
}

.cr-query__fields[b-egueemgru0] {
    border: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    margin: 0;
    padding: 0;
}

.cr-field[b-egueemgru0] {
    display: grid;
    flex: 1 1 10rem;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.cr-field--narrow[b-egueemgru0] {
    flex: 0 1 7rem;
}

label[b-egueemgru0] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.form-control[b-egueemgru0] {
    height: 2.75rem;
}

.cr-query__hint[b-egueemgru0] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    margin: var(--innvilo-space-5) 0 0;
}
/* /Components/Pages/CompetitorRates/CompetitorRatesDesktop.razor.rz.scp.css */
.cr-desktop[b-huxug11pv8],
.cr-grid-host[b-huxug11pv8] {
    max-width: 100%;
    min-width: 0;
}

.cr-cell[b-huxug11pv8] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.cr-cell strong[b-huxug11pv8] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cr-cell small[b-huxug11pv8] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.cr-price[b-huxug11pv8] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cr-select[b-huxug11pv8] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 2.75rem;
    min-width: 2.75rem;
}

.cr-select input[b-huxug11pv8] {
    accent-color: var(--color-primary);
    height: 1.25rem;
    width: 1.25rem;
}

.cr-select input:focus-visible[b-huxug11pv8] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
}

.cr-state[b-huxug11pv8] {
    display: grid;
    gap: var(--innvilo-space-2);
    justify-items: center;
    padding: var(--innvilo-space-11) var(--innvilo-space-9);
    text-align: center;
}

.cr-state h3[b-huxug11pv8] {
    font-size: var(--innvilo-font-size-subheading);
    margin: 0;
}

.cr-state p[b-huxug11pv8] {
    color: var(--innvilo-text-muted);
    margin: 0;
}

.cr-pager[b-huxug11pv8] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-8);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cr-pager__size[b-huxug11pv8] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
}

.cr-pager__nav[b-huxug11pv8] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.cr-pager__page[b-huxug11pv8] {
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
}
/* /Components/Pages/CompetitorRates/CompetitorRatesMobile.razor.rz.scp.css */
.cr-mobile[b-gja8b2h5z1] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.cr-summary[b-gja8b2h5z1] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

.cr-card[b-gja8b2h5z1] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.cr-card[data-selected="true"][b-gja8b2h5z1] {
    border-color: var(--color-primary);
}

.cr-card__choice[b-gja8b2h5z1] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-5);
    min-height: 2.75rem;
}

.cr-card__choice input[b-gja8b2h5z1] {
    accent-color: var(--color-primary);
    flex-shrink: 0;
    height: 1.25rem;
    width: 1.25rem;
}

.cr-card__choice input:focus-visible[b-gja8b2h5z1] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
}

.cr-card__name[b-gja8b2h5z1] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-width: 0;
    overflow-wrap: anywhere;
}

.cr-card__distance[b-gja8b2h5z1] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    margin-left: auto;
    white-space: nowrap;
}

.cr-card__room[b-gja8b2h5z1] {
    color: var(--innvilo-text-secondary);
    margin: 0;
    overflow-wrap: anywhere;
}

.cr-card__price[b-gja8b2h5z1] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.cr-card__price span[b-gja8b2h5z1] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.cr-card__price strong[b-gja8b2h5z1] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
}

.cr-card__price small[b-gja8b2h5z1] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-weight: 400;
}
/* /Components/Pages/CompetitorRates/CompetitorRatesPage.razor.rz.scp.css */
/* Wettbewerberpreise im Arbeitslisten-Muster: Kopf, Kennzahlenleiste, Suchkarte, Trefferliste.
   Der Seitenabstand ist derselbe wie bei den Anfragen, damit Breadcrumb, Kopf und Leiste auf dem
   34px-Raster sitzen. */
.cr-page[b-9ok49sx21v] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    width: 100%;
}

/* Suchkarte: eine Fläche mit Hairline, kein Schatten. */
.cr-search[b-9ok49sx21v] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.cr-search__fields[b-9ok49sx21v] {
    align-items: end;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.cr-field[b-9ok49sx21v] {
    display: grid;
    flex: 0 1 11rem;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.cr-field--wide[b-9ok49sx21v] {
    flex: 1 1 14rem;
}

.cr-field--narrow[b-9ok49sx21v] {
    flex: 0 1 7rem;
}

.cr-field label[b-9ok49sx21v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.cr-field .form-select[b-9ok49sx21v] {
    height: 2.75rem;
}

.cr-search__action[b-9ok49sx21v] {
    display: flex;
    flex: 0 0 auto;
}

.cr-context[b-9ok49sx21v] {
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    margin: 0;
    padding-top: var(--innvilo-space-5);
}

.cr-context > span + span[b-9ok49sx21v]::before {
    content: '· ';
}

.cr-status[b-9ok49sx21v] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2) var(--innvilo-space-5);
    margin: 0 0 calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap));
    min-width: 0;
}

.cr-error[b-9ok49sx21v] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-xs);
    color: var(--color-error);
    margin: 0;
    padding: var(--innvilo-space-6) var(--innvilo-space-7);
}

/* Arbeitsliste: eine weiße Fläche, die Werkzeugleiste, Marken, Auswahl, Grid und Pager fasst
   (Anfragen-Muster 5.4). Kompakt löst sich der Block auf, die Karten stehen auf der Seite. */
.cr-results[b-9ok49sx21v] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.cr-results-foot[b-9ok49sx21v] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-6);
    justify-content: space-between;
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap));
    min-width: 0;
}

.cr-results-foot p[b-9ok49sx21v] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.cr-results-count[b-9ok49sx21v] {
    margin-left: auto;
}

@media (max-width: 62rem) {
    .cr-results[b-9ok49sx21v] {
        background: none;
        border: 0;
        border-radius: 0;
        display: grid;
        gap: var(--innvilo-space-5);
        overflow: visible;
    }

    .cr-results-foot[b-9ok49sx21v] {
        margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    }
}

/* Bestätigung vor dem Abruf: was gesucht wird, sonst nichts. */
.cr-confirm[b-9ok49sx21v] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.cr-confirm p[b-9ok49sx21v] {
    margin: 0;
    max-width: 65ch;
    overflow-wrap: anywhere;
}

.cr-confirm__note[b-9ok49sx21v] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

/* Zimmerangebot im Popup. */
.cr-offer[b-9ok49sx21v] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    overflow-wrap: anywhere;
}

.cr-offer h2[b-9ok49sx21v] {
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.cr-offer p[b-9ok49sx21v] {
    margin: 0;
}

.cr-offer dl[b-9ok49sx21v] {
    display: grid;
    gap: var(--innvilo-space-5);
    margin: 0;
}

.cr-offer dt[b-9ok49sx21v] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-weight: 400;
}

.cr-offer dd[b-9ok49sx21v] {
    margin: var(--innvilo-space-1) 0 0;
}

.cr-offer__actions[b-9ok49sx21v] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

@media (max-width: 62rem) {
    .cr-page[b-9ok49sx21v] {
        gap: var(--innvilo-space-8);
    }

    .cr-search[b-9ok49sx21v] {
        padding: var(--innvilo-space-7);
    }

    .cr-search__action[b-9ok49sx21v] {
        flex: 1 1 100%;
    }
}

/* Handy: jedes Feld auf einer eigenen Zeile, damit das vollständige Datum lesbar bleibt. */
@media (max-width: 48rem) {
    .cr-field[b-9ok49sx21v],
    .cr-field--wide[b-9ok49sx21v],
    .cr-field--narrow[b-9ok49sx21v] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/CompetitorRates/CompetitorResultToolbar.razor.rz.scp.css */
/* Maße wie die Anfragen-Werkzeugleiste (Handover 2026-09-02-anfragen-redesign, 5.4 und 5.7).
   Die DevExpress-Wurzeln (Suchfeld, Filterknöpfe) tragen ihre Maße im Block „Wettbewerber“
   in global.scss. */
.cr-toolbar[b-7vby36jjf0] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-8);
    justify-content: space-between;
    min-width: 0;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.cr-toolbar__search[b-7vby36jjf0] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.cr-toolbar__filters[b-7vby36jjf0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    margin-left: auto;
    min-width: 0;
}

.cr-pills[b-7vby36jjf0] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.cr-pills__label[b-7vby36jjf0] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cr-pills__list[b-7vby36jjf0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.cr-pill[b-7vby36jjf0] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-6);
}

.cr-pill__remove[b-7vby36jjf0] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
                color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 1.25rem;
}

.cr-pill__remove:hover[b-7vby36jjf0] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.cr-pills__clear[b-7vby36jjf0] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    margin-left: auto;
    padding: var(--innvilo-space-2);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.cr-pills__clear:hover[b-7vby36jjf0] {
    color: var(--innvilo-text-link-hover);
}

.cr-pill__remove:focus-visible[b-7vby36jjf0],
.cr-pills__clear:focus-visible[b-7vby36jjf0] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.cr-selection[b-7vby36jjf0] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-8);
}

.cr-selection p[b-7vby36jjf0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    margin: 0;
}

.cr-selection strong[b-7vby36jjf0] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
}

.cr-selection span[b-7vby36jjf0] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

/* Kompakt: keine Blockränder, volle Breite für Suche und Filter. */
@media (max-width: 62rem) {
    .cr-toolbar[b-7vby36jjf0],
    .cr-selection[b-7vby36jjf0] {
        border-bottom: 0;
        padding: 0;
    }

    .cr-pills[b-7vby36jjf0] {
        background: none;
        border-bottom: 0;
        padding: 0;
    }

    .cr-toolbar__search[b-7vby36jjf0] {
        flex: 1 1 100%;
    }

    .cr-toolbar__filters[b-7vby36jjf0] {
        flex: 1 1 100%;
        margin-left: 0;
    }
}
/* /Components/Pages/CompetitorRates/CompetitorSearchOverlay.razor.rz.scp.css */
/* Abruf-Overlay: ruhige Fläche über der Seite. Bewegung nur beim Erscheinen (Deckkraft und 8px
   Verschiebung) und beim Schrittwechsel (Farbe, Marke). Kein Dauerlauf, keine Schatten außer der
   einen Fläche, die wirklich über der Seite liegt. */
.cr-overlay[b-sd2sfiwqbf] {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--innvilo-space-8);
    position: fixed;
    z-index: var(--innvilo-z-modal);
}

.cr-overlay__scrim[b-sd2sfiwqbf] {
    background: var(--innvilo-surface-overlay);
    inset: 0;
    opacity: 1;
    position: absolute;
    transition: opacity var(--innvilo-duration-normal) var(--innvilo-easing-settle);
}

@starting-style {
    .cr-overlay__scrim[b-sd2sfiwqbf] {
        opacity: 0;
    }
}

.cr-overlay__panel[b-sd2sfiwqbf] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    box-shadow: var(--innvilo-shadow-dropdown);
    display: grid;
    gap: var(--innvilo-space-7);
    max-width: 30rem;
    opacity: 1;
    padding: var(--innvilo-space-9);
    position: relative;
    transform: translateY(0);
    transition: opacity var(--innvilo-duration-slow) var(--innvilo-easing-settle),
                transform var(--innvilo-duration-slow) var(--innvilo-easing-settle);
    width: 100%;
}

@starting-style {
    .cr-overlay__panel[b-sd2sfiwqbf] {
        opacity: 0;
        transform: translateY(8px);
    }
}

.cr-overlay__panel:focus-visible[b-sd2sfiwqbf] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
}

.cr-overlay__head[b-sd2sfiwqbf] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.cr-overlay__head h2[b-sd2sfiwqbf] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.cr-overlay__detail[b-sd2sfiwqbf] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.cr-overlay__steps[b-sd2sfiwqbf] {
    display: grid;
    gap: var(--innvilo-space-4);
    list-style: none;
    margin: 0;
    padding: 0;
}

.cr-overlay__step[b-sd2sfiwqbf] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-5);
    grid-template-columns: auto 1fr auto;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.cr-overlay__step[data-state="active"][b-sd2sfiwqbf],
.cr-overlay__step[data-state="done"][b-sd2sfiwqbf] {
    color: var(--innvilo-text-primary);
}

.cr-overlay__step-mark[b-sd2sfiwqbf] {
    background: var(--innvilo-border-default);
    block-size: 0.5rem;
    border-radius: var(--innvilo-radius-full);
    inline-size: 0.5rem;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
                transform var(--innvilo-duration-normal) var(--innvilo-easing-settle);
}

.cr-overlay__step[data-state="active"] .cr-overlay__step-mark[b-sd2sfiwqbf],
.cr-overlay__step[data-state="done"] .cr-overlay__step-mark[b-sd2sfiwqbf] {
    background: var(--color-primary);
}

.cr-overlay__step[data-state="active"] .cr-overlay__step-mark[b-sd2sfiwqbf] {
    transform: scale(1.4);
}

.cr-overlay__step[data-state="active"] .cr-overlay__step-label[b-sd2sfiwqbf] {
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.cr-overlay__step-note[b-sd2sfiwqbf] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.cr-overlay__foot[b-sd2sfiwqbf] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

@media (max-width: 36rem) {
    .cr-overlay[b-sd2sfiwqbf] {
        padding: var(--innvilo-space-6);
    }

    .cr-overlay__panel[b-sd2sfiwqbf] {
        gap: var(--innvilo-space-6);
        padding: var(--innvilo-space-7);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cr-overlay__scrim[b-sd2sfiwqbf],
    .cr-overlay__panel[b-sd2sfiwqbf],
    .cr-overlay__step[b-sd2sfiwqbf],
    .cr-overlay__step-mark[b-sd2sfiwqbf] {
        transition: none;
    }

    .cr-overlay__panel[b-sd2sfiwqbf] {
        transform: none;
    }

    .cr-overlay__step[data-state="active"] .cr-overlay__step-mark[b-sd2sfiwqbf] {
        transform: none;
    }

    @starting-style {
        .cr-overlay__scrim[b-sd2sfiwqbf] {
            opacity: 1;
        }

        .cr-overlay__panel[b-sd2sfiwqbf] {
            opacity: 1;
            transform: none;
        }
    }
}
/* /Components/Pages/CompetitorRates/CompetitorSettingsPopup.razor.rz.scp.css */
.cr-hint[b-f9zn52f21j] { margin: 16px 0; color: var(--color-text-muted); font-size: 14px; }
h2[b-f9zn52f21j] { font-size: 20px; margin-top: 24px; }
.cr-competitor-setting[b-f9zn52f21j] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--color-border); }
.cr-competitor-setting span[b-f9zn52f21j] { flex: 1 1 240px; }
.form-check[b-f9zn52f21j] { min-height: 44px; display: flex; align-items: center; gap: 12px; }
.form-control[b-f9zn52f21j], .form-select[b-f9zn52f21j] { min-height: 44px; }
/* /Components/Pages/CompetitorRates/CompetitorWorkspace.razor.rz.scp.css */
.cw-workspace[b-t5rqzkdnas] { display: grid; gap: 20px; min-width: 0; }
.cw-filters[b-t5rqzkdnas] { padding: 16px; border: 1px solid var(--color-border); background: var(--color-surface); }
fieldset[b-t5rqzkdnas] { padding: 0; margin: 0; min-width: 0; }
.form-select[b-t5rqzkdnas], .form-control[b-t5rqzkdnas] { min-height: 44px; }
summary[b-t5rqzkdnas] { cursor: pointer; font-weight: 700; min-height: 44px; }
summary:focus-visible[b-t5rqzkdnas], input:focus-visible[b-t5rqzkdnas], select:focus-visible[b-t5rqzkdnas] { outline: 2px solid var(--color-primary); outline-offset: 4px; }
.cw-toolbar[b-t5rqzkdnas], .cw-period-navigation[b-t5rqzkdnas], .cw-actions[b-t5rqzkdnas] { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.cw-toolbar[b-t5rqzkdnas], .cw-period-navigation[b-t5rqzkdnas] { justify-content: space-between; }
h2[b-t5rqzkdnas] { font-size: 20px; margin: 0 0 8px; }
p[b-t5rqzkdnas] { font-size: 14px; margin: 8px 0 0; max-width: 70ch; }
.cw-toolbar p[b-t5rqzkdnas], .cw-filters p[b-t5rqzkdnas], .cw-quality[b-t5rqzkdnas], .cw-notices[b-t5rqzkdnas], .cw-period-navigation span[b-t5rqzkdnas] { color: var(--color-text-muted); font-size: 14px; }
.cw-message[b-t5rqzkdnas] { padding: 16px; border: 1px solid var(--color-border); }
.cw-kpis[b-t5rqzkdnas] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px 20px; margin: 16px 0 0; padding: 16px 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.cw-kpis dt[b-t5rqzkdnas] { font-size: 12px; color: var(--color-text-muted); font-weight: 400; margin-bottom: 8px; }
.cw-kpis dd[b-t5rqzkdnas] { font-size: 16px; font-weight: 700; margin: 0; font-variant-numeric: tabular-nums; }
.cw-competitors article[b-t5rqzkdnas] { padding: 16px 0; border-top: 1px solid var(--color-border); }
.cw-competitor-select[b-t5rqzkdnas] { display: flex; align-items: center; min-height: 44px; gap: 12px; }
@media (max-width: 1199px) { .cw-kpis[b-t5rqzkdnas] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .cw-kpis[b-t5rqzkdnas] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .cw-actions[b-t5rqzkdnas] { gap: 8px; } .cw-filters[b-t5rqzkdnas] { padding: 12px; } }
/* /Components/Pages/CompetitorRates/CompetitorWorkspaceCalendar.razor.rz.scp.css */
.cw-calendar[b-yeyycmmk99] { min-width: 0; }
.cw-calendar-empty[b-yeyycmmk99] { display: grid; gap: 4px; padding: 12px 0; }
.cw-calendar-empty h3[b-yeyycmmk99] { margin: 0; font-size: 16px; }
.cw-calendar-empty p[b-yeyycmmk99] { margin: 0; max-width: 70ch; font-size: 14px; color: var(--color-text-muted); }
.cw-calendar-help[b-yeyycmmk99] { font-size: 14px; color: var(--color-text-muted); margin: 0 0 12px; }
.cw-own-heading[b-yeyycmmk99], .cw-date-heading[b-yeyycmmk99], .cw-hotel[b-yeyycmmk99], .cw-price-cell[b-yeyycmmk99] { display: flex; flex-direction: column; gap: 8px; font-variant-numeric: tabular-nums; }
.cw-own-heading[b-yeyycmmk99] { padding-top: 8px; }
.cw-date-heading[b-yeyycmmk99], .cw-price-cell[b-yeyycmmk99] { text-align: right; }
.cw-hotel span[b-yeyycmmk99], .cw-price-cell span[b-yeyycmmk99], .cw-own-heading span[b-yeyycmmk99] { color: var(--color-text-muted); font-size: 12px; }
.cw-hotel strong[b-yeyycmmk99] { overflow: hidden; text-overflow: ellipsis; }
.cw-price-cell[data-quality="unknown"] strong[b-yeyycmmk99] { font-size: 14px; font-weight: 400; }
/* /Components/Pages/CompetitorRates/CompetitorWorkspaceCharts.razor.rz.scp.css */
.cw-charts[b-tt9x03hf3b] { border-top: 1px solid var(--color-border); padding-top: 12px; min-width: 0; }
.cw-chart-content[hidden][b-tt9x03hf3b] { display: none; }
summary[b-tt9x03hf3b] { min-height: 44px; cursor: pointer; font-weight: 700; }
summary:focus-visible[b-tt9x03hf3b] { outline: 2px solid var(--color-primary); outline-offset: 4px; }
h2[b-tt9x03hf3b] { font-size: 16px; margin: 16px 0; }
p[b-tt9x03hf3b] { font-size: 14px; color: var(--color-text-muted); max-width: 70ch; }
/* /Components/Pages/CompetitorRates/CompetitorWorkspaceDayDetail.razor.rz.scp.css */
.cw-day-detail[b-el32y27cve] { display: grid; gap: 24px; }
h2[b-el32y27cve] { font-size: 20px; margin: 0 0 8px; }
h3[b-el32y27cve], h4[b-el32y27cve] { font-size: 16px; margin: 0 0 12px; }
p[b-el32y27cve] { margin: 8px 0; font-size: 14px; max-width: 70ch; }
.cw-detail-metrics[b-el32y27cve] { display: grid; gap: 12px; margin: 16px 0; }
.cw-detail-metrics div[b-el32y27cve] { display: grid; grid-template-columns: minmax(120px, 1fr) 1fr; gap: 12px; }
dt[b-el32y27cve] { font-size: 14px; font-weight: 400; color: var(--color-text-muted); }
dd[b-el32y27cve] { margin: 0; font-size: 14px; font-variant-numeric: tabular-nums; }
.cw-source[b-el32y27cve] { padding: 16px 0; border-top: 1px solid var(--color-border); }
.cw-source header[b-el32y27cve] { display: flex; gap: 12px; flex-wrap: wrap; align-items: baseline; justify-content: space-between; }
summary[b-el32y27cve] { min-height: 44px; cursor: pointer; font-weight: 700; }
summary:focus-visible[b-el32y27cve] { outline: 2px solid var(--color-primary); outline-offset: 4px; }
li[b-el32y27cve] { font-size: 14px; margin-bottom: 8px; }
/* /Components/Pages/CompetitorRates/CompetitorWorkspaceMobile.razor.rz.scp.css */
.cw-mobile[b-cwc5df9nyb] { display: grid; gap: 16px; }
.cw-mobile-day[b-cwc5df9nyb] { border: 1px solid var(--color-border); padding: 16px; background: var(--color-surface); }
header[b-cwc5df9nyb], nav[b-cwc5df9nyb] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
h2[b-cwc5df9nyb] { font-size: 16px; margin: 0; }
dl[b-cwc5df9nyb] { display: grid; gap: 8px; margin: 16px 0 0; font-variant-numeric: tabular-nums; }
dl div[b-cwc5df9nyb] { display: flex; justify-content: space-between; gap: 16px; }
dt[b-cwc5df9nyb] { font-size: 14px; font-weight: 400; color: var(--color-text-muted); }
dd[b-cwc5df9nyb] { margin: 0; text-align: right; }
p[b-cwc5df9nyb], nav span[b-cwc5df9nyb] { font-size: 14px; color: var(--color-text-muted); }
/* /Components/Pages/CompetitorRates/CompetitorWorkspacePriceAction.razor.rz.scp.css */
.cw-price-actions[b-yqlbfuy82l] { display: grid; gap: 12px; }
.cw-actions[b-yqlbfuy82l] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.cw-receipt[b-yqlbfuy82l] { border-top: 1px solid var(--color-border); padding-top: 16px; display: grid; gap: 12px; }
h3[b-yqlbfuy82l] { margin: 0; font-size: 16px; }
p[b-yqlbfuy82l] { margin: 0; font-size: 14px; max-width: 70ch; }
summary[b-yqlbfuy82l] { min-height: 44px; cursor: pointer; padding-top: 8px; }
input[b-yqlbfuy82l] { min-height: 44px; }
summary:focus-visible[b-yqlbfuy82l], input:focus-visible[b-yqlbfuy82l] { outline: 2px solid var(--color-primary); outline-offset: 4px; }
/* /Components/Pages/CompetitorRates/CompetitorWorkspaceRuleProfile.razor.rz.scp.css */
.cw-rule-profile[b-t192wipamh] { display: grid; gap: 24px; }
fieldset[b-t192wipamh] { margin: 0; padding: 0; min-width: 0; }
legend[b-t192wipamh] { font-size: 20px; font-weight: 700; margin-bottom: 12px; }
p[b-t192wipamh] { font-size: 14px; color: var(--color-text-muted); max-width: 70ch; margin: 0; }
small[b-t192wipamh] { font-size: 12px; color: var(--color-text-muted); }
.form-control[b-t192wipamh], .form-select[b-t192wipamh] { min-height: 44px; }
.cw-check[b-t192wipamh] { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-right: 16px; }
.cw-signal[b-t192wipamh] { padding: 16px 0; border-bottom: 1px solid var(--color-border); }
.cw-signal legend[b-t192wipamh] { font-size: 16px; }
summary[b-t192wipamh] { min-height: 44px; cursor: pointer; font-weight: 700; }
summary:focus-visible[b-t192wipamh], input:focus-visible[b-t192wipamh], select:focus-visible[b-t192wipamh], textarea:focus-visible[b-t192wipamh] { outline: 2px solid var(--color-primary); outline-offset: 4px; }
/* /Components/Pages/CompetitorRates/PricePositioningCriteria.razor.rz.scp.css */
.pp-criteria[b-3uk8yiydq6] { padding: 16px 0; margin-bottom: 16px; }
legend[b-3uk8yiydq6] { font-size: 16px; font-weight: 700; }
input[b-3uk8yiydq6], select[b-3uk8yiydq6] { min-height: 44px; }
/* /Components/Pages/CompetitorRates/PricePositioningSettingsPopup.razor.rz.scp.css */
input:not([type="checkbox"])[b-npp8biwhj3] { min-height: 44px; }
input[type="checkbox"][b-npp8biwhj3] { width: 20px; height: 20px; vertical-align: middle; margin-right: 8px; }
label[b-npp8biwhj3] { min-height: 44px; }
/* /Components/Pages/Corporate/BookingRequests.razor.rz.scp.css */
.corporate-booking-requests[b-m6pchwp5ok] {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    margin: 0 auto;
    padding: 0;
    gap: var(--innvilo-space-6);
    color: var(--innvilo-text);
    font-family: Lato, sans-serif;
}

.corporate-booking-requests__hero-shell[b-m6pchwp5ok],
.corporate-booking-requests__kpi-shell[b-m6pchwp5ok],
.corporate-booking-requests__filter-shell[b-m6pchwp5ok],
.corporate-booking-requests__workspace[b-m6pchwp5ok] {
    display: grid;
    min-width: 0;
}

.corporate-booking-requests__kpi-shell[b-m6pchwp5ok],
.corporate-booking-requests__filter-shell[b-m6pchwp5ok] {
    padding-bottom: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
}

.corporate-booking-requests__workspace[b-m6pchwp5ok],
.request-workbench[b-m6pchwp5ok],
.request-panel[b-m6pchwp5ok],
.request-panel__header > div[b-m6pchwp5ok],
.request-form[b-m6pchwp5ok],
.request-form__field[b-m6pchwp5ok],
.request-room-types[b-m6pchwp5ok],
.request-category-list[b-m6pchwp5ok],
.request-inline-state[b-m6pchwp5ok] {
    display: grid;
    min-width: 0;
}

.corporate-booking-requests__workspace[b-m6pchwp5ok] {
    gap: var(--innvilo-space-8);
}

.request-hotel-switcher[b-m6pchwp5ok] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.request-hotel-switcher button[b-m6pchwp5ok] {
    display: grid;
    min-width: 10rem;
    min-height: 44px;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    background: var(--innvilo-surface);
    color: var(--innvilo-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 140ms ease-out, border-color 140ms ease-out;
}

.request-hotel-switcher button:hover[b-m6pchwp5ok] {
    border-color: var(--innvilo-border-strong);
    background: var(--innvilo-surface-soft);
}

.request-hotel-switcher button:focus-visible[b-m6pchwp5ok],
.request-text-action:focus-visible[b-m6pchwp5ok],
.request-category:has(input:focus-visible)[b-m6pchwp5ok] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.request-hotel-switcher button:disabled[b-m6pchwp5ok] {
    color: var(--innvilo-text-disabled);
    cursor: not-allowed;
}

.request-hotel-switcher button.is-active[b-m6pchwp5ok] {
    border-color: var(--innvilo-navy);
    background: var(--innvilo-navy);
    color: var(--innvilo-text-inverse);
}

.request-hotel-switcher strong[b-m6pchwp5ok] {
    font-size: 0.9375rem;
    line-height: 1.35;
}

.request-hotel-switcher span[b-m6pchwp5ok] {
    color: inherit;
    font-size: 0.8125rem;
    line-height: 1.35;
    opacity: 0.8;
}

.request-workbench[b-m6pchwp5ok] {
    grid-template-columns: minmax(0, 1.08fr) minmax(24rem, 0.92fr);
    align-items: start;
    gap: var(--innvilo-space-8);
}

.request-panel[b-m6pchwp5ok] {
    align-content: start;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-8);
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
    background: var(--innvilo-surface);
}

.request-panel__header > div[b-m6pchwp5ok] {
    gap: var(--innvilo-space-2);
}

.request-panel h2[b-m6pchwp5ok],
.request-panel h3[b-m6pchwp5ok],
.request-panel p[b-m6pchwp5ok],
.request-panel dl[b-m6pchwp5ok],
.request-panel dd[b-m6pchwp5ok],
.request-panel dt[b-m6pchwp5ok],
.request-panel fieldset[b-m6pchwp5ok],
.request-panel legend[b-m6pchwp5ok] {
    margin: 0;
}

.request-panel h2[b-m6pchwp5ok] {
    color: var(--innvilo-text);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
}

.request-panel h3[b-m6pchwp5ok] {
    color: var(--innvilo-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.request-panel__header p[b-m6pchwp5ok],
.request-inline-state p[b-m6pchwp5ok],
.request-room-types > p[b-m6pchwp5ok] {
    color: var(--innvilo-muted);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.request-form[b-m6pchwp5ok] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-6);
}

.request-form__field[b-m6pchwp5ok] {
    align-content: start;
    gap: var(--innvilo-space-3);
}

.request-form__field > span[b-m6pchwp5ok],
.request-room-types legend[b-m6pchwp5ok] {
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4;
}

.request-form .is-wide[b-m6pchwp5ok] {
    grid-column: 1 / -1;
}

.request-date-input[b-m6pchwp5ok] {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: 6px;
    background: var(--innvilo-surface);
    color: var(--innvilo-text);
    font: inherit;
}

.request-date-input:focus-visible[b-m6pchwp5ok] {
    border-color: var(--innvilo-border-focus);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.request-room-types[b-m6pchwp5ok] {
    gap: var(--innvilo-space-4);
    padding: 0;
    border: 0;
}

.request-room-types > p[b-m6pchwp5ok] {
    margin-top: calc(-1 * var(--innvilo-space-2));
}

.request-category-list[b-m6pchwp5ok] {
    gap: var(--innvilo-space-3);
}

.request-category[b-m6pchwp5ok] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    min-height: 48px;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    background: var(--innvilo-surface-soft);
    cursor: pointer;
    transition: background-color 140ms ease-out, border-color 140ms ease-out;
}

.request-category:hover[b-m6pchwp5ok] {
    border-color: var(--innvilo-border-strong);
}

.request-category:has(input:checked)[b-m6pchwp5ok] {
    border-color: var(--innvilo-teal);
    background: var(--innvilo-teal-soft);
}

.request-category.is-unavailable[b-m6pchwp5ok] {
    color: var(--innvilo-text-disabled);
    cursor: not-allowed;
}

.request-category input[type="checkbox"][b-m6pchwp5ok] {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    accent-color: var(--innvilo-teal);
}

.request-category__identity[b-m6pchwp5ok] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-1);
}

.request-category__identity strong[b-m6pchwp5ok] {
    color: var(--innvilo-text);
    font-size: 0.9375rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.request-category__identity small[b-m6pchwp5ok] {
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.request-category__status[b-m6pchwp5ok] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
}

.request-category__status[b-m6pchwp5ok] {
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.request-category__status.is-available[b-m6pchwp5ok] {
    border: 1px solid var(--color-success-border);
    background: var(--color-success-soft);
    color: var(--color-success);
}

.request-category__status.is-unavailable[b-m6pchwp5ok] {
    border: 1px solid var(--color-error-border);
    background: var(--color-error-soft);
    color: var(--color-error);
}

.request-availability-warning[b-m6pchwp5ok],
.request-form__feedback[b-m6pchwp5ok],
.request-inline-state[b-m6pchwp5ok] {
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    background: var(--innvilo-surface-soft);
}

.request-availability-warning[b-m6pchwp5ok] {
    padding: var(--innvilo-space-5);
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
    font-size: 0.875rem;
    line-height: 1.45;
}

.request-inline-state[b-m6pchwp5ok] {
    align-content: start;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-6);
}

.request-inline-state.is-error[b-m6pchwp5ok] {
    border-color: var(--color-error-border);
    background: var(--color-error-soft);
}

.request-form__feedback[b-m6pchwp5ok] {
    display: flex;
    align-items: flex-start;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
    font-size: 0.9375rem;
    line-height: 1.45;
}

.request-form__feedback.is-error[b-m6pchwp5ok] {
    border-color: var(--color-error-border);
    background: var(--color-error-soft);
    color: var(--color-error);
}

.request-form__feedback.is-success[b-m6pchwp5ok] {
    border-color: var(--color-success-border);
    background: var(--color-success-soft);
    color: var(--color-success);
}

.request-form__feedback i[b-m6pchwp5ok] {
    margin-top: var(--innvilo-space-1);
}

.request-form__actions[b-m6pchwp5ok] {
    display: flex;
    justify-content: flex-end;
}

.request-text-action[b-m6pchwp5ok] {
    justify-self: start;
    min-height: 44px;
    padding: var(--innvilo-space-4) 0;
    border: 0;
    background: transparent;
    color: var(--innvilo-text-link);
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    cursor: pointer;
}

.request-state[b-m6pchwp5ok] {
    display: flex;
    align-items: flex-start;
    min-width: 0;
    min-height: 10rem;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-7);
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
    background: var(--innvilo-surface);
}

.request-state > div:not(.request-skeleton)[b-m6pchwp5ok] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-2);
}

.request-state > i[b-m6pchwp5ok] {
    flex: 0 0 auto;
    color: var(--color-error);
    font-size: 1.25rem;
}

.request-state h2[b-m6pchwp5ok],
.request-state p[b-m6pchwp5ok] {
    margin: 0;
}

.request-state h2[b-m6pchwp5ok] {
    color: var(--innvilo-text);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
}

.request-state p[b-m6pchwp5ok] {
    max-width: 70ch;
    color: var(--innvilo-muted);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.request-state.is-error[b-m6pchwp5ok] {
    border-color: var(--color-error-border);
}

.request-state > :last-child:not(div, i)[b-m6pchwp5ok] {
    margin-left: auto;
}

.request-state.is-loading[b-m6pchwp5ok] {
    display: block;
}

.request-skeleton[b-m6pchwp5ok] {
    display: grid;
    width: 100%;
    gap: var(--innvilo-space-4);
}

.request-skeleton i[b-m6pchwp5ok] {
    display: block;
    height: 1rem;
    border-radius: 4px;
    background: var(--innvilo-surface-soft);
}

.request-skeleton i:first-child[b-m6pchwp5ok] {
    width: min(22rem, 72%);
    height: 1.5rem;
}

.request-skeleton i:nth-child(2)[b-m6pchwp5ok] {
    width: min(36rem, 92%);
}

.request-skeleton i:last-child[b-m6pchwp5ok] {
    width: min(28rem, 80%);
}

.request-skeleton.is-compact i:first-child[b-m6pchwp5ok] {
    width: 62%;
    height: 1rem;
}

.request-skeleton.is-compact i:last-child[b-m6pchwp5ok] {
    width: 84%;
}

@media (max-width: 1100px) {
    .request-workbench[b-m6pchwp5ok] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 1023px) {

}

@media (max-width: 767px) {
    .request-panel[b-m6pchwp5ok],
    .request-state[b-m6pchwp5ok] {
        padding: var(--innvilo-space-5);
    }

    .request-form[b-m6pchwp5ok] {
        grid-template-columns: minmax(0, 1fr);
    }

    .request-hotel-switcher[b-m6pchwp5ok],
    .request-hotel-switcher button[b-m6pchwp5ok],
    .request-form__actions[b-m6pchwp5ok] {
        width: 100%;
    }

    .request-form__actions[b-m6pchwp5ok] {
        justify-content: stretch;
    }

    .request-category[b-m6pchwp5ok] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .request-category__status[b-m6pchwp5ok] {
        grid-column: 2;
        justify-self: start;
    }

    .request-state[b-m6pchwp5ok] {
        flex-wrap: wrap;
    }

    .request-state > :last-child:not(div, i)[b-m6pchwp5ok] {
        width: 100%;
        margin-left: 0;
    }
}

@media (prefers-contrast: more) {
    .request-hotel-switcher button[b-m6pchwp5ok],
    .request-panel[b-m6pchwp5ok],
    .request-category[b-m6pchwp5ok],
    .request-availability-warning[b-m6pchwp5ok],
    .request-form__feedback[b-m6pchwp5ok],
    .request-inline-state[b-m6pchwp5ok],
    .request-state[b-m6pchwp5ok] {
        border-color: currentColor;
    }
}

@media (prefers-reduced-motion: reduce) {
    .corporate-booking-requests *[b-m6pchwp5ok],
    .corporate-booking-requests *[b-m6pchwp5ok]::before,
    .corporate-booking-requests *[b-m6pchwp5ok]::after {
        scroll-behavior: auto;
        transition: none;
        animation: none;
    }
}
/* /Components/Pages/Corporate/MyBookings.razor.rz.scp.css */
.corporate-bookings[b-6ppaeqqtu5] {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    margin: 0 auto;
    padding: 0;
    gap: var(--innvilo-space-6);
    color: var(--innvilo-text);
    font-family: Lato, sans-serif;
}

.corporate-bookings__hero-shell[b-6ppaeqqtu5],
.corporate-bookings__kpi-shell[b-6ppaeqqtu5],
.corporate-bookings__filter-shell[b-6ppaeqqtu5],
.corporate-bookings__workspace[b-6ppaeqqtu5] {
    display: grid;
    min-width: 0;
}

.corporate-bookings__kpi-shell[b-6ppaeqqtu5],
.corporate-bookings__filter-shell[b-6ppaeqqtu5] {
    padding-bottom: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
}

.corporate-booking-status[b-6ppaeqqtu5] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2);
    border: 1px solid var(--innvilo-border);
    border-radius: 4px;
    background: var(--innvilo-surface-soft);
    color: var(--innvilo-text);
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.35;
}

.corporate-booking-invoice[b-6ppaeqqtu5] {
    display: grid;
    min-width: 0;
}

.corporate-booking-invoice__link[b-6ppaeqqtu5] {
    display: grid;
    align-content: center;
    min-width: 0;
    min-height: 44px;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    color: var(--innvilo-teal);
    text-decoration: none;
    transition: background-color 150ms ease-out, border-color 150ms ease-out, transform 100ms ease-out;
}

.corporate-booking-invoice__link:hover[b-6ppaeqqtu5] {
    border-color: var(--innvilo-border-strong);
    background: var(--innvilo-surface-soft);
}

.corporate-booking-invoice__link:active[b-6ppaeqqtu5] {
    transform: scale(0.98);
}

.corporate-booking-invoice__link:focus-visible[b-6ppaeqqtu5],
.corporate-booking-mobile-card__details summary:focus-visible[b-6ppaeqqtu5] {
    outline: 3px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.corporate-booking-invoice__link span[b-6ppaeqqtu5] {
    min-width: 0;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.corporate-booking-invoice__link small[b-6ppaeqqtu5],
.corporate-booking-invoice__missing[b-6ppaeqqtu5] {
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.corporate-booking-invoice__missing[b-6ppaeqqtu5] {
    display: flex;
    align-items: center;
    min-height: 44px;
}

.corporate-booking-mobile-card[b-6ppaeqqtu5],
.corporate-booking-mobile-card__heading[b-6ppaeqqtu5],
.corporate-booking-mobile-card__heading > div[b-6ppaeqqtu5],
.corporate-booking-mobile-card__summary[b-6ppaeqqtu5],
.corporate-booking-mobile-card__summary > div[b-6ppaeqqtu5],
.corporate-booking-mobile-card__details dl[b-6ppaeqqtu5],
.corporate-booking-mobile-card__details dl > div[b-6ppaeqqtu5] {
    display: grid;
    min-width: 0;
}

.corporate-booking-mobile-card[b-6ppaeqqtu5] {
    gap: var(--innvilo-space-4);
}

.corporate-booking-mobile-card__heading[b-6ppaeqqtu5] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--innvilo-space-4);
}

.corporate-booking-mobile-card__heading > div[b-6ppaeqqtu5] {
    gap: var(--innvilo-space-1);
}

.corporate-booking-mobile-card__heading strong[b-6ppaeqqtu5] {
    color: var(--innvilo-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.corporate-booking-mobile-card__heading > div > span[b-6ppaeqqtu5],
.corporate-booking-mobile-card__reference[b-6ppaeqqtu5] {
    color: var(--innvilo-muted);
    font-size: 0.875rem;
    line-height: 1.45;
}

.corporate-booking-mobile-card__reference[b-6ppaeqqtu5],
.corporate-booking-mobile-card dl[b-6ppaeqqtu5],
.corporate-booking-mobile-card dd[b-6ppaeqqtu5],
.corporate-booking-mobile-card dt[b-6ppaeqqtu5] {
    margin: 0;
}

.corporate-booking-mobile-card__summary[b-6ppaeqqtu5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-4);
}

.corporate-booking-mobile-card__summary > div[b-6ppaeqqtu5],
.corporate-booking-mobile-card__details dl > div[b-6ppaeqqtu5] {
    gap: var(--innvilo-space-1);
}

.corporate-booking-mobile-card dt[b-6ppaeqqtu5] {
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    line-height: 1.35;
}

.corporate-booking-mobile-card dd[b-6ppaeqqtu5] {
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.corporate-booking-mobile-card__details[b-6ppaeqqtu5] {
    border-top: 1px solid var(--innvilo-border);
}

.corporate-booking-mobile-card__details summary[b-6ppaeqqtu5] {
    display: flex;
    align-items: center;
    min-height: 44px;
    color: var(--innvilo-teal);
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 700;
    list-style-position: inside;
}

.corporate-booking-mobile-card__details dl[b-6ppaeqqtu5] {
    gap: var(--innvilo-space-3);
    padding: 0 0 var(--innvilo-space-2);
}

@media (max-width: 767px) {
    .corporate-booking-mobile-card__summary[b-6ppaeqqtu5] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--innvilo-space-3);
    }
}

@media (max-width: 390px) {
    .corporate-booking-mobile-card__heading[b-6ppaeqqtu5] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-contrast: more) {
    .corporate-booking-status[b-6ppaeqqtu5],
    .corporate-booking-invoice__link[b-6ppaeqqtu5],
    .corporate-booking-mobile-card__details[b-6ppaeqqtu5] {
        border-color: currentColor;
    }
}

@media (prefers-reduced-motion: reduce) {
    .corporate-bookings *[b-6ppaeqqtu5],
    .corporate-bookings *[b-6ppaeqqtu5]::before,
    .corporate-bookings *[b-6ppaeqqtu5]::after {
        scroll-behavior: auto;
        transition: none;
        animation: none;
    }

    .corporate-booking-invoice__link:active[b-6ppaeqqtu5] {
        transform: none;
    }
}
/* /Components/Pages/Corporate/Portal.razor.rz.scp.css */
.corporate-portal[b-1k0rvaa8s2] {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    margin: 0 auto;
    padding: 0;
    gap: var(--innvilo-space-6);
    color: var(--innvilo-text);
    font-family: Lato, sans-serif;
}

.corporate-portal__hero-shell[b-1k0rvaa8s2],
.corporate-portal__kpi-shell[b-1k0rvaa8s2],
.corporate-portal__filter-shell[b-1k0rvaa8s2],
.corporate-portal__workspace[b-1k0rvaa8s2] {
    display: grid;
    min-width: 0;
}

.corporate-portal__kpi-shell[b-1k0rvaa8s2],
.corporate-portal__filter-shell[b-1k0rvaa8s2] {
    padding-bottom: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
}

.corporate-portal__workspace[b-1k0rvaa8s2],
.portal-contracts[b-1k0rvaa8s2] {
    gap: var(--innvilo-space-6);
}

.portal-contracts[b-1k0rvaa8s2],
.portal-contract[b-1k0rvaa8s2],
.portal-contract__identity[b-1k0rvaa8s2],
.portal-contract__group[b-1k0rvaa8s2],
.portal-contract__list[b-1k0rvaa8s2],
.portal-contract__list > li[b-1k0rvaa8s2],
.portal-contract__list dl[b-1k0rvaa8s2] {
    display: grid;
    min-width: 0;
}

.portal-contract[b-1k0rvaa8s2] {
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-6);
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
    background: var(--innvilo-surface);
}

.portal-contract__header[b-1k0rvaa8s2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--innvilo-space-6);
}

.portal-contract__identity[b-1k0rvaa8s2] {
    gap: var(--innvilo-space-2);
}

.portal-contract__context[b-1k0rvaa8s2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    color: var(--innvilo-muted);
    font-size: 0.875rem;
    line-height: 1.4;
}

.portal-contract__context span + span[b-1k0rvaa8s2] {
    position: relative;
    padding-left: var(--innvilo-space-4);
}

.portal-contract__context span + span[b-1k0rvaa8s2]::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 1rem;
    background: var(--innvilo-border-strong);
    content: "";
    transform: translateY(-50%);
}

.portal-contract h2[b-1k0rvaa8s2],
.portal-contract h3[b-1k0rvaa8s2],
.portal-contract p[b-1k0rvaa8s2],
.portal-contract dl[b-1k0rvaa8s2],
.portal-contract dd[b-1k0rvaa8s2],
.portal-contract dt[b-1k0rvaa8s2],
.portal-contract ul[b-1k0rvaa8s2] {
    margin: 0;
}

.portal-contract h2[b-1k0rvaa8s2] {
    color: var(--innvilo-text);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
}

.portal-contract h3[b-1k0rvaa8s2] {
    color: var(--innvilo-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.portal-contract__validity[b-1k0rvaa8s2] {
    display: grid;
    justify-items: end;
    gap: var(--innvilo-space-1);
    text-align: right;
}

.portal-contract__validity span[b-1k0rvaa8s2],
.portal-contract__facts dt[b-1k0rvaa8s2],
.portal-contract__list dt[b-1k0rvaa8s2] {
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.4;
}

.portal-contract__validity strong[b-1k0rvaa8s2] {
    color: var(--innvilo-text);
    font-size: 0.9375rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
    white-space: nowrap;
}

.portal-contract__facts[b-1k0rvaa8s2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
    margin: 0;
    border-block: 1px solid var(--innvilo-border);
}

.portal-contract__facts > div[b-1k0rvaa8s2] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.portal-contract__facts > div:first-child[b-1k0rvaa8s2] {
    padding-left: 0;
}

.portal-contract__facts > div + div[b-1k0rvaa8s2] {
    border-left: 1px solid var(--innvilo-border);
}

.portal-contract__facts dd[b-1k0rvaa8s2] {
    color: var(--innvilo-text);
    font-size: 1.25rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.portal-contract__details[b-1k0rvaa8s2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    gap: var(--innvilo-space-7);
}

.portal-contract__group[b-1k0rvaa8s2] {
    align-content: start;
    gap: var(--innvilo-space-4);
}

.portal-contract__group > header[b-1k0rvaa8s2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--innvilo-space-4);
}

.portal-contract__group > header span[b-1k0rvaa8s2] {
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    line-height: 1.4;
    white-space: nowrap;
}

.portal-contract__list[b-1k0rvaa8s2] {
    padding: 0;
    list-style: none;
}

.portal-contract__list > li[b-1k0rvaa8s2] {
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4) 0;
    border-top: 1px solid var(--innvilo-border);
}

.portal-contract__item-heading[b-1k0rvaa8s2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    min-width: 0;
    gap: var(--innvilo-space-4);
}

.portal-contract__item-heading strong[b-1k0rvaa8s2] {
    min-width: 0;
    color: var(--innvilo-text);
    font-size: 0.9375rem;
    overflow-wrap: anywhere;
}

.portal-contract__item-heading span[b-1k0rvaa8s2] {
    flex: 0 0 auto;
    color: var(--innvilo-teal);
    font-size: 0.9375rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.portal-contract__list dl[b-1k0rvaa8s2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
}

.portal-contract__list dl > div[b-1k0rvaa8s2] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.portal-contract__list dd[b-1k0rvaa8s2] {
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
}

.portal-inline-empty[b-1k0rvaa8s2] {
    max-width: 70ch;
    color: var(--innvilo-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.portal-state[b-1k0rvaa8s2] {
    display: flex;
    align-items: flex-start;
    min-width: 0;
    min-height: 10rem;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-7);
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
    background: var(--innvilo-surface);
}

.portal-state > div:not(.portal-skeleton)[b-1k0rvaa8s2] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-2);
}

.portal-state > i[b-1k0rvaa8s2] {
    flex: 0 0 auto;
    color: var(--color-error);
    font-size: 1.25rem;
}

.portal-state h2[b-1k0rvaa8s2],
.portal-state p[b-1k0rvaa8s2] {
    margin: 0;
}

.portal-state h2[b-1k0rvaa8s2] {
    color: var(--innvilo-text);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
}

.portal-state p[b-1k0rvaa8s2] {
    max-width: 70ch;
    color: var(--innvilo-muted);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.portal-state.is-error[b-1k0rvaa8s2] {
    border-color: var(--color-error-border);
}

.portal-state > :last-child:not(div, i)[b-1k0rvaa8s2] {
    margin-left: auto;
}

.portal-state.is-loading[b-1k0rvaa8s2] {
    display: block;
}

.portal-skeleton[b-1k0rvaa8s2] {
    display: grid;
    width: 100%;
    gap: var(--innvilo-space-4);
}

.portal-skeleton i[b-1k0rvaa8s2] {
    display: block;
    height: 1rem;
    border-radius: 4px;
    background: var(--innvilo-surface-soft);
}

.portal-skeleton i:first-child[b-1k0rvaa8s2] {
    width: min(22rem, 72%);
    height: 1.5rem;
}

.portal-skeleton i:nth-child(2)[b-1k0rvaa8s2] {
    width: min(36rem, 92%);
}

.portal-skeleton i:last-child[b-1k0rvaa8s2] {
    width: min(28rem, 80%);
}

@media (max-width: 1023px) {

    .portal-contract__details[b-1k0rvaa8s2] {
        gap: var(--innvilo-space-6);
    }
}

@media (max-width: 767px) {
    .portal-contract[b-1k0rvaa8s2] {
        padding: var(--innvilo-space-5);
    }

    .portal-contract__header[b-1k0rvaa8s2],
    .portal-contract__details[b-1k0rvaa8s2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-contract__validity[b-1k0rvaa8s2] {
        justify-items: start;
        text-align: left;
    }

    .portal-contract__facts[b-1k0rvaa8s2] {
        grid-template-columns: minmax(0, 1fr);
        border-block: 1px solid var(--innvilo-border);
    }

    .portal-contract__facts > div[b-1k0rvaa8s2],
    .portal-contract__facts > div:first-child[b-1k0rvaa8s2] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: baseline;
        padding: var(--innvilo-space-3) 0;
    }

    .portal-contract__facts > div + div[b-1k0rvaa8s2] {
        border-top: 1px solid var(--innvilo-border);
        border-left: 0;
    }

    .portal-contract__facts dd[b-1k0rvaa8s2] {
        font-size: 1.125rem;
    }

    .portal-contract__item-heading[b-1k0rvaa8s2] {
        align-items: flex-start;
    }

    .portal-contract__list dl[b-1k0rvaa8s2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-state[b-1k0rvaa8s2] {
        flex-wrap: wrap;
        padding: var(--innvilo-space-5);
    }

    .portal-state > :last-child:not(div, i)[b-1k0rvaa8s2] {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 390px) {
    .portal-contract__context[b-1k0rvaa8s2],
    .portal-contract__group > header[b-1k0rvaa8s2],
    .portal-contract__item-heading[b-1k0rvaa8s2] {
        display: grid;
        justify-content: stretch;
    }

    .portal-contract__context span + span[b-1k0rvaa8s2] {
        padding-left: 0;
    }

    .portal-contract__context span + span[b-1k0rvaa8s2]::before {
        content: none;
    }

    .portal-contract__group > header span[b-1k0rvaa8s2],
    .portal-contract__item-heading span[b-1k0rvaa8s2] {
        white-space: normal;
    }
}

@media (prefers-contrast: more) {
    .portal-contract[b-1k0rvaa8s2],
    .portal-contract__facts[b-1k0rvaa8s2],
    .portal-contract__facts > div + div[b-1k0rvaa8s2],
    .portal-contract__list > li[b-1k0rvaa8s2],
    .portal-state[b-1k0rvaa8s2] {
        border-color: currentColor;
    }
}

@media (prefers-reduced-motion: reduce) {
    .corporate-portal *[b-1k0rvaa8s2],
    .corporate-portal *[b-1k0rvaa8s2]::before,
    .corporate-portal *[b-1k0rvaa8s2]::after {
        scroll-behavior: auto;
        transition: none;
        animation: none;
    }
}
/* /Components/Pages/EmailDelivery/EmailConfigurationPage.razor.rz.scp.css */
.email-config-page[b-sb0k663swa] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: calc(var(--innvilo-page-section-gap) - (var(--innvilo-page-hero-gap) - var(--innvilo-space-6)));
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: 2rem;
    width: 100%;
}

.email-config-panel-header > div > span[b-sb0k663swa] {
    color: var(--innvilo-teal);
    display: block;
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
}

.email-config-panel p[b-sb0k663swa],
.email-config-panel small[b-sb0k663swa] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.email-config-layout[b-sb0k663swa] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    margin-top: calc(var(--innvilo-page-hero-gap) - var(--innvilo-space-6));
}

.email-config-main[b-sb0k663swa],
.email-config-side[b-sb0k663swa] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.email-config-layout.is-platform[b-sb0k663swa] {
    grid-template-columns: minmax(0, 1fr);
    max-width: 56rem;
    margin-top: 0;
}

.email-config-panel[b-sb0k663swa] {
    background: var(--innvilo-surface);
    border: 1px solid var(--innvilo-border);
    border-radius: var(--innvilo-radius-card);
    box-shadow: none;
    display: grid;
    gap: 1.25rem;
    padding: 1.5rem;
}

.email-config-panel.is-compact[b-sb0k663swa] {
    gap: 1rem;
    padding: 1.25rem;
}

.email-config-panel.is-fallback[b-sb0k663swa] {
    border-color: var(--innvilo-teal);
}

.email-config-panel-header[b-sb0k663swa] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.email-config-panel-header h2[b-sb0k663swa] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0.15rem 0 0;
}

.email-config-toggle[b-sb0k663swa] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    font-weight: 700;
    gap: 0.55rem;
}

.email-config-fallback-notice[b-sb0k663swa] {
    align-items: start;
    background: var(--innvilo-teal-soft);
    border-radius: var(--innvilo-radius);
    color: var(--innvilo-text-primary);
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
}

.email-config-fallback-notice > i[b-sb0k663swa] {
    color: var(--innvilo-teal);
}

.email-config-fallback-notice div[b-sb0k663swa] {
    display: grid;
    gap: 0.2rem;
}

.email-config-actions[b-sb0k663swa] {
    border-top: 1px solid var(--innvilo-border);
    display: flex;
    justify-content: end;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
}

.email-provider-field[b-sb0k663swa] {
    display: grid;
    gap: 0.4rem;
}

.email-provider-field > span[b-sb0k663swa] {
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
}

.email-config-validation[b-sb0k663swa],
.email-config-error[b-sb0k663swa] {
    color: var(--innvilo-danger);
    margin: 0;
}

.email-config-error:focus-visible[b-sb0k663swa] {
    border-radius: var(--innvilo-radius-sm);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 3px;
}

.email-config-status-list[b-sb0k663swa] {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.email-config-status-list div[b-sb0k663swa] {
    border-bottom: 1px solid var(--innvilo-border);
    display: grid;
    gap: 0.15rem;
    padding-bottom: 0.65rem;
}

.email-config-status-list div:last-child[b-sb0k663swa] {
    border-bottom: 0;
    padding-bottom: 0;
}

.email-config-status-list dt[b-sb0k663swa] {
    color: var(--innvilo-text-secondary);
    font-size: 0.75rem;
}

.email-config-status-list dd[b-sb0k663swa] {
    font-weight: 700;
    margin: 0;
    overflow-wrap: anywhere;
}

.email-config-test-message[b-sb0k663swa] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-sm);
    padding: 0.75rem;
}

.email-config-loading[b-sb0k663swa] {
    background: var(--innvilo-surface);
    border: 1px solid var(--innvilo-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: 0.75rem;
    padding: 1.5rem;
    margin-top: calc(var(--innvilo-page-hero-gap) - var(--innvilo-space-6));
}

.email-config-state[b-sb0k663swa] {
    align-items: start;
    background: var(--innvilo-surface);
    border: 1px solid var(--innvilo-border);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    gap: var(--innvilo-space-5);
    margin-top: calc(var(--innvilo-page-hero-gap) - var(--innvilo-space-6));
    padding: var(--innvilo-space-7);
}

.email-config-state > i[b-sb0k663swa] {
    color: var(--innvilo-danger);
    font-size: var(--innvilo-font-size-heading);
}

.email-config-state > div[b-sb0k663swa] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.email-config-state h2[b-sb0k663swa],
.email-config-state p[b-sb0k663swa] {
    margin: 0;
}

.email-config-loading div[b-sb0k663swa] {
    animation: email-config-pulse-b-sb0k663swa 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-raised);
    border-radius: var(--innvilo-radius-sm);
    height: 2.75rem;
}

.email-config-loading div:nth-child(2)[b-sb0k663swa] {
    width: 74%;
}

.email-config-loading div:nth-child(3)[b-sb0k663swa] {
    width: 52%;
}

.email-config-loading span[b-sb0k663swa] {
    color: var(--innvilo-text-secondary);
}

@keyframes email-config-pulse-b-sb0k663swa {
    50% { opacity: 0.55; }
}

@media (prefers-reduced-motion: reduce) {
    .email-config-loading div[b-sb0k663swa] {
        animation: none;
    }
}

@media (max-width: 900px) {
    .email-config-layout[b-sb0k663swa] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .email-config-panel-header[b-sb0k663swa] {
        flex-direction: column;
    }

    .email-config-panel[b-sb0k663swa] {
        padding: 1rem;
    }

    .email-config-actions[b-sb0k663swa] {
        justify-content: stretch;
    }
}

/* Rückmeldung nach der Einwilligung in Microsoft 365. */
.email-config-consent-notice[b-sb0k663swa] {
    border: 1px solid var(--innvilo-border);
    border-radius: var(--innvilo-radius);
    display: grid;
    gap: 0.25rem;
    padding: 1rem;
}

.email-config-consent-notice.is-success[b-sb0k663swa] {
    background: var(--innvilo-teal-soft);
    border-color: var(--innvilo-teal);
}

.email-config-consent-notice.is-warning[b-sb0k663swa] {
    border-color: var(--innvilo-danger);
}

.email-config-consent-notice span[b-sb0k663swa] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}
/* /Components/Pages/EmailDelivery/EmailProviderEditor.razor.rz.scp.css */
.email-provider-editor[b-0tnioijw0w],
.email-provider-section[b-0tnioijw0w] {
    display: grid;
    gap: 1.25rem;
}

.email-provider-grid[b-0tnioijw0w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.email-provider-field[b-0tnioijw0w] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.email-provider-field > span[b-0tnioijw0w],
.email-provider-check > span[b-0tnioijw0w] {
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
}

.email-provider-field > small[b-0tnioijw0w],
.email-provider-section header small[b-0tnioijw0w] {
    color: var(--innvilo-text-secondary);
    line-height: 1.45;
}

.email-provider-field.is-wide[b-0tnioijw0w],
.email-provider-check.is-wide[b-0tnioijw0w] {
    grid-column: 1 / -1;
}

.email-provider-check[b-0tnioijw0w] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.email-provider-section[b-0tnioijw0w] {
    padding-top: 1.25rem;
    border-top: 1px solid var(--innvilo-border);
}

.email-provider-section header[b-0tnioijw0w] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.email-provider-section header span[b-0tnioijw0w] {
    color: var(--innvilo-teal);
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
}

.email-provider-section h2[b-0tnioijw0w] {
    margin: 0.2rem 0 0;
    font-size: 1.05rem;
}

@media (max-width: 760px) {
    .email-provider-grid[b-0tnioijw0w] {
        grid-template-columns: 1fr;
    }

    .email-provider-field.is-wide[b-0tnioijw0w],
    .email-provider-check.is-wide[b-0tnioijw0w] {
        grid-column: auto;
    }

    .email-provider-section header[b-0tnioijw0w] {
        align-items: start;
        flex-direction: column;
    }
}

/* Anmeldeweg für Microsoft 365: zwei Radiozeilen wie im Anbieter-Schritt des Nachrichtenversands. */
.email-graph-modes[b-0tnioijw0w] {
    border: 0;
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.email-graph-modes legend[b-0tnioijw0w] {
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
    margin-bottom: var(--innvilo-space-4);
    padding: 0;
}

.email-graph-mode[b-0tnioijw0w] {
    align-items: flex-start;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    cursor: pointer;
    display: flex;
    gap: var(--innvilo-space-5);
    min-height: 2.75rem;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    transition: border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.email-graph-mode:hover[b-0tnioijw0w] {
    background: var(--innvilo-surface-app);
}

.email-graph-mode.is-selected[b-0tnioijw0w] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
}

.email-graph-mode:focus-within[b-0tnioijw0w] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.email-graph-mode input[b-0tnioijw0w] {
    accent-color: var(--color-primary);
    height: 1.125rem;
    margin-top: var(--innvilo-space-1);
    width: 1.125rem;
}

.email-graph-mode__text[b-0tnioijw0w] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.email-graph-mode__text strong[b-0tnioijw0w] {
    font-size: var(--innvilo-font-size-label);
}

.email-graph-mode__text small[b-0tnioijw0w],
.email-graph-consent p[b-0tnioijw0w] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.email-graph-consent[b-0tnioijw0w] {
    border-top: 1px solid var(--innvilo-border);
    display: grid;
    gap: var(--innvilo-space-5);
    padding-top: var(--innvilo-space-6);
}

.email-graph-consent__facts[b-0tnioijw0w] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.email-graph-consent__facts dt[b-0tnioijw0w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.email-graph-consent__facts dd[b-0tnioijw0w] {
    font-weight: 700;
    margin: 0;
    overflow-wrap: anywhere;
}

.email-graph-consent .email-graph-consent__warning[b-0tnioijw0w] {
    color: var(--innvilo-text-primary);
}

.email-graph-consent__confirm[b-0tnioijw0w] {
    border: 1px solid var(--innvilo-danger);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.email-graph-consent__actions[b-0tnioijw0w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

@media (prefers-reduced-motion: reduce) {
    .email-graph-mode[b-0tnioijw0w] {
        transition: none;
    }
}

@media (max-width: 760px) {
    .email-graph-consent__facts[b-0tnioijw0w] {
        grid-template-columns: 1fr;
    }

    .email-graph-consent__actions[b-0tnioijw0w] {
        flex-direction: column;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-33dvtgegkw] {
    display: grid;
    gap: var(--innvilo-space-8);
    margin-inline: auto;
    max-width: 32rem;
    width: 100%;
}

.error-page__symbol[b-33dvtgegkw] {
    align-items: center;
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-error);
    display: inline-flex;
    font-size: 1.35rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.error-page__copy[b-33dvtgegkw] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.error-page__eyebrow[b-33dvtgegkw] {
    color: var(--color-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.error-page__copy h1[b-33dvtgegkw] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
}

.error-page__copy h1:focus[b-33dvtgegkw] {
    outline: none;
}

.error-page__copy p[b-33dvtgegkw],
.error-page__reference[b-33dvtgegkw] {
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.error-page__actions[b-33dvtgegkw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.error-page__action[b-33dvtgegkw] {
    align-items: center;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-standard);
}

.error-page__action--primary[b-33dvtgegkw] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-surface);
}

.error-page__action--primary:hover[b-33dvtgegkw] {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-surface);
}

.error-page__action--secondary[b-33dvtgegkw] {
    background: var(--color-surface);
    color: var(--color-text);
}

.error-page__action--secondary:hover[b-33dvtgegkw] {
    background: var(--color-surface-soft);
    border-color: var(--color-primary);
    color: var(--color-primary-active);
}

.error-page__action:focus-visible[b-33dvtgegkw] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.error-page__action:active[b-33dvtgegkw] {
    transform: scale(var(--innvilo-press-scale));
}

.error-page__reference[b-33dvtgegkw] {
    border-top: 1px solid var(--color-border);
    color: var(--color-text-muted);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2);
    padding-top: var(--innvilo-space-5);
}

.error-page__reference code[b-33dvtgegkw] {
    color: var(--color-text);
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    .error-page[b-33dvtgegkw] {
        gap: var(--innvilo-space-7);
    }

    .error-page__copy h1[b-33dvtgegkw] {
        font-size: var(--innvilo-font-size-title);
    }

    .error-page__actions[b-33dvtgegkw] {
        display: grid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .error-page__action[b-33dvtgegkw] {
        transition: background-color var(--innvilo-duration-press) linear,
                    border-color var(--innvilo-duration-press) linear,
                    color var(--innvilo-duration-press) linear;
    }

    .error-page__action:active[b-33dvtgegkw] {
        transform: none;
    }
}
/* /Components/Pages/Finance/CashBook/CashBookBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.cashbook-page[b-orvcngk5sy] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.cashbook-viewport-skeleton[b-orvcngk5sy] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.cashbook-viewport-skeleton span[b-orvcngk5sy] {
    animation: cashbook-viewport-pulse-b-orvcngk5sy 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.cashbook-viewport-skeleton .is-breadcrumb[b-orvcngk5sy] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.cashbook-viewport-skeleton .is-title[b-orvcngk5sy] {
    height: 4.5rem;
}

.cashbook-viewport-skeleton .is-toolbar[b-orvcngk5sy] {
    height: 6rem;
}

.cashbook-viewport-skeleton .is-content[b-orvcngk5sy] {
    height: 22rem;
}

@keyframes cashbook-viewport-pulse-b-orvcngk5sy {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .cashbook-viewport-skeleton span[b-orvcngk5sy] {
        animation: none;
    }
}
/* /Components/Pages/Finance/CashBook/CashBookDesktop.razor.rz.scp.css */
/* Desktop workspace of the cash book board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks. */

.cashbook-desktop[b-r9wu5z4izi] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.cashbook-breadcrumb[b-r9wu5z4izi] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.cashbook-breadcrumb a[b-r9wu5z4izi] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.cashbook-breadcrumb a:hover[b-r9wu5z4izi],
.cashbook-breadcrumb a:focus-visible[b-r9wu5z4izi] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.cashbook-breadcrumb a:focus-visible[b-r9wu5z4izi] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.cashbook-breadcrumb i[b-r9wu5z4izi] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.cashbook-breadcrumb [aria-current='page'][b-r9wu5z4izi] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.cashbook-head[b-r9wu5z4izi] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.cashbook-head__copy[b-r9wu5z4izi] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashbook-head__title-row[b-r9wu5z4izi] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.cashbook-head h1[b-r9wu5z4izi] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.cashbook-head__lead[b-r9wu5z4izi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.cashbook-head__meta[b-r9wu5z4izi] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.cashbook-open-badge[b-r9wu5z4izi] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.cashbook-head__actions[b-r9wu5z4izi] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.cashbook-kpis[b-r9wu5z4izi] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.cashbook-kpi[b-r9wu5z4izi] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.cashbook-kpi + .cashbook-kpi[b-r9wu5z4izi] {
    border-left: 1px solid var(--innvilo-border-default);
}

.cashbook-kpi.is-current[b-r9wu5z4izi]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.cashbook-kpi__label[b-r9wu5z4izi] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.cashbook-kpi__value[b-r9wu5z4izi] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.cashbook-kpi.is-current .cashbook-kpi__value[b-r9wu5z4izi] {
    color: var(--color-primary);
}

.cashbook-kpi.is-attention .cashbook-kpi__value[b-r9wu5z4izi] {
    color: var(--color-warning-text);
}

.cashbook-kpi.is-positive .cashbook-kpi__value[b-r9wu5z4izi] {
    color: var(--color-success);
}

.cashbook-kpi__detail[b-r9wu5z4izi] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: toolbar, optional pill row, then grid or state. */

.cashbook-workspace[b-r9wu5z4izi] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.cashbook-toolbar[b-r9wu5z4izi] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.cashbook-search[b-r9wu5z4izi] {
    flex: 0 1 22rem;
    min-width: 12rem;
}

.cashbook-toolbar__filters[b-r9wu5z4izi] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.cashbook-pills[b-r9wu5z4izi] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.cashbook-pills__label[b-r9wu5z4izi] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.cashbook-pills__list[b-r9wu5z4izi] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.cashbook-pill[b-r9wu5z4izi] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.cashbook-pill > span[b-r9wu5z4izi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashbook-pill__remove[b-r9wu5z4izi] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.cashbook-pill__remove:hover[b-r9wu5z4izi] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.cashbook-pill__remove:focus-visible[b-r9wu5z4izi],
.cashbook-pills__clear:focus-visible[b-r9wu5z4izi] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.cashbook-pills__clear[b-r9wu5z4izi] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.cashbook-grid-host[b-r9wu5z4izi] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. The grid only holds the current page. */

.cashbook-pager[b-r9wu5z4izi] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashbook-pager__size[b-r9wu5z4izi] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.cashbook-pager__size > span[b-r9wu5z4izi] {
    white-space: nowrap;
}

.cashbook-pager__nav[b-r9wu5z4izi] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.cashbook-pager__page[b-r9wu5z4izi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.cashbook-pager__page strong[b-r9wu5z4izi] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashbook-grid-results[b-r9wu5z4izi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells: a strong first line and a 13px meta line; amounts right-aligned with tabular digits,
   cash-in in success green because the colour carries meaning. */

.cashbook-cell[b-r9wu5z4izi] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.cashbook-cell strong[b-r9wu5z4izi] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cashbook-cell small[b-r9wu5z4izi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashbook-numeric[b-r9wu5z4izi] {
    font-variant-numeric: tabular-nums;
}

.cashbook-text[b-r9wu5z4izi] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.cashbook-text.is-muted[b-r9wu5z4izi] {
    color: var(--innvilo-text-muted);
}

.cashbook-amount[b-r9wu5z4izi] {
    color: var(--innvilo-text-primary);
    display: block;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    text-align: right;
    white-space: nowrap;
}

.cashbook-amount.is-in[b-r9wu5z4izi] {
    color: var(--color-success);
}

.cashbook-amount.is-out[b-r9wu5z4izi] {
    color: var(--innvilo-text-primary);
}

.cashbook-amount.is-zero[b-r9wu5z4izi] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.cashbook-day-status[b-r9wu5z4izi] {
    color: var(--color-success);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashbook-day-status.is-closed[b-r9wu5z4izi] {
    color: var(--innvilo-text-secondary);
}

.cashbook-day-status.is-attention[b-r9wu5z4izi] {
    color: var(--color-warning-text);
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.cashbook-state[b-r9wu5z4izi] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.cashbook-state > *[b-r9wu5z4izi] {
    animation: cashbook-state-in-b-r9wu5z4izi var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.cashbook-state > :nth-child(2)[b-r9wu5z4izi] { animation-delay: 40ms; }
.cashbook-state > :nth-child(3)[b-r9wu5z4izi] { animation-delay: 80ms; }
.cashbook-state > :nth-child(4)[b-r9wu5z4izi] { animation-delay: 120ms; }

@keyframes cashbook-state-in-b-r9wu5z4izi {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.cashbook-state > i[b-r9wu5z4izi] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.cashbook-state--error > i[b-r9wu5z4izi] {
    color: var(--color-error);
}

.cashbook-state__copy[b-r9wu5z4izi] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.cashbook-state h3[b-r9wu5z4izi] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.cashbook-state p[b-r9wu5z4izi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.cashbook-state__actions[b-r9wu5z4izi] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.cashbook-state--filtered[b-r9wu5z4izi],
.cashbook-state--error[b-r9wu5z4izi] {
    padding-block: var(--innvilo-space-11);
}

/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.cashbook-state__art[b-r9wu5z4izi] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.cashbook-state__art > span[b-r9wu5z4izi] {
    animation: cashbook-state-row-in-b-r9wu5z4izi 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.cashbook-state__art > span[b-r9wu5z4izi]::before,
.cashbook-state__art > span[b-r9wu5z4izi]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.cashbook-state__art > span[b-r9wu5z4izi]::before {
    top: 0.625rem;
    width: 38%;
}

.cashbook-state__art > span[b-r9wu5z4izi]::after {
    bottom: 0.625rem;
    width: 58%;
}

.cashbook-state__art > span:nth-child(1)[b-r9wu5z4izi] {
    opacity: .35;
    transform: scale(.94);
}

.cashbook-state__art > span:nth-child(2)[b-r9wu5z4izi] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.cashbook-state__art > span:nth-child(3)[b-r9wu5z4izi] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.cashbook-state__art > i[b-r9wu5z4izi] {
    align-items: center;
    animation: cashbook-state-in-b-r9wu5z4izi 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.cashbook-state__art.is-filtered > span:nth-child(3)[b-r9wu5z4izi]::before,
.cashbook-state__art.is-filtered > span:nth-child(3)[b-r9wu5z4izi]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes cashbook-state-row-in-b-r9wu5z4izi {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.cashbook-desktop-skeleton[b-r9wu5z4izi] {
    display: grid;
    gap: 1px;
}

.cashbook-desktop-skeleton span[b-r9wu5z4izi] {
    animation: cashbook-pulse-b-r9wu5z4izi 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.cashbook-desktop-skeleton span.is-header[b-r9wu5z4izi] {
    height: 2.75rem;
}

@keyframes cashbook-pulse-b-r9wu5z4izi {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .cashbook-kpis[b-r9wu5z4izi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cashbook-kpi:nth-child(3)[b-r9wu5z4izi] {
        border-left: 0;
    }

    .cashbook-kpi:nth-child(n + 3)[b-r9wu5z4izi] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .cashbook-search[b-r9wu5z4izi] {
        flex: 1 1 100%;
    }

    .cashbook-toolbar__filters[b-r9wu5z4izi] {
        width: 100%;
    }

    .cashbook-head[b-r9wu5z4izi] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .cashbook-head__actions[b-r9wu5z4izi] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cashbook-breadcrumb a[b-r9wu5z4izi],
    .cashbook-pill__remove[b-r9wu5z4izi] {
        transition: none;
    }

    .cashbook-state > *[b-r9wu5z4izi],
    .cashbook-state__art > span[b-r9wu5z4izi],
    .cashbook-state__art > i[b-r9wu5z4izi],
    .cashbook-desktop-skeleton span[b-r9wu5z4izi] {
        animation: none;
    }
}
/* /Components/Pages/Finance/CashBook/CashBookMobile.razor.rz.scp.css */
/* Mobile workspace of the cash book board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.cashbook-mobile[b-mlj47vwvgb] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.cashbook-breadcrumb[b-mlj47vwvgb] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.cashbook-breadcrumb a[b-mlj47vwvgb] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.cashbook-breadcrumb a:focus-visible[b-mlj47vwvgb] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.cashbook-breadcrumb i[b-mlj47vwvgb] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.cashbook-breadcrumb [aria-current='page'][b-mlj47vwvgb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.cashbook-mobile-header[b-mlj47vwvgb] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.cashbook-mobile-header__copy[b-mlj47vwvgb] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.cashbook-mobile-header h1[b-mlj47vwvgb] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.cashbook-mobile-header p[b-mlj47vwvgb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.cashbook-mobile-header p span:first-child[b-mlj47vwvgb] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashbook-mobile-header__actions[b-mlj47vwvgb] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.cashbook-mobile-kpis[b-mlj47vwvgb] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.cashbook-mobile-kpi[b-mlj47vwvgb] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.cashbook-mobile-kpi:nth-child(even)[b-mlj47vwvgb] {
    border-left: 1px solid var(--innvilo-border-default);
}

.cashbook-mobile-kpi:nth-child(n + 3)[b-mlj47vwvgb] {
    border-top: 1px solid var(--innvilo-border-default);
}

.cashbook-mobile-kpi.is-current[b-mlj47vwvgb]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.cashbook-mobile-kpi span[b-mlj47vwvgb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashbook-mobile-kpi strong[b-mlj47vwvgb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.cashbook-mobile-kpi.is-current strong[b-mlj47vwvgb] {
    color: var(--color-primary);
}

.cashbook-mobile-kpi.is-attention strong[b-mlj47vwvgb] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.cashbook-mobile-tools[b-mlj47vwvgb] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashbook-mobile-tools > :first-child + *[b-mlj47vwvgb] {
    flex: 1 1 auto;
    min-width: 0;
}

.cashbook-mobile-filter__count[b-mlj47vwvgb] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills */

.cashbook-pills[b-mlj47vwvgb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.cashbook-pills__list[b-mlj47vwvgb] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.cashbook-pill[b-mlj47vwvgb] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.cashbook-pill > span[b-mlj47vwvgb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashbook-pill__remove[b-mlj47vwvgb] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.cashbook-pill__remove:focus-visible[b-mlj47vwvgb],
.cashbook-overlay__row:focus-visible[b-mlj47vwvgb],
.cashbook-overlay__close:focus-visible[b-mlj47vwvgb],
.cashbook-overlay__back:focus-visible[b-mlj47vwvgb] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.cashbook-overlay[b-mlj47vwvgb] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.cashbook-overlay__head[b-mlj47vwvgb] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.cashbook-overlay__head h2[b-mlj47vwvgb] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.cashbook-overlay__close[b-mlj47vwvgb],
.cashbook-overlay__back[b-mlj47vwvgb] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.cashbook-overlay__back[b-mlj47vwvgb] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.cashbook-overlay__close[b-mlj47vwvgb] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.cashbook-overlay__body[b-mlj47vwvgb] {
    min-height: 0;
    overflow-y: auto;
}

.cashbook-overlay__rows[b-mlj47vwvgb] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.cashbook-overlay__row[b-mlj47vwvgb] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.cashbook-overlay__row-label[b-mlj47vwvgb] {
    flex: 1 1 auto;
    min-width: 0;
}

.cashbook-overlay__row-count[b-mlj47vwvgb] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.cashbook-overlay__row > i[b-mlj47vwvgb] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.cashbook-overlay__foot[b-mlj47vwvgb] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.cashbook-mobile-list[b-mlj47vwvgb],
.cashbook-mobile-cards[b-mlj47vwvgb] {
    display: grid;
    min-width: 0;
}

.cashbook-mobile-list[b-mlj47vwvgb] {
    gap: var(--innvilo-space-6);
}

.cashbook-mobile-cards[b-mlj47vwvgb] {
    gap: var(--innvilo-space-5);
}

.cashbook-mobile-card[b-mlj47vwvgb] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.cashbook-mobile-card.is-urgent[b-mlj47vwvgb]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.cashbook-mobile-card__header[b-mlj47vwvgb] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.cashbook-mobile-card__identity[b-mlj47vwvgb] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.cashbook-mobile-card__identity > strong[b-mlj47vwvgb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cashbook-mobile-card__identity span[b-mlj47vwvgb],
.cashbook-mobile-card__badges small[b-mlj47vwvgb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.cashbook-mobile-card__identity span:first-of-type[b-mlj47vwvgb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashbook-mobile-card__badges small.is-muted[b-mlj47vwvgb] {
    color: var(--innvilo-text-muted);
}

.cashbook-mobile-card__amount[b-mlj47vwvgb] {
    display: grid;
    flex: 0 0 auto;
    gap: var(--innvilo-space-2);
    justify-items: end;
    text-align: right;
}

.cashbook-mobile-card__amount strong[b-mlj47vwvgb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    white-space: nowrap;
}

.cashbook-mobile-card__amount strong.is-in[b-mlj47vwvgb] {
    color: var(--color-success);
}

.cashbook-mobile-card__amount small[b-mlj47vwvgb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    white-space: nowrap;
}

.cashbook-numeric[b-mlj47vwvgb] {
    font-variant-numeric: tabular-nums;
}

.cashbook-day-status[b-mlj47vwvgb] {
    color: var(--color-success);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashbook-day-status.is-closed[b-mlj47vwvgb] {
    color: var(--innvilo-text-secondary);
}

.cashbook-day-status.is-attention[b-mlj47vwvgb] {
    color: var(--color-warning-text);
}

.cashbook-mobile-card__badges[b-mlj47vwvgb] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    min-width: 0;
}

/* States */

.cashbook-mobile-state[b-mlj47vwvgb] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.cashbook-mobile-state > *[b-mlj47vwvgb] {
    animation: cashbook-mobile-state-in-b-mlj47vwvgb var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.cashbook-mobile-state > :nth-child(2)[b-mlj47vwvgb] { animation-delay: 40ms; }
.cashbook-mobile-state > :nth-child(3)[b-mlj47vwvgb] { animation-delay: 80ms; }
.cashbook-mobile-state > :nth-child(4)[b-mlj47vwvgb] { animation-delay: 120ms; }

@keyframes cashbook-mobile-state-in-b-mlj47vwvgb {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.cashbook-mobile-state > i[b-mlj47vwvgb] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.cashbook-mobile-state--error > i[b-mlj47vwvgb] {
    color: var(--color-error);
}

.cashbook-mobile-state h2[b-mlj47vwvgb],
.cashbook-mobile-state p[b-mlj47vwvgb] {
    margin: 0;
}

.cashbook-mobile-state h2[b-mlj47vwvgb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.cashbook-mobile-state p[b-mlj47vwvgb] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.cashbook-mobile-state > :last-child[b-mlj47vwvgb] {
    margin-top: var(--innvilo-space-5);
}

/* Illustration for the empty states, shared with the desktop host. */

.cashbook-state__art[b-mlj47vwvgb] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.cashbook-state__art > span[b-mlj47vwvgb] {
    animation: cashbook-mobile-state-row-in-b-mlj47vwvgb 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.cashbook-state__art > span[b-mlj47vwvgb]::before,
.cashbook-state__art > span[b-mlj47vwvgb]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.cashbook-state__art > span[b-mlj47vwvgb]::before {
    top: 0.625rem;
    width: 38%;
}

.cashbook-state__art > span[b-mlj47vwvgb]::after {
    bottom: 0.625rem;
    width: 58%;
}

.cashbook-state__art > span:nth-child(1)[b-mlj47vwvgb] {
    opacity: .35;
    transform: scale(.94);
}

.cashbook-state__art > span:nth-child(2)[b-mlj47vwvgb] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.cashbook-state__art > span:nth-child(3)[b-mlj47vwvgb] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.cashbook-state__art > i[b-mlj47vwvgb] {
    align-items: center;
    animation: cashbook-mobile-state-in-b-mlj47vwvgb 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.cashbook-state__art.is-filtered > span:nth-child(3)[b-mlj47vwvgb]::before,
.cashbook-state__art.is-filtered > span:nth-child(3)[b-mlj47vwvgb]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes cashbook-mobile-state-row-in-b-mlj47vwvgb {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.cashbook-mobile-skeleton[b-mlj47vwvgb] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.cashbook-mobile-skeleton span[b-mlj47vwvgb] {
    animation: cashbook-mobile-pulse-b-mlj47vwvgb 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes cashbook-mobile-pulse-b-mlj47vwvgb {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .cashbook-mobile-card[b-mlj47vwvgb] {
        padding: var(--innvilo-space-5);
    }

    .cashbook-mobile-card__header[b-mlj47vwvgb] {
        flex-direction: column;
    }

    .cashbook-mobile-card__amount[b-mlj47vwvgb] {
        justify-items: start;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cashbook-mobile-skeleton span[b-mlj47vwvgb],
    .cashbook-mobile-state > *[b-mlj47vwvgb],
    .cashbook-state__art > span[b-mlj47vwvgb],
    .cashbook-state__art > i[b-mlj47vwvgb] {
        animation: none;
    }
}
/* /Components/Pages/Finance/Export/AccountingExportBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.accexport-page[b-yva9i5gyf7] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.accexport-viewport-skeleton[b-yva9i5gyf7] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.accexport-viewport-skeleton span[b-yva9i5gyf7] {
    animation: accexport-viewport-pulse-b-yva9i5gyf7 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.accexport-viewport-skeleton .is-breadcrumb[b-yva9i5gyf7] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.accexport-viewport-skeleton .is-title[b-yva9i5gyf7] {
    height: 4.5rem;
}

.accexport-viewport-skeleton .is-toolbar[b-yva9i5gyf7] {
    height: 6rem;
}

.accexport-viewport-skeleton .is-content[b-yva9i5gyf7] {
    height: 22rem;
}

@keyframes accexport-viewport-pulse-b-yva9i5gyf7 {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .accexport-viewport-skeleton span[b-yva9i5gyf7] {
        animation: none;
    }
}
/* /Components/Pages/Finance/Export/AccountingExportCreatePopup.razor.rz.scp.css */
/* Create popup: intro, format, two date fields, validation, security note. Editors sit on the popup surface. */

.accexport-form[b-un2ghcs61w] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.accexport-form__intro[b-un2ghcs61w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.accexport-form__dates[b-un2ghcs61w] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.accexport-form__field[b-un2ghcs61w] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.accexport-form__field > span[b-un2ghcs61w] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.accexport-form__hint[b-un2ghcs61w] {
    align-items: flex-start;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    margin: 0;
}

.accexport-form__hint i[b-un2ghcs61w] {
    color: var(--innvilo-text-muted);
    margin-top: 2px;
}

.accexport-form__error[b-un2ghcs61w] {
    align-items: flex-start;
    border-left: 3px solid var(--color-error);
    color: var(--color-error);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

@media (max-width: 30rem) {
    .accexport-form__dates[b-un2ghcs61w] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Finance/Export/AccountingExportDesktop.razor.rz.scp.css */
/* Desktop workspace of the accounting export board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks. */

.accexport-desktop[b-sj9pau8n5w] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.accexport-breadcrumb[b-sj9pau8n5w] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.accexport-breadcrumb a[b-sj9pau8n5w] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.accexport-breadcrumb a:hover[b-sj9pau8n5w],
.accexport-breadcrumb a:focus-visible[b-sj9pau8n5w] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.accexport-breadcrumb a:focus-visible[b-sj9pau8n5w] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.accexport-breadcrumb i[b-sj9pau8n5w] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.accexport-breadcrumb [aria-current='page'][b-sj9pau8n5w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.accexport-head[b-sj9pau8n5w] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.accexport-head__copy[b-sj9pau8n5w] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.accexport-head__title-row[b-sj9pau8n5w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.accexport-head h1[b-sj9pau8n5w] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.accexport-head__lead[b-sj9pau8n5w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.accexport-head__meta[b-sj9pau8n5w] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.accexport-open-badge[b-sj9pau8n5w] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.accexport-head__actions[b-sj9pau8n5w] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.accexport-kpis[b-sj9pau8n5w] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.accexport-kpi[b-sj9pau8n5w] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.accexport-kpi + .accexport-kpi[b-sj9pau8n5w] {
    border-left: 1px solid var(--innvilo-border-default);
}

.accexport-kpi.is-current[b-sj9pau8n5w]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.accexport-kpi__label[b-sj9pau8n5w] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.accexport-kpi__value[b-sj9pau8n5w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.accexport-kpi.is-current .accexport-kpi__value[b-sj9pau8n5w] {
    color: var(--color-primary);
}

.accexport-kpi.is-attention .accexport-kpi__value[b-sj9pau8n5w] {
    color: var(--color-warning-text);
}

.accexport-kpi.is-positive .accexport-kpi__value[b-sj9pau8n5w] {
    color: var(--color-success);
}

.accexport-kpi__detail[b-sj9pau8n5w] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: toolbar, optional pill row, then grid or state. */

.accexport-workspace[b-sj9pau8n5w] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.accexport-toolbar[b-sj9pau8n5w] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.accexport-search[b-sj9pau8n5w] {
    flex: 0 1 22rem;
    min-width: 12rem;
}

.accexport-toolbar__filters[b-sj9pau8n5w] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.accexport-pills[b-sj9pau8n5w] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.accexport-pills__label[b-sj9pau8n5w] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.accexport-pills__list[b-sj9pau8n5w] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.accexport-pill[b-sj9pau8n5w] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.accexport-pill > span[b-sj9pau8n5w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accexport-pill__remove[b-sj9pau8n5w] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.accexport-pill__remove:hover[b-sj9pau8n5w] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.accexport-pill__remove:focus-visible[b-sj9pau8n5w],
.accexport-pills__clear:focus-visible[b-sj9pau8n5w] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.accexport-pills__clear[b-sj9pau8n5w] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.accexport-grid-host[b-sj9pau8n5w] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. The grid only holds the current page. */

.accexport-pager[b-sj9pau8n5w] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.accexport-pager__size[b-sj9pau8n5w] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.accexport-pager__size > span[b-sj9pau8n5w] {
    white-space: nowrap;
}

.accexport-pager__nav[b-sj9pau8n5w] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.accexport-pager__page[b-sj9pau8n5w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.accexport-pager__page strong[b-sj9pau8n5w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.accexport-grid-results[b-sj9pau8n5w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Feedback line after an export action: a text line under the toolbar, colour carries meaning. */

.accexport-feedback[b-sj9pau8n5w] {
    align-items: flex-start;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--color-success);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    margin: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.accexport-feedback.is-error[b-sj9pau8n5w] {
    color: var(--color-error);
}

.accexport-feedback i[b-sj9pau8n5w] {
    margin-top: 2px;
}

/* Grid cells: file name with its format icon, a 13px meta line, numbers with tabular digits. */

.accexport-batches[b-sj9pau8n5w] {
    min-width: 0;
}

.accexport-cell[b-sj9pau8n5w] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.accexport-file-cell[b-sj9pau8n5w] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
}

.accexport-file-cell > i[b-sj9pau8n5w] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-body);
}

.accexport-file-cell > div[b-sj9pau8n5w] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.accexport-cell strong[b-sj9pau8n5w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accexport-cell small[b-sj9pau8n5w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.accexport-text[b-sj9pau8n5w] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    white-space: nowrap;
}

.accexport-numeric[b-sj9pau8n5w] {
    font-variant-numeric: tabular-nums;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.accexport-state[b-sj9pau8n5w] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.accexport-state > *[b-sj9pau8n5w] {
    animation: accexport-state-in-b-sj9pau8n5w var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.accexport-state > :nth-child(2)[b-sj9pau8n5w] { animation-delay: 40ms; }
.accexport-state > :nth-child(3)[b-sj9pau8n5w] { animation-delay: 80ms; }
.accexport-state > :nth-child(4)[b-sj9pau8n5w] { animation-delay: 120ms; }

@keyframes accexport-state-in-b-sj9pau8n5w {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.accexport-state > i[b-sj9pau8n5w] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.accexport-state--error > i[b-sj9pau8n5w] {
    color: var(--color-error);
}

.accexport-state__copy[b-sj9pau8n5w] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.accexport-state h3[b-sj9pau8n5w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.accexport-state p[b-sj9pau8n5w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.accexport-state__actions[b-sj9pau8n5w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.accexport-state--filtered[b-sj9pau8n5w],
.accexport-state--error[b-sj9pau8n5w] {
    padding-block: var(--innvilo-space-11);
}

/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.accexport-state__art[b-sj9pau8n5w] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.accexport-state__art > span[b-sj9pau8n5w] {
    animation: accexport-state-row-in-b-sj9pau8n5w 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.accexport-state__art > span[b-sj9pau8n5w]::before,
.accexport-state__art > span[b-sj9pau8n5w]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.accexport-state__art > span[b-sj9pau8n5w]::before {
    top: 0.625rem;
    width: 38%;
}

.accexport-state__art > span[b-sj9pau8n5w]::after {
    bottom: 0.625rem;
    width: 58%;
}

.accexport-state__art > span:nth-child(1)[b-sj9pau8n5w] {
    opacity: .35;
    transform: scale(.94);
}

.accexport-state__art > span:nth-child(2)[b-sj9pau8n5w] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.accexport-state__art > span:nth-child(3)[b-sj9pau8n5w] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.accexport-state__art > i[b-sj9pau8n5w] {
    align-items: center;
    animation: accexport-state-in-b-sj9pau8n5w 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.accexport-state__art.is-filtered > span:nth-child(3)[b-sj9pau8n5w]::before,
.accexport-state__art.is-filtered > span:nth-child(3)[b-sj9pau8n5w]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes accexport-state-row-in-b-sj9pau8n5w {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.accexport-desktop-skeleton[b-sj9pau8n5w] {
    display: grid;
    gap: 1px;
}

.accexport-desktop-skeleton span[b-sj9pau8n5w] {
    animation: accexport-pulse-b-sj9pau8n5w 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.accexport-desktop-skeleton span.is-header[b-sj9pau8n5w] {
    height: 2.75rem;
}

@keyframes accexport-pulse-b-sj9pau8n5w {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .accexport-kpis[b-sj9pau8n5w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .accexport-kpi:nth-child(3)[b-sj9pau8n5w] {
        border-left: 0;
    }

    .accexport-kpi:nth-child(n + 3)[b-sj9pau8n5w] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .accexport-search[b-sj9pau8n5w] {
        flex: 1 1 100%;
    }

    .accexport-toolbar__filters[b-sj9pau8n5w] {
        width: 100%;
    }

    .accexport-head[b-sj9pau8n5w] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .accexport-head__actions[b-sj9pau8n5w] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accexport-breadcrumb a[b-sj9pau8n5w],
    .accexport-pill__remove[b-sj9pau8n5w] {
        transition: none;
    }

    .accexport-state > *[b-sj9pau8n5w],
    .accexport-state__art > span[b-sj9pau8n5w],
    .accexport-state__art > i[b-sj9pau8n5w],
    .accexport-desktop-skeleton span[b-sj9pau8n5w] {
        animation: none;
    }
}
/* /Components/Pages/Finance/Export/AccountingExportMobile.razor.rz.scp.css */
/* Mobile workspace of the accounting export board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.accexport-mobile[b-6jna9pwasp] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.accexport-breadcrumb[b-6jna9pwasp] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.accexport-breadcrumb a[b-6jna9pwasp] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.accexport-breadcrumb a:focus-visible[b-6jna9pwasp] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.accexport-breadcrumb i[b-6jna9pwasp] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.accexport-breadcrumb [aria-current='page'][b-6jna9pwasp] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.accexport-mobile-header[b-6jna9pwasp] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.accexport-mobile-header__copy[b-6jna9pwasp] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.accexport-mobile-header h1[b-6jna9pwasp] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.accexport-mobile-header p[b-6jna9pwasp] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.accexport-mobile-header p span:first-child[b-6jna9pwasp] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.accexport-mobile-header__actions[b-6jna9pwasp] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.accexport-mobile-kpis[b-6jna9pwasp] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.accexport-mobile-kpi[b-6jna9pwasp] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.accexport-mobile-kpi:nth-child(even)[b-6jna9pwasp] {
    border-left: 1px solid var(--innvilo-border-default);
}

.accexport-mobile-kpi:nth-child(n + 3)[b-6jna9pwasp] {
    border-top: 1px solid var(--innvilo-border-default);
}

.accexport-mobile-kpi.is-current[b-6jna9pwasp]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.accexport-mobile-kpi span[b-6jna9pwasp] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accexport-mobile-kpi strong[b-6jna9pwasp] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.accexport-mobile-kpi.is-current strong[b-6jna9pwasp] {
    color: var(--color-primary);
}

.accexport-mobile-kpi.is-attention strong[b-6jna9pwasp] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.accexport-mobile-tools[b-6jna9pwasp] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.accexport-mobile-tools > :first-child + *[b-6jna9pwasp] {
    flex: 1 1 auto;
    min-width: 0;
}

.accexport-mobile-filter__count[b-6jna9pwasp] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills */

.accexport-pills[b-6jna9pwasp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.accexport-pills__list[b-6jna9pwasp] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.accexport-pill[b-6jna9pwasp] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.accexport-pill > span[b-6jna9pwasp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accexport-pill__remove[b-6jna9pwasp] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.accexport-pill__remove:focus-visible[b-6jna9pwasp],
.accexport-overlay__row:focus-visible[b-6jna9pwasp],
.accexport-overlay__close:focus-visible[b-6jna9pwasp],
.accexport-overlay__back:focus-visible[b-6jna9pwasp] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.accexport-overlay[b-6jna9pwasp] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.accexport-overlay__head[b-6jna9pwasp] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.accexport-overlay__head h2[b-6jna9pwasp] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.accexport-overlay__close[b-6jna9pwasp],
.accexport-overlay__back[b-6jna9pwasp] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.accexport-overlay__back[b-6jna9pwasp] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.accexport-overlay__close[b-6jna9pwasp] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.accexport-overlay__body[b-6jna9pwasp] {
    min-height: 0;
    overflow-y: auto;
}

.accexport-overlay__rows[b-6jna9pwasp] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.accexport-overlay__row[b-6jna9pwasp] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.accexport-overlay__row-label[b-6jna9pwasp] {
    flex: 1 1 auto;
    min-width: 0;
}

.accexport-overlay__row-count[b-6jna9pwasp] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.accexport-overlay__row > i[b-6jna9pwasp] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.accexport-overlay__foot[b-6jna9pwasp] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.accexport-mobile-list[b-6jna9pwasp],
.accexport-mobile-cards[b-6jna9pwasp] {
    display: grid;
    min-width: 0;
}

.accexport-mobile-list[b-6jna9pwasp] {
    gap: var(--innvilo-space-6);
}

.accexport-mobile-cards[b-6jna9pwasp] {
    gap: var(--innvilo-space-5);
}

.accexport-mobile-card[b-6jna9pwasp] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.accexport-mobile-card.is-urgent[b-6jna9pwasp]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.accexport-mobile-card__header[b-6jna9pwasp] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.accexport-mobile-card__identity[b-6jna9pwasp] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.accexport-mobile-card__identity > strong[b-6jna9pwasp] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.accexport-mobile-card__identity > strong[b-6jna9pwasp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accexport-mobile-card__identity span[b-6jna9pwasp] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.accexport-mobile-card__amount[b-6jna9pwasp] {
    display: grid;
    flex: 0 0 auto;
    gap: var(--innvilo-space-2);
    justify-items: end;
    text-align: right;
}

.accexport-mobile-card__amount strong[b-6jna9pwasp] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
}

.accexport-mobile-card__amount small[b-6jna9pwasp] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.accexport-numeric[b-6jna9pwasp] {
    font-variant-numeric: tabular-nums;
}

.accexport-feedback[b-6jna9pwasp] {
    align-items: flex-start;
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    color: var(--color-success);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    margin: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.accexport-feedback.is-error[b-6jna9pwasp] {
    color: var(--color-error);
}

.accexport-feedback i[b-6jna9pwasp] {
    margin-top: 2px;
}

.accexport-mobile-card__badges[b-6jna9pwasp] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    min-width: 0;
}

.accexport-mobile-card__footer[b-6jna9pwasp] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

/* States */

.accexport-mobile-state[b-6jna9pwasp] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.accexport-mobile-state > *[b-6jna9pwasp] {
    animation: accexport-mobile-state-in-b-6jna9pwasp var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.accexport-mobile-state > :nth-child(2)[b-6jna9pwasp] { animation-delay: 40ms; }
.accexport-mobile-state > :nth-child(3)[b-6jna9pwasp] { animation-delay: 80ms; }
.accexport-mobile-state > :nth-child(4)[b-6jna9pwasp] { animation-delay: 120ms; }

@keyframes accexport-mobile-state-in-b-6jna9pwasp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.accexport-mobile-state > i[b-6jna9pwasp] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.accexport-mobile-state--error > i[b-6jna9pwasp] {
    color: var(--color-error);
}

.accexport-mobile-state h2[b-6jna9pwasp],
.accexport-mobile-state p[b-6jna9pwasp] {
    margin: 0;
}

.accexport-mobile-state h2[b-6jna9pwasp] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.accexport-mobile-state p[b-6jna9pwasp] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.accexport-mobile-state > :last-child[b-6jna9pwasp] {
    margin-top: var(--innvilo-space-5);
}

/* Illustration for the empty states, shared with the desktop host. */

.accexport-state__art[b-6jna9pwasp] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.accexport-state__art > span[b-6jna9pwasp] {
    animation: accexport-mobile-state-row-in-b-6jna9pwasp 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.accexport-state__art > span[b-6jna9pwasp]::before,
.accexport-state__art > span[b-6jna9pwasp]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.accexport-state__art > span[b-6jna9pwasp]::before {
    top: 0.625rem;
    width: 38%;
}

.accexport-state__art > span[b-6jna9pwasp]::after {
    bottom: 0.625rem;
    width: 58%;
}

.accexport-state__art > span:nth-child(1)[b-6jna9pwasp] {
    opacity: .35;
    transform: scale(.94);
}

.accexport-state__art > span:nth-child(2)[b-6jna9pwasp] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.accexport-state__art > span:nth-child(3)[b-6jna9pwasp] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.accexport-state__art > i[b-6jna9pwasp] {
    align-items: center;
    animation: accexport-mobile-state-in-b-6jna9pwasp 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.accexport-state__art.is-filtered > span:nth-child(3)[b-6jna9pwasp]::before,
.accexport-state__art.is-filtered > span:nth-child(3)[b-6jna9pwasp]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes accexport-mobile-state-row-in-b-6jna9pwasp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.accexport-mobile-skeleton[b-6jna9pwasp] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.accexport-mobile-skeleton span[b-6jna9pwasp] {
    animation: accexport-mobile-pulse-b-6jna9pwasp 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes accexport-mobile-pulse-b-6jna9pwasp {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .accexport-mobile-card[b-6jna9pwasp] {
        padding: var(--innvilo-space-5);
    }

    .accexport-mobile-card__footer[b-6jna9pwasp] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accexport-mobile-skeleton span[b-6jna9pwasp],
    .accexport-mobile-state > *[b-6jna9pwasp],
    .accexport-state__art > span[b-6jna9pwasp],
    .accexport-state__art > i[b-6jna9pwasp] {
        animation: none;
    }
}
/* /Components/Pages/Finance/Payments/FinanceActionPopup.razor.rz.scp.css */
/* Action popup: intro line, form fields, optional error. Editors sit on the popup surface. */

.finance-form[b-qvucr7tuja] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.finance-form__intro[b-qvucr7tuja] {
    display: grid;
    gap: var(--innvilo-space-1);
    margin: 0;
}

.finance-form__intro strong[b-qvucr7tuja] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.finance-form__intro span[b-qvucr7tuja] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.finance-form__grid[b-qvucr7tuja] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.finance-form__field[b-qvucr7tuja] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.finance-form__field > span[b-qvucr7tuja] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.finance-form__field > small[b-qvucr7tuja] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.finance-form__hint[b-qvucr7tuja] {
    align-items: flex-start;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-3);
    line-height: 1.5;
    margin: 0;
}

.finance-form__hint i[b-qvucr7tuja] {
    color: var(--color-primary);
    margin-top: 3px;
}

.finance-form__error[b-qvucr7tuja] {
    align-items: flex-start;
    border-left: 3px solid var(--color-error);
    color: var(--color-error);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

@media (max-width: 47.99rem) {
    .finance-form__grid[b-qvucr7tuja] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Finance/Payments/FinanceBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.finance-page[b-85sr0iss70] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.finance-viewport-skeleton[b-85sr0iss70] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.finance-viewport-skeleton span[b-85sr0iss70] {
    animation: finance-viewport-pulse-b-85sr0iss70 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.finance-viewport-skeleton .is-breadcrumb[b-85sr0iss70] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.finance-viewport-skeleton .is-title[b-85sr0iss70] {
    height: 4.5rem;
}

.finance-viewport-skeleton .is-toolbar[b-85sr0iss70] {
    height: 6rem;
}

.finance-viewport-skeleton .is-content[b-85sr0iss70] {
    height: 22rem;
}

@keyframes finance-viewport-pulse-b-85sr0iss70 {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .finance-viewport-skeleton span[b-85sr0iss70] {
        animation: none;
    }
}
/* /Components/Pages/Finance/Payments/FinanceDesktop.razor.rz.scp.css */
/* Desktop workspace of the finance board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks. */

.finance-desktop[b-4ncpx17lvz] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.finance-breadcrumb[b-4ncpx17lvz] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.finance-breadcrumb a[b-4ncpx17lvz] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.finance-breadcrumb a:hover[b-4ncpx17lvz],
.finance-breadcrumb a:focus-visible[b-4ncpx17lvz] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.finance-breadcrumb a:focus-visible[b-4ncpx17lvz] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.finance-breadcrumb i[b-4ncpx17lvz] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.finance-breadcrumb [aria-current='page'][b-4ncpx17lvz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.finance-head[b-4ncpx17lvz] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.finance-head__copy[b-4ncpx17lvz] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.finance-head__title-row[b-4ncpx17lvz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.finance-head h1[b-4ncpx17lvz] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.finance-head__lead[b-4ncpx17lvz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.finance-head__meta[b-4ncpx17lvz] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.finance-open-badge[b-4ncpx17lvz] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.finance-head__actions[b-4ncpx17lvz] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.finance-kpis[b-4ncpx17lvz] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.finance-kpi[b-4ncpx17lvz] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.finance-kpi + .finance-kpi[b-4ncpx17lvz] {
    border-left: 1px solid var(--innvilo-border-default);
}

.finance-kpi.is-current[b-4ncpx17lvz]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.finance-kpi__label[b-4ncpx17lvz] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.finance-kpi__value[b-4ncpx17lvz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.finance-kpi.is-current .finance-kpi__value[b-4ncpx17lvz] {
    color: var(--color-primary);
}

.finance-kpi.is-attention .finance-kpi__value[b-4ncpx17lvz] {
    color: var(--color-warning-text);
}

.finance-kpi.is-positive .finance-kpi__value[b-4ncpx17lvz] {
    color: var(--color-success);
}

.finance-kpi__detail[b-4ncpx17lvz] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: toolbar, optional pill row, then grid or state. */

.finance-workspace[b-4ncpx17lvz] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.finance-toolbar[b-4ncpx17lvz] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.finance-search[b-4ncpx17lvz] {
    flex: 0 1 22rem;
    min-width: 12rem;
}

.finance-toolbar__filters[b-4ncpx17lvz] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.finance-pills[b-4ncpx17lvz] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.finance-pills__label[b-4ncpx17lvz] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.finance-pills__list[b-4ncpx17lvz] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.finance-pill[b-4ncpx17lvz] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.finance-pill > span[b-4ncpx17lvz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-pill__remove[b-4ncpx17lvz] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.finance-pill__remove:hover[b-4ncpx17lvz] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.finance-pill__remove:focus-visible[b-4ncpx17lvz],
.finance-pills__clear:focus-visible[b-4ncpx17lvz] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.finance-pills__clear[b-4ncpx17lvz] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.finance-grid-host[b-4ncpx17lvz] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. The grid only holds the current page. */

.finance-pager[b-4ncpx17lvz] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.finance-pager__size[b-4ncpx17lvz] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.finance-pager__size > span[b-4ncpx17lvz] {
    white-space: nowrap;
}

.finance-pager__nav[b-4ncpx17lvz] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.finance-pager__page[b-4ncpx17lvz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.finance-pager__page strong[b-4ncpx17lvz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.finance-grid-results[b-4ncpx17lvz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells: a strong first line and a 13px meta line, amounts right-aligned with tabular digits. */

.finance-cell[b-4ncpx17lvz] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.finance-cell strong[b-4ncpx17lvz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.finance-cell small[b-4ncpx17lvz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.finance-document-cell__meta[b-4ncpx17lvz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.finance-amount-cell[b-4ncpx17lvz] {
    justify-items: end;
    text-align: right;
}

.finance-numeric[b-4ncpx17lvz] {
    font-variant-numeric: tabular-nums;
}

.finance-amount-cell small.is-open[b-4ncpx17lvz] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.finance-amount-cell small.is-settled[b-4ncpx17lvz] {
    color: var(--color-success);
}

.finance-row-actions[b-4ncpx17lvz] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
}

/* Overflow menu of a row: plain list of text actions inside the DevExpress drop-down root. */

.finance-row-menu__list[b-4ncpx17lvz] {
    display: grid;
    padding: var(--innvilo-space-2);
}

.finance-row-menu__item[b-4ncpx17lvz] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-4);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.finance-row-menu__item:hover[b-4ncpx17lvz] {
    background: var(--innvilo-surface-app);
}

.finance-row-menu__item:focus-visible[b-4ncpx17lvz] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.finance-row-menu__item i[b-4ncpx17lvz] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    width: 1rem;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.finance-state[b-4ncpx17lvz] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.finance-state > *[b-4ncpx17lvz] {
    animation: finance-state-in-b-4ncpx17lvz var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.finance-state > :nth-child(2)[b-4ncpx17lvz] { animation-delay: 40ms; }
.finance-state > :nth-child(3)[b-4ncpx17lvz] { animation-delay: 80ms; }
.finance-state > :nth-child(4)[b-4ncpx17lvz] { animation-delay: 120ms; }

@keyframes finance-state-in-b-4ncpx17lvz {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.finance-state > i[b-4ncpx17lvz] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.finance-state--error > i[b-4ncpx17lvz] {
    color: var(--color-error);
}

.finance-state__copy[b-4ncpx17lvz] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.finance-state h3[b-4ncpx17lvz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.finance-state p[b-4ncpx17lvz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.finance-state__actions[b-4ncpx17lvz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.finance-state--filtered[b-4ncpx17lvz],
.finance-state--error[b-4ncpx17lvz] {
    padding-block: var(--innvilo-space-11);
}

/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.finance-state__art[b-4ncpx17lvz] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.finance-state__art > span[b-4ncpx17lvz] {
    animation: finance-state-row-in-b-4ncpx17lvz 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.finance-state__art > span[b-4ncpx17lvz]::before,
.finance-state__art > span[b-4ncpx17lvz]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.finance-state__art > span[b-4ncpx17lvz]::before {
    top: 0.625rem;
    width: 38%;
}

.finance-state__art > span[b-4ncpx17lvz]::after {
    bottom: 0.625rem;
    width: 58%;
}

.finance-state__art > span:nth-child(1)[b-4ncpx17lvz] {
    opacity: .35;
    transform: scale(.94);
}

.finance-state__art > span:nth-child(2)[b-4ncpx17lvz] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.finance-state__art > span:nth-child(3)[b-4ncpx17lvz] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.finance-state__art > i[b-4ncpx17lvz] {
    align-items: center;
    animation: finance-state-in-b-4ncpx17lvz 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.finance-state__art.is-filtered > span:nth-child(3)[b-4ncpx17lvz]::before,
.finance-state__art.is-filtered > span:nth-child(3)[b-4ncpx17lvz]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes finance-state-row-in-b-4ncpx17lvz {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.finance-desktop-skeleton[b-4ncpx17lvz] {
    display: grid;
    gap: 1px;
}

.finance-desktop-skeleton span[b-4ncpx17lvz] {
    animation: finance-pulse-b-4ncpx17lvz 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.finance-desktop-skeleton span.is-header[b-4ncpx17lvz] {
    height: 2.75rem;
}

@keyframes finance-pulse-b-4ncpx17lvz {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .finance-kpis[b-4ncpx17lvz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .finance-kpi:nth-child(3)[b-4ncpx17lvz] {
        border-left: 0;
    }

    .finance-kpi:nth-child(n + 3)[b-4ncpx17lvz] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .finance-search[b-4ncpx17lvz] {
        flex: 1 1 100%;
    }

    .finance-toolbar__filters[b-4ncpx17lvz] {
        width: 100%;
    }

    .finance-head[b-4ncpx17lvz] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .finance-head__actions[b-4ncpx17lvz] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .finance-breadcrumb a[b-4ncpx17lvz],
    .finance-pill__remove[b-4ncpx17lvz] {
        transition: none;
    }

    .finance-state > *[b-4ncpx17lvz],
    .finance-state__art > span[b-4ncpx17lvz],
    .finance-state__art > i[b-4ncpx17lvz],
    .finance-desktop-skeleton span[b-4ncpx17lvz] {
        animation: none;
    }
}
/* /Components/Pages/Finance/Payments/FinanceDetailPopup.razor.rz.scp.css */
/* Detail popup of a finance record: badges, amounts, tab list, one panel. Surfaces sit on the popup
   background without outlines; hairlines only under the tab list and between list rows. */

.finance-detail[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.finance-detail__skeleton[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.finance-detail__skeleton span[b-6ff6895mvr] {
    animation: finance-detail-pulse-b-6ff6895mvr 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 3rem;
}

@keyframes finance-detail-pulse-b-6ff6895mvr {
    50% { opacity: .55; }
}

.finance-detail__error[b-6ff6895mvr] {
    align-items: flex-start;
    display: grid;
    gap: var(--innvilo-space-4);
    justify-items: start;
}

.finance-detail__error > i[b-6ff6895mvr] {
    color: var(--color-error);
    font-size: 1.75rem;
    line-height: 1;
}

.finance-detail__error h3[b-6ff6895mvr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0 0 var(--innvilo-space-2);
}

.finance-detail__error p[b-6ff6895mvr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.finance-detail__head[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.finance-detail__badges[b-6ff6895mvr] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.finance-detail__type[b-6ff6895mvr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.finance-detail__subject[b-6ff6895mvr] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.finance-detail__alert[b-6ff6895mvr] {
    align-items: center;
    border-left: 3px solid var(--color-warning);
    color: var(--color-warning-text);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.4;
    margin: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.finance-detail__alert.is-overdue[b-6ff6895mvr] {
    border-left-color: var(--color-error);
    color: var(--color-error);
}

.finance-detail__alert strong[b-6ff6895mvr] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    margin-right: var(--innvilo-space-2);
}

/* Amounts: three cells on the app surface with hairlines, no outlines. */

.finance-detail__amounts[b-6ff6895mvr] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    overflow: hidden;
}

.finance-detail__amounts div[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.finance-detail__amounts div + div[b-6ff6895mvr] {
    border-left: 1px solid var(--innvilo-border-default);
}

.finance-detail__amounts dt[b-6ff6895mvr],
.finance-detail__facts dt[b-6ff6895mvr] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.finance-detail__amounts dd[b-6ff6895mvr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.2;
    margin: 0;
}

.finance-detail__amounts .is-open dd[b-6ff6895mvr] {
    color: var(--color-warning-text);
}

.finance-detail__amounts .is-settled dd[b-6ff6895mvr] {
    color: var(--color-success);
}

.finance-numeric[b-6ff6895mvr] {
    font-variant-numeric: tabular-nums;
}

/* Tabs: text buttons with a 2px underline for the active one; the panel follows without an outline. */

.finance-detail__tabs[b-6ff6895mvr] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.finance-detail__tab[b-6ff6895mvr] {
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    margin-bottom: -1px;
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-4);
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.finance-detail__tab:hover[b-6ff6895mvr] {
    color: var(--innvilo-text-primary);
}

.finance-detail__tab.is-active[b-6ff6895mvr] {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary);
}

.finance-detail__tab:focus-visible[b-6ff6895mvr] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.finance-detail__panel[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.finance-detail__panel:focus-visible[b-6ff6895mvr] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.finance-detail__panel h3[b-6ff6895mvr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    margin: 0;
}

.finance-detail__facts[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.finance-detail__facts div[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.finance-detail__facts dd[b-6ff6895mvr] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
}

.finance-detail__note[b-6ff6895mvr] {
    align-items: flex-start;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    margin: 0;
}

.finance-detail__note i[b-6ff6895mvr] {
    color: var(--innvilo-text-muted);
    margin-top: 2px;
}

.finance-detail__actions[b-6ff6895mvr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.finance-detail__empty[b-6ff6895mvr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
}

/* Line lists: charges and payments, each row a description block and an amount on the right. */

.finance-detail__lines[b-6ff6895mvr] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.finance-detail__lines li[b-6ff6895mvr] {
    align-items: flex-start;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-4) 0;
}

.finance-detail__lines li:first-child[b-6ff6895mvr] {
    border-top: 0;
    padding-top: 0;
}

.finance-detail__lines li.is-total[b-6ff6895mvr] {
    border-top-width: 2px;
}

.finance-detail__lines li.is-requested[b-6ff6895mvr] {
    border-left: 3px solid var(--color-primary);
    padding-left: var(--innvilo-space-4);
}

.finance-detail__lines li > div[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.finance-detail__lines strong[b-6ff6895mvr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.finance-detail__lines li > strong[b-6ff6895mvr] {
    flex: 0 0 auto;
    text-align: right;
}

.finance-detail__lines span[b-6ff6895mvr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

/* Timeline of the history tab */

.finance-detail__timeline[b-6ff6895mvr] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.finance-detail__timeline li[b-6ff6895mvr] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 1.25rem minmax(0, 1fr);
    padding: var(--innvilo-space-4) 0;
}

.finance-detail__timeline li:first-child[b-6ff6895mvr] {
    border-top: 0;
    padding-top: 0;
}

.finance-detail__timeline li > i[b-6ff6895mvr] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    text-align: center;
}

.finance-detail__timeline li > div[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.finance-detail__timeline strong[b-6ff6895mvr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.finance-detail__timeline span[b-6ff6895mvr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Documents */

.finance-detail__document[b-6ff6895mvr] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    padding: var(--innvilo-space-4) 0;
}

.finance-detail__document:first-of-type[b-6ff6895mvr] {
    border-top: 0;
    padding-top: 0;
}

.finance-detail__document > i[b-6ff6895mvr] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-body);
    text-align: center;
}

.finance-detail__document > div[b-6ff6895mvr] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.finance-detail__document strong[b-6ff6895mvr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.finance-detail__document span[b-6ff6895mvr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.finance-detail__link[b-6ff6895mvr] {
    align-items: center;
    color: var(--innvilo-text-link);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    min-height: 2.5rem;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.finance-detail__link:focus-visible[b-6ff6895mvr] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

@media (max-width: 47.99rem) {
    .finance-detail__amounts[b-6ff6895mvr],
    .finance-detail__facts[b-6ff6895mvr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .finance-detail__amounts div:nth-child(3)[b-6ff6895mvr] {
        border-left: 0;
        border-top: 1px solid var(--innvilo-border-default);
        grid-column: 1 / -1;
    }

    .finance-detail__actions[b-6ff6895mvr] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .finance-detail__document[b-6ff6895mvr] {
        grid-template-columns: 1.25rem minmax(0, 1fr);
    }

    .finance-detail__document .finance-detail__link[b-6ff6895mvr] {
        grid-column: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .finance-detail__skeleton span[b-6ff6895mvr] {
        animation: none;
    }

    .finance-detail__tab[b-6ff6895mvr] {
        transition: none;
    }
}
/* /Components/Pages/Finance/Payments/FinanceMobile.razor.rz.scp.css */
/* Mobile workspace of the finance board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.finance-mobile[b-3lsfzl9cxb] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.finance-breadcrumb[b-3lsfzl9cxb] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.finance-breadcrumb a[b-3lsfzl9cxb] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.finance-breadcrumb a:focus-visible[b-3lsfzl9cxb] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.finance-breadcrumb i[b-3lsfzl9cxb] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.finance-breadcrumb [aria-current='page'][b-3lsfzl9cxb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.finance-mobile-header[b-3lsfzl9cxb] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.finance-mobile-header__copy[b-3lsfzl9cxb] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.finance-mobile-header h1[b-3lsfzl9cxb] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.finance-mobile-header p[b-3lsfzl9cxb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.finance-mobile-header p span:first-child[b-3lsfzl9cxb] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.finance-mobile-header__actions[b-3lsfzl9cxb] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.finance-mobile-kpis[b-3lsfzl9cxb] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.finance-mobile-kpi[b-3lsfzl9cxb] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.finance-mobile-kpi:nth-child(even)[b-3lsfzl9cxb] {
    border-left: 1px solid var(--innvilo-border-default);
}

.finance-mobile-kpi:nth-child(n + 3)[b-3lsfzl9cxb] {
    border-top: 1px solid var(--innvilo-border-default);
}

.finance-mobile-kpi.is-current[b-3lsfzl9cxb]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.finance-mobile-kpi span[b-3lsfzl9cxb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-mobile-kpi strong[b-3lsfzl9cxb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.finance-mobile-kpi.is-current strong[b-3lsfzl9cxb] {
    color: var(--color-primary);
}

.finance-mobile-kpi.is-attention strong[b-3lsfzl9cxb] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.finance-mobile-tools[b-3lsfzl9cxb] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.finance-mobile-tools > :first-child + *[b-3lsfzl9cxb] {
    flex: 1 1 auto;
    min-width: 0;
}

.finance-mobile-filter__count[b-3lsfzl9cxb] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills */

.finance-pills[b-3lsfzl9cxb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.finance-pills__list[b-3lsfzl9cxb] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.finance-pill[b-3lsfzl9cxb] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.finance-pill > span[b-3lsfzl9cxb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-pill__remove[b-3lsfzl9cxb] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.finance-pill__remove:focus-visible[b-3lsfzl9cxb],
.finance-overlay__row:focus-visible[b-3lsfzl9cxb],
.finance-overlay__close:focus-visible[b-3lsfzl9cxb],
.finance-overlay__back:focus-visible[b-3lsfzl9cxb] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.finance-overlay[b-3lsfzl9cxb] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.finance-overlay__head[b-3lsfzl9cxb] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.finance-overlay__head h2[b-3lsfzl9cxb] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.finance-overlay__close[b-3lsfzl9cxb],
.finance-overlay__back[b-3lsfzl9cxb] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.finance-overlay__back[b-3lsfzl9cxb] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.finance-overlay__close[b-3lsfzl9cxb] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.finance-overlay__body[b-3lsfzl9cxb] {
    min-height: 0;
    overflow-y: auto;
}

.finance-overlay__rows[b-3lsfzl9cxb] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.finance-overlay__row[b-3lsfzl9cxb] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.finance-overlay__row-label[b-3lsfzl9cxb] {
    flex: 1 1 auto;
    min-width: 0;
}

.finance-overlay__row-count[b-3lsfzl9cxb] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.finance-overlay__row > i[b-3lsfzl9cxb] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.finance-overlay__foot[b-3lsfzl9cxb] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.finance-mobile-list[b-3lsfzl9cxb],
.finance-mobile-cards[b-3lsfzl9cxb] {
    display: grid;
    min-width: 0;
}

.finance-mobile-list[b-3lsfzl9cxb] {
    gap: var(--innvilo-space-6);
}

.finance-mobile-cards[b-3lsfzl9cxb] {
    gap: var(--innvilo-space-5);
}

.finance-mobile-card[b-3lsfzl9cxb] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.finance-mobile-card.is-urgent[b-3lsfzl9cxb]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.finance-mobile-card__header[b-3lsfzl9cxb] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.finance-mobile-card__identity[b-3lsfzl9cxb] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.finance-mobile-card__identity > strong[b-3lsfzl9cxb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.finance-mobile-card__identity span[b-3lsfzl9cxb],
.finance-mobile-card__meta[b-3lsfzl9cxb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.finance-mobile-card__identity span:first-of-type[b-3lsfzl9cxb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-mobile-card__amount[b-3lsfzl9cxb] {
    display: grid;
    flex: 0 0 auto;
    gap: var(--innvilo-space-2);
    justify-items: end;
    text-align: right;
}

.finance-mobile-card__amount strong[b-3lsfzl9cxb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
}

.finance-mobile-card__amount small[b-3lsfzl9cxb] {
    color: var(--color-success);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.finance-mobile-card__amount small.is-open[b-3lsfzl9cxb] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.finance-numeric[b-3lsfzl9cxb] {
    font-variant-numeric: tabular-nums;
}

.finance-mobile-card__badges[b-3lsfzl9cxb] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    min-width: 0;
}

.finance-mobile-card__meta[b-3lsfzl9cxb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.finance-mobile-card__meta span[b-3lsfzl9cxb] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.finance-mobile-card__meta i[b-3lsfzl9cxb] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.finance-mobile-card__footer[b-3lsfzl9cxb] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

/* States */

.finance-mobile-state[b-3lsfzl9cxb] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.finance-mobile-state > *[b-3lsfzl9cxb] {
    animation: finance-mobile-state-in-b-3lsfzl9cxb var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.finance-mobile-state > :nth-child(2)[b-3lsfzl9cxb] { animation-delay: 40ms; }
.finance-mobile-state > :nth-child(3)[b-3lsfzl9cxb] { animation-delay: 80ms; }
.finance-mobile-state > :nth-child(4)[b-3lsfzl9cxb] { animation-delay: 120ms; }

@keyframes finance-mobile-state-in-b-3lsfzl9cxb {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.finance-mobile-state > i[b-3lsfzl9cxb] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.finance-mobile-state--error > i[b-3lsfzl9cxb] {
    color: var(--color-error);
}

.finance-mobile-state h2[b-3lsfzl9cxb],
.finance-mobile-state p[b-3lsfzl9cxb] {
    margin: 0;
}

.finance-mobile-state h2[b-3lsfzl9cxb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.finance-mobile-state p[b-3lsfzl9cxb] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.finance-mobile-state > :last-child[b-3lsfzl9cxb] {
    margin-top: var(--innvilo-space-5);
}

/* Illustration for the empty states, shared with the desktop host. */

.finance-state__art[b-3lsfzl9cxb] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.finance-state__art > span[b-3lsfzl9cxb] {
    animation: finance-mobile-state-row-in-b-3lsfzl9cxb 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.finance-state__art > span[b-3lsfzl9cxb]::before,
.finance-state__art > span[b-3lsfzl9cxb]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.finance-state__art > span[b-3lsfzl9cxb]::before {
    top: 0.625rem;
    width: 38%;
}

.finance-state__art > span[b-3lsfzl9cxb]::after {
    bottom: 0.625rem;
    width: 58%;
}

.finance-state__art > span:nth-child(1)[b-3lsfzl9cxb] {
    opacity: .35;
    transform: scale(.94);
}

.finance-state__art > span:nth-child(2)[b-3lsfzl9cxb] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.finance-state__art > span:nth-child(3)[b-3lsfzl9cxb] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.finance-state__art > i[b-3lsfzl9cxb] {
    align-items: center;
    animation: finance-mobile-state-in-b-3lsfzl9cxb 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.finance-state__art.is-filtered > span:nth-child(3)[b-3lsfzl9cxb]::before,
.finance-state__art.is-filtered > span:nth-child(3)[b-3lsfzl9cxb]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes finance-mobile-state-row-in-b-3lsfzl9cxb {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.finance-mobile-skeleton[b-3lsfzl9cxb] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.finance-mobile-skeleton span[b-3lsfzl9cxb] {
    animation: finance-mobile-pulse-b-3lsfzl9cxb 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes finance-mobile-pulse-b-3lsfzl9cxb {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .finance-mobile-card[b-3lsfzl9cxb] {
        padding: var(--innvilo-space-5);
    }

    .finance-mobile-card__footer[b-3lsfzl9cxb] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .finance-mobile-skeleton span[b-3lsfzl9cxb],
    .finance-mobile-state > *[b-3lsfzl9cxb],
    .finance-state__art > span[b-3lsfzl9cxb],
    .finance-state__art > i[b-3lsfzl9cxb] {
        animation: none;
    }
}
/* /Components/Pages/Hotel/CommercialPackages.razor.rz.scp.css */
/* Seitencontainer: Blockrhythmus kommt aus .pms-worklist, die Seite begrenzt nur die Inhaltsbreite. */
.commercial-packages-page[b-qnk1mxqhc4] {
    font-family: Lato, sans-serif;
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
}

.commercial-packages-feedback[b-qnk1mxqhc4],
.commercial-packages-notice[b-qnk1mxqhc4] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-5);
    line-height: 1.5;
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.commercial-packages-feedback i[b-qnk1mxqhc4],
.commercial-packages-notice i[b-qnk1mxqhc4] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
}

.commercial-packages-feedback.is-error[b-qnk1mxqhc4] {
    border-color: var(--color-error);
    color: var(--innvilo-text-primary);
}

.commercial-packages-feedback.is-error i[b-qnk1mxqhc4] {
    color: var(--color-error);
}

.commercial-packages-feedback.is-success i[b-qnk1mxqhc4] {
    color: var(--color-success);
}

/* Bestelldetail im Popup. */
.commercial-order-detail[b-qnk1mxqhc4] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.commercial-order-detail h3[b-qnk1mxqhc4] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    margin: 0;
}

.commercial-order-detail__facts[b-qnk1mxqhc4] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.commercial-order-detail__facts dt[b-qnk1mxqhc4] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.commercial-order-detail__facts dd[b-qnk1mxqhc4] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    margin: var(--innvilo-space-2) 0 0;
}

.commercial-order-detail__facts dd.is-amount[b-qnk1mxqhc4] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.commercial-order-detail__lines[b-qnk1mxqhc4] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.commercial-order-detail__lines li[b-qnk1mxqhc4] {
    align-items: baseline;
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: var(--innvilo-space-4) 0;
}

.commercial-order-detail__lines small[b-qnk1mxqhc4] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.commercial-order-detail__lines strong[b-qnk1mxqhc4] {
    font-variant-numeric: tabular-nums;
}

@media (max-width: 36rem) {
    .commercial-order-detail__facts[b-qnk1mxqhc4] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Hotel/CommercialPackagesCartPopup.razor.rz.scp.css */
.commercial-cart[b-3r8r8e6q3e] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.commercial-cart__empty[b-3r8r8e6q3e],
.commercial-cart__hint[b-3r8r8e6q3e] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
}

.commercial-cart__lines[b-3r8r8e6q3e] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.commercial-cart__lines li[b-3r8r8e6q3e] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.commercial-cart__lines li + li[b-3r8r8e6q3e] {
    border-top: 1px solid var(--innvilo-border-default);
}

.commercial-cart__lines div[b-3r8r8e6q3e] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.commercial-cart__lines strong[b-3r8r8e6q3e] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.commercial-cart__lines small[b-3r8r8e6q3e] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.commercial-cart__amount[b-3r8r8e6q3e] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.commercial-cart__remove[b-3r8r8e6q3e] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    width: 2rem;
}

.commercial-cart__remove:hover[b-3r8r8e6q3e] {
    background: var(--innvilo-surface-muted);
}

.commercial-cart__remove:focus-visible[b-3r8r8e6q3e] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.commercial-cart__total[b-3r8r8e6q3e] {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.commercial-cart__total span[b-3r8r8e6q3e] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.commercial-cart__total strong[b-3r8r8e6q3e] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
}

.commercial-cart__recipient[b-3r8r8e6q3e] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.commercial-cart__recipient dt[b-3r8r8e6q3e] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.commercial-cart__recipient dd[b-3r8r8e6q3e] {
    color: var(--innvilo-text-primary);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2);
    margin: var(--innvilo-space-2) 0 0;
}

.commercial-cart__recipient small[b-3r8r8e6q3e] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.commercial-cart__warning[b-3r8r8e6q3e] {
    color: var(--color-warning-text);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
}

.commercial-cart__terms[b-3r8r8e6q3e] {
    align-items: flex-start;
    color: var(--innvilo-text-primary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    line-height: 1.5;
}
/* /Components/Pages/Hotel/CommercialPackagesDesktop.razor.rz.scp.css */
/* Zwei Arbeitslisten untereinander im Seitenrhythmus; Kopfzeile je Block über der Fläche. */
.commercial-packages-desktop-host[b-ytv6a84be8] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.commercial-block[b-ytv6a84be8] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.commercial-block__head[b-ytv6a84be8] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.commercial-block__head h2[b-ytv6a84be8] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
    margin: 0;
}

.commercial-block__head p[b-ytv6a84be8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 0;
    max-width: 68ch;
}

.commercial-block__count[b-ytv6a84be8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    white-space: nowrap;
}

.commercial-offers-grid[b-ytv6a84be8],
.commercial-orders-grid[b-ytv6a84be8] {
    min-width: 0;
}

.commercial-offer-cell[b-ytv6a84be8] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.commercial-offer-cell strong[b-ytv6a84be8] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.commercial-offer-cell small[b-ytv6a84be8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.commercial-offer-cell__sku[b-ytv6a84be8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.commercial-amount[b-ytv6a84be8] {
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-2);
    justify-items: end;
}

.commercial-amount small[b-ytv6a84be8] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.commercial-offer-action[b-ytv6a84be8] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

.commercial-offer-action__quantity[b-ytv6a84be8] {
    display: inline-flex;
    width: 5.5rem;
}

.commercial-offer-action__status[b-ytv6a84be8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    text-align: right;
}

.commercial-order-lines[b-ytv6a84be8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.commercial-requested-cell[b-ytv6a84be8] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.commercial-requested-cell strong[b-ytv6a84be8] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.commercial-requested-cell small[b-ytv6a84be8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

@media (max-width: 70rem) {
    .commercial-block__head[b-ytv6a84be8] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-3);
    }
}
/* /Components/Pages/Hotel/CommercialPackagesMobile.razor.rz.scp.css */
/* Kompakte Kartenlisten: Blockabstand 24px, Karten 16px Innenabstand, Fuß mit Touch-Zielen. */
.commercial-packages-mobile-host[b-flzc6uf9cx] {
    display: grid;
    gap: var(--innvilo-space-9);
    min-width: 0;
}

.commercial-mobile-block[b-flzc6uf9cx] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.commercial-mobile-block__head[b-flzc6uf9cx] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.commercial-mobile-block__head h2[b-flzc6uf9cx] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.commercial-mobile-block__head span[b-flzc6uf9cx] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.commercial-mobile-cards[b-flzc6uf9cx] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.commercial-mobile-card[b-flzc6uf9cx] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.commercial-mobile-card.is-selected[b-flzc6uf9cx] {
    border-color: var(--color-primary);
}

.commercial-mobile-card.is-attention[b-flzc6uf9cx] {
    border-left: 3px solid var(--color-warning);
}

.commercial-mobile-card > header[b-flzc6uf9cx] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.commercial-mobile-card > header > div[b-flzc6uf9cx] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.commercial-mobile-card strong[b-flzc6uf9cx] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.3;
}

.commercial-mobile-card > header span[b-flzc6uf9cx] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.commercial-mobile-card__sku[b-flzc6uf9cx] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.commercial-mobile-card__price[b-flzc6uf9cx] {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.commercial-mobile-card__text[b-flzc6uf9cx] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
}

.commercial-mobile-card__meta[b-flzc6uf9cx] {
    color: var(--innvilo-text-secondary);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    margin: 0;
}

.commercial-mobile-card__meta i[b-flzc6uf9cx] {
    color: var(--innvilo-text-muted);
    margin-right: var(--innvilo-space-3);
    width: 1rem;
}

.commercial-mobile-card > footer[b-flzc6uf9cx] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding-top: var(--innvilo-space-5);
}

.commercial-mobile-card__status[b-flzc6uf9cx] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    min-width: 0;
}

.commercial-mobile-card__quantity[b-flzc6uf9cx] {
    display: inline-flex;
    width: 6rem;
}

@media (max-width: 22rem) {
    .commercial-mobile-card[b-flzc6uf9cx] {
        padding: var(--innvilo-space-5);
    }

    .commercial-mobile-card > footer[b-flzc6uf9cx] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Hotel/CommercialPackagesQuotePopup.razor.rz.scp.css */
.commercial-quote[b-wr0wij4nkj] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.commercial-quote__lead[b-wr0wij4nkj],
.commercial-quote__hint[b-wr0wij4nkj] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
}

.commercial-quote__field[b-wr0wij4nkj] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.commercial-quote__field > span[b-wr0wij4nkj] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.commercial-quote__error[b-wr0wij4nkj] {
    color: var(--color-error);
    font-size: var(--innvilo-font-size-caption);
    margin: calc(var(--innvilo-space-4) * -1) 0 0;
}
/* /Components/Pages/Hotel/CorporateCustomers/CorporateCustomerBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.corpcustomer-page[b-ur57tbmtew] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.corpcustomer-viewport-skeleton[b-ur57tbmtew] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.corpcustomer-viewport-skeleton span[b-ur57tbmtew] {
    animation: corpcustomer-viewport-pulse-b-ur57tbmtew 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.corpcustomer-viewport-skeleton .is-breadcrumb[b-ur57tbmtew] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.corpcustomer-viewport-skeleton .is-title[b-ur57tbmtew] {
    height: 4.5rem;
}

.corpcustomer-viewport-skeleton .is-toolbar[b-ur57tbmtew] {
    height: 6rem;
}

.corpcustomer-viewport-skeleton .is-content[b-ur57tbmtew] {
    height: 22rem;
}

@keyframes corpcustomer-viewport-pulse-b-ur57tbmtew {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .corpcustomer-viewport-skeleton span[b-ur57tbmtew] {
        animation: none;
    }
}
/* /Components/Pages/Hotel/CorporateCustomers/CorporateCustomerContractsTab.razor.rz.scp.css */
/* "Verträge & Raten" section of the customer detail page: contracts with their allotments and special rates,
   then the booking requests of the company. Same helpers as the other sections (this component owns its markup). */

.corpcustomer-section-stack[b-le5myf3l79] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.corpcustomer-section-toolbar[b-le5myf3l79] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.corpcustomer-section-toolbar__copy[b-le5myf3l79] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.corpcustomer-section-empty[b-le5myf3l79] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.corpcustomer-section-empty.is-inline[b-le5myf3l79] {
    font-size: var(--innvilo-font-size-label);
}

.corpcustomer-section-error[b-le5myf3l79] {
    border-left: 3px solid var(--color-error);
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.corpcustomer-link-button[b-le5myf3l79] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.corpcustomer-link-button:focus-visible[b-le5myf3l79] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.corpcustomer-section-skeleton[b-le5myf3l79] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.corpcustomer-section-skeleton span[b-le5myf3l79] {
    animation: corpcustomer-contracts-pulse-b-le5myf3l79 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 3.25rem;
}

@keyframes corpcustomer-contracts-pulse-b-le5myf3l79 {
    50% { opacity: .55; }
}

/* Contracts */

.corpcustomer-contracts[b-le5myf3l79] {
    display: grid;
    gap: var(--innvilo-space-5);
    list-style: none;
    margin: 0;
    padding: 0;
}

.corpcustomer-contract[b-le5myf3l79] {
    background: var(--innvilo-surface-app);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.corpcustomer-contract.is-inactive[b-le5myf3l79] {
    border-left-color: var(--innvilo-border-strong);
}

.corpcustomer-contract__head[b-le5myf3l79] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.corpcustomer-contract__identity[b-le5myf3l79] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.corpcustomer-contract__identity strong[b-le5myf3l79] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.corpcustomer-contract__identity span[b-le5myf3l79],
.corpcustomer-contract__row-copy span[b-le5myf3l79] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.corpcustomer-contract__actions[b-le5myf3l79],
.corpcustomer-contract__row-actions[b-le5myf3l79] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.corpcustomer-contract__parts[b-le5myf3l79] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.corpcustomer-contract__part h3[b-le5myf3l79],
.corpcustomer-requests h3[b-le5myf3l79] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    letter-spacing: var(--innvilo-tracking-caption);
    margin: 0 0 var(--innvilo-space-3);
}

.corpcustomer-contract__rows[b-le5myf3l79] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.corpcustomer-contract__row[b-le5myf3l79] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-width: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.corpcustomer-contract__row.is-inactive[b-le5myf3l79] {
    color: var(--innvilo-text-secondary);
}

.corpcustomer-contract__row-copy[b-le5myf3l79] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.corpcustomer-contract__row-copy strong[b-le5myf3l79] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    overflow-wrap: anywhere;
}

.corpcustomer-tag[b-le5myf3l79] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    justify-self: start;
    line-height: 1.2;
    margin-top: var(--innvilo-space-1);
    padding: var(--innvilo-space-1) var(--innvilo-space-3);
    white-space: nowrap;
}

.corpcustomer-requests[b-le5myf3l79] {
    border-top: 1px solid var(--innvilo-border-default);
    min-width: 0;
    padding-top: var(--innvilo-space-6);
}

@media (max-width: 61.99rem) {
    .corpcustomer-contract[b-le5myf3l79] {
        padding: var(--innvilo-space-5);
    }

    .corpcustomer-contract__parts[b-le5myf3l79] {
        grid-template-columns: minmax(0, 1fr);
    }

    .corpcustomer-contract__row[b-le5myf3l79] {
        align-items: stretch;
        flex-direction: column;
    }

    .corpcustomer-contract__actions[b-le5myf3l79],
    .corpcustomer-contract__row-actions[b-le5myf3l79] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .corpcustomer-section-skeleton span[b-le5myf3l79] {
        animation: none;
    }
}
/* /Components/Pages/Hotel/CorporateCustomers/CorporateCustomerDesktop.razor.rz.scp.css */
/* Desktop workspace of the corporate-customer board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks. */

.corpcustomer-desktop[b-sb7gqk23df] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.corpcustomer-breadcrumb[b-sb7gqk23df] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.corpcustomer-breadcrumb a[b-sb7gqk23df] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.corpcustomer-breadcrumb a:hover[b-sb7gqk23df],
.corpcustomer-breadcrumb a:focus-visible[b-sb7gqk23df] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.corpcustomer-breadcrumb a:focus-visible[b-sb7gqk23df] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.corpcustomer-breadcrumb i[b-sb7gqk23df] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.corpcustomer-breadcrumb [aria-current='page'][b-sb7gqk23df] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.corpcustomer-head[b-sb7gqk23df] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.corpcustomer-head__copy[b-sb7gqk23df] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.corpcustomer-head__title-row[b-sb7gqk23df] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.corpcustomer-head h1[b-sb7gqk23df] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.corpcustomer-head__lead[b-sb7gqk23df] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.corpcustomer-head__meta[b-sb7gqk23df] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.corpcustomer-active-badge[b-sb7gqk23df] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.corpcustomer-head__actions[b-sb7gqk23df] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.corpcustomer-kpis[b-sb7gqk23df] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.corpcustomer-kpi[b-sb7gqk23df] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.corpcustomer-kpi + .corpcustomer-kpi[b-sb7gqk23df] {
    border-left: 1px solid var(--innvilo-border-default);
}

.corpcustomer-kpi.is-current[b-sb7gqk23df]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.corpcustomer-kpi__label[b-sb7gqk23df] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.corpcustomer-kpi__value[b-sb7gqk23df] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.corpcustomer-kpi.is-current .corpcustomer-kpi__value[b-sb7gqk23df] {
    color: var(--color-primary);
}

.corpcustomer-kpi.is-attention .corpcustomer-kpi__value[b-sb7gqk23df] {
    color: var(--color-warning-text);
}

.corpcustomer-kpi.is-positive .corpcustomer-kpi__value[b-sb7gqk23df] {
    color: var(--color-success);
}

.corpcustomer-kpi__detail[b-sb7gqk23df] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* Workspace: toolbar, optional pill row, then grid or state. */

.corpcustomer-workspace[b-sb7gqk23df] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.corpcustomer-toolbar[b-sb7gqk23df] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.corpcustomer-search[b-sb7gqk23df] {
    flex: 0 1 22rem;
    min-width: 12rem;
}

.corpcustomer-toolbar__filters[b-sb7gqk23df] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.corpcustomer-pills[b-sb7gqk23df] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.corpcustomer-pills__label[b-sb7gqk23df] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.corpcustomer-pills__list[b-sb7gqk23df] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.corpcustomer-pill[b-sb7gqk23df] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.corpcustomer-pill > span[b-sb7gqk23df] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.corpcustomer-pill__remove[b-sb7gqk23df] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.corpcustomer-pill__remove:hover[b-sb7gqk23df] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.corpcustomer-pill__remove:focus-visible[b-sb7gqk23df],
.corpcustomer-pills__clear:focus-visible[b-sb7gqk23df] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.corpcustomer-pills__clear[b-sb7gqk23df] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.corpcustomer-grid-host[b-sb7gqk23df] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. The grid only holds the current page. */

.corpcustomer-pager[b-sb7gqk23df] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.corpcustomer-pager__size[b-sb7gqk23df] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.corpcustomer-pager__size > span[b-sb7gqk23df] {
    white-space: nowrap;
}

.corpcustomer-pager__nav[b-sb7gqk23df] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.corpcustomer-pager__page[b-sb7gqk23df] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.corpcustomer-pager__page strong[b-sb7gqk23df] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.corpcustomer-grid-results[b-sb7gqk23df] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.corpcustomer-cell[b-sb7gqk23df] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.corpcustomer-cell.is-right[b-sb7gqk23df] {
    justify-items: end;
    text-align: right;
}

.corpcustomer-cell strong[b-sb7gqk23df] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.corpcustomer-cell small[b-sb7gqk23df] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.corpcustomer-number[b-sb7gqk23df] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.corpcustomer-place[b-sb7gqk23df],
.corpcustomer-contact[b-sb7gqk23df] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.corpcustomer-amount[b-sb7gqk23df] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.corpcustomer-amount.is-open[b-sb7gqk23df] {
    color: var(--color-warning-text);
}

.corpcustomer-change[b-sb7gqk23df] {
    font-variant-numeric: tabular-nums;
}

.corpcustomer-row-actions[b-sb7gqk23df] {
    display: inline-flex;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.corpcustomer-state[b-sb7gqk23df] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.corpcustomer-state > *[b-sb7gqk23df] {
    animation: corpcustomer-state-in-b-sb7gqk23df var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.corpcustomer-state > :nth-child(2)[b-sb7gqk23df] { animation-delay: 40ms; }
.corpcustomer-state > :nth-child(3)[b-sb7gqk23df] { animation-delay: 80ms; }
.corpcustomer-state > :nth-child(4)[b-sb7gqk23df] { animation-delay: 120ms; }

@keyframes corpcustomer-state-in-b-sb7gqk23df {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.corpcustomer-state > i[b-sb7gqk23df] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.corpcustomer-state--error > i[b-sb7gqk23df] {
    color: var(--color-error);
}

.corpcustomer-state__copy[b-sb7gqk23df] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.corpcustomer-state h3[b-sb7gqk23df] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.corpcustomer-state p[b-sb7gqk23df] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.corpcustomer-state__actions[b-sb7gqk23df] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.corpcustomer-state--filtered[b-sb7gqk23df],
.corpcustomer-state--error[b-sb7gqk23df] {
    padding-block: var(--innvilo-space-11);
}

/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.corpcustomer-state__art[b-sb7gqk23df] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.corpcustomer-state__art > span[b-sb7gqk23df] {
    animation: corpcustomer-state-row-in-b-sb7gqk23df 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.corpcustomer-state__art > span[b-sb7gqk23df]::before,
.corpcustomer-state__art > span[b-sb7gqk23df]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.corpcustomer-state__art > span[b-sb7gqk23df]::before {
    top: 0.625rem;
    width: 38%;
}

.corpcustomer-state__art > span[b-sb7gqk23df]::after {
    bottom: 0.625rem;
    width: 58%;
}

.corpcustomer-state__art > span:nth-child(1)[b-sb7gqk23df] {
    opacity: .35;
    transform: scale(.94);
}

.corpcustomer-state__art > span:nth-child(2)[b-sb7gqk23df] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.corpcustomer-state__art > span:nth-child(3)[b-sb7gqk23df] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.corpcustomer-state__art > i[b-sb7gqk23df] {
    align-items: center;
    animation: corpcustomer-state-in-b-sb7gqk23df 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.corpcustomer-state__art.is-filtered > span:nth-child(3)[b-sb7gqk23df]::before,
.corpcustomer-state__art.is-filtered > span:nth-child(3)[b-sb7gqk23df]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes corpcustomer-state-row-in-b-sb7gqk23df {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.corpcustomer-desktop-skeleton[b-sb7gqk23df] {
    display: grid;
    gap: 1px;
}

.corpcustomer-desktop-skeleton span[b-sb7gqk23df] {
    animation: corpcustomer-pulse-b-sb7gqk23df 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.corpcustomer-desktop-skeleton span.is-header[b-sb7gqk23df] {
    height: 2.75rem;
}

@keyframes corpcustomer-pulse-b-sb7gqk23df {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .corpcustomer-kpis[b-sb7gqk23df] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .corpcustomer-kpi:nth-child(3)[b-sb7gqk23df] {
        border-left: 0;
    }

    .corpcustomer-kpi:nth-child(n + 3)[b-sb7gqk23df] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .corpcustomer-search[b-sb7gqk23df] {
        flex: 1 1 100%;
    }

    .corpcustomer-toolbar__filters[b-sb7gqk23df] {
        width: 100%;
    }

    .corpcustomer-head[b-sb7gqk23df] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .corpcustomer-head__actions[b-sb7gqk23df] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .corpcustomer-breadcrumb a[b-sb7gqk23df],
    .corpcustomer-pill__remove[b-sb7gqk23df] {
        transition: none;
    }

    .corpcustomer-state > *[b-sb7gqk23df],
    .corpcustomer-state__art > span[b-sb7gqk23df],
    .corpcustomer-state__art > i[b-sb7gqk23df],
    .corpcustomer-desktop-skeleton span[b-sb7gqk23df] {
        animation: none;
    }
}
/* /Components/Pages/Hotel/CorporateCustomers/CorporateCustomerDetailPage.razor.rz.scp.css */
/* Detail page of one corporate customer: breadcrumb, hero with numbers and status, KPI strip, then the
   sections as tabs (desktop) or stacked collapsible sections with jump links (up to 991px).
   Same rhythm as the worklists: 34px between blocks on desktop, 24px below 992px. One radius, one border
   colour, no shadows on static surfaces, no outlines around blocks. */

.corpcustomer-page[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

/* Skeleton while the device mode or the customer loads. */

.corpcustomer-viewport-skeleton[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.corpcustomer-viewport-skeleton span[b-6g16bpebgk] {
    animation: corpcustomer-detail-pulse-b-6g16bpebgk 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.corpcustomer-viewport-skeleton .is-breadcrumb[b-6g16bpebgk] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 18rem;
}

.corpcustomer-viewport-skeleton .is-title[b-6g16bpebgk] {
    height: 5.5rem;
}

.corpcustomer-viewport-skeleton .is-toolbar[b-6g16bpebgk] {
    height: 6rem;
}

.corpcustomer-viewport-skeleton .is-content[b-6g16bpebgk] {
    height: 22rem;
}

@keyframes corpcustomer-detail-pulse-b-6g16bpebgk {
    50% { opacity: .55; }
}

/* Breadcrumb */

.corpcustomer-breadcrumb[b-6g16bpebgk] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
    min-width: 0;
}

.corpcustomer-breadcrumb a[b-6g16bpebgk] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.corpcustomer-breadcrumb a:hover[b-6g16bpebgk],
.corpcustomer-breadcrumb a:focus-visible[b-6g16bpebgk] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.corpcustomer-breadcrumb a:focus-visible[b-6g16bpebgk] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.corpcustomer-breadcrumb i[b-6g16bpebgk] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.corpcustomer-breadcrumb [aria-current='page'][b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Hero */

.corpcustomer-detail-head[b-6g16bpebgk] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.corpcustomer-detail-head__copy[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.corpcustomer-detail-head__title-row[b-6g16bpebgk] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.corpcustomer-detail-head h1[b-6g16bpebgk] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.05;
    margin: 0;
    overflow-wrap: anywhere;
}

.corpcustomer-detail-head__numbers[b-6g16bpebgk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-8);
    margin: 0;
}

.corpcustomer-detail-head__numbers > div[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.corpcustomer-detail-head__numbers dt[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.corpcustomer-detail-head__numbers dd[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    margin: 0;
}

.corpcustomer-number[b-6g16bpebgk] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.corpcustomer-detail-head__meta[b-6g16bpebgk] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: 0;
}

.corpcustomer-detail-head__actions[b-6g16bpebgk] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip, same surface language as the worklist. */

.corpcustomer-kpis[b-6g16bpebgk] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.corpcustomer-kpi[b-6g16bpebgk] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.corpcustomer-kpi + .corpcustomer-kpi[b-6g16bpebgk] {
    border-left: 1px solid var(--innvilo-border-default);
}

.corpcustomer-kpi.is-current[b-6g16bpebgk]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.corpcustomer-kpi__label[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.corpcustomer-kpi__value[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.corpcustomer-kpi.is-current .corpcustomer-kpi__value[b-6g16bpebgk] {
    color: var(--color-primary);
}

.corpcustomer-kpi.is-attention .corpcustomer-kpi__value[b-6g16bpebgk] {
    color: var(--color-warning-text);
}

.corpcustomer-kpi__detail[b-6g16bpebgk] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* Body: tab bar plus one panel on desktop, jump links plus stacked sections below 992px. */

.corpcustomer-detail-body[b-6g16bpebgk] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    min-width: 0;
    overflow: hidden;
}

.corpcustomer-detail-tabs[b-6g16bpebgk] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-2);
    min-width: 0;
    overflow-x: auto;
    padding: 0 var(--innvilo-space-6);
    scrollbar-width: thin;
}

.corpcustomer-detail-tab[b-6g16bpebgk] {
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.2;
    margin-bottom: -1px;
    min-height: 3rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-4);
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.corpcustomer-detail-tab:hover[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
}

.corpcustomer-detail-tab.is-active[b-6g16bpebgk] {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary);
}

.corpcustomer-detail-tab:focus-visible[b-6g16bpebgk],
.corpcustomer-detail-jump:focus-visible[b-6g16bpebgk],
.corpcustomer-detail-section__toggle:focus-visible[b-6g16bpebgk],
.corpcustomer-segment:focus-visible[b-6g16bpebgk],
.corpcustomer-link-button:focus-visible[b-6g16bpebgk] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.corpcustomer-detail-jumps[b-6g16bpebgk] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-2);
    min-width: 0;
    overflow-x: auto;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    scrollbar-width: none;
}

.corpcustomer-detail-jump[b-6g16bpebgk] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    white-space: nowrap;
}

.corpcustomer-detail-section[b-6g16bpebgk] {
    min-width: 0;
}

.corpcustomer-detail-section + .corpcustomer-detail-section[b-6g16bpebgk] {
    border-top: 1px solid var(--innvilo-border-default);
}

.corpcustomer-detail-section__title[b-6g16bpebgk] {
    margin: 0;
}

.corpcustomer-detail-section__toggle[b-6g16bpebgk] {
    align-items: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    line-height: 1.3;
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    text-align: left;
    width: 100%;
}

.corpcustomer-detail-section__toggle i[b-6g16bpebgk] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.corpcustomer-detail-section__body[b-6g16bpebgk] {
    display: grid;
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8) var(--innvilo-space-8);
}

/* Section helpers: fact lists, toolbars, states. */

.corpcustomer-section-stack[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.corpcustomer-section-toolbar[b-6g16bpebgk] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.corpcustomer-section-toolbar__copy[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.corpcustomer-facts[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-6) var(--innvilo-space-8);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    min-width: 0;
}

.corpcustomer-facts > div[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.corpcustomer-facts > .is-wide[b-6g16bpebgk] {
    grid-column: 1 / -1;
}

.corpcustomer-facts dt[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.corpcustomer-facts dd[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.corpcustomer-facts dd.is-multiline[b-6g16bpebgk] {
    display: grid;
    white-space: pre-line;
}

.corpcustomer-facts a[b-6g16bpebgk] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.corpcustomer-section-empty[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.corpcustomer-section-empty.is-inline[b-6g16bpebgk] {
    font-size: var(--innvilo-font-size-label);
}

.corpcustomer-section-error[b-6g16bpebgk] {
    border-left: 3px solid var(--color-error);
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.corpcustomer-link-button[b-6g16bpebgk] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.corpcustomer-section-skeleton[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.corpcustomer-section-skeleton span[b-6g16bpebgk] {
    animation: corpcustomer-detail-pulse-b-6g16bpebgk 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 3.25rem;
}

/* Contacts */

.corpcustomer-contacts[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-4);
    list-style: none;
    margin: 0;
    padding: 0;
}

.corpcustomer-contact-card[b-6g16bpebgk] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 1fr) auto;
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.corpcustomer-contact-card.is-inactive[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
}

.corpcustomer-contact-card__identity[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.corpcustomer-contact-card__identity strong[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    overflow-wrap: anywhere;
}

.corpcustomer-contact-card__identity span[b-6g16bpebgk],
.corpcustomer-contact-card__reach a[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.corpcustomer-contact-card__reach[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.corpcustomer-contact-card__reach a[b-6g16bpebgk] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    overflow-wrap: anywhere;
    text-decoration: none;
}

.corpcustomer-contact-card__reach a:hover[b-6g16bpebgk],
.corpcustomer-contact-card__reach a:focus-visible[b-6g16bpebgk] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.corpcustomer-contact-card__reach i[b-6g16bpebgk] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
}

.corpcustomer-contact-card__rights[b-6g16bpebgk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.corpcustomer-contact-card__rights li[b-6g16bpebgk],
.corpcustomer-tag[b-6g16bpebgk] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    line-height: 1.2;
    padding: var(--innvilo-space-1) var(--innvilo-space-3);
    white-space: nowrap;
}

.corpcustomer-contact-card__rights li.is-primary[b-6g16bpebgk] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.corpcustomer-contact-card__rights li.is-muted[b-6g16bpebgk] {
    color: var(--innvilo-text-muted);
}

.corpcustomer-contact-card__actions[b-6g16bpebgk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

/* Totals above the open items. */

.corpcustomer-totals[b-6g16bpebgk] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.corpcustomer-total[b-6g16bpebgk] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.corpcustomer-total span[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.corpcustomer-total strong[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.corpcustomer-total.is-open strong[b-6g16bpebgk] {
    color: var(--color-warning-text);
}

.corpcustomer-total.is-overdue strong[b-6g16bpebgk] {
    color: var(--color-error);
}

/* Segment switch (stays). */

.corpcustomer-segments[b-6g16bpebgk] {
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.corpcustomer-segment[b-6g16bpebgk] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    min-height: 2.25rem;
    padding: 0 var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.corpcustomer-segment:hover[b-6g16bpebgk] {
    background: var(--innvilo-surface-muted);
}

.corpcustomer-segment.is-active[b-6g16bpebgk] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Row lists (invoices, open items, stays): a header row and one row per item, no outline around the block. */

.corpcustomer-list[b-6g16bpebgk] {
    display: grid;
    min-width: 0;
}

.corpcustomer-list__head[b-6g16bpebgk],
.corpcustomer-list__row[b-6g16bpebgk] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.corpcustomer-list--invoices .corpcustomer-list__head[b-6g16bpebgk],
.corpcustomer-list--invoices .corpcustomer-list__row[b-6g16bpebgk] {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.corpcustomer-list--stays .corpcustomer-list__head[b-6g16bpebgk],
.corpcustomer-list--stays .corpcustomer-list__row[b-6g16bpebgk] {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
}

.corpcustomer-list__head[b-6g16bpebgk] {
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.corpcustomer-list__row[b-6g16bpebgk] {
    border-bottom: 1px solid var(--innvilo-border-default);
    border-left: 3px solid transparent;
    font-size: var(--innvilo-font-size-label);
}

.corpcustomer-list__row:last-child[b-6g16bpebgk] {
    border-bottom: 0;
}

.corpcustomer-list__row.is-overdue[b-6g16bpebgk] {
    border-left-color: var(--color-error);
}

.corpcustomer-list__row.is-in-house[b-6g16bpebgk] {
    border-left-color: var(--color-primary);
}

.corpcustomer-list__cell[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
    overflow-wrap: anywhere;
}

.corpcustomer-list__cell small[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.corpcustomer-list__cell a[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
}

.corpcustomer-list__cell a:hover[b-6g16bpebgk],
.corpcustomer-list__cell a:focus-visible[b-6g16bpebgk] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.corpcustomer-list__label[b-6g16bpebgk] {
    display: none;
}

.is-right[b-6g16bpebgk] {
    justify-items: end;
    text-align: right;
}

.corpcustomer-amount[b-6g16bpebgk] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.corpcustomer-amount.is-open[b-6g16bpebgk] {
    color: var(--color-warning-text);
}

.corpcustomer-tag.is-overdue[b-6g16bpebgk] {
    border-color: var(--color-error);
    color: var(--color-error);
}

.corpcustomer-tag.is-current[b-6g16bpebgk] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Section pager: count left, navigation or "load more" right. */

.corpcustomer-section-pager[b-6g16bpebgk] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.corpcustomer-section-pager__count[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
}

.corpcustomer-pager__nav[b-6g16bpebgk] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.corpcustomer-pager__page[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.corpcustomer-pager__page strong[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Error and not-found states of the whole page. */

.corpcustomer-detail-state[b-6g16bpebgk] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.corpcustomer-detail-state > i[b-6g16bpebgk] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
}

.corpcustomer-detail-state h1[b-6g16bpebgk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.corpcustomer-detail-state p[b-6g16bpebgk] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
    max-width: 60ch;
}

.corpcustomer-detail-state__actions[b-6g16bpebgk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

/* Up to 991px: stacked sections, cards instead of rows, 24px rhythm. */

@media (max-width: 61.99rem) {
    .corpcustomer-page[b-6g16bpebgk] {
        gap: var(--innvilo-space-8);
    }

    .corpcustomer-breadcrumb[b-6g16bpebgk] {
        font-size: var(--innvilo-font-size-micro);
        gap: var(--innvilo-space-2);
        margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    }

    .corpcustomer-breadcrumb a[b-6g16bpebgk] {
        align-items: center;
        display: inline-flex;
        min-height: 2.75rem;
        padding-inline: var(--innvilo-space-2);
    }

    .corpcustomer-viewport-skeleton[b-6g16bpebgk] {
        gap: var(--innvilo-space-8);
    }

    .corpcustomer-detail-head[b-6g16bpebgk] {
        align-items: start;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .corpcustomer-detail-head h1[b-6g16bpebgk] {
        font-size: var(--innvilo-font-size-title);
        letter-spacing: var(--innvilo-tracking-title);
        line-height: 1.15;
    }

    .corpcustomer-detail-head__actions[b-6g16bpebgk] {
        flex-wrap: nowrap;
    }

    .corpcustomer-kpis[b-6g16bpebgk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .corpcustomer-kpi[b-6g16bpebgk] {
        gap: var(--innvilo-space-2);
        padding: var(--innvilo-space-5) var(--innvilo-space-6);
    }

    .corpcustomer-kpi + .corpcustomer-kpi[b-6g16bpebgk] {
        border-left: 0;
    }

    .corpcustomer-kpi:nth-child(even)[b-6g16bpebgk] {
        border-left: 1px solid var(--innvilo-border-default);
    }

    .corpcustomer-kpi:nth-child(n + 3)[b-6g16bpebgk] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .corpcustomer-kpi.is-current[b-6g16bpebgk]::before {
        height: auto;
        inset: -1px auto -1px -1px;
        width: 3px;
    }

    .corpcustomer-kpi__value[b-6g16bpebgk] {
        font-size: var(--innvilo-font-size-heading);
    }

    .corpcustomer-kpi__detail[b-6g16bpebgk] {
        white-space: normal;
    }

    .corpcustomer-detail-section__body[b-6g16bpebgk] {
        padding: 0 var(--innvilo-space-5) var(--innvilo-space-6);
    }

    .corpcustomer-facts[b-6g16bpebgk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .corpcustomer-contact-card[b-6g16bpebgk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .corpcustomer-contact-card__actions[b-6g16bpebgk] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .corpcustomer-totals[b-6g16bpebgk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .corpcustomer-list[b-6g16bpebgk] {
        gap: var(--innvilo-space-4);
    }

    .corpcustomer-list__head[b-6g16bpebgk] {
        display: none;
    }

    .corpcustomer-list--invoices .corpcustomer-list__row[b-6g16bpebgk],
    .corpcustomer-list--stays .corpcustomer-list__row[b-6g16bpebgk] {
        background: var(--innvilo-surface-app);
        border-bottom: 0;
        border-radius: var(--innvilo-radius-xs);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: var(--innvilo-space-5) var(--innvilo-space-6);
    }

    .corpcustomer-list__row.is-overdue[b-6g16bpebgk],
    .corpcustomer-list__row.is-in-house[b-6g16bpebgk] {
        border-left-width: 3px;
    }

    .corpcustomer-list__cell.is-primary[b-6g16bpebgk] {
        grid-column: 1 / -1;
    }

    .corpcustomer-list__cell.is-right[b-6g16bpebgk] {
        justify-items: start;
        text-align: left;
    }

    .corpcustomer-list__label[b-6g16bpebgk] {
        color: var(--innvilo-text-secondary);
        display: block;
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: var(--innvilo-font-size-micro);
        letter-spacing: var(--innvilo-tracking-caption);
    }

    .corpcustomer-section-pager[b-6g16bpebgk] {
        display: grid;
        justify-items: stretch;
    }

    .corpcustomer-section-pager__count[b-6g16bpebgk] {
        text-align: center;
    }

    .corpcustomer-detail-state[b-6g16bpebgk] {
        padding: var(--innvilo-space-10) var(--innvilo-space-6);
    }
}

@media (max-width: 47.99rem) {
    .corpcustomer-detail-head[b-6g16bpebgk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .corpcustomer-detail-head__actions[b-6g16bpebgk] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .corpcustomer-viewport-skeleton span[b-6g16bpebgk],
    .corpcustomer-section-skeleton span[b-6g16bpebgk] {
        animation: none;
    }

    .corpcustomer-breadcrumb a[b-6g16bpebgk],
    .corpcustomer-detail-tab[b-6g16bpebgk],
    .corpcustomer-segment[b-6g16bpebgk] {
        transition: none;
    }
}
/* /Components/Pages/Hotel/CorporateCustomers/CorporateCustomerMobile.razor.rz.scp.css */
/* Mobile workspace of the corporate-customer board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.corpcustomer-mobile[b-kz4z1z7mma] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.corpcustomer-breadcrumb[b-kz4z1z7mma] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.corpcustomer-breadcrumb a[b-kz4z1z7mma] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.corpcustomer-breadcrumb a:focus-visible[b-kz4z1z7mma] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.corpcustomer-breadcrumb i[b-kz4z1z7mma] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.corpcustomer-breadcrumb [aria-current='page'][b-kz4z1z7mma] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.corpcustomer-mobile-header[b-kz4z1z7mma] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.corpcustomer-mobile-header__copy[b-kz4z1z7mma] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.corpcustomer-mobile-header h1[b-kz4z1z7mma] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.corpcustomer-mobile-header p[b-kz4z1z7mma] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.corpcustomer-mobile-header p span:first-child[b-kz4z1z7mma] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.corpcustomer-mobile-header__actions[b-kz4z1z7mma] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.corpcustomer-mobile-kpis[b-kz4z1z7mma] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.corpcustomer-mobile-kpi[b-kz4z1z7mma] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.corpcustomer-mobile-kpi:nth-child(even)[b-kz4z1z7mma] {
    border-left: 1px solid var(--innvilo-border-default);
}

.corpcustomer-mobile-kpi:nth-child(n + 3)[b-kz4z1z7mma] {
    border-top: 1px solid var(--innvilo-border-default);
}

.corpcustomer-mobile-kpi.is-current[b-kz4z1z7mma]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.corpcustomer-mobile-kpi span[b-kz4z1z7mma] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.corpcustomer-mobile-kpi strong[b-kz4z1z7mma] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.corpcustomer-mobile-kpi.is-current strong[b-kz4z1z7mma] {
    color: var(--color-primary);
}

.corpcustomer-mobile-kpi.is-attention strong[b-kz4z1z7mma] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.corpcustomer-mobile-tools[b-kz4z1z7mma] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.corpcustomer-mobile-tools > :first-child + *[b-kz4z1z7mma] {
    flex: 1 1 auto;
    min-width: 0;
}

.corpcustomer-mobile-filter__count[b-kz4z1z7mma] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills */

.corpcustomer-pills[b-kz4z1z7mma] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.corpcustomer-pills__list[b-kz4z1z7mma] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.corpcustomer-pill[b-kz4z1z7mma] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.corpcustomer-pill > span[b-kz4z1z7mma] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.corpcustomer-pill__remove[b-kz4z1z7mma] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.corpcustomer-pill__remove:focus-visible[b-kz4z1z7mma],
.corpcustomer-overlay__row:focus-visible[b-kz4z1z7mma],
.corpcustomer-overlay__close:focus-visible[b-kz4z1z7mma],
.corpcustomer-overlay__back:focus-visible[b-kz4z1z7mma] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.corpcustomer-overlay[b-kz4z1z7mma] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.corpcustomer-overlay__head[b-kz4z1z7mma] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.corpcustomer-overlay__head h2[b-kz4z1z7mma] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.corpcustomer-overlay__close[b-kz4z1z7mma],
.corpcustomer-overlay__back[b-kz4z1z7mma] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.corpcustomer-overlay__back[b-kz4z1z7mma] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.corpcustomer-overlay__close[b-kz4z1z7mma] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.corpcustomer-overlay__body[b-kz4z1z7mma] {
    min-height: 0;
    overflow-y: auto;
}

.corpcustomer-overlay__rows[b-kz4z1z7mma] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.corpcustomer-overlay__row[b-kz4z1z7mma] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.corpcustomer-overlay__row-label[b-kz4z1z7mma] {
    flex: 1 1 auto;
    min-width: 0;
}

.corpcustomer-overlay__row-count[b-kz4z1z7mma] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.corpcustomer-overlay__row > i[b-kz4z1z7mma] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.corpcustomer-overlay__foot[b-kz4z1z7mma] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.corpcustomer-mobile-list[b-kz4z1z7mma],
.corpcustomer-mobile-cards[b-kz4z1z7mma] {
    display: grid;
    min-width: 0;
}

.corpcustomer-mobile-list[b-kz4z1z7mma] {
    gap: var(--innvilo-space-6);
}

.corpcustomer-mobile-cards[b-kz4z1z7mma] {
    gap: var(--innvilo-space-5);
}

.corpcustomer-mobile-card[b-kz4z1z7mma] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.corpcustomer-mobile-card.is-inactive[b-kz4z1z7mma]::before {
    background: var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.corpcustomer-mobile-card__header[b-kz4z1z7mma] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.corpcustomer-mobile-card__identity[b-kz4z1z7mma] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.corpcustomer-mobile-card__identity > strong[b-kz4z1z7mma] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.corpcustomer-mobile-card__identity span[b-kz4z1z7mma],
.corpcustomer-mobile-card__meta[b-kz4z1z7mma] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.corpcustomer-number[b-kz4z1z7mma] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.corpcustomer-mobile-card__facts[b-kz4z1z7mma] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.corpcustomer-mobile-card__fact[b-kz4z1z7mma] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.corpcustomer-mobile-card__fact span[b-kz4z1z7mma] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.corpcustomer-mobile-card__fact strong[b-kz4z1z7mma] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.corpcustomer-mobile-card__fact strong.is-open[b-kz4z1z7mma] {
    color: var(--color-warning-text);
}

.corpcustomer-mobile-card__meta[b-kz4z1z7mma] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.corpcustomer-mobile-card__meta span[b-kz4z1z7mma] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.corpcustomer-mobile-card__meta i[b-kz4z1z7mma] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.corpcustomer-mobile-card__footer[b-kz4z1z7mma] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

/* "Öffnen" führt zur Detailseite und steht als volle Zeile über den beiden Aktionen. */
.corpcustomer-mobile-card__footer > :first-child[b-kz4z1z7mma] {
    grid-column: 1 / -1;
}

/* States */

.corpcustomer-mobile-state[b-kz4z1z7mma] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.corpcustomer-mobile-state > *[b-kz4z1z7mma] {
    animation: corpcustomer-mobile-state-in-b-kz4z1z7mma var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.corpcustomer-mobile-state > :nth-child(2)[b-kz4z1z7mma] { animation-delay: 40ms; }
.corpcustomer-mobile-state > :nth-child(3)[b-kz4z1z7mma] { animation-delay: 80ms; }
.corpcustomer-mobile-state > :nth-child(4)[b-kz4z1z7mma] { animation-delay: 120ms; }

@keyframes corpcustomer-mobile-state-in-b-kz4z1z7mma {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.corpcustomer-mobile-state > i[b-kz4z1z7mma] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.corpcustomer-mobile-state--error > i[b-kz4z1z7mma] {
    color: var(--color-error);
}

.corpcustomer-mobile-state h2[b-kz4z1z7mma],
.corpcustomer-mobile-state p[b-kz4z1z7mma] {
    margin: 0;
}

.corpcustomer-mobile-state h2[b-kz4z1z7mma] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.corpcustomer-mobile-state p[b-kz4z1z7mma] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.corpcustomer-mobile-state > :last-child[b-kz4z1z7mma] {
    margin-top: var(--innvilo-space-5);
}

/* Illustration for the empty states, shared with the desktop host. */

.corpcustomer-state__art[b-kz4z1z7mma] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.corpcustomer-state__art > span[b-kz4z1z7mma] {
    animation: corpcustomer-mobile-state-row-in-b-kz4z1z7mma 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.corpcustomer-state__art > span[b-kz4z1z7mma]::before,
.corpcustomer-state__art > span[b-kz4z1z7mma]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.corpcustomer-state__art > span[b-kz4z1z7mma]::before {
    top: 0.625rem;
    width: 38%;
}

.corpcustomer-state__art > span[b-kz4z1z7mma]::after {
    bottom: 0.625rem;
    width: 58%;
}

.corpcustomer-state__art > span:nth-child(1)[b-kz4z1z7mma] {
    opacity: .35;
    transform: scale(.94);
}

.corpcustomer-state__art > span:nth-child(2)[b-kz4z1z7mma] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.corpcustomer-state__art > span:nth-child(3)[b-kz4z1z7mma] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.corpcustomer-state__art > i[b-kz4z1z7mma] {
    align-items: center;
    animation: corpcustomer-mobile-state-in-b-kz4z1z7mma 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.corpcustomer-state__art.is-filtered > span:nth-child(3)[b-kz4z1z7mma]::before,
.corpcustomer-state__art.is-filtered > span:nth-child(3)[b-kz4z1z7mma]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes corpcustomer-mobile-state-row-in-b-kz4z1z7mma {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.corpcustomer-mobile-skeleton[b-kz4z1z7mma] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.corpcustomer-mobile-skeleton span[b-kz4z1z7mma] {
    animation: corpcustomer-mobile-pulse-b-kz4z1z7mma 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes corpcustomer-mobile-pulse-b-kz4z1z7mma {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .corpcustomer-mobile-card[b-kz4z1z7mma] {
        padding: var(--innvilo-space-5);
    }

    .corpcustomer-mobile-card__footer[b-kz4z1z7mma] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .corpcustomer-mobile-skeleton span[b-kz4z1z7mma],
    .corpcustomer-mobile-state > *[b-kz4z1z7mma],
    .corpcustomer-state__art > span[b-kz4z1z7mma],
    .corpcustomer-state__art > i[b-kz4z1z7mma] {
        animation: none;
    }
}
/* /Components/Pages/Hotel/DeviceManagement.razor.rz.scp.css */
.device-management-page[b-atbj1xxu7b] {
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    width: 100%;
}

.device-management-hero-shell[b-atbj1xxu7b] {
    display: grid;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.device-management-setup-feedback[b-atbj1xxu7b],
.device-management-dialog-feedback[b-atbj1xxu7b] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-inline-start: 4px solid var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    padding: var(--innvilo-space-6);
}

.device-management-setup-feedback.is-error[b-atbj1xxu7b],
.device-management-dialog-feedback[b-atbj1xxu7b] {
    border-inline-start-color: var(--innvilo-danger);
}

.device-management-grid[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.device-management-filter-shell[b-atbj1xxu7b] {
    min-width: 0;
}

.device-management-panel[b-atbj1xxu7b],
.device-management-empty[b-atbj1xxu7b],
.device-management-status-card[b-atbj1xxu7b] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
}

.device-management-panel[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.device-management-panel.is-wide[b-atbj1xxu7b] {
    grid-column: 1 / -1;
}

.device-management-panel header[b-atbj1xxu7b],
.device-management-panel footer[b-atbj1xxu7b] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.device-management-panel header span[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    display: block;
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
    line-height: 1.35;
}

.device-management-panel h2[b-atbj1xxu7b] {
    color: var(--innvilo-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
    margin: var(--innvilo-space-2) 0 0;
}

.device-management-panel header > strong[b-atbj1xxu7b] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
    line-height: 1.35;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    white-space: nowrap;
}

.device-management-panel p[b-atbj1xxu7b],
.device-management-status-card p[b-atbj1xxu7b],
.device-management-facts dd[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.device-management-list[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.device-management-status-card[b-atbj1xxu7b] {
    border-inline-start: 4px solid var(--innvilo-navy);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-6);
}

.device-management-status-card.is-ready[b-atbj1xxu7b] {
    border-inline-start-color: var(--color-success);
}

.device-management-status-card.is-warning[b-atbj1xxu7b] {
    border-inline-start-color: var(--color-warning);
}

.device-management-status-card.is-error[b-atbj1xxu7b] {
    border-inline-start-color: var(--innvilo-danger);
}

.device-management-status-card.is-muted[b-atbj1xxu7b] {
    border-inline-start-color: var(--innvilo-border-strong);
}

.device-management-status-card > div[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.device-management-status-card strong[b-atbj1xxu7b] {
    color: var(--innvilo-navy-deep);
    font-size: var(--innvilo-font-size-subheading);
}

.device-management-status-card span[b-atbj1xxu7b],
.device-management-status-card small[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
}

.device-management-facts[b-atbj1xxu7b],
.device-detail-facts[b-atbj1xxu7b],
.device-hardware-summary[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-5);
    margin: 0;
}

.device-management-facts[b-atbj1xxu7b] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.device-detail-facts[b-atbj1xxu7b],
.device-hardware-summary[b-atbj1xxu7b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.device-management-facts div[b-atbj1xxu7b],
.device-detail-facts div[b-atbj1xxu7b],
.device-hardware-summary div[b-atbj1xxu7b] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.device-management-facts dt[b-atbj1xxu7b],
.device-detail-facts dt[b-atbj1xxu7b],
.device-hardware-summary dt[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
    line-height: 1.35;
}

.device-management-facts dd[b-atbj1xxu7b],
.device-detail-facts dd[b-atbj1xxu7b],
.device-hardware-summary dd[b-atbj1xxu7b] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.device-management-empty.compact[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    padding: var(--innvilo-space-6);
}

.device-management-action[b-atbj1xxu7b] {
    align-items: center;
    background: var(--innvilo-color-primary);
    border: 1px solid var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-inverse);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
    justify-content: center;
    line-height: 1.25;
    min-height: 44px;
    padding: 0 var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.device-management-action:hover[b-atbj1xxu7b] {
    background: var(--innvilo-color-primary-hover);
    border-color: var(--innvilo-color-primary-hover);
}

.device-management-action:active[b-atbj1xxu7b] {
    background: var(--innvilo-color-primary-active);
    border-color: var(--innvilo-color-primary-active);
    transform: scale(0.98);
}

.device-management-action:focus-visible[b-atbj1xxu7b] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.device-management-action:disabled[b-atbj1xxu7b] {
    background: var(--innvilo-surface-muted);
    border-color: var(--innvilo-border-disabled);
    color: var(--innvilo-text-disabled);
    cursor: not-allowed;
}

.device-management-provider-feedback[b-atbj1xxu7b] {
    margin-block: var(--innvilo-space-4) 0;
}

.device-management-provider-warning[b-atbj1xxu7b] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-inline-start: 4px solid var(--color-warning);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    margin-block: var(--innvilo-space-4) 0;
    padding: var(--innvilo-space-6);
}

.device-management-provider-warning strong[b-atbj1xxu7b] {
    color: var(--color-warning-text);
}

.device-management-provider-warning a[b-atbj1xxu7b],
.device-add-guide a[b-atbj1xxu7b] {
    color: var(--innvilo-text-link);
    font-weight: 700;
    min-height: 44px;
    width: fit-content;
}

.device-management-reader[b-atbj1xxu7b] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    padding-block: var(--innvilo-space-5);
}

.device-management-reader > span[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.device-identity-cell[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.device-identity-cell strong[b-atbj1xxu7b],
.device-identity-cell span[b-atbj1xxu7b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.device-identity-cell strong[b-atbj1xxu7b] {
    color: var(--innvilo-navy-deep);
}

.device-identity-cell span[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.device-management-metadata-form[b-atbj1xxu7b],
.device-terminal-assignment[b-atbj1xxu7b],
.device-add-guide[b-atbj1xxu7b],
.device-detail-workspace[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.device-management-metadata-form p[b-atbj1xxu7b],
.device-terminal-assignment p[b-atbj1xxu7b],
.device-add-guide p[b-atbj1xxu7b] {
    margin: 0;
}

.device-management-metadata-form label[b-atbj1xxu7b],
.device-terminal-assignment label[b-atbj1xxu7b] {
    color: var(--innvilo-navy-deep);
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
    line-height: 1.35;
}

.device-terminal-assignment select[b-atbj1xxu7b] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font: inherit;
    min-height: 48px;
    padding-inline: var(--innvilo-space-5);
    width: 100%;
}

.device-terminal-assignment select:focus-visible[b-atbj1xxu7b] {
    border-color: var(--innvilo-border-focus);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.device-terminal-assignment option:disabled[b-atbj1xxu7b] {
    color: var(--innvilo-text-disabled);
}

.device-detail-section[b-atbj1xxu7b] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-6);
    padding-top: var(--innvilo-space-6);
}

.device-detail-section h4[b-atbj1xxu7b] {
    color: var(--innvilo-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    margin: 0;
}

.device-hardware-managed-note[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
}

.device-add-guide ol[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-5);
    margin: 0;
    padding-inline-start: var(--innvilo-space-7);
}

.device-detail-identity[b-atbj1xxu7b] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.device-detail-identity h3[b-atbj1xxu7b] {
    color: var(--innvilo-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
    margin: 0;
}

.device-detail-identity p[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    margin: var(--innvilo-space-2) 0 0;
}

.device-detail-identity small[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow-wrap: anywhere;
}

.device-detail-section h4[b-atbj1xxu7b] {
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-label);
}

.device-detail-revision[b-atbj1xxu7b] {
    font-family: Consolas, 'Courier New', monospace;
    font-size: var(--innvilo-font-size-caption);
}

.device-readiness-summary[b-atbj1xxu7b] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    display: flex;
    font-weight: 700;
    gap: var(--innvilo-space-4);
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.device-readiness-summary.is-ready[b-atbj1xxu7b] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.device-readiness-summary.is-warning[b-atbj1xxu7b] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
}

.device-readiness-summary.is-blocked[b-atbj1xxu7b] {
    background: var(--color-error-soft);
    color: var(--innvilo-danger);
}

.device-readiness-checks[b-atbj1xxu7b],
.device-activity-list[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-5);
    list-style: none;
    margin: 0;
    padding: 0;
}

.device-readiness-checks li[b-atbj1xxu7b] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
}

.device-readiness-checks li > div[b-atbj1xxu7b] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.device-readiness-checks strong[b-atbj1xxu7b],
.device-activity-label[b-atbj1xxu7b] {
    color: var(--innvilo-navy-deep);
}

.device-readiness-checks span[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.device-activity-list li[b-atbj1xxu7b] {
    align-items: baseline;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    padding-bottom: var(--innvilo-space-5);
}

.device-activity-list li:last-child[b-atbj1xxu7b] {
    border-bottom: 0;
    padding-bottom: 0;
}

.device-activity-time[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.device-activity-label[b-atbj1xxu7b] {
    font-weight: 700;
}

.device-detail-empty[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    margin: 0;
}

.device-management-mobile-pager[b-atbj1xxu7b] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 1fr auto 1fr;
}

.device-management-mobile-pager span[b-atbj1xxu7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 68.75rem) {
    .device-management-grid[b-atbj1xxu7b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 57.5rem) {
    .device-management-facts[b-atbj1xxu7b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 47.99rem) {
    .device-management-panel[b-atbj1xxu7b] {
        padding: var(--innvilo-space-6);
    }

    .device-management-panel header[b-atbj1xxu7b],
    .device-management-panel footer[b-atbj1xxu7b],
    .device-detail-identity[b-atbj1xxu7b] {
        align-items: stretch;
        flex-direction: column;
    }

    .device-management-panel header > strong[b-atbj1xxu7b] {
        white-space: normal;
        width: fit-content;
    }

    .device-management-facts[b-atbj1xxu7b],
    .device-detail-facts[b-atbj1xxu7b],
    .device-hardware-summary[b-atbj1xxu7b] {
        grid-template-columns: 1fr;
    }

    .device-management-reader[b-atbj1xxu7b] {
        align-items: stretch;
        flex-direction: column;
    }

    .device-management-action[b-atbj1xxu7b] {
        width: 100%;
    }

}

@media (prefers-reduced-motion: reduce) {
    .device-management-action[b-atbj1xxu7b] {
        transition: none;
    }

    .device-management-action:active[b-atbj1xxu7b] {
        transform: none;
    }
}
/* /Components/Pages/Hotel/DeviceManagementMobileRow.razor.rz.scp.css */
.device-mobile-row[b-isle7eoj3w] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.device-mobile-row__heading[b-isle7eoj3w] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.device-mobile-row__heading > div[b-isle7eoj3w] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.device-mobile-row__heading strong[b-isle7eoj3w] {
    color: var(--innvilo-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.device-mobile-row__heading span[b-isle7eoj3w],
.device-mobile-row dt[b-isle7eoj3w] {
    color: var(--innvilo-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.device-mobile-row__status[b-isle7eoj3w] {
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.device-mobile-row__status.is-positive[b-isle7eoj3w] { color: var(--innvilo-teal); }
.device-mobile-row__status.is-warning[b-isle7eoj3w] { color: var(--innvilo-gold); }
.device-mobile-row__status.is-critical[b-isle7eoj3w] { color: var(--innvilo-danger); }

.device-mobile-row dl[b-isle7eoj3w] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.device-mobile-row dl > div:last-child[b-isle7eoj3w] {
    grid-column: 1 / -1;
}

.device-mobile-row dt[b-isle7eoj3w] {
    margin-bottom: var(--innvilo-space-1);
}

.device-mobile-row dd[b-isle7eoj3w] {
    color: var(--innvilo-text);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Hotel/DeviceManagementStatePanel.razor.rz.scp.css */
.device-management-state[b-h9kdoyyfbp] {
    align-items: flex-start;
    background: var(--innvilo-surface);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-6);
}

.device-management-state.is-critical[b-h9kdoyyfbp] {
    border-color: var(--innvilo-danger);
}

.device-management-state__icon[b-h9kdoyyfbp] {
    align-items: center;
    color: var(--innvilo-teal);
    display: inline-flex;
    font-size: var(--innvilo-font-size-heading);
    height: 44px;
    justify-content: center;
    width: 44px;
}

.is-critical .device-management-state__icon[b-h9kdoyyfbp] {
    color: var(--innvilo-danger);
}

.device-management-state h2[b-h9kdoyyfbp] {
    color: var(--innvilo-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
    margin: 0;
}

.device-management-state p[b-h9kdoyyfbp] {
    color: var(--innvilo-muted);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-2) 0 0;
}

@media (max-width: 47.99rem) {
    .device-management-state[b-h9kdoyyfbp] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-4);
    }

    .device-management-state__action[b-h9kdoyyfbp] {
        grid-column: 1 / -1;
    }

}
/* /Components/Pages/Hotel/DirectBooking.razor.rz.scp.css */
.direct-booking-page[b-qhkawogbun] {
    color: var(--innvilo-text-primary);
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: 0;
    margin-inline: auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: var(--innvilo-page-section-gap);
    width: 100%;
}

.direct-booking-hero-slot[b-qhkawogbun],
.direct-booking-kpi-slot[b-qhkawogbun],
.direct-booking-filter-slot[b-qhkawogbun] {
    min-width: 0;
}

.direct-booking-hero-slot[b-qhkawogbun] {
    padding-bottom: var(--innvilo-space-6);
}

.direct-booking-kpi-slot[b-qhkawogbun],
.direct-booking-filter-slot[b-qhkawogbun] {
    padding-bottom: var(--innvilo-page-section-gap);
}

.direct-booking-loading[b-qhkawogbun],
.direct-booking-state[b-qhkawogbun],
.direct-booking-workspace[b-qhkawogbun],
.direct-booking-feedback[b-qhkawogbun],
.direct-booking-secret[b-qhkawogbun],
.direct-booking-form-panel[b-qhkawogbun],
.direct-booking-confirmation[b-qhkawogbun] {
    min-width: 0;
}

.direct-booking-workspace[b-qhkawogbun] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.direct-booking-loading[b-qhkawogbun] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.direct-booking-loading span[b-qhkawogbun] {
    animation: direct-booking-pulse-b-qhkawogbun 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-card);
    min-height: 8rem;
}

.direct-booking-state[b-qhkawogbun] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 11rem;
    padding: var(--innvilo-space-8);
}

.direct-booking-state.is-error[b-qhkawogbun] {
    border-color: var(--color-error-border);
}

.direct-booking-state > i[b-qhkawogbun] {
    color: var(--color-error);
    font-size: 1.5rem;
}

.direct-booking-state h2[b-qhkawogbun],
.direct-booking-state p[b-qhkawogbun],
.direct-booking-secret h2[b-qhkawogbun],
.direct-booking-secret p[b-qhkawogbun],
.direct-booking-form-panel h2[b-qhkawogbun],
.direct-booking-form-panel p[b-qhkawogbun],
.direct-booking-confirmation h2[b-qhkawogbun],
.direct-booking-confirmation p[b-qhkawogbun] {
    margin: 0;
}

.direct-booking-state h2[b-qhkawogbun],
.direct-booking-secret h2[b-qhkawogbun],
.direct-booking-form-panel h2[b-qhkawogbun],
.direct-booking-confirmation h2[b-qhkawogbun] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.direct-booking-state p[b-qhkawogbun],
.direct-booking-secret p[b-qhkawogbun],
.direct-booking-form-panel p[b-qhkawogbun],
.direct-booking-confirmation p[b-qhkawogbun] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin-top: var(--innvilo-space-2);
    max-width: 68ch;
}

.direct-booking-feedback[b-qhkawogbun] {
    align-items: center;
    border: 1px solid;
    border-radius: var(--innvilo-radius-sm);
    display: flex;
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.direct-booking-feedback.is-success[b-qhkawogbun] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.direct-booking-feedback.is-error[b-qhkawogbun] {
    background: var(--color-error-soft);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.direct-booking-secret[b-qhkawogbun],
.direct-booking-form-panel[b-qhkawogbun],
.direct-booking-confirmation[b-qhkawogbun] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-8);
    scroll-margin-top: var(--innvilo-page-section-gap);
}

.direct-booking-secret[b-qhkawogbun] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    border-inline-start: var(--innvilo-space-2) solid var(--color-warning);
}

.direct-booking-secret label[b-qhkawogbun],
.direct-booking-form-field label[b-qhkawogbun],
.direct-booking-scopes legend[b-qhkawogbun] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.direct-booking-secret textarea[b-qhkawogbun],
.direct-booking-form-field input[b-qhkawogbun] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font: inherit;
    width: 100%;
}

.direct-booking-secret textarea[b-qhkawogbun] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    line-height: 1.5;
    min-height: 6rem;
    overflow-wrap: anywhere;
    padding: var(--innvilo-space-5);
    resize: vertical;
}

.direct-booking-secret textarea:focus-visible[b-qhkawogbun],
.direct-booking-form-field input:focus-visible[b-qhkawogbun],
.direct-booking-scopes input:focus-visible[b-qhkawogbun] {
    border-color: var(--innvilo-border-focus);
    box-shadow: 0 0 0 var(--innvilo-space-2) var(--color-primary-focus-ring);
    outline: 0;
}

.direct-booking-form-panel form[b-qhkawogbun] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.direct-booking-form-field[b-qhkawogbun] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.direct-booking-form-field input[b-qhkawogbun] {
    min-height: 3rem;
    padding-inline: var(--innvilo-space-5);
}

.direct-booking-form-field small[b-qhkawogbun],
.direct-booking-scopes small[b-qhkawogbun] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.direct-booking-form-actions[b-qhkawogbun] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.direct-booking-form-panel form > .direct-booking-form-actions[b-qhkawogbun] {
    grid-column: 1 / -1;
}

.direct-booking-scopes[b-qhkawogbun] {
    border: 0;
    display: grid;
    gap: var(--innvilo-space-3);
    margin: 0;
    padding: 0;
}

.direct-booking-scopes legend[b-qhkawogbun] {
    margin-bottom: var(--innvilo-space-3);
    padding: 0;
}

.direct-booking-scopes label[b-qhkawogbun] {
    align-items: start;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3rem;
    padding: var(--innvilo-space-5);
    transition: background-color 160ms ease-out, border-color 160ms ease-out;
}

.direct-booking-scopes label:hover[b-qhkawogbun] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-border-focus);
}

.direct-booking-scopes input[b-qhkawogbun] {
    accent-color: var(--innvilo-color-primary);
    block-size: 1.25rem;
    inline-size: 1.25rem;
    margin: var(--innvilo-space-1) 0 0;
}

.direct-booking-scopes span[b-qhkawogbun] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.direct-booking-scopes strong[b-qhkawogbun] {
    font-size: var(--innvilo-font-size-label);
}

.direct-booking-confirmation[b-qhkawogbun] {
    align-items: center;
    border-inline-start: var(--innvilo-space-2) solid var(--innvilo-color-primary);
    grid-template-columns: minmax(0, 1fr) auto;
}

.direct-booking-confirmation.is-danger[b-qhkawogbun] {
    border-inline-start-color: var(--color-error);
}

@keyframes direct-booking-pulse-b-qhkawogbun {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

@media (max-width: 47.9375rem) {
    .direct-booking-loading[b-qhkawogbun],
    .direct-booking-form-panel form[b-qhkawogbun],
    .direct-booking-confirmation[b-qhkawogbun] {
        grid-template-columns: 1fr;
    }

    .direct-booking-state[b-qhkawogbun] {
        align-items: flex-start;
        grid-template-columns: 1fr;
        padding: var(--innvilo-space-6);
    }

    .direct-booking-secret[b-qhkawogbun],
    .direct-booking-form-panel[b-qhkawogbun],
    .direct-booking-confirmation[b-qhkawogbun] {
        padding: var(--innvilo-space-6);
    }

    .direct-booking-form-actions[b-qhkawogbun] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .direct-booking-loading span[b-qhkawogbun] {
        animation: none;
        opacity: .7;
    }

    .direct-booking-scopes label[b-qhkawogbun] {
        transition: none;
    }
}
/* /Components/Pages/Hotel/DirectBookingClientGrid.razor.rz.scp.css */
.direct-booking-client-name[b-2r3o784yul],
.direct-booking-mobile-client[b-2r3o784yul] {
    min-width: 0;
}

.direct-booking-client-name[b-2r3o784yul] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.direct-booking-client-name strong[b-2r3o784yul],
.direct-booking-mobile-client strong[b-2r3o784yul] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    line-height: 1.35;
}

.direct-booking-client-name span[b-2r3o784yul],
.direct-booking-mobile-client header span[b-2r3o784yul] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.direct-booking-client-tag[b-2r3o784yul],
.direct-booking-client-status[b-2r3o784yul] {
    align-items: center;
    border-radius: var(--innvilo-radius-xs);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.25;
    min-height: 1.75rem;
    padding-inline: var(--innvilo-space-4);
    width: fit-content;
}

.direct-booking-client-tag[b-2r3o784yul] {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
}

.direct-booking-client-status[b-2r3o784yul]::before {
    background: currentColor;
    border-radius: var(--innvilo-radius-full);
    content: "";
    height: var(--innvilo-space-3);
    width: var(--innvilo-space-3);
}

.direct-booking-client-status.is-active[b-2r3o784yul] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.direct-booking-client-status.is-inactive[b-2r3o784yul] {
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.direct-booking-client-actions[b-2r3o784yul] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
}

.direct-booking-mobile-client[b-2r3o784yul] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.direct-booking-mobile-client > header[b-2r3o784yul] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.direct-booking-mobile-client > header > div[b-2r3o784yul] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.direct-booking-mobile-client dl[b-2r3o784yul] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.direct-booking-mobile-client dl > div[b-2r3o784yul] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.direct-booking-mobile-client dt[b-2r3o784yul] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
}

.direct-booking-mobile-client dd[b-2r3o784yul] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    margin: 0;
}

@media (max-width: 47.9375rem) {
    .direct-booking-client-actions[b-2r3o784yul] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 25rem) {
    .direct-booking-mobile-client dl[b-2r3o784yul] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Hotel/DirectBookingCredentialGrid.razor.rz.scp.css */
.direct-booking-credential-workspace[b-xso8v9zah7],
.direct-booking-credential-key[b-xso8v9zah7],
.direct-booking-credential-scopes[b-xso8v9zah7],
.direct-booking-mobile-credential[b-xso8v9zah7] {
    min-width: 0;
}

.direct-booking-credential-workspace[b-xso8v9zah7] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-6);
    scroll-margin-top: var(--innvilo-page-section-gap);
}

.direct-booking-credential-key[b-xso8v9zah7],
.direct-booking-mobile-credential code[b-xso8v9zah7] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    overflow-wrap: anywhere;
}

.direct-booking-credential-scopes[b-xso8v9zah7] {
    color: var(--innvilo-text-secondary);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.direct-booking-credential-state[b-xso8v9zah7] {
    align-items: center;
    border-radius: var(--innvilo-radius-xs);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.25;
    min-height: 1.75rem;
    padding-inline: var(--innvilo-space-4);
    width: fit-content;
}

.direct-booking-credential-state[b-xso8v9zah7]::before {
    background: currentColor;
    border-radius: var(--innvilo-radius-full);
    content: "";
    height: var(--innvilo-space-3);
    width: var(--innvilo-space-3);
}

.direct-booking-credential-state.is-active[b-xso8v9zah7] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.direct-booking-credential-state.is-expired[b-xso8v9zah7] {
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.direct-booking-credential-state.is-pending[b-xso8v9zah7] {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
}

.direct-booking-credential-state.is-revoked[b-xso8v9zah7] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

.direct-booking-credential-actions[b-xso8v9zah7] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
}

.direct-booking-mobile-credential[b-xso8v9zah7] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.direct-booking-mobile-credential > header[b-xso8v9zah7] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.direct-booking-mobile-credential dl[b-xso8v9zah7] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
}

.direct-booking-mobile-credential dl > div[b-xso8v9zah7] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.direct-booking-mobile-credential dt[b-xso8v9zah7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
}

.direct-booking-mobile-credential dd[b-xso8v9zah7] {
    color: var(--innvilo-text-primary);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 47.9375rem) {
    .direct-booking-credential-actions[b-xso8v9zah7] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Hotel/DocumentTemplates.razor.rz.scp.css */
.templates-page[b-co39uy8ju1] {
    color: var(--innvilo-text-primary);
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: var(--innvilo-space-9);
    width: 100%;
}

.templates-hero-shell[b-co39uy8ju1] {
    display: grid;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.templates-kpi-shell[b-co39uy8ju1],
.templates-filter-shell[b-co39uy8ju1] {
    display: grid;
    min-width: 0;
}

.templates-state[b-co39uy8ju1] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    box-shadow: none;
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.templates-state > i[b-co39uy8ju1] {
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-heading);
}

.templates-state.is-error[b-co39uy8ju1] {
    background: var(--color-error-soft);
    border-color: var(--color-error-border);
}

.templates-state.is-error > i[b-co39uy8ju1] {
    color: var(--color-error);
}

.templates-state > div[b-co39uy8ju1] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.templates-state h2[b-co39uy8ju1] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: -0.015em;
    line-height: 1.25;
    margin: 0;
}

.templates-state p[b-co39uy8ju1] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
}

.templates-create-body[b-co39uy8ju1] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.templates-create-section[b-co39uy8ju1] {
    border: 0;
    display: grid;
    gap: var(--innvilo-space-5);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.templates-create-section + .templates-create-section[b-co39uy8ju1] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-7);
}

.templates-create-section > legend[b-co39uy8ju1] {
    color: var(--innvilo-text-primary);
    float: none;
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    margin: 0;
    padding: 0;
    width: auto;
}

.templates-create-options[b-co39uy8ju1],
.templates-create-modes[b-co39uy8ju1] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.templates-create-options > button[b-co39uy8ju1],
.templates-create-modes > button[b-co39uy8ju1] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-3);
    min-height: 2.75rem;
    padding: var(--innvilo-space-5);
    text-align: start;
    transition:
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        transform var(--innvilo-duration-instant) var(--innvilo-easing-decelerate);
}

.templates-create-options > button:hover[b-co39uy8ju1],
.templates-create-modes > button:hover[b-co39uy8ju1] {
    background: var(--innvilo-grid-hover-surface);
    border-color: var(--innvilo-border-strong);
}

.templates-create-options > button.is-active[b-co39uy8ju1],
.templates-create-modes > button.is-active[b-co39uy8ju1] {
    background: var(--innvilo-color-primary-subtle);
    border-color: var(--innvilo-border-focus);
}

.templates-create-options > button:focus-visible[b-co39uy8ju1],
.templates-create-modes > button:focus-visible[b-co39uy8ju1] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.templates-create-options > button:active[b-co39uy8ju1],
.templates-create-modes > button:active[b-co39uy8ju1] {
    transform: scale(0.98);
}

.templates-create-options strong[b-co39uy8ju1],
.templates-create-modes strong[b-co39uy8ju1] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.templates-create-options small[b-co39uy8ju1],
.templates-create-modes small[b-co39uy8ju1] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.templates-create-modes > button > i[b-co39uy8ju1] {
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-heading);
}

.templates-create-details[b-co39uy8ju1] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.templates-create-details > label:first-child[b-co39uy8ju1] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.templates-create-check[b-co39uy8ju1] {
    align-items: center;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    min-height: 2.75rem;
    width: fit-content;
}

.templates-create-check > input[b-co39uy8ju1] {
    accent-color: var(--innvilo-color-primary);
    height: var(--innvilo-space-7);
    width: var(--innvilo-space-7);
}

.templates-create-error[b-co39uy8ju1] {
    background: var(--color-error-soft);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-error);
    font-size: var(--innvilo-font-size-label);
    margin: 0;
    padding: var(--innvilo-space-5);
}

@media (max-width: 40rem) {
    .templates-page[b-co39uy8ju1] {
        padding-bottom: calc(var(--innvilo-space-9) + env(safe-area-inset-bottom));
    }

    .templates-state[b-co39uy8ju1] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-6);
    }

    .templates-create-options[b-co39uy8ju1],
    .templates-create-modes[b-co39uy8ju1] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .templates-create-options > button[b-co39uy8ju1],
    .templates-create-modes > button[b-co39uy8ju1] {
        transition: none;
    }

    .templates-create-options > button:active[b-co39uy8ju1],
    .templates-create-modes > button:active[b-co39uy8ju1] {
        transform: none;
    }
}
/* /Components/Pages/Hotel/DocumentTemplatesWorkspace.razor.rz.scp.css */
.document-templates-workspace[b-9j3hds74ym] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 1.85fr) minmax(16rem, 0.8fr);
    min-width: 0;
}

.document-templates-status[b-9j3hds74ym] {
    align-items: center;
    background: var(--color-info-soft);
    border: 1px solid var(--color-info-border);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-primary);
    display: flex;
    gap: var(--innvilo-space-4);
    grid-column: 1 / -1;
    min-height: 2.75rem;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.document-templates-status > i[b-9j3hds74ym] {
    color: var(--color-info);
}

.document-templates-panel[b-9j3hds74ym] {
    align-content: start;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    box-shadow: none;
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.document-templates-panel__header[b-9j3hds74ym] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.document-templates-panel__header > div[b-9j3hds74ym] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.document-templates-panel__header h2[b-9j3hds74ym] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: -0.015em;
    line-height: 1.25;
    margin: 0;
}

.document-templates-panel__header p[b-9j3hds74ym],
.document-templates-empty p[b-9j3hds74ym],
.document-templates-notice p[b-9j3hds74ym],
.document-templates-designer p[b-9j3hds74ym] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
}

.document-templates-mobile-type[b-9j3hds74ym] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.document-templates-mobile-type label[b-9j3hds74ym] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.document-templates-mobile-type select[b-9j3hds74ym] {
    appearance: none;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font: inherit;
    min-height: 3rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    width: 100%;
}

.document-templates-type-list[b-9j3hds74ym],
.document-templates-variant-list[b-9j3hds74ym],
.document-templates-primary[b-9j3hds74ym],
.document-templates-data__groups[b-9j3hds74ym] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.document-templates-type-list[b-9j3hds74ym] {
    max-height: min(43rem, calc(100dvh - 16rem));
    overflow-y: auto;
    padding-inline-end: var(--innvilo-space-2);
    scrollbar-gutter: stable;
}

.document-templates-type[b-9j3hds74ym],
.document-templates-variant__main[b-9j3hds74ym] {
    color: var(--innvilo-text-primary);
    font: inherit;
    text-align: start;
}

.document-templates-type[b-9j3hds74ym] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: grid;
    gap: var(--innvilo-space-3);
    min-height: 4.5rem;
    padding: var(--innvilo-space-5);
    transition:
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate);
    width: 100%;
}

.document-templates-type:hover[b-9j3hds74ym] {
    background: var(--innvilo-grid-hover-surface);
    border-color: var(--innvilo-border-strong);
}

.document-templates-type.is-active[b-9j3hds74ym] {
    background: var(--innvilo-color-primary-subtle);
    border-color: var(--innvilo-border-focus);
}

.document-templates-type:focus-visible[b-9j3hds74ym],
.document-templates-variant__main:focus-visible[b-9j3hds74ym],
.document-templates-icon-action:focus-visible[b-9j3hds74ym],
.document-templates-delete-confirm:focus-visible[b-9j3hds74ym],
.document-templates-preview:focus-visible[b-9j3hds74ym],
.document-templates-mobile-type select:focus-visible[b-9j3hds74ym] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.document-templates-type:active[b-9j3hds74ym],
.document-templates-icon-action:active[b-9j3hds74ym],
.document-templates-delete-confirm:active[b-9j3hds74ym],
.document-templates-preview:active[b-9j3hds74ym] {
    transform: scale(0.98);
}

.document-templates-type:disabled[b-9j3hds74ym],
.document-templates-variant__main:disabled[b-9j3hds74ym],
.document-templates-icon-action:disabled[b-9j3hds74ym],
.document-templates-delete-confirm:disabled[b-9j3hds74ym] {
    cursor: not-allowed;
    opacity: 0.6;
}

.document-templates-type__topline[b-9j3hds74ym],
.document-templates-variant__topline[b-9j3hds74ym] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.document-templates-type__topline > strong[b-9j3hds74ym],
.document-templates-variant__main > strong[b-9j3hds74ym],
.document-templates-empty strong[b-9j3hds74ym],
.document-templates-notice strong[b-9j3hds74ym],
.document-templates-designer strong[b-9j3hds74ym] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.3;
}

.document-templates-type__topline > small[b-9j3hds74ym] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    justify-content: center;
    min-height: 1.5rem;
    min-width: 1.5rem;
    padding-inline: var(--innvilo-space-2);
}

.document-templates-type > span:not(.document-templates-type__topline)[b-9j3hds74ym],
.document-templates-type > small[b-9j3hds74ym],
.document-templates-variant__topline > small[b-9j3hds74ym],
.document-templates-layout-state[b-9j3hds74ym] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.document-templates-variant[b-9j3hds74ym] {
    align-items: stretch;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    transition:
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate);
}

.document-templates-variant:hover[b-9j3hds74ym] {
    background: var(--innvilo-grid-hover-surface);
    border-color: var(--innvilo-border-strong);
}

.document-templates-variant.is-active[b-9j3hds74ym] {
    background: var(--innvilo-color-primary-subtle);
    border-color: var(--innvilo-border-focus);
}

.document-templates-variant__main[b-9j3hds74ym] {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: grid;
    gap: var(--innvilo-space-3);
    min-height: 4.75rem;
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.document-templates-scope[b-9j3hds74ym],
.document-templates-state[b-9j3hds74ym] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    min-height: 1.75rem;
    padding-inline: var(--innvilo-space-3);
    width: fit-content;
}

.document-templates-scope.is-default[b-9j3hds74ym],
.document-templates-state.is-default[b-9j3hds74ym] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.document-templates-layout-state[b-9j3hds74ym] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
}

.document-templates-layout-state > i[b-9j3hds74ym] {
    color: var(--innvilo-color-primary);
}

.document-templates-variant__actions[b-9j3hds74ym] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
    padding: var(--innvilo-space-3);
}

.document-templates-icon-action[b-9j3hds74ym],
.document-templates-delete-confirm[b-9j3hds74ym] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    justify-content: center;
    min-height: 2.75rem;
    transition:
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        transform var(--innvilo-duration-instant) var(--innvilo-easing-decelerate);
}

.document-templates-icon-action[b-9j3hds74ym] {
    background: transparent;
    border: 1px solid transparent;
    color: var(--innvilo-text-secondary);
    width: 2.75rem;
}

.document-templates-icon-action:hover[b-9j3hds74ym] {
    background: var(--innvilo-color-primary-subtle);
    border-color: var(--innvilo-border-soft);
    color: var(--innvilo-color-primary);
}

.document-templates-icon-action.is-danger:hover[b-9j3hds74ym] {
    background: var(--color-error-soft);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.document-templates-delete-confirm[b-9j3hds74ym] {
    background: var(--color-error);
    border: 1px solid var(--color-error);
    color: var(--innvilo-text-inverse);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding-inline: var(--innvilo-space-5);
}

.document-templates-editor[b-9j3hds74ym] {
    gap: var(--innvilo-space-8);
}

.document-templates-editor__header[b-9j3hds74ym] {
    border-bottom: 1px solid var(--innvilo-border-soft);
    padding-bottom: var(--innvilo-space-6);
}

.document-templates-notice[b-9j3hds74ym],
.document-templates-designer[b-9j3hds74ym],
.document-templates-empty[b-9j3hds74ym] {
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.document-templates-empty[b-9j3hds74ym] {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
}

.document-templates-empty > i[b-9j3hds74ym] {
    color: var(--innvilo-color-primary);
    font-size: 1.25rem;
    margin-top: var(--innvilo-space-1);
}

.document-templates-empty > div[b-9j3hds74ym],
.document-templates-notice[b-9j3hds74ym] {
    align-content: start;
}

.document-templates-empty > div[b-9j3hds74ym] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.document-templates-form[b-9j3hds74ym] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.document-templates-form > label:first-child[b-9j3hds74ym] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.document-templates-check[b-9j3hds74ym] {
    align-items: center;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    min-height: 2.75rem;
    width: fit-content;
}

.document-templates-check > input[b-9j3hds74ym] {
    accent-color: var(--innvilo-color-primary);
    height: 1.25rem;
    width: 1.25rem;
}

.document-templates-validation[b-9j3hds74ym] {
    background: var(--color-error-soft);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-error);
    font-size: var(--innvilo-font-size-label);
    margin: 0;
    padding: var(--innvilo-space-5);
}

.document-templates-designer[b-9j3hds74ym] {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
}

.document-templates-designer > div:first-child[b-9j3hds74ym] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.document-templates-designer__actions[b-9j3hds74ym],
.document-templates-editor__footer[b-9j3hds74ym] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.document-templates-designer__actions[b-9j3hds74ym] {
    justify-content: flex-end;
}

.document-templates-preview[b-9j3hds74ym] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-link);
    display: inline-flex;
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-5);
    text-decoration: none;
    transition:
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        transform var(--innvilo-duration-instant) var(--innvilo-easing-decelerate);
}

.document-templates-preview:hover[b-9j3hds74ym] {
    background: var(--innvilo-color-primary-subtle);
    border-color: var(--innvilo-border-focus);
}

.document-templates-preview.is-disabled[b-9j3hds74ym] {
    color: var(--innvilo-text-disabled);
    cursor: not-allowed;
}

.document-templates-editor__footer[b-9j3hds74ym] {
    border-top: 1px solid var(--innvilo-border-soft);
    justify-content: space-between;
    padding-top: var(--innvilo-space-6);
}

.document-templates-editor__footer > span[b-9j3hds74ym] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.document-templates-data__groups > section[b-9j3hds74ym] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.document-templates-data__groups > section + section[b-9j3hds74ym] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-5);
}

.document-templates-data__groups h3[b-9j3hds74ym] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.3;
    margin: 0;
}

.document-templates-data__groups ul[b-9j3hds74ym] {
    display: grid;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.document-templates-data__groups li[b-9j3hds74ym] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    padding-inline-start: var(--innvilo-space-5);
    position: relative;
}

.document-templates-data__groups li[b-9j3hds74ym]::before {
    background: var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-xs);
    content: "";
    height: var(--innvilo-space-2);
    inset-inline-start: 0;
    position: absolute;
    top: 0.42rem;
    width: var(--innvilo-space-2);
}

@media (max-width: 74rem) {
    .document-templates-workspace[b-9j3hds74ym] {
        grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 1.7fr);
    }

    .document-templates-data[b-9j3hds74ym] {
        grid-column: 1 / -1;
    }

    .document-templates-data__groups[b-9j3hds74ym] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .document-templates-data__groups > section + section[b-9j3hds74ym] {
        border-inline-start: 1px solid var(--innvilo-border-soft);
        border-top: 0;
        padding-inline-start: var(--innvilo-space-5);
        padding-top: 0;
    }
}

@media (max-width: 56.25rem) {
    .document-templates-workspace[b-9j3hds74ym] {
        grid-template-columns: 1fr;
    }

    .document-templates-type-list[b-9j3hds74ym] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
        overflow: visible;
        padding-inline-end: 0;
    }

    .document-templates-data[b-9j3hds74ym] {
        grid-column: auto;
    }

    .document-templates-data__groups[b-9j3hds74ym] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 40rem) {
    .document-templates-panel[b-9j3hds74ym] {
        padding: var(--innvilo-space-6);
    }

    .document-templates-panel__header[b-9j3hds74ym],
    .document-templates-editor__footer[b-9j3hds74ym],
    .document-templates-designer[b-9j3hds74ym],
    .document-templates-designer__actions[b-9j3hds74ym] {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    .document-templates-variant[b-9j3hds74ym] {
        grid-template-columns: 1fr;
    }

    .document-templates-variant__actions[b-9j3hds74ym] {
        border-top: 1px solid var(--innvilo-border-soft);
        justify-content: flex-start;
        padding: var(--innvilo-space-4) var(--innvilo-space-5);
    }

    .document-templates-variant__actions > .document-templates-delete-confirm[b-9j3hds74ym] {
        flex: 1 1 auto;
    }

    .document-templates-preview[b-9j3hds74ym] {
        width: 100%;
        justify-content: center;
    }

    .document-templates-data__groups[b-9j3hds74ym] {
        grid-template-columns: 1fr;
    }

    .document-templates-data__groups > section + section[b-9j3hds74ym] {
        border-inline-start: 0;
        border-top: 1px solid var(--innvilo-border-soft);
        padding-inline-start: 0;
        padding-top: var(--innvilo-space-5);
    }
}

@media (prefers-reduced-motion: reduce) {
    .document-templates-type[b-9j3hds74ym],
    .document-templates-variant[b-9j3hds74ym],
    .document-templates-icon-action[b-9j3hds74ym],
    .document-templates-delete-confirm[b-9j3hds74ym],
    .document-templates-preview[b-9j3hds74ym] {
        transition: none;
    }

    .document-templates-type:active[b-9j3hds74ym],
    .document-templates-icon-action:active[b-9j3hds74ym],
    .document-templates-delete-confirm:active[b-9j3hds74ym],
    .document-templates-preview:active[b-9j3hds74ym] {
        transform: none;
    }
}
/* /Components/Pages/Hotel/Fiscalization/FiscalizationPage.razor.rz.scp.css */
.fiscalization-page[b-jt60apbdhw] {
    color: var(--innvilo-text-primary);
    min-width: 0;
}

.fiscalization-grid[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
}

.fiscalization-panel[b-jt60apbdhw],
.fiscalization-connections[b-jt60apbdhw],
.fiscalization-card[b-jt60apbdhw],
.fiscalization-record-list article[b-jt60apbdhw],
.fiscalization-state[b-jt60apbdhw],
.fiscalization-empty[b-jt60apbdhw],
.submit-de-consent[b-jt60apbdhw] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    box-shadow: none;
}

.fiscalization-panel[b-jt60apbdhw],
.fiscalization-connections[b-jt60apbdhw] {
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.fiscalization-panel > header[b-jt60apbdhw],
.fiscalization-connections > header[b-jt60apbdhw],
.fiscalization-card > header[b-jt60apbdhw] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.fiscalization-panel header span[b-jt60apbdhw],
.fiscalization-connections header span[b-jt60apbdhw],
.fiscalization-card header span[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
    letter-spacing: 0.01em;
}

.fiscalization-panel h2[b-jt60apbdhw],
.fiscalization-connections h2[b-jt60apbdhw],
.fiscalization-card h3[b-jt60apbdhw],
.fiscalization-state h2[b-jt60apbdhw] {
    color: var(--innvilo-text-primary);
    line-height: 1.25;
    margin: var(--innvilo-space-2) 0 0;
}

.fiscalization-panel h2[b-jt60apbdhw],
.fiscalization-connections h2[b-jt60apbdhw],
.fiscalization-state h2[b-jt60apbdhw] {
    font-size: var(--innvilo-font-size-heading);
}

.fiscalization-card h3[b-jt60apbdhw] {
    font-size: var(--innvilo-font-size-subheading);
}

.fiscalization-panel p[b-jt60apbdhw],
.fiscalization-card p[b-jt60apbdhw],
.fiscalization-panel li[b-jt60apbdhw],
.fiscalization-state p[b-jt60apbdhw],
.fiscalization-record-list small[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}

.fiscalization-panel ul[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin: var(--innvilo-space-6) 0 0;
    padding-inline-start: var(--innvilo-space-8);
}

.fiscalization-form[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-7) var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--innvilo-space-8);
}

.fiscalization-form label[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.fiscalization-form label > span[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
}

.fiscalization-check[b-jt60apbdhw] {
    align-items: center;
    grid-auto-flow: column;
    justify-content: start;
    min-height: 2.75rem;
}

.fiscalization-check input[b-jt60apbdhw] {
    block-size: 1.25rem;
    inline-size: 1.25rem;
    margin: 0;
}

.fiscalization-panel footer[b-jt60apbdhw],
.fiscalization-card footer[b-jt60apbdhw],
.fiscalization-connections > footer[b-jt60apbdhw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    margin-top: var(--innvilo-space-8);
}

.fiscalization-card-list[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    margin-top: var(--innvilo-space-8);
}

.fiscalization-card[b-jt60apbdhw] {
    padding: var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.fiscalization-card:hover[b-jt60apbdhw] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-border-strong);
}

.fiscalization-card header strong[b-jt60apbdhw],
.is-ready[b-jt60apbdhw],
.is-error[b-jt60apbdhw],
.is-pending[b-jt60apbdhw],
.is-draft[b-jt60apbdhw] {
    border-radius: var(--innvilo-radius-full);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
    line-height: 1.25;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.fiscalization-card dl[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: var(--innvilo-space-7) 0 0;
}

.fiscalization-card dt[b-jt60apbdhw] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
}

.fiscalization-card dd[b-jt60apbdhw] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
    margin: var(--innvilo-space-2) 0 0;
    overflow-wrap: anywhere;
}

.fiscalization-record-list[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-5);
    margin-top: var(--innvilo-space-8);
}

.fiscalization-record-list article[b-jt60apbdhw] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.fiscalization-record-list article > div[b-jt60apbdhw],
.submit-de-consent > div[b-jt60apbdhw],
.submit-de-history-actions[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.fiscalization-record-list span[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
}

.is-ready[b-jt60apbdhw] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.is-error[b-jt60apbdhw] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

.is-pending[b-jt60apbdhw],
.is-draft[b-jt60apbdhw] {
    background: var(--color-info-soft);
    color: var(--color-info);
}

.fiscalization-action-message[b-jt60apbdhw] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.fiscalization-state[b-jt60apbdhw] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-7);
}

.fiscalization-state > span[b-jt60apbdhw] {
    align-items: center;
    block-size: 2.75rem;
    border-radius: var(--innvilo-radius-md);
    display: inline-flex;
    inline-size: 2.75rem;
    justify-content: center;
}

.fiscalization-state h2[b-jt60apbdhw],
.fiscalization-state p[b-jt60apbdhw] {
    margin-block: 0;
}

.fiscalization-state--error > span[b-jt60apbdhw] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

.fiscalization-state--warning > span[b-jt60apbdhw] {
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.fiscalization-empty[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    padding: var(--innvilo-space-8);
}

.submit-de-form input[b-jt60apbdhw] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    min-height: 3rem;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    width: 100%;
}

.submit-de-form input:focus-visible[b-jt60apbdhw] {
    border-color: var(--innvilo-border-focus);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.submit-de-consent[b-jt60apbdhw] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: var(--innvilo-space-8);
    padding: var(--innvilo-space-6);
}

.submit-de-consent small[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    overflow-wrap: anywhere;
}

.submit-de-consent-check[b-jt60apbdhw] {
    grid-column: 1 / -1;
}

.submit-de-consent-check span[b-jt60apbdhw] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
}

@media (max-width: 56.25rem) {
    .fiscalization-grid[b-jt60apbdhw],
    .fiscalization-form[b-jt60apbdhw],
    .fiscalization-card dl[b-jt60apbdhw] {
        grid-template-columns: 1fr;
    }

    .fiscalization-panel > header[b-jt60apbdhw],
    .fiscalization-connections > header[b-jt60apbdhw],
    .fiscalization-card > header[b-jt60apbdhw],
    .fiscalization-record-list article[b-jt60apbdhw] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 37.5rem) {
    .fiscalization-panel[b-jt60apbdhw],
    .fiscalization-connections[b-jt60apbdhw] {
        padding: var(--innvilo-space-6);
    }

    .fiscalization-state[b-jt60apbdhw],
    .submit-de-consent[b-jt60apbdhw] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .submit-de-consent-check[b-jt60apbdhw] {
        grid-column: auto;
    }

    .fiscalization-panel footer[b-jt60apbdhw],
    .fiscalization-card footer[b-jt60apbdhw],
    .fiscalization-connections > footer[b-jt60apbdhw] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fiscalization-card[b-jt60apbdhw] {
        transition: none;
    }
}

/* Fiskaljournal als Arbeitsliste (Systembereich-Redesign 2026-09-15). */
.fiscalization-journal[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.fiscalization-journal__head[b-jt60apbdhw] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.fiscalization-journal__head h2[b-jt60apbdhw] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.fiscalization-journal__head p[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 0;
    max-width: 68ch;
}

.fiscalization-journal__count[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    white-space: nowrap;
}

.fiscalization-journal__workspace[b-jt60apbdhw] {
    min-width: 0;
}

.fiscalization-journal__workspace.is-compact[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.fiscalization-journal-grid[b-jt60apbdhw] {
    min-width: 0;
}

.fiscalization-record-cell[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.fiscalization-record-cell strong[b-jt60apbdhw] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.fiscalization-record-cell small[b-jt60apbdhw],
.fiscalization-detail[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.fiscalization-amount[b-jt60apbdhw] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.fiscalization-journal-cards[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.fiscalization-journal-card[b-jt60apbdhw] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.fiscalization-journal-card.is-attention[b-jt60apbdhw] {
    border-left: 3px solid var(--color-warning);
}

.fiscalization-journal-card > header[b-jt60apbdhw] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.fiscalization-journal-card > header > div[b-jt60apbdhw] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.fiscalization-journal-card strong[b-jt60apbdhw] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.fiscalization-journal-card > header span[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.fiscalization-journal-card__meta[b-jt60apbdhw] {
    color: var(--innvilo-text-secondary);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    margin: 0;
}

.fiscalization-journal-card__meta i[b-jt60apbdhw] {
    color: var(--innvilo-text-muted);
    margin-right: var(--innvilo-space-3);
    width: 1rem;
}

.fiscalization-journal-card > footer[b-jt60apbdhw] {
    border-top: 1px solid var(--innvilo-border-default);
    padding-top: var(--innvilo-space-5);
}

@media (max-width: 47.999rem) {
    .fiscalization-journal__head[b-jt60apbdhw] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-3);
    }
}
/* /Components/Pages/Hotel/HotelProfile.razor.rz.scp.css */
/* Hotelprofil. Kopf und Kennzahlen kommen aus PmsPageHead und PmsKpiBand; hier liegt nur die Werkbank darunter.
   Alle Werte sind Tokens aus wwwroot/scss/_colors.scss. DevExpress-Haken stehen zentral in global.scss unter
   dem Block „Hotelprofil“, weil die CSS-Isolation die Wurzeln der Dx-Komponenten nicht erreicht. */

.hotel-profile-page[b-1g21ipj673] {
    color: var(--innvilo-text-primary);
    max-width: var(--innvilo-content-max);
    min-width: 0;
}

/* ------------------------------------------------------------------ Hinweis auf eingeschränkte Rechte */

.hotel-profile-permission[b-1g21ipj673] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-5);
    line-height: 1.5;
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.hotel-profile-permission > i[b-1g21ipj673] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

/* ------------------------------------------------------------------ Werkbank: Schiene und Bühne
   Die Werkbank ist selbst keine Fläche. Die Schiene und jedes Panel sind eigene Flächen; eine Karte in
   einer Karte in einer Karte wäre genau die Tiefenstapelung, die DESIGN_NEW_RULES §2 ausschließt. */

.profile-workbench[b-1g21ipj673] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr);
    min-width: 0;
}

.profile-rail[b-1g21ipj673] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
    padding: var(--innvilo-space-5);
    position: sticky;
    top: var(--innvilo-space-6);
}

.profile-rail__item[b-1g21ipj673] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: grid;
    font-family: inherit;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-5);
    grid-template-columns: 1.125rem minmax(0, 1fr) auto;
    min-height: 2.75rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    position: relative;
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
                color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.profile-rail__item:hover[b-1g21ipj673] {
    background: var(--innvilo-surface-app);
    color: var(--innvilo-text-primary);
}

.profile-rail__item:active[b-1g21ipj673] {
    transform: scale(var(--innvilo-press-scale));
    transition-duration: var(--innvilo-duration-press);
}

.profile-rail__item.is-active[b-1g21ipj673] {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary);
}

/* Die Marke wächst aus der Mitte auf volle Höhe, statt zu springen. */
.profile-rail__marker[b-1g21ipj673] {
    background: var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-full);
    bottom: var(--innvilo-space-3);
    left: calc(var(--innvilo-space-5) * -1 + 1px);
    position: absolute;
    top: var(--innvilo-space-3);
    transform: scaleY(0);
    transition: transform var(--innvilo-duration-normal) var(--innvilo-easing-settle);
    width: 3px;
}

.profile-rail__item.is-active .profile-rail__marker[b-1g21ipj673] {
    transform: scaleY(1);
}

.profile-rail__icon[b-1g21ipj673] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    justify-self: center;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.profile-rail__item.is-active .profile-rail__icon[b-1g21ipj673] {
    color: var(--innvilo-color-primary);
}

.profile-rail__label[b-1g21ipj673] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-rail__percent[b-1g21ipj673] {
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
}

.profile-rail__state[b-1g21ipj673] {
    color: var(--innvilo-border-strong);
    font-size: var(--innvilo-font-size-caption);
}

.profile-rail__state.is-done[b-1g21ipj673] {
    color: var(--color-success);
}

/* ------------------------------------------------------------------ Bühne und Bereichswechsel */

.profile-stage[b-1g21ipj673] {
    min-width: 0;
}

.profile-stage:focus[b-1g21ipj673] {
    outline: none;
}

.profile-stage__panel[b-1g21ipj673] {
    animation: profile-stage-enter-b-1g21ipj673 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.profile-stage__panel[data-direction="back"][b-1g21ipj673] {
    animation-name: profile-stage-enter-back-b-1g21ipj673;
}

@keyframes profile-stage-enter-b-1g21ipj673 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes profile-stage-enter-back-b-1g21ipj673 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.profile-rooms[b-1g21ipj673],
.profile-editor[b-1g21ipj673] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.profile-editor fieldset[b-1g21ipj673] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

/* ------------------------------------------------------------------ Panel */

.profile-panel[b-1g21ipj673] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.profile-panel__head[b-1g21ipj673] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.profile-panel__title[b-1g21ipj673] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.profile-panel__title h2[b-1g21ipj673] {
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
    margin: 0;
}

.profile-panel__title p[b-1g21ipj673] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 68ch;
}

/* ------------------------------------------------------------------ Vollständigkeit */

.profile-completion[b-1g21ipj673] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.profile-completion__value[b-1g21ipj673] {
    align-items: baseline;
    color: var(--innvilo-color-primary);
    display: flex;
    gap: var(--innvilo-space-2);
}

.profile-completion__value strong[b-1g21ipj673] {
    font-size: var(--innvilo-font-size-display);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
}

.profile-completion__value span[b-1g21ipj673] {
    font-size: var(--innvilo-font-size-label);
}

.profile-completion__track[b-1g21ipj673] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.profile-completion__bar[b-1g21ipj673] {
    appearance: none;
    background: var(--innvilo-surface-muted);
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-color-primary);
    display: block;
    height: 0.5rem;
    overflow: hidden;
    width: 100%;
}

.profile-completion__bar[b-1g21ipj673]::-webkit-progress-bar {
    background: var(--innvilo-surface-muted);
}

.profile-completion__bar[b-1g21ipj673]::-webkit-progress-value {
    background: var(--innvilo-color-primary);
    transition: width var(--innvilo-duration-response) var(--innvilo-easing-settle);
}

.profile-completion__bar[b-1g21ipj673]::-moz-progress-bar {
    background: var(--innvilo-color-primary);
}

.profile-completion__hint[b-1g21ipj673] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
    max-width: 70ch;
}

/* ------------------------------------------------------------------ Übersicht als Liste */

.profile-overview[b-1g21ipj673],
.profile-categories[b-1g21ipj673] {
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    min-width: 0;
}

.profile-overview__row[b-1g21ipj673],
.profile-categories__row[b-1g21ipj673] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-soft);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: grid;
    font-family: inherit;
    gap: var(--innvilo-space-6);
    min-height: 3.5rem;
    padding: var(--innvilo-space-5) var(--innvilo-space-4);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 100%;
}

.profile-overview__row:hover[b-1g21ipj673],
.profile-categories__row:hover[b-1g21ipj673] {
    background: var(--innvilo-surface-app);
}

.profile-overview__row:active[b-1g21ipj673],
.profile-categories__row:active[b-1g21ipj673] {
    transform: scale(var(--innvilo-press-scale-subtle));
    transition-duration: var(--innvilo-duration-press);
}

.profile-overview__row[b-1g21ipj673] {
    grid-template-columns: 1.125rem minmax(0, 1fr) auto auto;
}

.profile-overview__icon[b-1g21ipj673] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    justify-self: center;
}

.profile-overview__text[b-1g21ipj673] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.profile-overview__text strong[b-1g21ipj673] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.profile-overview__text small[b-1g21ipj673],
.profile-categories__identity small[b-1g21ipj673],
.profile-categories__occupancy[b-1g21ipj673] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-overview__chevron[b-1g21ipj673],
.profile-categories__edit[b-1g21ipj673] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.profile-overview__row:hover .profile-overview__chevron[b-1g21ipj673],
.profile-categories__row:hover .profile-categories__edit[b-1g21ipj673] {
    color: var(--innvilo-color-primary);
}

/* ------------------------------------------------------------------ Kategorien */

.profile-categories__row[b-1g21ipj673] {
    grid-template-columns: minmax(9rem, 1.3fr) minmax(12rem, 2fr) minmax(6rem, auto) auto auto;
}

.profile-categories__identity[b-1g21ipj673] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.profile-categories__identity strong[b-1g21ipj673] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.profile-categories__rate[b-1g21ipj673] {
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.profile-categories__row.is-inactive[b-1g21ipj673] {
    color: var(--innvilo-text-secondary);
}

.profile-inline-empty[b-1g21ipj673] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    display: flex;
    gap: var(--innvilo-space-6);
    min-height: 4.5rem;
    padding: var(--innvilo-space-6);
}

.profile-inline-empty > i[b-1g21ipj673] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
}

.profile-inline-empty > div[b-1g21ipj673] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.profile-inline-empty strong[b-1g21ipj673] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
}

.profile-inline-empty span[b-1g21ipj673] {
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
}

/* ------------------------------------------------------------------ Felder
   Label, Feld und Meldung liegen in drei festen Zeilen, damit die Spalten auf denselben Linien stehen und
   eine Fehlermeldung das Raster nicht verschiebt. */

.profile-fields[b-1g21ipj673] {
    column-gap: var(--innvilo-space-8);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    row-gap: var(--innvilo-space-5);
}

.profile-field[b-1g21ipj673] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-rows: auto auto auto;
    min-width: 0;
}

.profile-field.is-wide[b-1g21ipj673] {
    grid-column: 1 / -1;
}

.profile-field__label[b-1g21ipj673] {
    align-items: center;
    color: var(--innvilo-text-primary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.3;
    min-height: 1.15rem;
}

.profile-field__required[b-1g21ipj673] {
    color: var(--color-error);
}

.profile-field__control[b-1g21ipj673] {
    display: block;
    min-width: 0;
}

.profile-field__message[b-1g21ipj673] {
    display: block;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
    min-height: 1.15rem;
}

.profile-field__message:has(.validation-message) .profile-field__hint[b-1g21ipj673] {
    display: none;
}

.profile-field__hint[b-1g21ipj673] {
    color: var(--innvilo-text-muted);
}

.profile-time-input[b-1g21ipj673] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    font-family: inherit;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    transition: border-color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
                box-shadow var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 100%;
}

.profile-time-input:hover[b-1g21ipj673] {
    border-color: var(--innvilo-border-strong);
}

.profile-time-input:focus[b-1g21ipj673] {
    border-color: var(--innvilo-color-primary);
    box-shadow: 0 0 0 2px var(--color-primary-focus-ring);
    outline: none;
}

/* ------------------------------------------------------------------ Speicherleiste */

.profile-savebar[b-1g21ipj673] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    bottom: var(--innvilo-space-5);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    position: sticky;
    transition: border-color var(--innvilo-duration-normal) var(--innvilo-easing-settle),
                color var(--innvilo-duration-normal) var(--innvilo-easing-settle);
    z-index: 2;
}

.profile-savebar.is-dirty[b-1g21ipj673] {
    border-color: var(--innvilo-border-strong);
    color: var(--innvilo-text-primary);
}

.profile-savebar__state[b-1g21ipj673] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.profile-savebar__state i[b-1g21ipj673] {
    color: var(--color-success);
    font-size: var(--innvilo-font-size-caption);
}

.profile-savebar.is-dirty .profile-savebar__state i[b-1g21ipj673] {
    color: var(--color-warning);
}

.profile-savebar__actions[b-1g21ipj673] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-5);
}

/* ------------------------------------------------------------------ Fokus */

.profile-rail__item:focus-visible[b-1g21ipj673],
.profile-overview__row:focus-visible[b-1g21ipj673],
.profile-categories__row:focus-visible[b-1g21ipj673] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: -2px;
}

/* ------------------------------------------------------------------ Tablet: Schiene wird zur Kopfzeile */

@media (max-width: 61.9375rem) {
    .profile-workbench[b-1g21ipj673] {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-rail[b-1g21ipj673] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        position: static;
    }

    .profile-rail__marker[b-1g21ipj673] {
        bottom: 0;
        left: var(--innvilo-space-5);
        right: var(--innvilo-space-5);
        top: auto;
        transform: scaleX(0);
        width: auto;
        height: 2px;
    }

    .profile-rail__item.is-active .profile-rail__marker[b-1g21ipj673] {
        transform: scaleX(1);
    }

    .profile-categories__row[b-1g21ipj673] {
        grid-template-columns: minmax(9rem, 1.2fr) minmax(10rem, 2fr) auto auto;
    }

    .profile-categories__rate[b-1g21ipj673] {
        display: none;
    }
}

/* ------------------------------------------------------------------ Handy */

@media (max-width: 47.9375rem) {
    .profile-rail[b-1g21ipj673] {
        display: flex;
        overflow-x: auto;
        padding: var(--innvilo-space-4);
        scroll-snap-type: x proximity;
    }

    .profile-rail__item[b-1g21ipj673] {
        flex: 0 0 auto;
        grid-template-columns: 1.125rem auto;
        min-width: max-content;
        scroll-snap-align: start;
    }

    .profile-rail__percent[b-1g21ipj673],
    .profile-rail__state[b-1g21ipj673],
    .profile-rail__item .visually-hidden[b-1g21ipj673] {
        display: none;
    }

    .profile-rail__marker[b-1g21ipj673] {
        left: var(--innvilo-space-4);
        right: var(--innvilo-space-4);
    }

    .profile-panel[b-1g21ipj673] {
        gap: var(--innvilo-space-6);
        padding: var(--innvilo-space-6);
    }

    .profile-panel__head[b-1g21ipj673] {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-completion[b-1g21ipj673] {
        gap: var(--innvilo-space-5);
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-fields[b-1g21ipj673] {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-field.is-wide[b-1g21ipj673] {
        grid-column: auto;
    }

    .profile-overview__row[b-1g21ipj673] {
        grid-template-columns: 1.125rem minmax(0, 1fr) auto;
    }

    .profile-overview__chevron[b-1g21ipj673] {
        display: none;
    }

    .profile-categories__row[b-1g21ipj673] {
        align-items: start;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .profile-categories__occupancy[b-1g21ipj673] {
        grid-column: 1 / -1;
    }

    .profile-categories__edit[b-1g21ipj673] {
        display: none;
    }

    .profile-savebar[b-1g21ipj673] {
        align-items: stretch;
        flex-direction: column;
        position: static;
    }

    .profile-savebar__actions[b-1g21ipj673] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 24rem) {
    .profile-savebar__actions[b-1g21ipj673] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ------------------------------------------------------------------ Vorbehalte */

@media (prefers-reduced-motion: reduce) {
    .profile-stage__panel[b-1g21ipj673],
    .profile-stage__panel[data-direction="back"][b-1g21ipj673] {
        animation: profile-stage-fade-b-1g21ipj673 var(--innvilo-duration-fast) var(--innvilo-easing-settle) both;
    }

    @keyframes profile-stage-fade-b-1g21ipj673 {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .profile-rail__item[b-1g21ipj673],
    .profile-rail__marker[b-1g21ipj673],
    .profile-rail__icon[b-1g21ipj673],
    .profile-overview__row[b-1g21ipj673],
    .profile-categories__row[b-1g21ipj673],
    .profile-overview__chevron[b-1g21ipj673],
    .profile-categories__edit[b-1g21ipj673],
    .profile-savebar[b-1g21ipj673],
    .profile-time-input[b-1g21ipj673] {
        transition: none;
    }

    .profile-rail__item:active[b-1g21ipj673],
    .profile-overview__row:active[b-1g21ipj673],
    .profile-categories__row:active[b-1g21ipj673] {
        transform: none;
    }

    .profile-rail__marker[b-1g21ipj673] {
        transform: none;
    }

    .profile-rail__item:not(.is-active) .profile-rail__marker[b-1g21ipj673] {
        opacity: 0;
    }

    .profile-rail[b-1g21ipj673] {
        scroll-behavior: auto;
    }
}

@media (prefers-contrast: more) {
    .profile-rail__item.is-active[b-1g21ipj673] {
        outline: 1px solid var(--innvilo-color-primary);
    }

    .profile-panel[b-1g21ipj673],
    .profile-rail[b-1g21ipj673],
    .profile-savebar[b-1g21ipj673] {
        border-color: var(--innvilo-border-strong);
    }
}
/* /Components/Pages/Hotel/HotelProfileRoomDirectory.razor.rz.scp.css */
.hotel-room-directory[b-tgs7k9dkcg] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.hotel-room-directory__header[b-tgs7k9dkcg] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.hotel-room-directory__header h2[b-tgs7k9dkcg],
.hotel-room-directory__header p[b-tgs7k9dkcg] {
    margin: 0;
}

.hotel-room-directory__header h2[b-tgs7k9dkcg] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
}

.hotel-room-directory__header p[b-tgs7k9dkcg] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin-top: var(--innvilo-space-3);
    max-width: 66ch;
}

.hotel-room-directory__workspace[b-tgs7k9dkcg] {
    min-width: 0;
}

.hotel-room-directory__workspace.is-compact[b-tgs7k9dkcg] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.hotel-room-directory__grid[b-tgs7k9dkcg] {
    min-width: 0;
}

.hotel-room-directory__number[b-tgs7k9dkcg] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

/* Kartenliste auf Handy und Tablet: dieselben Angaben wie die Grid-Zeile. */
.hotel-room-directory__cards[b-tgs7k9dkcg] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.hotel-room-directory__card[b-tgs7k9dkcg] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.hotel-room-directory__card > header[b-tgs7k9dkcg] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.hotel-room-directory__card > header > div[b-tgs7k9dkcg] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.hotel-room-directory__card strong[b-tgs7k9dkcg] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.3;
}

.hotel-room-directory__card > header span[b-tgs7k9dkcg] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hotel-room-directory__card-meta[b-tgs7k9dkcg] {
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3) var(--innvilo-space-6);
    margin: 0;
}

.hotel-room-directory__card-meta i[b-tgs7k9dkcg] {
    color: var(--innvilo-text-muted);
    margin-right: var(--innvilo-space-3);
}

.hotel-room-directory__card > footer[b-tgs7k9dkcg] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    padding-top: var(--innvilo-space-5);
}

.hotel-room-directory__card-note[b-tgs7k9dkcg] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    min-width: 0;
}

@media (max-width: 47.999rem) {
    .hotel-room-directory__header[b-tgs7k9dkcg] {
        align-items: stretch;
        flex-direction: column;
    }

    .hotel-room-directory__header > span[b-tgs7k9dkcg] {
        min-height: 2.75rem;
    }
}
/* /Components/Pages/Hotel/HotelTeam.razor.rz.scp.css */
.hotel-team-page[b-49jjckbmtz] {
    box-sizing: border-box;
    display: grid;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: var(--innvilo-space-10);
    width: 100%;
}

.hotel-team-content[b-49jjckbmtz] {
    display: grid;
    gap: var(--innvilo-page-hero-gap, 34px);
    min-width: 0;
}

.hotel-team-state[b-49jjckbmtz] {
    align-items: center;
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-8);
}

.hotel-team-state > i[b-49jjckbmtz] {
    color: var(--color-primary);
    font-size: 1.5rem;
}

.hotel-team-state h2[b-49jjckbmtz] {
    color: var(--color-text);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
    margin: 0;
}

.hotel-team-state p[b-49jjckbmtz] {
    color: var(--color-text-muted);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-2) 0 0;
    max-width: 70ch;
}

@media (max-width: 640px) {
    .hotel-team-state[b-49jjckbmtz] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-6);
    }

    .hotel-team-state > :last-child:not(div)[b-49jjckbmtz] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hotel-team-page *[b-49jjckbmtz],
    .hotel-team-page *[b-49jjckbmtz]::before,
    .hotel-team-page *[b-49jjckbmtz]::after {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Hotel/HotelTeamDirectory.razor.rz.scp.css */
.hotel-team-directory[b-h3ru8qgct7] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.hotel-team-directory__head[b-h3ru8qgct7] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.hotel-team-directory__head h2[b-h3ru8qgct7] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
    margin: 0;
}

.hotel-team-directory__head p[b-h3ru8qgct7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 0;
    max-width: 68ch;
}

.hotel-team-directory__count[b-h3ru8qgct7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    white-space: nowrap;
}

.hotel-team-directory__workspace[b-h3ru8qgct7] {
    min-width: 0;
}

.hotel-team-directory__workspace.is-compact[b-h3ru8qgct7] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.hotel-team-grid-host[b-h3ru8qgct7] {
    min-width: 0;
}

.hotel-team-identity[b-h3ru8qgct7] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.hotel-team-identity strong[b-h3ru8qgct7] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.hotel-team-identity span[b-h3ru8qgct7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

/* Kartenliste auf Handy und Tablet. */
.hotel-team-cards[b-h3ru8qgct7] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.hotel-team-card[b-h3ru8qgct7] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.hotel-team-card > header[b-h3ru8qgct7] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.hotel-team-card > header > div[b-h3ru8qgct7] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.hotel-team-card strong[b-h3ru8qgct7] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.3;
}

.hotel-team-card > header span[b-h3ru8qgct7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow-wrap: anywhere;
}

.hotel-team-card__meta[b-h3ru8qgct7] {
    color: var(--innvilo-text-secondary);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    margin: 0;
}

.hotel-team-card__meta i[b-h3ru8qgct7] {
    color: var(--innvilo-text-muted);
    margin-right: var(--innvilo-space-3);
    width: 1rem;
}

.hotel-team-card > footer[b-h3ru8qgct7] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding-top: var(--innvilo-space-5);
}

.hotel-team-card__note[b-h3ru8qgct7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    min-width: 0;
}

@media (max-width: 47.999rem) {
    .hotel-team-directory__head[b-h3ru8qgct7] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-3);
    }
}
/* /Components/Pages/Hotel/HotelTeamMemberEditor.razor.rz.scp.css */
.hotel-team-editor[b-q1w8yv9ex4] {
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
}

.hotel-team-editor__status[b-q1w8yv9ex4],
.hotel-team-editor__identity[b-q1w8yv9ex4],
.hotel-team-editor__account-note[b-q1w8yv9ex4] {
    align-items: start;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: flex;
    gap: var(--innvilo-space-4);
    margin: 0;
    padding: var(--innvilo-space-5);
}

.hotel-team-editor__status.is-error[b-q1w8yv9ex4] {
    background: var(--color-error-soft);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.hotel-team-editor__status.is-info[b-q1w8yv9ex4],
.hotel-team-editor__identity[b-q1w8yv9ex4],
.hotel-team-editor__account-note[b-q1w8yv9ex4] {
    background: var(--color-surface-raised);
    color: var(--color-text-muted);
}

.hotel-team-editor__status span[b-q1w8yv9ex4],
.hotel-team-editor__account-note[b-q1w8yv9ex4] {
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

.hotel-team-editor__identity > i[b-q1w8yv9ex4],
.hotel-team-editor__account-note > i[b-q1w8yv9ex4] {
    color: var(--color-primary);
    margin-top: var(--innvilo-space-1);
}

.hotel-team-editor__identity > div[b-q1w8yv9ex4] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.hotel-team-editor__identity strong[b-q1w8yv9ex4] {
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
}

.hotel-team-editor__identity span[b-q1w8yv9ex4] {
    overflow-wrap: anywhere;
}

.hotel-team-editor__field[b-q1w8yv9ex4] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.hotel-team-editor__field > span[b-q1w8yv9ex4],
.hotel-team-editor__access strong[b-q1w8yv9ex4] {
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.hotel-team-editor__field > input[b-q1w8yv9ex4] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md);
    color: var(--color-text);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    min-height: 44px;
    padding: 0 var(--innvilo-space-5);
    width: 100%;
}

.hotel-team-editor__field > input:hover[b-q1w8yv9ex4] {
    border-color: var(--color-primary);
}

.hotel-team-editor__field > input:focus-visible[b-q1w8yv9ex4],
.hotel-team-editor__access input:focus-visible[b-q1w8yv9ex4] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.hotel-team-editor__field > input:disabled[b-q1w8yv9ex4] {
    background: var(--color-surface-soft);
    color: var(--color-text-subtle);
    cursor: not-allowed;
}

.hotel-team-editor__field small[b-q1w8yv9ex4],
.hotel-team-editor__access small[b-q1w8yv9ex4] {
    color: var(--color-text-muted);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.hotel-team-editor__access[b-q1w8yv9ex4] {
    align-items: start;
    cursor: pointer;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 44px minmax(0, 1fr);
}

.hotel-team-editor__access input[b-q1w8yv9ex4] {
    accent-color: var(--color-primary);
    height: 20px;
    justify-self: center;
    margin: 12px 0;
    width: 20px;
}

.hotel-team-editor__access > span[b-q1w8yv9ex4] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-height: 44px;
}

@media (prefers-reduced-motion: reduce) {
    .hotel-team-editor__field > input[b-q1w8yv9ex4] {
        transition: none;
    }
}
/* /Components/Pages/Hotel/KioskAuthorize.razor.rz.scp.css */
.kiosk-authorize-page[b-8lkqi9y1ce] {
    display: grid;
    gap: var(--innvilo-space-6);
    width: 100%;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    margin: 0 auto;
    padding-bottom: var(--innvilo-space-9);
}

.kiosk-authorize-result[b-8lkqi9y1ce] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: var(--innvilo-space-5);
    width: 100%;
    max-width: 56rem;
    padding: var(--innvilo-space-8);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-main);
}

.kiosk-authorize-result:focus-visible[b-8lkqi9y1ce] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: 3px;
}

.kiosk-authorize-result > i[b-8lkqi9y1ce] {
    margin-top: var(--innvilo-space-1);
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-heading);
}

.kiosk-authorize-result.is-success > i[b-8lkqi9y1ce] {
    color: var(--color-success);
}

.kiosk-authorize-result.is-error > i[b-8lkqi9y1ce] {
    color: var(--color-error);
}

.kiosk-authorize-result > div[b-8lkqi9y1ce] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.kiosk-authorize-result h2[b-8lkqi9y1ce],
.kiosk-authorize-result p[b-8lkqi9y1ce] {
    margin: 0;
}

.kiosk-authorize-result h2[b-8lkqi9y1ce] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.2;
}

.kiosk-authorize-result p[b-8lkqi9y1ce] {
    max-width: 65ch;
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.55;
}

.kiosk-authorize-result__actions[b-8lkqi9y1ce] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--innvilo-space-3);
    margin-top: var(--innvilo-space-2);
}

.kiosk-authorize-back[b-8lkqi9y1ce] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    font-weight: 700;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.kiosk-authorize-back:hover[b-8lkqi9y1ce] {
    background: var(--innvilo-surface-soft);
}

.kiosk-authorize-back:focus-visible[b-8lkqi9y1ce] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: 2px;
}

.kiosk-authorize-back:active[b-8lkqi9y1ce] {
    transform: translateY(1px);
}

@media (max-width: 47.99rem) {
    .kiosk-authorize-result[b-8lkqi9y1ce] {
        grid-template-columns: minmax(0, 1fr);
        padding: var(--innvilo-space-8);
    }

    .kiosk-authorize-result__actions[b-8lkqi9y1ce] {
        align-items: stretch;
        flex-direction: column;
    }

    .kiosk-authorize-back[b-8lkqi9y1ce] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kiosk-authorize-back[b-8lkqi9y1ce] {
        transition: none;
    }

    .kiosk-authorize-back:active[b-8lkqi9y1ce] {
        transform: none;
    }
}
/* /Components/Pages/Hotel/KioskAuthorizeShimmer.razor.rz.scp.css */
.kiosk-authorize-shimmer[b-fjpa7hb8p6] {
    display: grid;
    gap: var(--innvilo-space-6);
    width: 100%;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    margin: 0 auto;
}

.kiosk-authorize-shimmer__workspace[b-fjpa7hb8p6] {
    overflow: hidden;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-main);
}

.kiosk-authorize-shimmer__workspace header[b-fjpa7hb8p6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-8);
    border-bottom: 1px solid var(--innvilo-border-default);
    background: var(--innvilo-surface-soft);
}

.kiosk-authorize-shimmer__workspace header > div[b-fjpa7hb8p6],
.kiosk-authorize-shimmer__workspace section[b-fjpa7hb8p6] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.kiosk-authorize-shimmer__workspace strong[b-fjpa7hb8p6],
.kiosk-authorize-shimmer__workspace span[b-fjpa7hb8p6],
.kiosk-authorize-shimmer__workspace i[b-fjpa7hb8p6] {
    display: block;
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-surface-muted);
    animation: kiosk-authorize-shimmer-pulse-b-fjpa7hb8p6 1.4s ease-in-out infinite;
}

.kiosk-authorize-shimmer__workspace strong[b-fjpa7hb8p6] {
    width: min(22rem, 72%);
    height: 1.25rem;
}

.kiosk-authorize-shimmer__workspace span[b-fjpa7hb8p6] {
    width: min(36rem, 100%);
    height: .875rem;
}

.kiosk-authorize-shimmer__facts[b-fjpa7hb8p6] {
    display: grid;
    grid-template-columns: repeat(2, 9rem);
    gap: var(--innvilo-space-4);
}

.kiosk-authorize-shimmer__facts i[b-fjpa7hb8p6] {
    height: 2.75rem;
}

.kiosk-authorize-shimmer__workspace nav[b-fjpa7hb8p6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
    border-bottom: 1px solid var(--innvilo-border-default);
}

.kiosk-authorize-shimmer__workspace nav span[b-fjpa7hb8p6] {
    width: 100%;
}

.kiosk-authorize-shimmer__workspace section[b-fjpa7hb8p6] {
    padding: var(--innvilo-space-8);
}

.kiosk-authorize-shimmer__workspace section + section[b-fjpa7hb8p6] {
    border-top: 1px solid var(--innvilo-border-default);
}

.kiosk-authorize-shimmer__workspace section i[b-fjpa7hb8p6] {
    width: 100%;
    height: 3rem;
}

@keyframes kiosk-authorize-shimmer-pulse-b-fjpa7hb8p6 {
    0%, 100% { opacity: .45; }
    50% { opacity: 1; }
}

@media (max-width: 56.25rem) {
    .kiosk-authorize-shimmer__workspace header[b-fjpa7hb8p6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kiosk-authorize-shimmer__workspace nav[b-fjpa7hb8p6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 47.99rem) {
    .kiosk-authorize-shimmer__workspace header[b-fjpa7hb8p6],
    .kiosk-authorize-shimmer__workspace section[b-fjpa7hb8p6] {
        padding: var(--innvilo-space-8);
    }

    .kiosk-authorize-shimmer__facts[b-fjpa7hb8p6] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 24.99rem) {
    .kiosk-authorize-shimmer__workspace nav[b-fjpa7hb8p6] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .kiosk-authorize-shimmer__workspace strong[b-fjpa7hb8p6],
    .kiosk-authorize-shimmer__workspace span[b-fjpa7hb8p6],
    .kiosk-authorize-shimmer__workspace i[b-fjpa7hb8p6] {
        animation: none;
        opacity: .7;
    }
}
/* /Components/Pages/Hotel/KioskAuthorizeWorkspace.razor.rz.scp.css */
.kiosk-authorize-workspace[b-1mrk1njp6a] {
    display: grid;
    overflow: hidden;
    width: 100%;
    min-width: 0;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-main);
}

.kiosk-authorize-workspace h2[b-1mrk1njp6a],
.kiosk-authorize-workspace h3[b-1mrk1njp6a],
.kiosk-authorize-workspace p[b-1mrk1njp6a],
.kiosk-authorize-workspace dl[b-1mrk1njp6a],
.kiosk-authorize-workspace ol[b-1mrk1njp6a] {
    margin: 0;
}

.kiosk-authorize-workspace__device[b-1mrk1njp6a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-8);
    border-bottom: 1px solid var(--innvilo-border-default);
    background: var(--innvilo-surface-soft);
}

.kiosk-authorize-workspace__device > div[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.kiosk-authorize-workspace__device h2[b-1mrk1njp6a],
.kiosk-authorize-step h2[b-1mrk1njp6a] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.kiosk-authorize-workspace__device p[b-1mrk1njp6a],
.kiosk-authorize-step header p[b-1mrk1njp6a],
.kiosk-authorize-security p[b-1mrk1njp6a] {
    max-width: 65ch;
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

.kiosk-authorize-workspace__device dl[b-1mrk1njp6a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(9rem, auto));
    gap: var(--innvilo-space-5);
}

.kiosk-authorize-workspace__device dl > div[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.kiosk-authorize-workspace__device dt[b-1mrk1njp6a],
.kiosk-authorize-workspace__device dd[b-1mrk1njp6a] {
    margin: 0;
}

.kiosk-authorize-workspace__device dt[b-1mrk1njp6a] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.kiosk-authorize-workspace__device dd[b-1mrk1njp6a] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.kiosk-authorize-progress[b-1mrk1njp6a] {
    border-bottom: 1px solid var(--innvilo-border-default);
    background: var(--innvilo-surface-main);
}

.kiosk-authorize-progress ol[b-1mrk1njp6a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
    list-style: none;
}

.kiosk-authorize-progress li[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    border-bottom: 2px solid transparent;
}

.kiosk-authorize-progress li span[b-1mrk1njp6a] {
    overflow: hidden;
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kiosk-authorize-progress li small[b-1mrk1njp6a] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.3;
}

.kiosk-authorize-progress li.is-current[b-1mrk1njp6a] {
    border-bottom-color: var(--innvilo-color-primary);
}

.kiosk-authorize-progress li.is-current span[b-1mrk1njp6a] {
    color: var(--innvilo-color-primary);
}

.kiosk-authorize-progress li.is-complete[b-1mrk1njp6a] {
    border-bottom-color: var(--color-success);
}

.kiosk-authorize-progress li.is-complete span[b-1mrk1njp6a],
.kiosk-authorize-progress li.is-complete small[b-1mrk1njp6a] {
    color: var(--color-success);
}

.kiosk-authorize-step[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-8);
}

.kiosk-authorize-step + .kiosk-authorize-step[b-1mrk1njp6a] {
    border-top: 1px solid var(--innvilo-border-default);
}

.kiosk-authorize-legacy > summary[b-1mrk1njp6a] {
    cursor: pointer;
    color: var(--innvilo-text-primary);
    font-weight: 700;
    min-height: 44px;
    padding: var(--innvilo-space-3) 0;
}

.kiosk-authorize-legacy > summary:focus-visible[b-1mrk1njp6a] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.kiosk-authorize-legacy[open] > :not(summary)[b-1mrk1njp6a] {
    margin-top: var(--innvilo-space-5);
}

.kiosk-authorize-step > header[b-1mrk1njp6a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--innvilo-space-5);
}

.kiosk-authorize-step > header > div[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.kiosk-authorize-step h3[b-1mrk1njp6a] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
}

.kiosk-authorize-status[b-1mrk1njp6a] {
    flex: 0 0 auto;
    padding: var(--innvilo-space-1) var(--innvilo-space-3);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.25;
    white-space: nowrap;
}

.kiosk-authorize-status.is-complete[b-1mrk1njp6a] {
    border-color: var(--color-success-border);
    background: var(--color-success-soft);
    color: var(--color-success);
}

.kiosk-authorize-status.is-pending[b-1mrk1njp6a] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.kiosk-authorize-field[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.kiosk-authorize-field label[b-1mrk1njp6a] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.kiosk-authorize-field small[b-1mrk1njp6a],
.kiosk-authorize-submit > span[b-1mrk1njp6a] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.kiosk-authorize-providers[b-1mrk1njp6a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-4);
}

.kiosk-authorize-providers > div[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-soft);
}

.kiosk-authorize-providers dt[b-1mrk1njp6a] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.kiosk-authorize-providers dd[b-1mrk1njp6a] {
    margin: 0;
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.kiosk-authorize-actions[b-1mrk1njp6a],
.kiosk-authorize-submit[b-1mrk1njp6a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-3);
}

.kiosk-authorize-link[b-1mrk1njp6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    border: 1px solid var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-color-primary);
    color: var(--innvilo-text-inverse);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.kiosk-authorize-link:hover[b-1mrk1njp6a] {
    border-color: var(--innvilo-color-primary-hover);
    background: var(--innvilo-color-primary-hover);
    color: var(--innvilo-text-inverse);
}

.kiosk-authorize-link:focus-visible[b-1mrk1njp6a] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: 2px;
}

.kiosk-authorize-link:active[b-1mrk1njp6a] {
    transform: scale(var(--innvilo-press-scale));
}

.kiosk-authorize-notice[b-1mrk1njp6a],
.kiosk-authorize-blockers[b-1mrk1njp6a],
.kiosk-authorize-security[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    background: var(--color-info-soft);
}

.kiosk-authorize-notice strong[b-1mrk1njp6a],
.kiosk-authorize-blockers strong[b-1mrk1njp6a] {
    color: var(--innvilo-text-primary);
}

.kiosk-authorize-notice span[b-1mrk1njp6a],
.kiosk-authorize-blockers li[b-1mrk1njp6a] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.kiosk-authorize-notice.is-warning[b-1mrk1njp6a],
.kiosk-authorize-blockers[b-1mrk1njp6a],
.kiosk-authorize-security[b-1mrk1njp6a] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
}

.kiosk-authorize-notice.is-error[b-1mrk1njp6a] {
    border-color: var(--color-error);
    background: var(--color-error-soft);
}

.kiosk-authorize-notice:focus-visible[b-1mrk1njp6a] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: 2px;
}

.kiosk-authorize-blockers ul[b-1mrk1njp6a] {
    margin: 0;
    padding-left: var(--innvilo-space-5);
}

.kiosk-authorize-security[b-1mrk1njp6a] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
}

.kiosk-authorize-security > i[b-1mrk1njp6a] {
    margin-top: var(--innvilo-space-1);
    color: var(--color-warning-text);
    font-size: 1rem;
}

.kiosk-authorize-blocked-terminals[b-1mrk1njp6a],
.kiosk-authorize-released-seats[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.kiosk-authorize-blocked-terminals > div[b-1mrk1njp6a],
.kiosk-authorize-released-seats > div[b-1mrk1njp6a] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.kiosk-authorize-blocked-terminals article[b-1mrk1njp6a],
.kiosk-authorize-released-seats article[b-1mrk1njp6a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-surface-soft);
}

.kiosk-authorize-blocked-terminals article[b-1mrk1njp6a] {
    display: grid;
    justify-content: stretch;
    gap: var(--innvilo-space-1);
}

.kiosk-authorize-blocked-terminals article strong[b-1mrk1njp6a],
.kiosk-authorize-released-seats article span[b-1mrk1njp6a] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.kiosk-authorize-blocked-terminals article span[b-1mrk1njp6a] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

@media (max-width: 56.25rem) {
    .kiosk-authorize-workspace__device[b-1mrk1njp6a] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kiosk-authorize-workspace__device dl[b-1mrk1njp6a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kiosk-authorize-progress ol[b-1mrk1njp6a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 47.99rem) {
    .kiosk-authorize-workspace__device[b-1mrk1njp6a],
    .kiosk-authorize-step[b-1mrk1njp6a] {
        padding: var(--innvilo-space-8);
    }

    .kiosk-authorize-step[b-1mrk1njp6a] {
        gap: var(--innvilo-space-5);
    }

    .kiosk-authorize-step > header[b-1mrk1njp6a],
    .kiosk-authorize-actions[b-1mrk1njp6a],
    .kiosk-authorize-submit[b-1mrk1njp6a],
    .kiosk-authorize-released-seats article[b-1mrk1njp6a] {
        align-items: stretch;
        flex-direction: column;
    }

    .kiosk-authorize-providers[b-1mrk1njp6a],
    .kiosk-authorize-workspace__device dl[b-1mrk1njp6a] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kiosk-authorize-link[b-1mrk1njp6a] {
        width: 100%;
    }
}

@media (max-width: 24.99rem) {
    .kiosk-authorize-progress ol[b-1mrk1njp6a] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .kiosk-authorize-link[b-1mrk1njp6a] {
        transition: none;
    }

    .kiosk-authorize-link:active[b-1mrk1njp6a] {
        transform: none;
    }
}
/* /Components/Pages/Hotel/KioskAuthorizeZvtEditor.razor.rz.scp.css */
.kiosk-zvt-editor[b-99qipurr0z] {
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-8);
    border-top: 1px solid var(--innvilo-border-default);
}

.kiosk-zvt-editor header[b-99qipurr0z],
.kiosk-zvt-editor__field[b-99qipurr0z] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.kiosk-zvt-editor h2[b-99qipurr0z],
.kiosk-zvt-editor p[b-99qipurr0z] {
    margin: 0;
}

.kiosk-zvt-editor h2[b-99qipurr0z] {
    font-size: var(--innvilo-font-size-heading);
}

.kiosk-zvt-editor p[b-99qipurr0z] {
    max-width: 65ch;
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}

.kiosk-zvt-editor__field[b-99qipurr0z] {
    max-width: 28rem;
}

@media (max-width: 560px) {
    .kiosk-zvt-editor[b-99qipurr0z] {
        padding: var(--innvilo-space-5);
    }
}
/* /Components/Pages/Hotel/KioskExperience.razor.rz.scp.css */
.kiosk-experience-page[b-nxt85fl9x7] {
    display: grid;
    width: 100%;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    margin: 0 auto;
    padding: 0;
    gap: var(--innvilo-space-6);
    color: var(--innvilo-text);
    font-family: Lato, sans-serif;
}

.kiosk-experience-hero-shell[b-nxt85fl9x7] {
    display: grid;
    min-width: 0;
}

.kiosk-experience-kpi-shell[b-nxt85fl9x7],
.kiosk-experience-filter-shell[b-nxt85fl9x7] {
    display: grid;
    min-width: 0;
    padding-bottom: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
}

.kiosk-experience-content[b-nxt85fl9x7] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-5);
}

.kiosk-experience-feedback[b-nxt85fl9x7],
.kiosk-experience-validation[b-nxt85fl9x7],
.kiosk-experience-state[b-nxt85fl9x7] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
    background: var(--innvilo-surface);
}

.kiosk-experience-feedback > i[b-nxt85fl9x7],
.kiosk-experience-validation > i[b-nxt85fl9x7],
.kiosk-experience-state > i[b-nxt85fl9x7] {
    flex: 0 0 auto;
    color: var(--innvilo-teal);
    font-size: 1.25rem;
}

.kiosk-experience-feedback > span[b-nxt85fl9x7],
.kiosk-experience-state > div[b-nxt85fl9x7],
.kiosk-experience-validation > div[b-nxt85fl9x7] {
    flex: 1 1 auto;
    min-width: 0;
}

.kiosk-experience-feedback.is-success[b-nxt85fl9x7] {
    border-color: var(--color-success-border);
    color: var(--color-success);
    background: var(--color-success-soft);
}

.kiosk-experience-feedback.is-error[b-nxt85fl9x7],
.kiosk-experience-validation[b-nxt85fl9x7],
.kiosk-experience-state.is-error[b-nxt85fl9x7] {
    border-color: var(--color-error-border);
}

.kiosk-experience-feedback.is-error > i[b-nxt85fl9x7],
.kiosk-experience-validation > i[b-nxt85fl9x7],
.kiosk-experience-state.is-error > i[b-nxt85fl9x7] {
    color: var(--color-error);
}

.kiosk-experience-validation[b-nxt85fl9x7] {
    align-items: flex-start;
}

.kiosk-experience-validation h2[b-nxt85fl9x7],
.kiosk-experience-validation ul[b-nxt85fl9x7],
.kiosk-experience-state h2[b-nxt85fl9x7],
.kiosk-experience-state p[b-nxt85fl9x7] {
    margin: 0;
}

.kiosk-experience-validation h2[b-nxt85fl9x7],
.kiosk-experience-state h2[b-nxt85fl9x7] {
    color: var(--innvilo-text);
    font-size: 1.125rem;
    line-height: 1.35;
}

.kiosk-experience-validation ul[b-nxt85fl9x7] {
    margin-top: var(--innvilo-space-2);
    padding-left: 1.25rem;
    color: var(--innvilo-text);
}

.kiosk-experience-state[b-nxt85fl9x7] {
    min-height: 10rem;
    padding: var(--innvilo-space-7);
}

.kiosk-experience-state p[b-nxt85fl9x7] {
    max-width: 70ch;
    margin-top: var(--innvilo-space-2);
    color: var(--innvilo-muted);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.kiosk-experience-state > :last-child:not(div, i)[b-nxt85fl9x7] {
    margin-left: auto;
}

.kx-dialog[b-nxt85fl9x7],
.kx-preview[b-nxt85fl9x7] {
    display: grid;
    min-width: 0;
    max-height: calc(100dvh - 12rem);
    gap: var(--innvilo-space-6);
    overflow: auto;
    overscroll-behavior: contain;
    font-family: Lato, sans-serif;
}

.kx-form-grid[b-nxt85fl9x7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    gap: var(--innvilo-space-5);
}

.kx-form-grid label[b-nxt85fl9x7],
.kx-form-field[b-nxt85fl9x7] {
    display: grid;
    align-content: start;
    min-width: 0;
    gap: var(--innvilo-space-2);
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
}

.kx-field-label[b-nxt85fl9x7] {
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
}

.kx-form-grid input:not([type="checkbox"]):not([type="color"])[b-nxt85fl9x7],
.kx-form-grid select[b-nxt85fl9x7],
.kx-form-grid textarea[b-nxt85fl9x7],
.kx-preview-language select[b-nxt85fl9x7] {
    width: 100%;
    min-height: 3rem;
    box-sizing: border-box;
    padding: 0.625rem 0.75rem;
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    color: var(--innvilo-text);
    background: var(--innvilo-surface);
    font: 400 1rem/1.35 Lato, sans-serif;
}

.kx-form-grid textarea[b-nxt85fl9x7] {
    min-height: 7rem;
    resize: vertical;
}

.kx-form-grid input:focus-visible[b-nxt85fl9x7],
.kx-form-grid select:focus-visible[b-nxt85fl9x7],
.kx-form-grid textarea:focus-visible[b-nxt85fl9x7],
.kx-preview-language select:focus-visible[b-nxt85fl9x7],
.kx-check-grid input:focus-visible[b-nxt85fl9x7],
.kx-color-picker:focus-within[b-nxt85fl9x7],
.kx-link-button:focus-visible[b-nxt85fl9x7] {
    outline: 2px solid var(--innvilo-teal);
    outline-offset: 2px;
}

.kx-form-wide[b-nxt85fl9x7] {
    grid-column: 1 / -1;
}

.kx-fieldset[b-nxt85fl9x7] {
    min-width: 0;
    margin: 0;
    padding: var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
}

.kx-fieldset legend[b-nxt85fl9x7] {
    padding: 0 var(--innvilo-space-2);
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-weight: 700;
}

.kx-check-grid[b-nxt85fl9x7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-2) var(--innvilo-space-5);
}

.kx-check-grid label[b-nxt85fl9x7],
.kx-toggle[b-nxt85fl9x7] {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    gap: var(--innvilo-space-3);
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-weight: 400;
}

.kx-check-grid input[b-nxt85fl9x7],
.kx-toggle input[b-nxt85fl9x7] {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    accent-color: var(--innvilo-teal);
}

.kx-color-field[b-nxt85fl9x7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.kx-color-picker[b-nxt85fl9x7] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    gap: var(--innvilo-space-3);
    padding: 0.375rem 0.625rem;
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    color: var(--innvilo-text);
    background: var(--innvilo-surface);
    font-weight: 400;
    cursor: pointer;
}

.kx-color-picker input[type="color"][b-nxt85fl9x7],
.kx-color-default[b-nxt85fl9x7] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid var(--innvilo-border);
    border-radius: 4px;
    background: var(--innvilo-teal);
}

.kx-color-input-overlay[b-nxt85fl9x7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.kx-link-button[b-nxt85fl9x7] {
    min-height: 2.75rem;
    padding: 0.5rem 0;
    border: 0;
    color: var(--innvilo-teal);
    background: transparent;
    font: 700 0.875rem/1.3 Lato, sans-serif;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
    cursor: pointer;
}

.kx-link-button:hover[b-nxt85fl9x7] {
    color: var(--color-primary-hover);
}

.kx-inline-warning[b-nxt85fl9x7],
.kx-dialog-error[b-nxt85fl9x7],
.kx-side-note[b-nxt85fl9x7] {
    max-width: 70ch;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.kx-inline-warning[b-nxt85fl9x7] {
    display: flex;
    align-items: flex-start;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-3);
    border: 1px solid var(--color-info-border);
    border-radius: 6px;
    color: var(--innvilo-text);
    background: var(--color-info-soft);
}

.kx-dialog-error[b-nxt85fl9x7] {
    color: var(--color-error);
}

.kx-side-note[b-nxt85fl9x7] {
    color: var(--innvilo-muted);
}

.kx-preview-language[b-nxt85fl9x7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 14rem);
    align-items: center;
    gap: var(--innvilo-space-4);
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-weight: 700;
}

.kx-preview-frame[b-nxt85fl9x7] {
    display: grid;
    width: min(100%, 28rem);
    max-height: 64dvh;
    aspect-ratio: 9 / 14;
    margin-inline: auto;
    overflow-y: auto;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: 10px;
    background: var(--innvilo-surface-soft);
}

.kx-preview-hero[b-nxt85fl9x7] {
    display: grid;
    justify-items: center;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-7) var(--innvilo-space-5);
    color: var(--innvilo-text-inverse);
    background: var(--innvilo-teal);
    text-align: center;
}

.kx-preview-hero strong[b-nxt85fl9x7] {
    font-size: 1.25rem;
}

.kx-preview-hero span[b-nxt85fl9x7] {
    font-size: 0.875rem;
}

.kx-preview-tile[b-nxt85fl9x7] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 1rem;
    align-items: center;
    gap: var(--innvilo-space-4);
    min-height: 4.75rem;
    margin-inline: var(--innvilo-space-5);
    padding: var(--innvilo-space-4) 0;
    border-bottom: 1px solid var(--innvilo-border);
    color: var(--innvilo-text);
    background: transparent;
}

.kx-preview-icon[b-nxt85fl9x7] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--innvilo-teal);
    font-size: 1.125rem;
}

.kx-preview-color-swatch[b-nxt85fl9x7] {
    position: absolute;
    right: -0.2rem;
    bottom: -0.2rem;
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
    border: 1px solid var(--innvilo-surface);
    border-radius: 4px;
    pointer-events: none;
}

.kx-preview-text[b-nxt85fl9x7] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-1);
}

.kx-preview-text strong[b-nxt85fl9x7] {
    overflow-wrap: anywhere;
    font-size: 0.9375rem;
}

.kx-preview-text small[b-nxt85fl9x7] {
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.kx-preview-maintenance[b-nxt85fl9x7] {
    display: grid;
    align-content: center;
    justify-items: start;
    min-height: 12rem;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-6);
    color: var(--innvilo-text);
}

.kx-preview-maintenance > i[b-nxt85fl9x7] {
    color: var(--innvilo-teal);
    font-size: 1.25rem;
}

.kx-preview-maintenance p[b-nxt85fl9x7] {
    margin: 0;
    color: var(--innvilo-muted);
    font-size: 0.875rem;
    line-height: 1.5;
    text-align: left;
}

@media (max-width: 767px) {
    .kiosk-experience-feedback[b-nxt85fl9x7],
    .kiosk-experience-validation[b-nxt85fl9x7],
    .kiosk-experience-state[b-nxt85fl9x7] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .kiosk-experience-feedback > :last-child:not(i, span)[b-nxt85fl9x7],
    .kiosk-experience-state > :last-child:not(div, i)[b-nxt85fl9x7] {
        width: 100%;
        margin-left: 0;
    }

    .kx-dialog[b-nxt85fl9x7],
    .kx-preview[b-nxt85fl9x7] {
        max-height: calc(100dvh - 9rem);
    }

    .kx-form-grid[b-nxt85fl9x7],
    .kx-check-grid[b-nxt85fl9x7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kx-form-wide[b-nxt85fl9x7] {
        grid-column: auto;
    }

    .kx-preview-language[b-nxt85fl9x7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kx-preview-frame[b-nxt85fl9x7] {
        max-height: 58dvh;
    }
}

@media (prefers-contrast: more) {
    .kiosk-experience-feedback[b-nxt85fl9x7],
    .kiosk-experience-validation[b-nxt85fl9x7],
    .kiosk-experience-state[b-nxt85fl9x7],
    .kx-fieldset[b-nxt85fl9x7],
    .kx-color-picker[b-nxt85fl9x7],
    .kx-preview-frame[b-nxt85fl9x7],
    .kx-preview-tile[b-nxt85fl9x7] {
        border-color: currentColor;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kiosk-experience-page *[b-nxt85fl9x7],
    .kiosk-experience-page *[b-nxt85fl9x7]::before,
    .kiosk-experience-page *[b-nxt85fl9x7]::after {
        scroll-behavior: auto;
        transition: none;
        animation: none;
    }
}
/* /Components/Pages/Hotel/KioskExperienceDesktop.razor.rz.scp.css */
.kiosk-experience-desktop-host[b-ifse9gkr6h] {
    display: block;
    min-width: 0;
    color: var(--innvilo-text);
    font-family: Lato, sans-serif;
}

.kx-scope-bar[b-ifse9gkr6h] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    margin: 0 0 var(--innvilo-space-6);
}

.kx-scope-pill[b-ifse9gkr6h] {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    gap: var(--innvilo-space-3);
    padding: 0.625rem var(--innvilo-space-6);
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    color: var(--innvilo-text);
    background: var(--innvilo-surface);
    font: 700 0.875rem/1.25 Lato, sans-serif;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

.kx-scope-pill:hover[b-ifse9gkr6h] {
    border-color: var(--innvilo-border-strong);
    background: var(--innvilo-surface-soft);
}

.kx-scope-pill:focus-visible[b-ifse9gkr6h],
.kx-icon-button:focus-visible[b-ifse9gkr6h],
.kx-link-button:focus-visible[b-ifse9gkr6h],
.kx-toggle input:focus-visible[b-ifse9gkr6h],
.kx-form-grid input:focus-visible[b-ifse9gkr6h],
.kx-form-grid textarea:focus-visible[b-ifse9gkr6h] {
    outline: 2px solid var(--innvilo-teal);
    outline-offset: 2px;
}

.kx-scope-pill.is-active[b-ifse9gkr6h] {
    border-color: var(--innvilo-teal);
    color: var(--innvilo-text-inverse);
    background: var(--innvilo-teal);
}

.kx-scope-flag[b-ifse9gkr6h],
.kx-category-badge[b-ifse9gkr6h],
.kx-badge[b-ifse9gkr6h] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: var(--innvilo-radius-full);
    line-height: 1.2;
}

.kx-scope-flag[b-ifse9gkr6h] {
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
    color: var(--color-warning-text);
    background: var(--color-warning-soft);
    font-size: 0.75rem;
    font-weight: 700;
}

.kx-scope-hint[b-ifse9gkr6h],
.kx-inline-warning[b-ifse9gkr6h] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    border: 1px solid var(--color-info-border);
    border-radius: 8px;
    color: var(--innvilo-text);
    background: var(--color-info-soft);
    font-size: 0.875rem;
    line-height: 1.45;
}

.kx-scope-hint[b-ifse9gkr6h] {
    margin: 0 0 var(--innvilo-space-6);
}

.kx-inline-warning[b-ifse9gkr6h] {
    margin: 0 0 var(--innvilo-space-5);
}

.kx-layout[b-ifse9gkr6h] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(19rem, 1fr);
    align-items: start;
    min-width: 0;
    gap: var(--innvilo-space-8);
}

.kx-main[b-ifse9gkr6h],
.kx-side[b-ifse9gkr6h] {
    display: grid;
    align-content: start;
    min-width: 0;
    gap: var(--innvilo-space-8);
}

.kx-panel[b-ifse9gkr6h] {
    min-width: 0;
    padding: var(--innvilo-space-8);
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
    background: var(--innvilo-surface);
}

.kx-panel > h2[b-ifse9gkr6h],
.kx-panel-header h2[b-ifse9gkr6h] {
    margin: 0;
    color: var(--innvilo-text);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
}

.kx-panel-header[b-ifse9gkr6h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-width: 0;
    gap: var(--innvilo-space-6);
    margin-bottom: var(--innvilo-space-6);
}

.kx-panel-header > div[b-ifse9gkr6h] {
    min-width: 0;
}

.kx-panel-header p[b-ifse9gkr6h] {
    max-width: 68ch;
    margin: var(--innvilo-space-2) 0 0;
    color: var(--innvilo-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.kx-module-list[b-ifse9gkr6h],
.kx-content-list[b-ifse9gkr6h] {
    display: grid;
    min-width: 0;
}

.kx-module-row[b-ifse9gkr6h],
.kx-content-row[b-ifse9gkr6h] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-5) 0;
    border-bottom: 1px solid var(--innvilo-border);
    transition: opacity 180ms ease, background-color 140ms ease;
}

.kx-module-row:first-child[b-ifse9gkr6h],
.kx-content-row:first-child[b-ifse9gkr6h] {
    padding-top: 0;
}

.kx-module-row:last-child[b-ifse9gkr6h],
.kx-content-row:last-child[b-ifse9gkr6h] {
    padding-bottom: 0;
    border-bottom: 0;
}

.kx-module-row:hover[b-ifse9gkr6h],
.kx-content-row:hover[b-ifse9gkr6h] {
    background: var(--innvilo-surface-soft);
}

.kx-module-row.is-disabled[b-ifse9gkr6h],
.kx-content-row.is-disabled[b-ifse9gkr6h] {
    opacity: 0.58;
}

.kx-drag-handle[b-ifse9gkr6h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 2.75rem;
    flex: 0 0 auto;
    color: var(--innvilo-text-muted);
    cursor: grab;
}

.kx-module-icon[b-ifse9gkr6h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2.75rem;
    flex: 0 0 auto;
    color: var(--innvilo-teal);
    font-size: 1.125rem;
}

.kx-module-text[b-ifse9gkr6h] {
    flex: 1 1 16rem;
    min-width: 0;
}

.kx-module-text strong[b-ifse9gkr6h],
.kx-content-meta strong[b-ifse9gkr6h] {
    overflow-wrap: anywhere;
    color: var(--innvilo-text);
    font-size: 0.9375rem;
    line-height: 1.35;
}

.kx-module-text p[b-ifse9gkr6h] {
    margin: var(--innvilo-space-1) 0 0;
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    line-height: 1.45;
}

.kx-flag[b-ifse9gkr6h] {
    margin-left: var(--innvilo-space-2);
    color: var(--innvilo-muted);
    font-size: 0.75rem;
}

.kx-row-actions[b-ifse9gkr6h],
.kx-device-actions[b-ifse9gkr6h] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: var(--innvilo-space-3);
}

.kx-toggle[b-ifse9gkr6h] {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    gap: var(--innvilo-space-3);
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    line-height: 1.35;
    cursor: pointer;
}

.kx-toggle input[b-ifse9gkr6h] {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    margin: 0;
    accent-color: var(--innvilo-teal);
}

.kx-icon-button[b-ifse9gkr6h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    color: var(--innvilo-muted);
    background: var(--innvilo-surface);
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease;
}

.kx-icon-button:hover[b-ifse9gkr6h] {
    border-color: var(--innvilo-teal);
    color: var(--innvilo-teal);
    background: var(--innvilo-surface-soft);
}

.kx-icon-button.is-danger:hover[b-ifse9gkr6h] {
    border-color: var(--color-error-border);
    color: var(--color-error);
    background: var(--color-error-soft);
}

.kx-icon-button:disabled[b-ifse9gkr6h] {
    border-color: var(--innvilo-border);
    color: var(--innvilo-text-disabled);
    background: var(--innvilo-surface-soft);
    cursor: not-allowed;
}

.kx-link-button[b-ifse9gkr6h] {
    min-height: 2.75rem;
    padding: var(--innvilo-space-3) 0;
    border: 0;
    color: var(--innvilo-teal);
    background: transparent;
    font: 700 0.875rem/1.35 Lato, sans-serif;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
    cursor: pointer;
}

.kx-link-button:hover[b-ifse9gkr6h] {
    color: var(--color-primary-hover);
}

.kx-empty[b-ifse9gkr6h] {
    margin: 0;
    color: var(--innvilo-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.kx-content-meta[b-ifse9gkr6h] {
    display: flex;
    align-items: center;
    flex: 1 1 15rem;
    flex-wrap: wrap;
    min-width: 0;
    gap: var(--innvilo-space-3);
}

.kx-category-badge[b-ifse9gkr6h],
.kx-badge[b-ifse9gkr6h] {
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border);
    font-size: 0.75rem;
    font-weight: 700;
}

.kx-category-badge[b-ifse9gkr6h],
.kx-badge.is-neutral[b-ifse9gkr6h] {
    color: var(--innvilo-muted);
    background: var(--innvilo-surface-soft);
}

.kx-badge.is-success[b-ifse9gkr6h] {
    border-color: var(--color-success-border);
    color: var(--color-success);
    background: var(--color-success-soft);
}

.kx-badge.is-warning[b-ifse9gkr6h] {
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
    background: var(--color-warning-soft);
}

.kx-badge.is-danger[b-ifse9gkr6h] {
    border-color: var(--color-error-border);
    color: var(--color-error);
    background: var(--color-error-soft);
}

.kx-badge.is-info[b-ifse9gkr6h] {
    border-color: var(--color-info-border);
    color: var(--color-info);
    background: var(--color-info-soft);
}

.kx-form-grid[b-ifse9gkr6h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    gap: var(--innvilo-space-5) var(--innvilo-space-6);
}

.kx-form-grid label[b-ifse9gkr6h] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-2);
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
}

.kx-form-grid input:not([type="checkbox"])[b-ifse9gkr6h],
.kx-form-grid textarea[b-ifse9gkr6h] {
    width: 100%;
    min-height: 3rem;
    box-sizing: border-box;
    padding: 0.625rem 0.75rem;
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    color: var(--innvilo-text);
    background: var(--innvilo-surface);
    font: 400 1rem/1.35 Lato, sans-serif;
}

.kx-form-grid textarea[b-ifse9gkr6h] {
    min-height: 6rem;
    resize: vertical;
}

.kx-form-wide[b-ifse9gkr6h] {
    grid-column: 1 / -1;
}

.kx-publish-state[b-ifse9gkr6h] {
    display: grid;
    gap: var(--innvilo-space-5);
    margin: var(--innvilo-space-6) 0;
}

.kx-publish-state > div[b-ifse9gkr6h],
.kx-device-details > div[b-ifse9gkr6h] {
    min-width: 0;
}

.kx-publish-state dt[b-ifse9gkr6h],
.kx-device-details dt[b-ifse9gkr6h] {
    color: var(--innvilo-muted);
    font-size: 0.75rem;
    line-height: 1.35;
}

.kx-publish-state dd[b-ifse9gkr6h],
.kx-device-details dd[b-ifse9gkr6h] {
    margin: var(--innvilo-space-1) 0 0;
    color: var(--innvilo-text);
    font-size: 0.875rem;
    line-height: 1.4;
}

.kx-publish-state dd[b-ifse9gkr6h] {
    display: grid;
    justify-items: start;
    gap: var(--innvilo-space-2);
}

.kx-publish-state small[b-ifse9gkr6h],
.kx-history-row small[b-ifse9gkr6h],
.kx-audit-list small[b-ifse9gkr6h] {
    color: var(--innvilo-muted);
    font-size: 0.75rem;
    line-height: 1.4;
}

.kx-publish-actions[b-ifse9gkr6h] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.kx-device-list[b-ifse9gkr6h],
.kx-history-list[b-ifse9gkr6h],
.kx-audit-list[b-ifse9gkr6h] {
    display: grid;
    margin: var(--innvilo-space-6) 0 0;
    padding: 0;
    list-style: none;
}

.kx-device-row[b-ifse9gkr6h],
.kx-history-row[b-ifse9gkr6h],
.kx-audit-list li[b-ifse9gkr6h] {
    min-width: 0;
    padding: var(--innvilo-space-5) 0;
    border-bottom: 1px solid var(--innvilo-border);
}

.kx-device-row:first-child[b-ifse9gkr6h],
.kx-history-row:first-child[b-ifse9gkr6h],
.kx-audit-list li:first-child[b-ifse9gkr6h] {
    padding-top: 0;
}

.kx-device-row:last-child[b-ifse9gkr6h],
.kx-history-row:last-child[b-ifse9gkr6h],
.kx-audit-list li:last-child[b-ifse9gkr6h] {
    padding-bottom: 0;
    border-bottom: 0;
}

.kx-device-head[b-ifse9gkr6h] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.kx-device-details[b-ifse9gkr6h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    margin: var(--innvilo-space-5) 0 0;
}

.kx-device-error[b-ifse9gkr6h] {
    display: flex;
    align-items: flex-start;
    gap: var(--innvilo-space-3);
    margin: var(--innvilo-space-4) 0 0;
    color: var(--color-error);
    font-size: 0.8125rem;
    line-height: 1.45;
}

.kx-device-actions[b-ifse9gkr6h] {
    flex-wrap: wrap;
    margin-top: var(--innvilo-space-3);
    gap: var(--innvilo-space-6);
}

.kx-side-note[b-ifse9gkr6h] {
    margin: var(--innvilo-space-5) 0 0;
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.kx-history-row[b-ifse9gkr6h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-5);
}

.kx-history-row > div[b-ifse9gkr6h],
.kx-audit-list li[b-ifse9gkr6h] {
    display: grid;
    min-width: 0;
    justify-items: start;
    gap: var(--innvilo-space-2);
}

.kx-history-row strong[b-ifse9gkr6h],
.kx-audit-list strong[b-ifse9gkr6h] {
    overflow-wrap: anywhere;
    color: var(--innvilo-text);
    font-size: 0.875rem;
    line-height: 1.35;
}

@media (max-width: 1100px) {
    .kx-layout[b-ifse9gkr6h] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kx-side[b-ifse9gkr6h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kx-publish-panel[b-ifse9gkr6h] {
        grid-row: span 2;
    }
}

@media (prefers-contrast: more) {
    .kx-panel[b-ifse9gkr6h],
    .kx-module-row[b-ifse9gkr6h],
    .kx-content-row[b-ifse9gkr6h],
    .kx-device-row[b-ifse9gkr6h],
    .kx-history-row[b-ifse9gkr6h],
    .kx-audit-list li[b-ifse9gkr6h] {
        border-color: currentColor;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kiosk-experience-desktop-host *[b-ifse9gkr6h],
    .kiosk-experience-desktop-host *[b-ifse9gkr6h]::before,
    .kiosk-experience-desktop-host *[b-ifse9gkr6h]::after {
        transition: none;
    }
}
/* /Components/Pages/Hotel/KioskExperienceMobile.razor.rz.scp.css */
.kiosk-experience-mobile-host[b-vr5bee3ti2] {
    align-content: start;
    min-width: 0;
    color: var(--innvilo-text);
    display: grid;
    font-family: Lato, sans-serif;
    gap: var(--innvilo-space-6);
}

.kxm-scope[b-vr5bee3ti2] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-2);
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
}

.kxm-scope select[b-vr5bee3ti2],
.kxm-form input:not([type="checkbox"])[b-vr5bee3ti2],
.kxm-form textarea[b-vr5bee3ti2] {
    width: 100%;
    min-height: 3rem;
    box-sizing: border-box;
    padding: 0.625rem 0.75rem;
    border: 1px solid var(--innvilo-border);
    border-radius: 6px;
    color: var(--innvilo-text);
    background: var(--innvilo-surface);
    font: 400 1rem/1.35 Lato, sans-serif;
}

.kxm-scope select:focus-visible[b-vr5bee3ti2],
.kxm-form input:focus-visible[b-vr5bee3ti2],
.kxm-form textarea:focus-visible[b-vr5bee3ti2],
.kxm-check input:focus-visible[b-vr5bee3ti2],
.kxm-text-button:focus-visible[b-vr5bee3ti2],
.kxm-action-button:focus-visible[b-vr5bee3ti2],
.kxm-icon-button:focus-visible[b-vr5bee3ti2],
.kxm-disclosure summary:focus-visible[b-vr5bee3ti2] {
    outline: 2px solid var(--innvilo-teal);
    outline-offset: 2px;
}

.kxm-scope-note[b-vr5bee3ti2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    border: 1px solid var(--color-info-border);
    border-radius: 8px;
    color: var(--innvilo-text);
    background: var(--color-info-soft);
    font-size: 0.875rem;
    line-height: 1.45;
}

.kxm-panel[b-vr5bee3ti2],
.kxm-disclosure[b-vr5bee3ti2] {
    min-width: 0;
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
    background: var(--innvilo-surface);
}

.kxm-panel[b-vr5bee3ti2] {
    display: grid;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-6);
}

.kxm-publish-panel[b-vr5bee3ti2] {
    align-content: start;
}

.kxm-panel-heading[b-vr5bee3ti2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    min-width: 0;
    gap: var(--innvilo-space-4);
}

.kxm-panel-heading > div[b-vr5bee3ti2] {
    min-width: 0;
}

.kxm-panel-heading h2[b-vr5bee3ti2],
.kxm-item-heading h3[b-vr5bee3ti2],
.kxm-module-identity h3[b-vr5bee3ti2] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--innvilo-text);
    font-weight: 700;
    line-height: 1.35;
}

.kxm-panel-heading h2[b-vr5bee3ti2] {
    font-size: 1.125rem;
}

.kxm-item-heading h3[b-vr5bee3ti2],
.kxm-module-identity h3[b-vr5bee3ti2] {
    font-size: 0.9375rem;
}

.kxm-panel-heading p[b-vr5bee3ti2] {
    margin: var(--innvilo-space-2) 0 0;
    color: var(--innvilo-muted);
    font-size: 0.875rem;
    line-height: 1.45;
}

.kx-category-badge[b-vr5bee3ti2],
.kx-badge[b-vr5bee3ti2] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border);
    border-radius: var(--innvilo-radius-full);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
}

.kx-category-badge[b-vr5bee3ti2],
.kx-badge.is-neutral[b-vr5bee3ti2] {
    color: var(--innvilo-muted);
    background: var(--innvilo-surface-soft);
}

.kx-badge.is-success[b-vr5bee3ti2] {
    border-color: var(--color-success-border);
    color: var(--color-success);
    background: var(--color-success-soft);
}

.kx-badge.is-warning[b-vr5bee3ti2] {
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
    background: var(--color-warning-soft);
}

.kx-badge.is-danger[b-vr5bee3ti2] {
    border-color: var(--color-error-border);
    color: var(--color-error);
    background: var(--color-error-soft);
}

.kx-badge.is-info[b-vr5bee3ti2] {
    border-color: var(--color-info-border);
    color: var(--color-info);
    background: var(--color-info-soft);
}

.kxm-summary-list[b-vr5bee3ti2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-5);
    margin: 0;
}

.kxm-summary-list > div[b-vr5bee3ti2] {
    min-width: 0;
}

.kxm-summary-list dt[b-vr5bee3ti2] {
    color: var(--innvilo-muted);
    font-size: 0.75rem;
    line-height: 1.35;
}

.kxm-summary-list dd[b-vr5bee3ti2] {
    margin: var(--innvilo-space-1) 0 0;
    overflow-wrap: anywhere;
    color: var(--innvilo-text);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.35;
}

.kxm-primary-actions[b-vr5bee3ti2],
.kxm-secondary-actions[b-vr5bee3ti2],
.kxm-item-actions[b-vr5bee3ti2] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.kxm-primary-actions[b-vr5bee3ti2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kxm-primary-actions > :last-child:nth-child(odd)[b-vr5bee3ti2] {
    grid-column: 1 / -1;
}

.kxm-secondary-actions[b-vr5bee3ti2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kxm-text-button[b-vr5bee3ti2],
.kxm-action-button[b-vr5bee3ti2],
.kxm-icon-button[b-vr5bee3ti2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    gap: var(--innvilo-space-3);
    border-radius: 6px;
    font: 700 0.875rem/1.3 Lato, sans-serif;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease;
}

.kxm-text-button[b-vr5bee3ti2] {
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    border: 0;
    color: var(--innvilo-teal);
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.kxm-action-button[b-vr5bee3ti2] {
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border);
    color: var(--innvilo-text);
    background: var(--innvilo-surface);
}

.kxm-icon-button[b-vr5bee3ti2] {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid var(--innvilo-border);
    color: var(--innvilo-muted);
    background: var(--innvilo-surface);
}

.kxm-text-button:hover[b-vr5bee3ti2],
.kxm-action-button:hover[b-vr5bee3ti2],
.kxm-icon-button:hover[b-vr5bee3ti2] {
    color: var(--color-primary-hover);
    background: var(--innvilo-surface-soft);
}

.kxm-action-button.is-danger:hover[b-vr5bee3ti2] {
    border-color: var(--color-error-border);
    color: var(--color-error);
    background: var(--color-error-soft);
}

.kxm-text-button:disabled[b-vr5bee3ti2],
.kxm-action-button:disabled[b-vr5bee3ti2],
.kxm-icon-button:disabled[b-vr5bee3ti2] {
    color: var(--innvilo-text-disabled);
    cursor: not-allowed;
}

.kxm-disclosure[b-vr5bee3ti2] {
    overflow: clip;
}

.kxm-disclosure > summary[b-vr5bee3ti2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.5rem;
    box-sizing: border-box;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    color: var(--innvilo-text);
    background: var(--innvilo-surface);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.35;
    cursor: pointer;
    list-style-position: inside;
    transition: background-color 140ms ease;
}

.kxm-disclosure > summary:hover[b-vr5bee3ti2] {
    background: var(--innvilo-surface-soft);
}

.kxm-disclosure > summary span[b-vr5bee3ti2] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: var(--innvilo-space-3);
}

.kxm-disclosure > summary span i[b-vr5bee3ti2] {
    color: var(--innvilo-teal);
}

.kxm-disclosure > summary small[b-vr5bee3ti2] {
    flex: 0 0 auto;
    color: var(--innvilo-muted);
    font-size: 0.75rem;
    font-weight: 400;
}

.kxm-disclosure[open] > summary[b-vr5bee3ti2] {
    border-bottom: 1px solid var(--innvilo-border);
}

.kxm-disclosure-body[b-vr5bee3ti2] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-6);
}

.kxm-item[b-vr5bee3ti2] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-4);
    padding: 0 0 var(--innvilo-space-5);
    border-bottom: 1px solid var(--innvilo-border);
    transition: opacity 180ms ease;
}

.kxm-item:last-child[b-vr5bee3ti2] {
    padding-bottom: 0;
    border-bottom: 0;
}

.kxm-item.is-disabled[b-vr5bee3ti2] {
    opacity: 0.58;
}

.kxm-item-heading[b-vr5bee3ti2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-width: 0;
    gap: var(--innvilo-space-4);
}

.kxm-module-identity[b-vr5bee3ti2] {
    display: flex;
    align-items: flex-start;
    min-width: 0;
    gap: var(--innvilo-space-4);
}

.kxm-module-identity > i[b-vr5bee3ti2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    min-height: 2.75rem;
    flex: 0 0 auto;
    color: var(--innvilo-teal);
    font-size: 1.125rem;
}

.kxm-module-identity > span[b-vr5bee3ti2] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-1);
}

.kxm-module-identity small[b-vr5bee3ti2],
.kxm-item-heading small[b-vr5bee3ti2] {
    overflow-wrap: anywhere;
    color: var(--innvilo-muted);
    font-size: 0.8125rem;
    line-height: 1.45;
}

.kxm-check[b-vr5bee3ti2] {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    flex: 0 0 auto;
    gap: var(--innvilo-space-3);
    color: var(--innvilo-muted);
    font-size: 0.875rem;
    line-height: 1.35;
    cursor: pointer;
}

.kxm-check input[b-vr5bee3ti2] {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    margin: 0;
    accent-color: var(--innvilo-teal);
}

.kxm-check-wide[b-vr5bee3ti2],
.kxm-menu-check[b-vr5bee3ti2] {
    width: 100%;
}

.kxm-item-status[b-vr5bee3ti2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    color: var(--innvilo-muted);
    font-size: 0.75rem;
    line-height: 1.35;
}

.kxm-item-status span[b-vr5bee3ti2] {
    display: inline-flex;
    align-items: center;
    gap: var(--innvilo-space-2);
}

.kxm-item-actions[b-vr5bee3ti2] {
    grid-template-columns: auto auto minmax(0, 1fr);
}

.kxm-form[b-vr5bee3ti2] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-5);
}

.kxm-form label[b-vr5bee3ti2] {
    display: grid;
    min-width: 0;
    gap: var(--innvilo-space-2);
    color: var(--innvilo-text);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
}

.kxm-form textarea[b-vr5bee3ti2] {
    min-height: 7rem;
    resize: vertical;
}

.kxm-note[b-vr5bee3ti2],
.kxm-empty[b-vr5bee3ti2],
.kxm-error[b-vr5bee3ti2] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.kxm-note[b-vr5bee3ti2],
.kxm-empty[b-vr5bee3ti2] {
    color: var(--innvilo-muted);
}

.kxm-error[b-vr5bee3ti2] {
    display: flex;
    align-items: flex-start;
    gap: var(--innvilo-space-3);
    color: var(--color-error);
}

.kxm-audit-list[b-vr5bee3ti2] {
    display: grid;
    margin: 0;
    padding: 0 0 0 1.25rem;
}

.kxm-audit-list li[b-vr5bee3ti2] {
    padding: var(--innvilo-space-4) 0;
    border-bottom: 1px solid var(--innvilo-border);
}

.kxm-audit-list li:first-child[b-vr5bee3ti2] {
    padding-top: 0;
}

.kxm-audit-list li:last-child[b-vr5bee3ti2] {
    padding-bottom: 0;
    border-bottom: 0;
}

.kxm-audit-list strong[b-vr5bee3ti2],
.kxm-audit-list small[b-vr5bee3ti2],
.kxm-audit-list span[b-vr5bee3ti2] {
    display: block;
    overflow-wrap: anywhere;
}

.kxm-audit-list strong[b-vr5bee3ti2] {
    color: var(--innvilo-text);
    font-size: 0.875rem;
}

.kxm-audit-list small[b-vr5bee3ti2],
.kxm-audit-list span[b-vr5bee3ti2] {
    margin-top: var(--innvilo-space-1);
    color: var(--innvilo-muted);
    font-size: 0.75rem;
    line-height: 1.4;
}

@media (max-width: 389px) {
    .kxm-primary-actions[b-vr5bee3ti2],
    .kxm-secondary-actions[b-vr5bee3ti2],
    .kxm-summary-list[b-vr5bee3ti2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kxm-primary-actions > :last-child:nth-child(odd)[b-vr5bee3ti2] {
        grid-column: auto;
    }

    .kxm-item-heading[b-vr5bee3ti2] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-contrast: more) {
    .kxm-panel[b-vr5bee3ti2],
    .kxm-disclosure[b-vr5bee3ti2],
    .kxm-item[b-vr5bee3ti2],
    .kxm-audit-list li[b-vr5bee3ti2] {
        border-color: currentColor;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kiosk-experience-mobile-host *[b-vr5bee3ti2],
    .kiosk-experience-mobile-host *[b-vr5bee3ti2]::before,
    .kiosk-experience-mobile-host *[b-vr5bee3ti2]::after {
        transition: none;
    }
}
/* /Components/Pages/Hotel/Messaging/MessagingBoard.razor.rz.scp.css */
/* Seitencontainer: Blockrhythmus kommt aus .pms-worklist, die Seite begrenzt nur die Inhaltsbreite. */
.messaging-page[b-cti6nebh1l] {
    font-family: Lato, sans-serif;
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
}

/* Rückmeldung nach der Einwilligung in Microsoft 365, ohne Icon und ohne eigene Akzentfarbe. */
.messaging-consent-notice[b-cti6nebh1l] {
    align-items: center;
    border: 1px solid var(--innvilo-border);
    border-radius: var(--innvilo-radius);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.messaging-consent-notice.is-success[b-cti6nebh1l] {
    background: var(--innvilo-teal-soft);
    border-color: var(--innvilo-teal);
}

.messaging-consent-notice.is-warning[b-cti6nebh1l] {
    border-color: var(--innvilo-danger);
}

.messaging-consent-notice > div[b-cti6nebh1l] {
    display: grid;
    gap: var(--innvilo-space-2);
    max-width: 70ch;
}

.messaging-consent-notice span[b-cti6nebh1l] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}
/* /Components/Pages/Hotel/Messaging/MessagingBrevoEmailEditor.razor.rz.scp.css */
.messaging-brevo[b-b4wlbsvzeb] {
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
}

/* Feste Verbindungsdaten stehen als Angabe, nicht als Eingabefeld. */
.messaging-brevo__fixed[b-b4wlbsvzeb] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.messaging-brevo__fixed dt[b-b4wlbsvzeb] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.messaging-brevo__fixed dd[b-b4wlbsvzeb] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    margin: var(--innvilo-space-2) 0 0;
    overflow-wrap: anywhere;
}

.messaging-brevo__grid[b-b4wlbsvzeb] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.messaging-brevo__field[b-b4wlbsvzeb] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.messaging-brevo__field.is-wide[b-b4wlbsvzeb] {
    grid-column: 1 / -1;
}

.messaging-brevo__field > span[b-b4wlbsvzeb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.messaging-brevo__field small[b-b4wlbsvzeb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
}

.messaging-brevo__steps[b-b4wlbsvzeb] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    list-style: none;
    margin: 0;
    padding: var(--innvilo-space-6) 0 0;
}

.messaging-brevo__steps li[b-b4wlbsvzeb] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
}

.messaging-brevo__steps li > span:first-child[b-b4wlbsvzeb] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
}

@media (max-width: 40rem) {
    .messaging-brevo__fixed[b-b4wlbsvzeb],
    .messaging-brevo__grid[b-b4wlbsvzeb] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Die Rückrufadresse ist lang und bekommt deshalb die ganze Zeile. */
.messaging-brevo__fixed .is-wide[b-b4wlbsvzeb] {
    grid-column: 1 / -1;
}
/* /Components/Pages/Hotel/Messaging/MessagingDesktop.razor.rz.scp.css */
.messaging-desktop[b-m3eyo8pulz] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.messaging-block[b-m3eyo8pulz] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.messaging-block__head[b-m3eyo8pulz] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.messaging-block__head h2[b-m3eyo8pulz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.messaging-block__head p[b-m3eyo8pulz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 0;
    max-width: 68ch;
}

.messaging-block__count[b-m3eyo8pulz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    white-space: nowrap;
}

.messaging-channels-grid[b-m3eyo8pulz],
.messaging-log__grid[b-m3eyo8pulz] {
    min-width: 0;
}

.messaging-channel-cell[b-m3eyo8pulz] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.messaging-channel-cell strong[b-m3eyo8pulz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.messaging-channel-cell small[b-m3eyo8pulz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messaging-channel-actions[b-m3eyo8pulz] {
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
}

.messaging-log__sent[b-m3eyo8pulz] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.messaging-log__sent strong[b-m3eyo8pulz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.messaging-log__sent small[b-m3eyo8pulz],
.messaging-log__time[b-m3eyo8pulz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.messaging-log__recipient[b-m3eyo8pulz] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 70rem) {
    .messaging-block__head[b-m3eyo8pulz] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-3);
    }
}
/* /Components/Pages/Hotel/Messaging/MessagingEmailLog.razor.rz.scp.css */
.messaging-email-log[b-gye69enobf] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.messaging-email-log__head[b-gye69enobf] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.messaging-email-log__head h2[b-gye69enobf] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.messaging-email-log__head p[b-gye69enobf] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 0;
    max-width: 68ch;
}

.messaging-email-log__count[b-gye69enobf] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    white-space: nowrap;
}

.messaging-email-log__grid[b-gye69enobf] {
    min-width: 0;
}

.messaging-email-sent[b-gye69enobf] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.messaging-email-sent strong[b-gye69enobf] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.messaging-email-sent small[b-gye69enobf],
.messaging-email-time[b-gye69enobf] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.messaging-email-recipient[b-gye69enobf] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messaging-email-subject-cell[b-gye69enobf] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.messaging-email-subject-cell small[b-gye69enobf] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messaging-email-subject[b-gye69enobf] {
    background: none;
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: inherit;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: var(--innvilo-border-default);
    text-underline-offset: 3px;
    text-overflow: ellipsis;
    transition: color 140ms ease-out, text-decoration-color 140ms ease-out;
    white-space: nowrap;
}

.messaging-email-subject:hover[b-gye69enobf] {
    color: var(--innvilo-text-link);
    text-decoration-color: var(--innvilo-text-link);
}

.messaging-email-subject:focus-visible[b-gye69enobf] {
    border-radius: var(--innvilo-radius-xs);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.messaging-email-cards[b-gye69enobf] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.messaging-email-card[b-gye69enobf] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.messaging-email-card.is-attention[b-gye69enobf] {
    border-left: 3px solid var(--color-warning);
}

.messaging-email-card > header[b-gye69enobf] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.messaging-email-card > header > div[b-gye69enobf] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.messaging-email-card > header .messaging-email-subject[b-gye69enobf] {
    font-size: var(--innvilo-font-size-label);
    min-height: 2.75rem;
    white-space: normal;
}

.messaging-email-card > header span[b-gye69enobf] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messaging-email-card__meta[b-gye69enobf] {
    color: var(--innvilo-text-secondary);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    margin: 0;
}

.messaging-email-card__meta i[b-gye69enobf] {
    color: var(--innvilo-text-muted);
    margin-right: var(--innvilo-space-3);
    width: 1rem;
}

@media (max-width: 70rem) {
    .messaging-email-log__head[b-gye69enobf] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-3);
    }
}

@media (prefers-reduced-motion: reduce) {
    .messaging-email-subject[b-gye69enobf] {
        transition: none;
    }
}
/* /Components/Pages/Hotel/Messaging/MessagingEmailTimelinePopup.razor.rz.scp.css */
.email-timeline[b-h9k4ig2zsd] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.email-timeline__facts[b-h9k4ig2zsd] {
    display: grid;
    gap: var(--innvilo-space-3) var(--innvilo-space-6);
    grid-template-columns: max-content minmax(0, 1fr);
    margin: 0;
}

.email-timeline__facts dt[b-h9k4ig2zsd] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.email-timeline__facts dd[b-h9k4ig2zsd] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    margin: 0;
    overflow-wrap: anywhere;
}

.email-timeline__hint[b-h9k4ig2zsd] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 68ch;
}

.email-timeline__steps[b-h9k4ig2zsd] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    list-style: none;
    margin: 0;
    padding: var(--innvilo-space-6) 0 0;
}

.email-timeline__step[b-h9k4ig2zsd] {
    border-left: 2px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-2);
    padding-left: var(--innvilo-space-5);
}

.email-timeline__step.is-informational[b-h9k4ig2zsd] {
    border-left-style: dashed;
}

.email-timeline__time[b-h9k4ig2zsd] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.email-timeline__label[b-h9k4ig2zsd] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.email-timeline__note[b-h9k4ig2zsd] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow-wrap: anywhere;
}

@media (max-width: 34rem) {
    .email-timeline__facts[b-h9k4ig2zsd] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--innvilo-space-2);
    }
}
/* /Components/Pages/Hotel/Messaging/MessagingMobile.razor.rz.scp.css */
.messaging-mobile[b-d00lsujc6v] {
    display: grid;
    gap: var(--innvilo-space-9);
    min-width: 0;
}

.messaging-mobile-channels[b-d00lsujc6v] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.messaging-mobile-channel[b-d00lsujc6v] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.messaging-mobile-channel.is-attention[b-d00lsujc6v] {
    border-left: 3px solid var(--color-warning);
}

.messaging-mobile-channel > header[b-d00lsujc6v] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.messaging-mobile-channel > header > div[b-d00lsujc6v] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.messaging-mobile-channel strong[b-d00lsujc6v] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.messaging-mobile-channel > header span[b-d00lsujc6v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.messaging-mobile-channel__meta[b-d00lsujc6v],
.messaging-mobile-card__meta[b-d00lsujc6v] {
    color: var(--innvilo-text-secondary);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    margin: 0;
}

.messaging-mobile-channel__meta i[b-d00lsujc6v],
.messaging-mobile-card__meta i[b-d00lsujc6v] {
    color: var(--innvilo-text-muted);
    margin-right: var(--innvilo-space-3);
    width: 1rem;
}

.messaging-mobile-channel > footer[b-d00lsujc6v] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.messaging-mobile-log[b-d00lsujc6v] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.messaging-mobile-log__head[b-d00lsujc6v] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.messaging-mobile-log__head h2[b-d00lsujc6v] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.messaging-mobile-log__head span[b-d00lsujc6v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.messaging-mobile-cards[b-d00lsujc6v] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.messaging-mobile-card[b-d00lsujc6v] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.messaging-mobile-card.is-attention[b-d00lsujc6v] {
    border-left: 3px solid var(--color-warning);
}

.messaging-mobile-card > header[b-d00lsujc6v] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.messaging-mobile-card > header > div[b-d00lsujc6v] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.messaging-mobile-card strong[b-d00lsujc6v] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.messaging-mobile-card > header span[b-d00lsujc6v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 26rem) {
    .messaging-mobile-channel > footer[b-d00lsujc6v] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Hotel/Messaging/MessagingProviderPopup.razor.rz.scp.css */
.messaging-provider[b-jtfgc8n5ih] {
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
}

/* Zwei Schritte als schlichte Zeile, ohne Icon-Kästen. */
.messaging-provider__steps[b-jtfgc8n5ih] {
    display: flex;
    gap: var(--innvilo-space-8);
    list-style: none;
    margin: 0;
    padding: 0 0 var(--innvilo-space-5);
    border-bottom: 1px solid var(--innvilo-border-default);
}

.messaging-provider__steps li[b-jtfgc8n5ih] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.messaging-provider__steps li > span:first-child[b-jtfgc8n5ih] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    display: inline-flex;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
}

.messaging-provider__steps li.is-current[b-jtfgc8n5ih],
.messaging-provider__steps li.is-done[b-jtfgc8n5ih] {
    color: var(--innvilo-text-primary);
}

.messaging-provider__steps li.is-current > span:first-child[b-jtfgc8n5ih] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--innvilo-text-inverse);
}

.messaging-provider__choices[b-jtfgc8n5ih] {
    border: 0;
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.messaging-provider__choices legend[b-jtfgc8n5ih] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    margin-bottom: var(--innvilo-space-4);
    padding: 0;
}

.messaging-provider__choice[b-jtfgc8n5ih] {
    align-items: flex-start;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    cursor: pointer;
    display: flex;
    gap: var(--innvilo-space-5);
    min-height: 2.75rem;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    transition: border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.messaging-provider__choice:hover[b-jtfgc8n5ih] {
    background: var(--innvilo-surface-app);
}

.messaging-provider__choice.is-selected[b-jtfgc8n5ih] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
}

.messaging-provider__choice:focus-within[b-jtfgc8n5ih] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.messaging-provider__choice input[b-jtfgc8n5ih] {
    accent-color: var(--color-primary);
    height: 1.125rem;
    margin-top: var(--innvilo-space-1);
    width: 1.125rem;
}

.messaging-provider__choice-text[b-jtfgc8n5ih] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.messaging-provider__choice-text strong[b-jtfgc8n5ih] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.messaging-provider__choice-text small[b-jtfgc8n5ih] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
}

.messaging-provider__note[b-jtfgc8n5ih] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 62ch;
}

@media (prefers-reduced-motion: reduce) {
    .messaging-provider__choice[b-jtfgc8n5ih] {
        transition: none;
    }
}

/* Empfehlungsmarke im Anbietereintrag, ruhig und ohne eigene Farbe je Anbieter. */
.messaging-provider__recommended[b-jtfgc8n5ih] {
    background: var(--innvilo-color-primary-soft);
    border-radius: var(--innvilo-radius-full);
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    margin-left: var(--innvilo-space-4);
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
    white-space: nowrap;
}
/* /Components/Pages/Hotel/Messaging/MessagingTestPopup.razor.rz.scp.css */
.messaging-test[b-49pk85r62n] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.messaging-test__field[b-49pk85r62n] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.messaging-test__field > span[b-49pk85r62n] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.messaging-test__hint[b-49pk85r62n] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
}
/* /Components/Pages/Hotel/RoomEditorForm.razor.rz.scp.css */
.room-editor-form[b-5o151hphfj],
.room-editor-form__fields[b-5o151hphfj] {
    min-width: 0;
}

.room-editor-form__fields[b-5o151hphfj] {
    margin: 0;
    padding: 0;
    border: 0;
}

.room-editor-form__notice[b-5o151hphfj] {
    margin: 1rem 0 0;
    padding: 0.75rem 1rem;
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
    font-family: Lato, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--innvilo-muted);
    background: var(--innvilo-surface-soft);
}
/* /Components/Pages/Hotel/RoomTypeEditorForm.razor.rz.scp.css */
.room-type-editor[b-zslin4x0ih],
.room-type-editor__fields[b-zslin4x0ih] {
    min-width: 0;
}

.room-type-editor__fields[b-zslin4x0ih] {
    margin: 0;
    padding: 0;
    border: 0;
}

.room-type-editor__grid[b-zslin4x0ih] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.room-type-editor__grid label[b-zslin4x0ih] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
    color: var(--innvilo-text);
    font: 600 0.875rem/1.35 Lato, sans-serif;
}

.room-type-editor__wide[b-zslin4x0ih] {
    grid-column: 1 / -1;
}

.room-type-editor__check[b-zslin4x0ih] {
    align-content: center;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    min-height: 2.75rem;
}

.room-type-editor__check input[b-zslin4x0ih] {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
}

.room-type-editor__notice[b-zslin4x0ih] {
    margin: 1rem 0 0;
    padding: 0.75rem 1rem;
    border: 1px solid var(--innvilo-border);
    border-radius: 8px;
    color: var(--innvilo-muted);
    background: var(--innvilo-surface-soft);
}

@media (max-width: 47.999rem) {
    .room-type-editor__grid[b-zslin4x0ih] {
        grid-template-columns: minmax(0, 1fr);
    }

    .room-type-editor__wide[b-zslin4x0ih] {
        grid-column: auto;
    }
}
/* /Components/Pages/Hotel/Services/HotelServiceBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.hotelservice-page[b-q9fpejdenf] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.hotelservice-viewport-skeleton[b-q9fpejdenf] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.hotelservice-viewport-skeleton span[b-q9fpejdenf] {
    animation: hotelservice-viewport-pulse-b-q9fpejdenf 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.hotelservice-viewport-skeleton .is-breadcrumb[b-q9fpejdenf] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.hotelservice-viewport-skeleton .is-title[b-q9fpejdenf] {
    height: 4.5rem;
}

.hotelservice-viewport-skeleton .is-toolbar[b-q9fpejdenf] {
    height: 6rem;
}

.hotelservice-viewport-skeleton .is-content[b-q9fpejdenf] {
    height: 22rem;
}

@keyframes hotelservice-viewport-pulse-b-q9fpejdenf {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .hotelservice-viewport-skeleton span[b-q9fpejdenf] {
        animation: none;
    }
}
/* /Components/Pages/Hotel/Services/HotelServiceDesktop.razor.rz.scp.css */
/* Desktop workspace of the hotel-service board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks. */

.hotelservice-desktop[b-ynv811uzn4] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.hotelservice-breadcrumb[b-ynv811uzn4] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.hotelservice-breadcrumb a[b-ynv811uzn4] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.hotelservice-breadcrumb a:hover[b-ynv811uzn4],
.hotelservice-breadcrumb a:focus-visible[b-ynv811uzn4] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.hotelservice-breadcrumb a:focus-visible[b-ynv811uzn4] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.hotelservice-breadcrumb i[b-ynv811uzn4] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.hotelservice-breadcrumb [aria-current='page'][b-ynv811uzn4] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.hotelservice-head[b-ynv811uzn4] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.hotelservice-head__copy[b-ynv811uzn4] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.hotelservice-head__title-row[b-ynv811uzn4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.hotelservice-head h1[b-ynv811uzn4] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.hotelservice-head__lead[b-ynv811uzn4] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.hotelservice-head__meta[b-ynv811uzn4] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.hotelservice-open-badge[b-ynv811uzn4] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.hotelservice-head__actions[b-ynv811uzn4] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.hotelservice-kpis[b-ynv811uzn4] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.hotelservice-kpi[b-ynv811uzn4] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.hotelservice-kpi + .hotelservice-kpi[b-ynv811uzn4] {
    border-left: 1px solid var(--innvilo-border-default);
}

.hotelservice-kpi.is-current[b-ynv811uzn4]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.hotelservice-kpi__label[b-ynv811uzn4] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.hotelservice-kpi__value[b-ynv811uzn4] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.hotelservice-kpi.is-current .hotelservice-kpi__value[b-ynv811uzn4] {
    color: var(--color-primary);
}

.hotelservice-kpi.is-attention .hotelservice-kpi__value[b-ynv811uzn4] {
    color: var(--color-warning-text);
}

.hotelservice-kpi.is-positive .hotelservice-kpi__value[b-ynv811uzn4] {
    color: var(--color-success);
}

.hotelservice-kpi__detail[b-ynv811uzn4] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* Workspace: toolbar, optional pill row, then grid or state. */

.hotelservice-workspace[b-ynv811uzn4] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.hotelservice-toolbar[b-ynv811uzn4] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.hotelservice-search[b-ynv811uzn4] {
    flex: 0 1 22rem;
    min-width: 12rem;
}

.hotelservice-toolbar__filters[b-ynv811uzn4] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.hotelservice-pills[b-ynv811uzn4] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.hotelservice-pills__label[b-ynv811uzn4] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.hotelservice-pills__list[b-ynv811uzn4] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.hotelservice-pill[b-ynv811uzn4] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.hotelservice-pill > span[b-ynv811uzn4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hotelservice-pill__remove[b-ynv811uzn4] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.hotelservice-pill__remove:hover[b-ynv811uzn4] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.hotelservice-pill__remove:focus-visible[b-ynv811uzn4],
.hotelservice-pills__clear:focus-visible[b-ynv811uzn4] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.hotelservice-pills__clear[b-ynv811uzn4] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.hotelservice-grid-host[b-ynv811uzn4] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. The grid only holds the current page. */

.hotelservice-pager[b-ynv811uzn4] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.hotelservice-pager__size[b-ynv811uzn4] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.hotelservice-pager__size > span[b-ynv811uzn4] {
    white-space: nowrap;
}

.hotelservice-pager__nav[b-ynv811uzn4] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.hotelservice-pager__page[b-ynv811uzn4] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.hotelservice-pager__page strong[b-ynv811uzn4] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hotelservice-grid-results[b-ynv811uzn4] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.hotelservice-cell[b-ynv811uzn4] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.hotelservice-cell.is-right[b-ynv811uzn4] {
    justify-items: end;
    text-align: right;
}

.hotelservice-cell strong[b-ynv811uzn4] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.hotelservice-cell small[b-ynv811uzn4] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.hotelservice-code[b-ynv811uzn4] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.hotelservice-category[b-ynv811uzn4],
.hotelservice-unit[b-ynv811uzn4] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.hotelservice-price[b-ynv811uzn4] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.hotelservice-change[b-ynv811uzn4] {
    font-variant-numeric: tabular-nums;
}

.hotelservice-row-actions[b-ynv811uzn4] {
    display: inline-flex;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.hotelservice-state[b-ynv811uzn4] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.hotelservice-state > *[b-ynv811uzn4] {
    animation: hotelservice-state-in-b-ynv811uzn4 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.hotelservice-state > :nth-child(2)[b-ynv811uzn4] { animation-delay: 40ms; }
.hotelservice-state > :nth-child(3)[b-ynv811uzn4] { animation-delay: 80ms; }
.hotelservice-state > :nth-child(4)[b-ynv811uzn4] { animation-delay: 120ms; }

@keyframes hotelservice-state-in-b-ynv811uzn4 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.hotelservice-state > i[b-ynv811uzn4] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.hotelservice-state--error > i[b-ynv811uzn4] {
    color: var(--color-error);
}

.hotelservice-state__copy[b-ynv811uzn4] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.hotelservice-state h3[b-ynv811uzn4] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.hotelservice-state p[b-ynv811uzn4] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.hotelservice-state__actions[b-ynv811uzn4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.hotelservice-state--filtered[b-ynv811uzn4],
.hotelservice-state--error[b-ynv811uzn4] {
    padding-block: var(--innvilo-space-11);
}

/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.hotelservice-state__art[b-ynv811uzn4] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.hotelservice-state__art > span[b-ynv811uzn4] {
    animation: hotelservice-state-row-in-b-ynv811uzn4 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.hotelservice-state__art > span[b-ynv811uzn4]::before,
.hotelservice-state__art > span[b-ynv811uzn4]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.hotelservice-state__art > span[b-ynv811uzn4]::before {
    top: 0.625rem;
    width: 38%;
}

.hotelservice-state__art > span[b-ynv811uzn4]::after {
    bottom: 0.625rem;
    width: 58%;
}

.hotelservice-state__art > span:nth-child(1)[b-ynv811uzn4] {
    opacity: .35;
    transform: scale(.94);
}

.hotelservice-state__art > span:nth-child(2)[b-ynv811uzn4] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.hotelservice-state__art > span:nth-child(3)[b-ynv811uzn4] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.hotelservice-state__art > i[b-ynv811uzn4] {
    align-items: center;
    animation: hotelservice-state-in-b-ynv811uzn4 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.hotelservice-state__art.is-filtered > span:nth-child(3)[b-ynv811uzn4]::before,
.hotelservice-state__art.is-filtered > span:nth-child(3)[b-ynv811uzn4]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes hotelservice-state-row-in-b-ynv811uzn4 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.hotelservice-desktop-skeleton[b-ynv811uzn4] {
    display: grid;
    gap: 1px;
}

.hotelservice-desktop-skeleton span[b-ynv811uzn4] {
    animation: hotelservice-pulse-b-ynv811uzn4 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.hotelservice-desktop-skeleton span.is-header[b-ynv811uzn4] {
    height: 2.75rem;
}

@keyframes hotelservice-pulse-b-ynv811uzn4 {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .hotelservice-kpis[b-ynv811uzn4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hotelservice-kpi:nth-child(3)[b-ynv811uzn4] {
        border-left: 0;
    }

    .hotelservice-kpi:nth-child(n + 3)[b-ynv811uzn4] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .hotelservice-search[b-ynv811uzn4] {
        flex: 1 1 100%;
    }

    .hotelservice-toolbar__filters[b-ynv811uzn4] {
        width: 100%;
    }

    .hotelservice-head[b-ynv811uzn4] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .hotelservice-head__actions[b-ynv811uzn4] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hotelservice-breadcrumb a[b-ynv811uzn4],
    .hotelservice-pill__remove[b-ynv811uzn4] {
        transition: none;
    }

    .hotelservice-state > *[b-ynv811uzn4],
    .hotelservice-state__art > span[b-ynv811uzn4],
    .hotelservice-state__art > i[b-ynv811uzn4],
    .hotelservice-desktop-skeleton span[b-ynv811uzn4] {
        animation: none;
    }
}
/* /Components/Pages/Hotel/Services/HotelServiceMobile.razor.rz.scp.css */
/* Mobile workspace of the hotel-service board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.hotelservice-mobile[b-f34fh9lo0m] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.hotelservice-breadcrumb[b-f34fh9lo0m] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.hotelservice-breadcrumb a[b-f34fh9lo0m] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.hotelservice-breadcrumb a:focus-visible[b-f34fh9lo0m] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.hotelservice-breadcrumb i[b-f34fh9lo0m] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.hotelservice-breadcrumb [aria-current='page'][b-f34fh9lo0m] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.hotelservice-mobile-header[b-f34fh9lo0m] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.hotelservice-mobile-header__copy[b-f34fh9lo0m] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.hotelservice-mobile-header h1[b-f34fh9lo0m] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.hotelservice-mobile-header p[b-f34fh9lo0m] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.hotelservice-mobile-header p span:first-child[b-f34fh9lo0m] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hotelservice-mobile-header__actions[b-f34fh9lo0m] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.hotelservice-mobile-kpis[b-f34fh9lo0m] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.hotelservice-mobile-kpi[b-f34fh9lo0m] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.hotelservice-mobile-kpi:nth-child(even)[b-f34fh9lo0m] {
    border-left: 1px solid var(--innvilo-border-default);
}

.hotelservice-mobile-kpi:nth-child(n + 3)[b-f34fh9lo0m] {
    border-top: 1px solid var(--innvilo-border-default);
}

.hotelservice-mobile-kpi.is-current[b-f34fh9lo0m]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.hotelservice-mobile-kpi span[b-f34fh9lo0m] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hotelservice-mobile-kpi strong[b-f34fh9lo0m] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.hotelservice-mobile-kpi.is-current strong[b-f34fh9lo0m] {
    color: var(--color-primary);
}

.hotelservice-mobile-kpi.is-attention strong[b-f34fh9lo0m] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.hotelservice-mobile-tools[b-f34fh9lo0m] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.hotelservice-mobile-tools > :first-child + *[b-f34fh9lo0m] {
    flex: 1 1 auto;
    min-width: 0;
}

.hotelservice-mobile-filter__count[b-f34fh9lo0m] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills */

.hotelservice-pills[b-f34fh9lo0m] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.hotelservice-pills__list[b-f34fh9lo0m] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.hotelservice-pill[b-f34fh9lo0m] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.hotelservice-pill > span[b-f34fh9lo0m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hotelservice-pill__remove[b-f34fh9lo0m] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.hotelservice-pill__remove:focus-visible[b-f34fh9lo0m],
.hotelservice-overlay__row:focus-visible[b-f34fh9lo0m],
.hotelservice-overlay__close:focus-visible[b-f34fh9lo0m],
.hotelservice-overlay__back:focus-visible[b-f34fh9lo0m] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.hotelservice-overlay[b-f34fh9lo0m] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.hotelservice-overlay__head[b-f34fh9lo0m] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.hotelservice-overlay__head h2[b-f34fh9lo0m] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.hotelservice-overlay__close[b-f34fh9lo0m],
.hotelservice-overlay__back[b-f34fh9lo0m] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.hotelservice-overlay__back[b-f34fh9lo0m] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.hotelservice-overlay__close[b-f34fh9lo0m] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.hotelservice-overlay__body[b-f34fh9lo0m] {
    min-height: 0;
    overflow-y: auto;
}

.hotelservice-overlay__rows[b-f34fh9lo0m] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.hotelservice-overlay__row[b-f34fh9lo0m] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.hotelservice-overlay__row-label[b-f34fh9lo0m] {
    flex: 1 1 auto;
    min-width: 0;
}

.hotelservice-overlay__row-count[b-f34fh9lo0m] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.hotelservice-overlay__row > i[b-f34fh9lo0m] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.hotelservice-overlay__foot[b-f34fh9lo0m] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.hotelservice-mobile-list[b-f34fh9lo0m],
.hotelservice-mobile-cards[b-f34fh9lo0m] {
    display: grid;
    min-width: 0;
}

.hotelservice-mobile-list[b-f34fh9lo0m] {
    gap: var(--innvilo-space-6);
}

.hotelservice-mobile-cards[b-f34fh9lo0m] {
    gap: var(--innvilo-space-5);
}

.hotelservice-mobile-card[b-f34fh9lo0m] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.hotelservice-mobile-card.is-inactive[b-f34fh9lo0m]::before {
    background: var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.hotelservice-mobile-card__header[b-f34fh9lo0m] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.hotelservice-mobile-card__identity[b-f34fh9lo0m] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.hotelservice-mobile-card__identity > strong[b-f34fh9lo0m] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.hotelservice-mobile-card__identity span[b-f34fh9lo0m],
.hotelservice-mobile-card__meta[b-f34fh9lo0m],
.hotelservice-mobile-card__price span[b-f34fh9lo0m] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.hotelservice-code[b-f34fh9lo0m] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.hotelservice-mobile-card__description[b-f34fh9lo0m] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.hotelservice-mobile-card__price[b-f34fh9lo0m] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hotelservice-mobile-card__price strong[b-f34fh9lo0m] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.hotelservice-mobile-card__meta[b-f34fh9lo0m] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.hotelservice-mobile-card__meta span[b-f34fh9lo0m] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.hotelservice-mobile-card__meta i[b-f34fh9lo0m] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.hotelservice-mobile-card__footer[b-f34fh9lo0m] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

/* States */

.hotelservice-mobile-state[b-f34fh9lo0m] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.hotelservice-mobile-state > *[b-f34fh9lo0m] {
    animation: hotelservice-mobile-state-in-b-f34fh9lo0m var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.hotelservice-mobile-state > :nth-child(2)[b-f34fh9lo0m] { animation-delay: 40ms; }
.hotelservice-mobile-state > :nth-child(3)[b-f34fh9lo0m] { animation-delay: 80ms; }
.hotelservice-mobile-state > :nth-child(4)[b-f34fh9lo0m] { animation-delay: 120ms; }

@keyframes hotelservice-mobile-state-in-b-f34fh9lo0m {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.hotelservice-mobile-state > i[b-f34fh9lo0m] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.hotelservice-mobile-state--error > i[b-f34fh9lo0m] {
    color: var(--color-error);
}

.hotelservice-mobile-state h2[b-f34fh9lo0m],
.hotelservice-mobile-state p[b-f34fh9lo0m] {
    margin: 0;
}

.hotelservice-mobile-state h2[b-f34fh9lo0m] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.hotelservice-mobile-state p[b-f34fh9lo0m] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.hotelservice-mobile-state > :last-child[b-f34fh9lo0m] {
    margin-top: var(--innvilo-space-5);
}

/* Illustration for the empty states, shared with the desktop host. */

.hotelservice-state__art[b-f34fh9lo0m] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.hotelservice-state__art > span[b-f34fh9lo0m] {
    animation: hotelservice-mobile-state-row-in-b-f34fh9lo0m 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.hotelservice-state__art > span[b-f34fh9lo0m]::before,
.hotelservice-state__art > span[b-f34fh9lo0m]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.hotelservice-state__art > span[b-f34fh9lo0m]::before {
    top: 0.625rem;
    width: 38%;
}

.hotelservice-state__art > span[b-f34fh9lo0m]::after {
    bottom: 0.625rem;
    width: 58%;
}

.hotelservice-state__art > span:nth-child(1)[b-f34fh9lo0m] {
    opacity: .35;
    transform: scale(.94);
}

.hotelservice-state__art > span:nth-child(2)[b-f34fh9lo0m] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.hotelservice-state__art > span:nth-child(3)[b-f34fh9lo0m] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.hotelservice-state__art > i[b-f34fh9lo0m] {
    align-items: center;
    animation: hotelservice-mobile-state-in-b-f34fh9lo0m 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.hotelservice-state__art.is-filtered > span:nth-child(3)[b-f34fh9lo0m]::before,
.hotelservice-state__art.is-filtered > span:nth-child(3)[b-f34fh9lo0m]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes hotelservice-mobile-state-row-in-b-f34fh9lo0m {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.hotelservice-mobile-skeleton[b-f34fh9lo0m] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.hotelservice-mobile-skeleton span[b-f34fh9lo0m] {
    animation: hotelservice-mobile-pulse-b-f34fh9lo0m 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes hotelservice-mobile-pulse-b-f34fh9lo0m {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .hotelservice-mobile-card[b-f34fh9lo0m] {
        padding: var(--innvilo-space-5);
    }

    .hotelservice-mobile-card__footer[b-f34fh9lo0m] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hotelservice-mobile-skeleton span[b-f34fh9lo0m],
    .hotelservice-mobile-state > *[b-f34fh9lo0m],
    .hotelservice-state__art > span[b-f34fh9lo0m],
    .hotelservice-state__art > i[b-f34fh9lo0m] {
        animation: none;
    }
}
/* /Components/Pages/Hotel/TourismPolicies.razor.rz.scp.css */
.tourism-policy-page[b-69qfbotgpr] {
    box-sizing: border-box;
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-page-section-gap);
    margin-inline: auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding: 0;
    width: 100%;
}

.tourism-policy-workspace[b-69qfbotgpr] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.tourism-policy-layout[b-69qfbotgpr],
.tourism-policy-loading[b-69qfbotgpr] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 0.85fr);
    min-width: 0;
}

.tourism-policy-page .tourism-policy-panel[b-69qfbotgpr] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
    padding: var(--innvilo-space-9);
}

.tourism-policy-panel__header[b-69qfbotgpr] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: var(--innvilo-space-8);
}

.tourism-policy-panel__header h2[b-69qfbotgpr],
.tourism-policy-state h2[b-69qfbotgpr] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
    margin: 0;
}

.tourism-policy-panel__header p[b-69qfbotgpr],
.tourism-policy-state p[b-69qfbotgpr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 0;
    max-width: 70ch;
}

.tourism-policy-feedback[b-69qfbotgpr] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-md);
    display: flex;
    gap: var(--innvilo-space-5);
    min-height: 3rem;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.tourism-policy-feedback > i[b-69qfbotgpr],
.tourism-policy-state > i[b-69qfbotgpr],
.tourism-policy-empty > i[b-69qfbotgpr] {
    flex: 0 0 auto;
    font-size: 1.25rem;
}

.tourism-policy-feedback > span[b-69qfbotgpr] {
    flex: 1 1 auto;
    line-height: 1.45;
    min-width: 0;
}

.tourism-policy-feedback--success[b-69qfbotgpr] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.tourism-policy-feedback--error[b-69qfbotgpr] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.tourism-policy-validation[b-69qfbotgpr] {
    color: var(--color-error);
    line-height: 1.5;
    margin: 0 0 var(--innvilo-space-6);
}

.tourism-policy-form-actions[b-69qfbotgpr] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    margin-top: var(--innvilo-space-8);
    padding-top: var(--innvilo-space-8);
}

.tourism-policy-form-actions > div[b-69qfbotgpr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    justify-content: flex-end;
}

.tourism-policy-form-hint[b-69qfbotgpr],
.tourism-policy-busy[b-69qfbotgpr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    max-width: 42ch;
}

.tourism-policy-busy[b-69qfbotgpr] {
    color: var(--color-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.tourism-policy-history-panel[b-69qfbotgpr] {
    align-self: start;
}

.tourism-policy-history[b-69qfbotgpr] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    overflow: hidden;
}

.tourism-policy-page .tourism-policy-history-item[b-69qfbotgpr] {
    appearance: none;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-3);
    min-height: 4.5rem;
    padding: var(--innvilo-space-6);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.tourism-policy-history-item:last-child[b-69qfbotgpr] {
    border-bottom: 0;
}

.tourism-policy-history-item.is-active[b-69qfbotgpr],
.tourism-policy-history-item:hover:not(:disabled)[b-69qfbotgpr] {
    background: var(--color-surface-soft);
}

.tourism-policy-history-item:focus-visible[b-69qfbotgpr] {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
    position: relative;
}

.tourism-policy-history-item:active:not(:disabled)[b-69qfbotgpr] {
    transform: scale(0.99);
}

.tourism-policy-history-item:disabled[b-69qfbotgpr] {
    cursor: default;
    opacity: 0.62;
}

.tourism-policy-history-item__heading[b-69qfbotgpr] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.tourism-policy-history-item__heading strong[b-69qfbotgpr] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
}

.tourism-policy-history-item__status[b-69qfbotgpr] {
    background: var(--color-success-surface);
    border: 1px solid var(--color-success-border);
    border-radius: var(--innvilo-radius-full);
    color: var(--color-success);
    flex: 0 0 auto;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.3;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.tourism-policy-history-item__source[b-69qfbotgpr],
.tourism-policy-history-item small[b-69qfbotgpr] {
    color: var(--innvilo-text-secondary);
    overflow-wrap: anywhere;
}

.tourism-policy-history-item__source[b-69qfbotgpr] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.tourism-policy-history-item small[b-69qfbotgpr] {
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
}

.tourism-policy-empty[b-69qfbotgpr] {
    align-items: start;
    background: var(--color-surface-soft);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-secondary);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-7);
}

.tourism-policy-empty > i[b-69qfbotgpr] {
    color: var(--color-primary);
}

.tourism-policy-empty strong[b-69qfbotgpr],
.tourism-policy-empty span[b-69qfbotgpr] {
    display: block;
}

.tourism-policy-empty strong[b-69qfbotgpr] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    line-height: 1.35;
}

.tourism-policy-empty span[b-69qfbotgpr] {
    line-height: 1.5;
    margin-top: var(--innvilo-space-2);
}

.tourism-policy-state[b-69qfbotgpr] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 10rem;
    padding: var(--innvilo-space-9);
}

.tourism-policy-state > i[b-69qfbotgpr] {
    color: var(--color-primary);
}

.tourism-policy-state--error[b-69qfbotgpr] {
    border-color: var(--color-error-border);
}

.tourism-policy-state--error > i[b-69qfbotgpr] {
    color: var(--color-error);
}

.tourism-policy-loading__panel[b-69qfbotgpr] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-9);
}

.tourism-policy-loading__panel i[b-69qfbotgpr] {
    background: var(--color-surface-raised);
    border-radius: var(--innvilo-radius-sm);
    display: block;
    height: 3rem;
}

.tourism-policy-loading__panel i:first-child[b-69qfbotgpr] {
    height: 1.25rem;
    width: min(18rem, 65%);
}

.tourism-policy-loading__panel--compact i:not(:first-child)[b-69qfbotgpr] {
    height: 4.5rem;
}

@media (max-width: 1100px) {
    .tourism-policy-layout[b-69qfbotgpr],
    .tourism-policy-loading[b-69qfbotgpr] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .tourism-policy-page .tourism-policy-panel[b-69qfbotgpr],
    .tourism-policy-state[b-69qfbotgpr],
    .tourism-policy-loading__panel[b-69qfbotgpr] {
        padding: var(--innvilo-space-8);
    }

    .tourism-policy-panel__header[b-69qfbotgpr],
    .tourism-policy-state[b-69qfbotgpr] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tourism-policy-panel__header > :last-child:not(div)[b-69qfbotgpr] {
        width: 100%;
    }

    .tourism-policy-feedback[b-69qfbotgpr],
    .tourism-policy-form-actions[b-69qfbotgpr] {
        align-items: stretch;
        flex-direction: column;
    }

    .tourism-policy-feedback > :last-child:not(i, span)[b-69qfbotgpr],
    .tourism-policy-form-actions > div[b-69qfbotgpr],
    .tourism-policy-form-actions > div > *[b-69qfbotgpr] {
        width: 100%;
    }

    .tourism-policy-history-item__heading[b-69qfbotgpr] {
        align-items: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tourism-policy-page *[b-69qfbotgpr],
    .tourism-policy-page *[b-69qfbotgpr]::before,
    .tourism-policy-page *[b-69qfbotgpr]::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }

    .tourism-policy-history-item:active:not(:disabled)[b-69qfbotgpr] {
        transform: none;
    }
}

/* Gültigkeitszeiträume als Arbeitsliste (Systembereich-Redesign 2026-09-15). */
.tourism-policy-periods[b-69qfbotgpr] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.tourism-policy-periods__head[b-69qfbotgpr] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.tourism-policy-periods__head h2[b-69qfbotgpr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.tourism-policy-periods__head p[b-69qfbotgpr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 0;
    max-width: 68ch;
}

.tourism-policy-periods__count[b-69qfbotgpr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    white-space: nowrap;
}

.tourism-policy-periods__workspace[b-69qfbotgpr] {
    min-width: 0;
}

.tourism-policy-periods__workspace.is-compact[b-69qfbotgpr] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.tourism-policy-grid-host[b-69qfbotgpr] {
    min-width: 0;
}

.tourism-policy-period-cell[b-69qfbotgpr],
.tourism-policy-source-cell[b-69qfbotgpr] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.tourism-policy-period-cell strong[b-69qfbotgpr],
.tourism-policy-source-cell strong[b-69qfbotgpr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.tourism-policy-period-cell small[b-69qfbotgpr],
.tourism-policy-source-cell small[b-69qfbotgpr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.tourism-policy-cards[b-69qfbotgpr] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.tourism-policy-card[b-69qfbotgpr] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.tourism-policy-card.is-active[b-69qfbotgpr] {
    border-color: var(--color-primary);
}

.tourism-policy-card > header[b-69qfbotgpr] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.tourism-policy-card > header > div[b-69qfbotgpr] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.tourism-policy-card strong[b-69qfbotgpr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.tourism-policy-card > header span[b-69qfbotgpr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.tourism-policy-card__meta[b-69qfbotgpr] {
    color: var(--innvilo-text-secondary);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    margin: 0;
}

.tourism-policy-card__meta i[b-69qfbotgpr] {
    color: var(--innvilo-text-muted);
    margin-right: var(--innvilo-space-3);
    width: 1rem;
}

.tourism-policy-card > footer[b-69qfbotgpr] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding-top: var(--innvilo-space-5);
}

.tourism-policy-card__note[b-69qfbotgpr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

@media (max-width: 47.999rem) {
    .tourism-policy-periods__head[b-69qfbotgpr] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-3);
    }
}
/* /Components/Pages/Hotel/Venues/VenueAvailabilityEditorPopup.razor.rz.scp.css */
.venue-availability-editor[b-gtt8qxq4h9] { display: grid; gap: var(--innvilo-space-4); }
.venue-availability-editor__error[b-gtt8qxq4h9] { margin: 0; padding: var(--innvilo-space-3); border: 1px solid var(--color-error-border); border-radius: var(--innvilo-radius-md); background: var(--color-error-soft); color: var(--color-error); }
.venue-availability-editor__grid[b-gtt8qxq4h9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-4); }
.venue-availability-editor label[b-gtt8qxq4h9] { display: grid; gap: var(--innvilo-space-2); color: var(--innvilo-text-primary); font-size: var(--innvilo-font-size-label); font-weight: 700; }
.venue-availability-editor input[b-gtt8qxq4h9],
.venue-availability-editor select[b-gtt8qxq4h9] { width: 100%; min-height: 48px; padding: 0 var(--innvilo-space-3); border: 1px solid var(--innvilo-border-strong); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-main); color: var(--innvilo-text-primary); font: inherit; }
.venue-availability-editor input:focus-visible[b-gtt8qxq4h9],
.venue-availability-editor select:focus-visible[b-gtt8qxq4h9] { outline: 3px solid var(--innvilo-border-focus); outline-offset: 2px; }

@media (max-width: 639px) { .venue-availability-editor__grid[b-gtt8qxq4h9] { grid-template-columns: 1fr; } }
/* /Components/Pages/Hotel/Venues/VenueBookingEditorPopup.razor.rz.scp.css */
.venue-booking-editor[b-tdokiz0rc6] { display: grid; gap: var(--innvilo-space-4); }
.venue-booking-editor__mode[b-tdokiz0rc6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-1); padding: var(--innvilo-space-1); border-radius: var(--innvilo-radius-md); background: var(--innvilo-surface-soft); }
.venue-booking-editor__mode button[b-tdokiz0rc6] { min-height: 44px; border: 1px solid transparent; border-radius: var(--innvilo-radius-sm); background: transparent; color: var(--innvilo-text-secondary); font: inherit; font-weight: 700; }
.venue-booking-editor__mode button.is-active[b-tdokiz0rc6] { border-color: var(--innvilo-border-default); background: var(--innvilo-surface-main); color: var(--innvilo-color-primary); }
.venue-booking-editor__hint[b-tdokiz0rc6] { margin: 0; color: var(--innvilo-text-secondary); }
.venue-booking-editor__error[b-tdokiz0rc6] { display: flex; gap: var(--innvilo-space-2); padding: var(--innvilo-space-3); border: 1px solid var(--color-error-border); border-radius: var(--innvilo-radius-md); background: var(--color-error-soft); color: var(--color-error); }
.venue-booking-editor__grid[b-tdokiz0rc6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-4); }
.venue-booking-editor label[b-tdokiz0rc6] { display: grid; gap: var(--innvilo-space-2); min-width: 0; color: var(--innvilo-text-primary); font-size: var(--innvilo-font-size-label); font-weight: 700; }
.venue-booking-editor input[b-tdokiz0rc6],
.venue-booking-editor select[b-tdokiz0rc6] { width: 100%; min-height: 48px; padding: 0 var(--innvilo-space-3); border: 1px solid var(--innvilo-border-strong); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-main); color: var(--innvilo-text-primary); font: inherit; }
.venue-booking-editor input:focus-visible[b-tdokiz0rc6],
.venue-booking-editor select:focus-visible[b-tdokiz0rc6],
.venue-booking-editor button:focus-visible[b-tdokiz0rc6] { outline: 3px solid var(--innvilo-border-focus); outline-offset: 2px; }
.venue-booking-editor__wide[b-tdokiz0rc6] { grid-column: 1 / -1; }

@media (max-width: 639px) {
    .venue-booking-editor__grid[b-tdokiz0rc6] { grid-template-columns: 1fr; }
    .venue-booking-editor__wide[b-tdokiz0rc6] { grid-column: auto; }
}
/* /Components/Pages/Hotel/Venues/VenueCancellationPopup.razor.rz.scp.css */
.venue-cancellation[b-g0cnzp7g5f] { display: grid; gap: var(--innvilo-space-4); }
.venue-cancellation > strong[b-g0cnzp7g5f] { color: var(--innvilo-text-primary); font-size: var(--innvilo-font-size-heading); }
.venue-cancellation dl[b-g0cnzp7g5f] { display: grid; gap: var(--innvilo-space-2); margin: 0; }
.venue-cancellation dl div[b-g0cnzp7g5f] { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: var(--innvilo-space-3); padding: var(--innvilo-space-3); border-radius: var(--innvilo-radius-md); background: var(--innvilo-surface-soft); }
.venue-cancellation dt[b-g0cnzp7g5f] { color: var(--innvilo-text-secondary); }
.venue-cancellation dd[b-g0cnzp7g5f] { margin: 0; color: var(--innvilo-text-primary); font-weight: 700; }
.venue-cancellation__error[b-g0cnzp7g5f] { margin: 0; padding: var(--innvilo-space-3); border: 1px solid var(--color-error-border); border-radius: var(--innvilo-radius-md); background: var(--color-error-soft); color: var(--color-error); }

@media (max-width: 479px) {
    .venue-cancellation dl div[b-g0cnzp7g5f] { grid-template-columns: 1fr; gap: var(--innvilo-space-1); }
}
/* /Components/Pages/Hotel/Venues/VenueRatePlanEditorPopup.razor.rz.scp.css */
.venue-rate-editor[b-zmdmkd5t79] { display: grid; gap: var(--innvilo-space-5); }
.venue-rate-editor__error[b-zmdmkd5t79] { margin: 0; padding: var(--innvilo-space-3); border: 1px solid var(--color-error-border); border-radius: var(--innvilo-radius-md); background: var(--color-error-soft); color: var(--color-error); }
.venue-rate-editor__grid[b-zmdmkd5t79] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-4); }
.venue-rate-editor label[b-zmdmkd5t79] { display: grid; gap: var(--innvilo-space-2); color: var(--innvilo-text-primary); font-size: var(--innvilo-font-size-label); font-weight: 700; }
.venue-rate-editor input[b-zmdmkd5t79],
.venue-rate-editor select[b-zmdmkd5t79] { width: 100%; min-height: 48px; padding: 0 var(--innvilo-space-3); border: 1px solid var(--innvilo-border-strong); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-main); color: var(--innvilo-text-primary); font: inherit; }
.venue-rate-editor input:focus-visible[b-zmdmkd5t79],
.venue-rate-editor select:focus-visible[b-zmdmkd5t79],
.venue-rate-editor button:focus-visible[b-zmdmkd5t79] { outline: 3px solid var(--innvilo-border-focus); outline-offset: 2px; }
.venue-rate-editor__tiers[b-zmdmkd5t79] { display: grid; gap: var(--innvilo-space-3); padding-top: var(--innvilo-space-4); border-top: 1px solid var(--innvilo-border-default); }
.venue-rate-editor__tiers > header[b-zmdmkd5t79] { display: flex; align-items: center; justify-content: space-between; gap: var(--innvilo-space-3); }
.venue-rate-editor__tiers h3[b-zmdmkd5t79],
.venue-rate-editor__tiers p[b-zmdmkd5t79] { margin: 0; }
.venue-rate-editor__tiers p[b-zmdmkd5t79] { margin-top: var(--innvilo-space-1); color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); }
.venue-rate-editor__tiers button[b-zmdmkd5t79] { min-width: 44px; min-height: 44px; padding: var(--innvilo-space-2) var(--innvilo-space-3); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-soft); color: var(--innvilo-color-primary); font: inherit; font-weight: 800; }
.venue-rate-editor__tiers > div[b-zmdmkd5t79] { display: grid; grid-template-columns: 1fr 1fr 1.4fr auto; align-items: end; gap: var(--innvilo-space-3); }

@media (max-width: 639px) {
    .venue-rate-editor__grid[b-zmdmkd5t79] { grid-template-columns: 1fr; }
    .venue-rate-editor__tiers > div[b-zmdmkd5t79] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .venue-rate-editor__tiers > div > button[b-zmdmkd5t79] { justify-self: end; }
}
/* /Components/Pages/Hotel/Venues/VenueReschedulePopup.razor.rz.scp.css */
.venue-reschedule[b-cw6svd0owa] { display: grid; gap: var(--innvilo-space-4); }
.venue-reschedule__summary[b-cw6svd0owa] { display: grid; gap: var(--innvilo-space-1); padding: var(--innvilo-space-3); border-radius: var(--innvilo-radius-md); background: var(--innvilo-surface-soft); }
.venue-reschedule__summary span[b-cw6svd0owa] { color: var(--innvilo-text-secondary); }
.venue-reschedule__error[b-cw6svd0owa] { margin: 0; padding: var(--innvilo-space-3); border: 1px solid var(--color-error-border); border-radius: var(--innvilo-radius-md); background: var(--color-error-soft); color: var(--color-error); }
.venue-reschedule__grid[b-cw6svd0owa] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-4); }
.venue-reschedule label[b-cw6svd0owa] { display: grid; gap: var(--innvilo-space-2); color: var(--innvilo-text-primary); font-size: var(--innvilo-font-size-label); font-weight: 700; }
.venue-reschedule input[b-cw6svd0owa],
.venue-reschedule select[b-cw6svd0owa] { width: 100%; min-height: 48px; padding: 0 var(--innvilo-space-3); border: 1px solid var(--innvilo-border-strong); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-main); color: var(--innvilo-text-primary); font: inherit; }
.venue-reschedule input:focus-visible[b-cw6svd0owa],
.venue-reschedule select:focus-visible[b-cw6svd0owa] { outline: 3px solid var(--innvilo-border-focus); outline-offset: 2px; }

@media (max-width: 639px) {
    .venue-reschedule__grid[b-cw6svd0owa] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Hotel/Venues/VenueSettings.razor.rz.scp.css */
.venue-settings-page[b-8ch1mjxw2w] {
    display: grid;
    gap: var(--innvilo-space-6);
    max-width: var(--innvilo-content-max);
    margin-inline: auto;
    padding: 0;
}

.venue-settings-page__content[b-8ch1mjxw2w] { display: grid; gap: var(--innvilo-space-5); margin-top: calc(var(--innvilo-page-hero-gap) - var(--innvilo-space-6)); min-width: 0; }
.venue-settings-page.no-kpis > .venue-settings-page__content[b-8ch1mjxw2w] { margin-top: 0; }
.venue-settings-state[b-8ch1mjxw2w] { display: flex; align-items: center; gap: var(--innvilo-space-5); min-height: 11rem; padding: var(--innvilo-space-7); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-card); background: var(--innvilo-surface-main); }
.venue-settings-state > i[b-8ch1mjxw2w] { color: var(--innvilo-color-primary); font-size: 2rem; }
.venue-settings-state h2[b-8ch1mjxw2w],
.venue-settings-state p[b-8ch1mjxw2w] { margin: 0; }
.venue-settings-state p[b-8ch1mjxw2w] { margin-top: var(--innvilo-space-2); color: var(--innvilo-text-secondary); }
.venue-settings-state > :last-child:not(div, i)[b-8ch1mjxw2w] { margin-left: auto; }
.venue-settings-state--error[b-8ch1mjxw2w] { border-color: var(--color-error-border); }
.venue-settings-feedback[b-8ch1mjxw2w] { display: flex; align-items: center; gap: var(--innvilo-space-3); padding: var(--innvilo-space-3) var(--innvilo-space-4); border: 1px solid transparent; border-radius: var(--innvilo-radius-md); }
.venue-settings-feedback.is-success[b-8ch1mjxw2w] { color: var(--color-success); border-color: var(--color-success-border); background: var(--color-success-soft); }
.venue-settings-feedback.is-error[b-8ch1mjxw2w] { color: var(--color-error); border-color: var(--color-error-border); background: var(--color-error-soft); }

@media (max-width: 767px) {
    .venue-settings-state[b-8ch1mjxw2w] { align-items: flex-start; flex-direction: column; padding: var(--innvilo-space-5); }
    .venue-settings-state > :last-child:not(div, i)[b-8ch1mjxw2w] { width: 100%; margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .venue-settings-page *[b-8ch1mjxw2w],
    .venue-settings-page *[b-8ch1mjxw2w]::before,
    .venue-settings-page *[b-8ch1mjxw2w]::after { scroll-behavior: auto; transition-duration: 0.01ms; animation-duration: 0.01ms; animation-iteration-count: 1; }
}
/* /Components/Pages/Hotel/Venues/VenueSettingsDesktop.razor.rz.scp.css */
.venue-settings-secondary[b-zh123yq1kj] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-5); }
.venue-settings-panel[b-zh123yq1kj] { min-width: 0; overflow: hidden; border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-card); background: var(--innvilo-surface-main); }
.venue-settings-panel > header[b-zh123yq1kj] { display: flex; align-items: center; justify-content: space-between; gap: var(--innvilo-space-4); padding: var(--innvilo-space-4) var(--innvilo-space-5); border-bottom: 1px solid var(--innvilo-border-default); }
.venue-settings-panel > header span[b-zh123yq1kj] { color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-label); font-weight: 800; }
.venue-settings-panel h2[b-zh123yq1kj] { margin: var(--innvilo-space-1) 0 0; color: var(--innvilo-text-primary); font-size: var(--innvilo-font-size-subheading); }
.venue-rule-list[b-zh123yq1kj],
.venue-rate-list[b-zh123yq1kj] { display: grid; max-height: 26rem; overflow: auto; }
.venue-rule-list article[b-zh123yq1kj],
.venue-rate-list article[b-zh123yq1kj] { display: flex; align-items: center; justify-content: space-between; gap: var(--innvilo-space-4); padding: var(--innvilo-space-4) var(--innvilo-space-5); }
.venue-rule-list article + article[b-zh123yq1kj],
.venue-rate-list article + article[b-zh123yq1kj] { border-top: 1px solid var(--innvilo-border-default); }
.venue-rule-list article > div[b-zh123yq1kj],
.venue-rate-list article > div[b-zh123yq1kj] { display: grid; gap: var(--innvilo-space-1); }
.venue-rule-list i[b-zh123yq1kj] { color: var(--innvilo-color-primary); }
.venue-rule-list span[b-zh123yq1kj],
.venue-rule-list small[b-zh123yq1kj],
.venue-rate-list span[b-zh123yq1kj],
.venue-rate-list small[b-zh123yq1kj] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); }
.venue-settings-panel__empty[b-zh123yq1kj] { padding: var(--innvilo-space-7); color: var(--innvilo-text-secondary); text-align: center; }
@media (max-width: 1023px) { .venue-settings-secondary[b-zh123yq1kj] { grid-template-columns: 1fr; } }
/* /Components/Pages/Hotel/Venues/VenueSettingsMobile.razor.rz.scp.css */
.venue-settings-mobile[b-edvfx1ny4h] { display: grid; gap: var(--innvilo-space-3); }
    .venue-settings-mobile__actions[b-edvfx1ny4h] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-3); }
    .venue-settings-mobile__actions button[b-edvfx1ny4h] { display: flex; align-items: center; justify-content: center; gap: var(--innvilo-space-2); min-height: 48px; padding: var(--innvilo-space-2) var(--innvilo-space-3); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-soft); color: var(--innvilo-color-primary); font: inherit; font-weight: 800; }
    .venue-settings-mobile__section[b-edvfx1ny4h] { overflow: hidden; border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-card); background: var(--innvilo-surface-main); }
    .venue-settings-mobile__section summary[b-edvfx1ny4h] { display: flex; align-items: center; justify-content: space-between; gap: var(--innvilo-space-3); min-height: 52px; padding: var(--innvilo-space-3) var(--innvilo-space-4); cursor: pointer; font-weight: 800; }
    .venue-settings-mobile__section summary span[b-edvfx1ny4h] { display: flex; align-items: center; gap: var(--innvilo-space-2); }
    .venue-settings-mobile__section summary i[b-edvfx1ny4h] { color: var(--innvilo-color-primary); }
    .venue-settings-mobile__section summary strong[b-edvfx1ny4h] { min-width: 2rem; text-align: right; }
    .venue-settings-mobile__section > p[b-edvfx1ny4h] { margin: 0; padding: var(--innvilo-space-5); border-top: 1px solid var(--innvilo-border-default); color: var(--innvilo-text-secondary); }
    .venue-settings-mobile__section > div[b-edvfx1ny4h] { display: grid; border-top: 1px solid var(--innvilo-border-default); }
    .venue-settings-mobile__section article[b-edvfx1ny4h] { display: grid; gap: var(--innvilo-space-1); padding: var(--innvilo-space-4); }
    .venue-settings-mobile__section article + article[b-edvfx1ny4h] { border-top: 1px solid var(--innvilo-border-default); }
    .venue-settings-mobile__section article span[b-edvfx1ny4h],
    .venue-settings-mobile__section article small[b-edvfx1ny4h] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); }
    .venue-settings-mobile button:focus-visible[b-edvfx1ny4h],
    .venue-settings-mobile summary:focus-visible[b-edvfx1ny4h] { outline: 3px solid var(--innvilo-border-focus); outline-offset: 2px; }
/* /Components/Pages/Hotel/Venues/VenueSettingsSpacesGrid.razor.rz.scp.css */
.venue-settings-spaces[b-q20ffbo4yk] { min-width: 0; }
.venue-grid-identity[b-q20ffbo4yk] { display: flex; align-items: center; gap: var(--innvilo-space-3); }
.venue-grid-identity i[b-q20ffbo4yk] { color: var(--innvilo-color-primary); }
.venue-grid-identity span[b-q20ffbo4yk],
.venue-grid-sales[b-q20ffbo4yk] { display: grid; gap: var(--innvilo-space-1); }
.venue-grid-identity small[b-q20ffbo4yk],
.venue-grid-sales[b-q20ffbo4yk] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); }
.venue-grid-mobile-row[b-q20ffbo4yk] { display: grid; gap: var(--innvilo-space-3); }
.venue-grid-mobile-row__heading[b-q20ffbo4yk] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--innvilo-space-3); }
.venue-grid-mobile-row__heading > span[b-q20ffbo4yk] { display: grid; gap: var(--innvilo-space-1); }
.venue-grid-mobile-row__heading small[b-q20ffbo4yk] { color: var(--innvilo-text-secondary); }
.venue-grid-mobile-row__facts[b-q20ffbo4yk] { display: grid; gap: var(--innvilo-space-2); color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); }
.venue-grid-mobile-row__facts span[b-q20ffbo4yk] { display: flex; align-items: center; gap: var(--innvilo-space-2); }
.venue-grid-mobile-row__facts i[b-q20ffbo4yk] { width: 1rem; color: var(--innvilo-color-primary); text-align: center; }
/* /Components/Pages/Hotel/Venues/VenueSpaceEditorPopup.razor.rz.scp.css */
.venue-space-editor[b-ojtm1d7jls] { display: grid; gap: var(--innvilo-space-5); }
.venue-space-editor__error[b-ojtm1d7jls] { margin: 0; padding: var(--innvilo-space-3); border: 1px solid var(--color-error-border); border-radius: var(--innvilo-radius-md); background: var(--color-error-soft); color: var(--color-error); }
.venue-space-editor__grid[b-ojtm1d7jls] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-4); }
.venue-space-editor label[b-ojtm1d7jls] { display: grid; gap: var(--innvilo-space-2); color: var(--innvilo-text-primary); font-size: var(--innvilo-font-size-label); font-weight: 700; }
.venue-space-editor input[b-ojtm1d7jls],
.venue-space-editor textarea[b-ojtm1d7jls] { width: 100%; min-height: 48px; padding: var(--innvilo-space-2) var(--innvilo-space-3); border: 1px solid var(--innvilo-border-strong); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-main); color: var(--innvilo-text-primary); font: inherit; }
.venue-space-editor textarea[b-ojtm1d7jls] { resize: vertical; }
.venue-space-editor__wide[b-ojtm1d7jls] { grid-column: 1 / -1; }
.venue-space-editor__check[b-ojtm1d7jls] { display: flex; align-items: center; min-height: 44px; }
.venue-space-editor__check input[b-ojtm1d7jls],
.venue-space-editor__choices input[b-ojtm1d7jls],
.venue-space-editor__capacities input[type="checkbox"][b-ojtm1d7jls] { width: 20px; min-height: 20px; }
.venue-space-editor fieldset[b-ojtm1d7jls] { display: grid; gap: var(--innvilo-space-3); margin: 0; padding: var(--innvilo-space-4); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-md); }
.venue-space-editor legend[b-ojtm1d7jls] { padding-inline: var(--innvilo-space-2); font-weight: 800; }
.venue-space-editor__choices[b-ojtm1d7jls] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.venue-space-editor__choices label[b-ojtm1d7jls] { display: flex; align-items: center; min-height: 44px; }
.venue-space-editor__capacities > div[b-ojtm1d7jls] { display: grid; grid-template-columns: minmax(0, 1fr) 9rem; align-items: center; gap: var(--innvilo-space-3); }
.venue-space-editor__capacities > div > label:first-child[b-ojtm1d7jls] { display: flex; align-items: center; min-height: 44px; }
.venue-space-editor input:focus-visible[b-ojtm1d7jls],
.venue-space-editor textarea:focus-visible[b-ojtm1d7jls] { outline: 3px solid var(--innvilo-border-focus); outline-offset: 2px; }

@media (max-width: 639px) {
    .venue-space-editor__grid[b-ojtm1d7jls],
    .venue-space-editor__choices[b-ojtm1d7jls] { grid-template-columns: 1fr; }
    .venue-space-editor__wide[b-ojtm1d7jls] { grid-column: auto; }
    .venue-space-editor__capacities > div[b-ojtm1d7jls] { grid-template-columns: minmax(0, 1fr) 7rem; }
}
/* /Components/Pages/Hotel/VipGuests/VipGuestBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.vipguest-page[b-v0a4ua0863] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.vipguest-viewport-skeleton[b-v0a4ua0863] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.vipguest-viewport-skeleton span[b-v0a4ua0863] {
    animation: vipguest-viewport-pulse-b-v0a4ua0863 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.vipguest-viewport-skeleton .is-breadcrumb[b-v0a4ua0863] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.vipguest-viewport-skeleton .is-title[b-v0a4ua0863] {
    height: 4.5rem;
}

.vipguest-viewport-skeleton .is-toolbar[b-v0a4ua0863] {
    height: 6rem;
}

.vipguest-viewport-skeleton .is-content[b-v0a4ua0863] {
    height: 22rem;
}

@keyframes vipguest-viewport-pulse-b-v0a4ua0863 {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .vipguest-viewport-skeleton span[b-v0a4ua0863] {
        animation: none;
    }
}
/* /Components/Pages/Hotel/VipGuests/VipGuestDesktop.razor.rz.scp.css */
/* Desktop workspace of the corporate-customer board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks. */

.vipguest-desktop[b-rdcbmtn957] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.vipguest-breadcrumb[b-rdcbmtn957] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.vipguest-breadcrumb a[b-rdcbmtn957] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.vipguest-breadcrumb a:hover[b-rdcbmtn957],
.vipguest-breadcrumb a:focus-visible[b-rdcbmtn957] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.vipguest-breadcrumb a:focus-visible[b-rdcbmtn957] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.vipguest-breadcrumb i[b-rdcbmtn957] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.vipguest-breadcrumb [aria-current='page'][b-rdcbmtn957] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.vipguest-head[b-rdcbmtn957] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.vipguest-head__copy[b-rdcbmtn957] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.vipguest-head__title-row[b-rdcbmtn957] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.vipguest-head h1[b-rdcbmtn957] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.vipguest-head__lead[b-rdcbmtn957] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.vipguest-head__meta[b-rdcbmtn957] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.vipguest-active-badge[b-rdcbmtn957] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.vipguest-head__actions[b-rdcbmtn957] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.vipguest-kpis[b-rdcbmtn957] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.vipguest-kpi[b-rdcbmtn957] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.vipguest-kpi + .vipguest-kpi[b-rdcbmtn957] {
    border-left: 1px solid var(--innvilo-border-default);
}

.vipguest-kpi.is-current[b-rdcbmtn957]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.vipguest-kpi__label[b-rdcbmtn957] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.vipguest-kpi__value[b-rdcbmtn957] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.vipguest-kpi.is-current .vipguest-kpi__value[b-rdcbmtn957] {
    color: var(--color-primary);
}

.vipguest-kpi.is-attention .vipguest-kpi__value[b-rdcbmtn957] {
    color: var(--color-warning-text);
}

.vipguest-kpi.is-positive .vipguest-kpi__value[b-rdcbmtn957] {
    color: var(--color-success);
}

.vipguest-kpi__detail[b-rdcbmtn957] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* Workspace: toolbar, optional pill row, then grid or state. */

.vipguest-workspace[b-rdcbmtn957] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.vipguest-toolbar[b-rdcbmtn957] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.vipguest-search[b-rdcbmtn957] {
    flex: 0 1 22rem;
    min-width: 12rem;
}

.vipguest-toolbar__filters[b-rdcbmtn957] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.vipguest-pills[b-rdcbmtn957] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.vipguest-pills__label[b-rdcbmtn957] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.vipguest-pills__list[b-rdcbmtn957] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.vipguest-pill[b-rdcbmtn957] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.vipguest-pill > span[b-rdcbmtn957] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vipguest-pill__remove[b-rdcbmtn957] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.vipguest-pill__remove:hover[b-rdcbmtn957] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.vipguest-pill__remove:focus-visible[b-rdcbmtn957],
.vipguest-pills__clear:focus-visible[b-rdcbmtn957] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.vipguest-pills__clear[b-rdcbmtn957] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.vipguest-grid-host[b-rdcbmtn957] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. The grid only holds the current page. */

.vipguest-pager[b-rdcbmtn957] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.vipguest-pager__size[b-rdcbmtn957] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.vipguest-pager__size > span[b-rdcbmtn957] {
    white-space: nowrap;
}

.vipguest-pager__nav[b-rdcbmtn957] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.vipguest-pager__page[b-rdcbmtn957] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.vipguest-pager__page strong[b-rdcbmtn957] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.vipguest-grid-results[b-rdcbmtn957] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.vipguest-cell[b-rdcbmtn957] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.vipguest-cell.is-right[b-rdcbmtn957] {
    justify-items: end;
    text-align: right;
}

.vipguest-cell strong[b-rdcbmtn957] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.vipguest-cell small[b-rdcbmtn957] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.vipguest-number[b-rdcbmtn957] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.vipguest-place[b-rdcbmtn957],
.vipguest-contact[b-rdcbmtn957] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.vipguest-amount[b-rdcbmtn957] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.vipguest-amount.is-open[b-rdcbmtn957] {
    color: var(--color-warning-text);
}

.vipguest-change[b-rdcbmtn957] {
    font-variant-numeric: tabular-nums;
}

.vipguest-row-actions[b-rdcbmtn957] {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
    min-width: 0;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.vipguest-state[b-rdcbmtn957] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.vipguest-state > *[b-rdcbmtn957] {
    animation: vipguest-state-in-b-rdcbmtn957 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.vipguest-state > :nth-child(2)[b-rdcbmtn957] { animation-delay: 40ms; }
.vipguest-state > :nth-child(3)[b-rdcbmtn957] { animation-delay: 80ms; }
.vipguest-state > :nth-child(4)[b-rdcbmtn957] { animation-delay: 120ms; }

@keyframes vipguest-state-in-b-rdcbmtn957 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.vipguest-state > i[b-rdcbmtn957] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.vipguest-state--error > i[b-rdcbmtn957] {
    color: var(--color-error);
}

.vipguest-state__copy[b-rdcbmtn957] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.vipguest-state h3[b-rdcbmtn957] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.vipguest-state p[b-rdcbmtn957] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.vipguest-state__actions[b-rdcbmtn957] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.vipguest-state--filtered[b-rdcbmtn957],
.vipguest-state--error[b-rdcbmtn957] {
    padding-block: var(--innvilo-space-11);
}

/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.vipguest-state__art[b-rdcbmtn957] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.vipguest-state__art > span[b-rdcbmtn957] {
    animation: vipguest-state-row-in-b-rdcbmtn957 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.vipguest-state__art > span[b-rdcbmtn957]::before,
.vipguest-state__art > span[b-rdcbmtn957]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.vipguest-state__art > span[b-rdcbmtn957]::before {
    top: 0.625rem;
    width: 38%;
}

.vipguest-state__art > span[b-rdcbmtn957]::after {
    bottom: 0.625rem;
    width: 58%;
}

.vipguest-state__art > span:nth-child(1)[b-rdcbmtn957] {
    opacity: .35;
    transform: scale(.94);
}

.vipguest-state__art > span:nth-child(2)[b-rdcbmtn957] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.vipguest-state__art > span:nth-child(3)[b-rdcbmtn957] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.vipguest-state__art > i[b-rdcbmtn957] {
    align-items: center;
    animation: vipguest-state-in-b-rdcbmtn957 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.vipguest-state__art.is-filtered > span:nth-child(3)[b-rdcbmtn957]::before,
.vipguest-state__art.is-filtered > span:nth-child(3)[b-rdcbmtn957]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes vipguest-state-row-in-b-rdcbmtn957 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.vipguest-desktop-skeleton[b-rdcbmtn957] {
    display: grid;
    gap: 1px;
}

.vipguest-desktop-skeleton span[b-rdcbmtn957] {
    animation: vipguest-pulse-b-rdcbmtn957 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.vipguest-desktop-skeleton span.is-header[b-rdcbmtn957] {
    height: 2.75rem;
}

@keyframes vipguest-pulse-b-rdcbmtn957 {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .vipguest-kpis[b-rdcbmtn957] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vipguest-kpi:nth-child(3)[b-rdcbmtn957] {
        border-left: 0;
    }

    .vipguest-kpi:nth-child(n + 3)[b-rdcbmtn957] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .vipguest-search[b-rdcbmtn957] {
        flex: 1 1 100%;
    }

    .vipguest-toolbar__filters[b-rdcbmtn957] {
        width: 100%;
    }

    .vipguest-head[b-rdcbmtn957] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .vipguest-head__actions[b-rdcbmtn957] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vipguest-breadcrumb a[b-rdcbmtn957],
    .vipguest-pill__remove[b-rdcbmtn957] {
        transition: none;
    }

    .vipguest-state > *[b-rdcbmtn957],
    .vipguest-state__art > span[b-rdcbmtn957],
    .vipguest-state__art > i[b-rdcbmtn957],
    .vipguest-desktop-skeleton span[b-rdcbmtn957] {
        animation: none;
    }
}

/* Firmenbezug und Aufenthaltshinweis in der Gastzeile; "Im Haus" in Erfolgsfarbe, kein Schmuck. */
.vipguest-company[b-rdcbmtn957] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-1);
}

.vipguest-company i[b-rdcbmtn957] {
    color: var(--innvilo-text-muted);
    font-size: 0.7rem;
}

.vipguest-stay-hint.is-in-house[b-rdcbmtn957] {
    color: var(--color-success);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}
/* /Components/Pages/Hotel/VipGuests/VipGuestDetailPage.razor.rz.scp.css */
/* Detail page of one corporate customer: breadcrumb, hero with numbers and status, KPI strip, then the
   sections as tabs (desktop) or stacked collapsible sections with jump links (up to 991px).
   Same rhythm as the worklists: 34px between blocks on desktop, 24px below 992px. One radius, one border
   colour, no shadows on static surfaces, no outlines around blocks. */

.vipguest-page[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

/* Skeleton while the device mode or the customer loads. */

.vipguest-viewport-skeleton[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.vipguest-viewport-skeleton span[b-w86u1i1nws] {
    animation: vipguest-detail-pulse-b-w86u1i1nws 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.vipguest-viewport-skeleton .is-breadcrumb[b-w86u1i1nws] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 18rem;
}

.vipguest-viewport-skeleton .is-title[b-w86u1i1nws] {
    height: 5.5rem;
}

.vipguest-viewport-skeleton .is-toolbar[b-w86u1i1nws] {
    height: 6rem;
}

.vipguest-viewport-skeleton .is-content[b-w86u1i1nws] {
    height: 22rem;
}

@keyframes vipguest-detail-pulse-b-w86u1i1nws {
    50% { opacity: .55; }
}

/* Breadcrumb */

.vipguest-breadcrumb[b-w86u1i1nws] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
    min-width: 0;
}

.vipguest-breadcrumb a[b-w86u1i1nws] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.vipguest-breadcrumb a:hover[b-w86u1i1nws],
.vipguest-breadcrumb a:focus-visible[b-w86u1i1nws] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.vipguest-breadcrumb a:focus-visible[b-w86u1i1nws] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.vipguest-breadcrumb i[b-w86u1i1nws] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.vipguest-breadcrumb [aria-current='page'][b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Hero */

.vipguest-detail-head[b-w86u1i1nws] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.vipguest-detail-head__copy[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.vipguest-detail-head__title-row[b-w86u1i1nws] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.vipguest-detail-head h1[b-w86u1i1nws] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.05;
    margin: 0;
    overflow-wrap: anywhere;
}

.vipguest-detail-head__numbers[b-w86u1i1nws] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-8);
    margin: 0;
}

.vipguest-detail-head__numbers > div[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.vipguest-detail-head__numbers dt[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.vipguest-detail-head__numbers dd[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    margin: 0;
}

.vipguest-number[b-w86u1i1nws] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.vipguest-detail-head__meta[b-w86u1i1nws] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: 0;
}

.vipguest-detail-head__actions[b-w86u1i1nws] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip, same surface language as the worklist. */

.vipguest-kpis[b-w86u1i1nws] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.vipguest-kpi[b-w86u1i1nws] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.vipguest-kpi + .vipguest-kpi[b-w86u1i1nws] {
    border-left: 1px solid var(--innvilo-border-default);
}

.vipguest-kpi.is-current[b-w86u1i1nws]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.vipguest-kpi__label[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.vipguest-kpi__value[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.vipguest-kpi.is-current .vipguest-kpi__value[b-w86u1i1nws] {
    color: var(--color-primary);
}

.vipguest-kpi.is-attention .vipguest-kpi__value[b-w86u1i1nws] {
    color: var(--color-warning-text);
}

.vipguest-kpi__detail[b-w86u1i1nws] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* Body: tab bar plus one panel on desktop, jump links plus stacked sections below 992px. */

.vipguest-detail-body[b-w86u1i1nws] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    min-width: 0;
    overflow: hidden;
}

.vipguest-detail-tabs[b-w86u1i1nws] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-2);
    min-width: 0;
    overflow-x: auto;
    padding: 0 var(--innvilo-space-6);
    scrollbar-width: thin;
}

.vipguest-detail-tab[b-w86u1i1nws] {
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.2;
    margin-bottom: -1px;
    min-height: 3rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-4);
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.vipguest-detail-tab:hover[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
}

.vipguest-detail-tab.is-active[b-w86u1i1nws] {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary);
}

.vipguest-detail-tab:focus-visible[b-w86u1i1nws],
.vipguest-detail-jump:focus-visible[b-w86u1i1nws],
.vipguest-detail-section__toggle:focus-visible[b-w86u1i1nws],
.vipguest-segment:focus-visible[b-w86u1i1nws],
.vipguest-link-button:focus-visible[b-w86u1i1nws] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.vipguest-detail-jumps[b-w86u1i1nws] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-2);
    min-width: 0;
    overflow-x: auto;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    scrollbar-width: none;
}

.vipguest-detail-jump[b-w86u1i1nws] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    white-space: nowrap;
}

.vipguest-detail-section[b-w86u1i1nws] {
    min-width: 0;
}

.vipguest-detail-section + .vipguest-detail-section[b-w86u1i1nws] {
    border-top: 1px solid var(--innvilo-border-default);
}

.vipguest-detail-section__title[b-w86u1i1nws] {
    margin: 0;
}

.vipguest-detail-section__toggle[b-w86u1i1nws] {
    align-items: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    line-height: 1.3;
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    text-align: left;
    width: 100%;
}

.vipguest-detail-section__toggle i[b-w86u1i1nws] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.vipguest-detail-section__body[b-w86u1i1nws] {
    display: grid;
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8) var(--innvilo-space-8);
}

/* Section helpers: fact lists, toolbars, states. */

.vipguest-section-stack[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.vipguest-section-toolbar[b-w86u1i1nws] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.vipguest-section-toolbar__copy[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.vipguest-facts[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-6) var(--innvilo-space-8);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    min-width: 0;
}

.vipguest-facts > div[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.vipguest-facts > .is-wide[b-w86u1i1nws] {
    grid-column: 1 / -1;
}

.vipguest-facts dt[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.vipguest-facts dd[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.vipguest-facts dd.is-multiline[b-w86u1i1nws] {
    display: grid;
    white-space: pre-line;
}

.vipguest-facts a[b-w86u1i1nws] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.vipguest-section-empty[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.vipguest-section-empty.is-inline[b-w86u1i1nws] {
    font-size: var(--innvilo-font-size-label);
}

.vipguest-section-error[b-w86u1i1nws] {
    border-left: 3px solid var(--color-error);
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.vipguest-link-button[b-w86u1i1nws] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.vipguest-section-skeleton[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.vipguest-section-skeleton span[b-w86u1i1nws] {
    animation: vipguest-detail-pulse-b-w86u1i1nws 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 3.25rem;
}

/* Contacts */

.vipguest-contacts[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-4);
    list-style: none;
    margin: 0;
    padding: 0;
}

.vipguest-contact-card[b-w86u1i1nws] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 1fr) auto;
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.vipguest-contact-card.is-inactive[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
}

.vipguest-contact-card__identity[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.vipguest-contact-card__identity strong[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    overflow-wrap: anywhere;
}

.vipguest-contact-card__identity span[b-w86u1i1nws],
.vipguest-contact-card__reach a[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.vipguest-contact-card__reach[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.vipguest-contact-card__reach a[b-w86u1i1nws] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    overflow-wrap: anywhere;
    text-decoration: none;
}

.vipguest-contact-card__reach a:hover[b-w86u1i1nws],
.vipguest-contact-card__reach a:focus-visible[b-w86u1i1nws] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.vipguest-contact-card__reach i[b-w86u1i1nws] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
}

.vipguest-contact-card__rights[b-w86u1i1nws] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.vipguest-contact-card__rights li[b-w86u1i1nws],
.vipguest-tag[b-w86u1i1nws] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    line-height: 1.2;
    padding: var(--innvilo-space-1) var(--innvilo-space-3);
    white-space: nowrap;
}

.vipguest-contact-card__rights li.is-primary[b-w86u1i1nws] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.vipguest-contact-card__rights li.is-muted[b-w86u1i1nws] {
    color: var(--innvilo-text-muted);
}

.vipguest-contact-card__actions[b-w86u1i1nws] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

/* Totals above the open items. */

.vipguest-totals[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.vipguest-total[b-w86u1i1nws] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.vipguest-total span[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.vipguest-total strong[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.vipguest-total.is-open strong[b-w86u1i1nws] {
    color: var(--color-warning-text);
}

.vipguest-total.is-overdue strong[b-w86u1i1nws] {
    color: var(--color-error);
}

/* Segment switch (stays). */

.vipguest-segments[b-w86u1i1nws] {
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.vipguest-segment[b-w86u1i1nws] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    min-height: 2.25rem;
    padding: 0 var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.vipguest-segment:hover[b-w86u1i1nws] {
    background: var(--innvilo-surface-muted);
}

.vipguest-segment.is-active[b-w86u1i1nws] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Row lists (invoices, open items, stays): a header row and one row per item, no outline around the block. */

.vipguest-list[b-w86u1i1nws] {
    display: grid;
    min-width: 0;
}

.vipguest-list__head[b-w86u1i1nws],
.vipguest-list__row[b-w86u1i1nws] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.vipguest-list--invoices .vipguest-list__head[b-w86u1i1nws],
.vipguest-list--invoices .vipguest-list__row[b-w86u1i1nws] {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.vipguest-list--stays .vipguest-list__head[b-w86u1i1nws],
.vipguest-list--stays .vipguest-list__row[b-w86u1i1nws] {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
}

.vipguest-list__head[b-w86u1i1nws] {
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.vipguest-list__row[b-w86u1i1nws] {
    border-bottom: 1px solid var(--innvilo-border-default);
    border-left: 3px solid transparent;
    font-size: var(--innvilo-font-size-label);
}

.vipguest-list__row:last-child[b-w86u1i1nws] {
    border-bottom: 0;
}

.vipguest-list__row.is-overdue[b-w86u1i1nws] {
    border-left-color: var(--color-error);
}

.vipguest-list__row.is-in-house[b-w86u1i1nws] {
    border-left-color: var(--color-primary);
}

.vipguest-list__cell[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
    overflow-wrap: anywhere;
}

.vipguest-list__cell small[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.vipguest-list__cell a[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
}

.vipguest-list__cell a:hover[b-w86u1i1nws],
.vipguest-list__cell a:focus-visible[b-w86u1i1nws] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.vipguest-list__label[b-w86u1i1nws] {
    display: none;
}

.is-right[b-w86u1i1nws] {
    justify-items: end;
    text-align: right;
}

.vipguest-amount[b-w86u1i1nws] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.vipguest-amount.is-open[b-w86u1i1nws] {
    color: var(--color-warning-text);
}

.vipguest-tag.is-overdue[b-w86u1i1nws] {
    border-color: var(--color-error);
    color: var(--color-error);
}

.vipguest-tag.is-current[b-w86u1i1nws] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Section pager: count left, navigation or "load more" right. */

.vipguest-section-pager[b-w86u1i1nws] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.vipguest-section-pager__count[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
}

.vipguest-pager__nav[b-w86u1i1nws] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.vipguest-pager__page[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.vipguest-pager__page strong[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Error and not-found states of the whole page. */

.vipguest-detail-state[b-w86u1i1nws] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.vipguest-detail-state > i[b-w86u1i1nws] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
}

.vipguest-detail-state h1[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.vipguest-detail-state p[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
    max-width: 60ch;
}

.vipguest-detail-state__actions[b-w86u1i1nws] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

/* Up to 991px: stacked sections, cards instead of rows, 24px rhythm. */

@media (max-width: 61.99rem) {
    .vipguest-page[b-w86u1i1nws] {
        gap: var(--innvilo-space-8);
    }

    .vipguest-breadcrumb[b-w86u1i1nws] {
        font-size: var(--innvilo-font-size-micro);
        gap: var(--innvilo-space-2);
        margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    }

    .vipguest-breadcrumb a[b-w86u1i1nws] {
        align-items: center;
        display: inline-flex;
        min-height: 2.75rem;
        padding-inline: var(--innvilo-space-2);
    }

    .vipguest-viewport-skeleton[b-w86u1i1nws] {
        gap: var(--innvilo-space-8);
    }

    .vipguest-detail-head[b-w86u1i1nws] {
        align-items: start;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .vipguest-detail-head h1[b-w86u1i1nws] {
        font-size: var(--innvilo-font-size-title);
        letter-spacing: var(--innvilo-tracking-title);
        line-height: 1.15;
    }

    .vipguest-detail-head__actions[b-w86u1i1nws] {
        flex-wrap: nowrap;
    }

    .vipguest-kpis[b-w86u1i1nws] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vipguest-kpi[b-w86u1i1nws] {
        gap: var(--innvilo-space-2);
        padding: var(--innvilo-space-5) var(--innvilo-space-6);
    }

    .vipguest-kpi + .vipguest-kpi[b-w86u1i1nws] {
        border-left: 0;
    }

    .vipguest-kpi:nth-child(even)[b-w86u1i1nws] {
        border-left: 1px solid var(--innvilo-border-default);
    }

    .vipguest-kpi:nth-child(n + 3)[b-w86u1i1nws] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .vipguest-kpi.is-current[b-w86u1i1nws]::before {
        height: auto;
        inset: -1px auto -1px -1px;
        width: 3px;
    }

    .vipguest-kpi__value[b-w86u1i1nws] {
        font-size: var(--innvilo-font-size-heading);
    }

    .vipguest-kpi__detail[b-w86u1i1nws] {
        white-space: normal;
    }

    .vipguest-detail-section__body[b-w86u1i1nws] {
        padding: 0 var(--innvilo-space-5) var(--innvilo-space-6);
    }

    .vipguest-facts[b-w86u1i1nws] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vipguest-contact-card[b-w86u1i1nws] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vipguest-contact-card__actions[b-w86u1i1nws] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vipguest-totals[b-w86u1i1nws] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vipguest-list[b-w86u1i1nws] {
        gap: var(--innvilo-space-4);
    }

    .vipguest-list__head[b-w86u1i1nws] {
        display: none;
    }

    .vipguest-list--invoices .vipguest-list__row[b-w86u1i1nws],
    .vipguest-list--stays .vipguest-list__row[b-w86u1i1nws] {
        background: var(--innvilo-surface-app);
        border-bottom: 0;
        border-radius: var(--innvilo-radius-xs);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: var(--innvilo-space-5) var(--innvilo-space-6);
    }

    .vipguest-list__row.is-overdue[b-w86u1i1nws],
    .vipguest-list__row.is-in-house[b-w86u1i1nws] {
        border-left-width: 3px;
    }

    .vipguest-list__cell.is-primary[b-w86u1i1nws] {
        grid-column: 1 / -1;
    }

    .vipguest-list__cell.is-right[b-w86u1i1nws] {
        justify-items: start;
        text-align: left;
    }

    .vipguest-list__label[b-w86u1i1nws] {
        color: var(--innvilo-text-secondary);
        display: block;
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: var(--innvilo-font-size-micro);
        letter-spacing: var(--innvilo-tracking-caption);
    }

    .vipguest-section-pager[b-w86u1i1nws] {
        display: grid;
        justify-items: stretch;
    }

    .vipguest-section-pager__count[b-w86u1i1nws] {
        text-align: center;
    }

    .vipguest-detail-state[b-w86u1i1nws] {
        padding: var(--innvilo-space-10) var(--innvilo-space-6);
    }
}

@media (max-width: 47.99rem) {
    .vipguest-detail-head[b-w86u1i1nws] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vipguest-detail-head__actions[b-w86u1i1nws] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vipguest-viewport-skeleton span[b-w86u1i1nws],
    .vipguest-section-skeleton span[b-w86u1i1nws] {
        animation: none;
    }

    .vipguest-breadcrumb a[b-w86u1i1nws],
    .vipguest-detail-tab[b-w86u1i1nws],
    .vipguest-segment[b-w86u1i1nws] {
        transition: none;
    }
}

/* Verlauf: Zeitpunkt links, Aktion und Details rechts, Hairline zwischen den Einträgen, kein Rahmen. */
.vipguest-history[b-w86u1i1nws] {
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.vipguest-history__entry[b-w86u1i1nws] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-1) var(--innvilo-space-6);
    grid-template-columns: 10rem minmax(0, 1fr);
    padding: var(--innvilo-space-4) 0;
}

.vipguest-history__entry:first-child[b-w86u1i1nws] {
    border-top: 0;
    padding-top: 0;
}

.vipguest-history__time[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.vipguest-history__body[b-w86u1i1nws] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.vipguest-history__body strong[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.vipguest-history__body p[b-w86u1i1nws] {
    color: var(--innvilo-text-primary);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.vipguest-history__body small[b-w86u1i1nws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

@media (max-width: 61.99rem) {
    .vipguest-history__entry[b-w86u1i1nws] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Hotel/VipGuests/VipGuestMobile.razor.rz.scp.css */
/* Mobile workspace of the corporate-customer board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.vipguest-mobile[b-hce4agalbk] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.vipguest-breadcrumb[b-hce4agalbk] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.vipguest-breadcrumb a[b-hce4agalbk] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.vipguest-breadcrumb a:focus-visible[b-hce4agalbk] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.vipguest-breadcrumb i[b-hce4agalbk] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.vipguest-breadcrumb [aria-current='page'][b-hce4agalbk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.vipguest-mobile-header[b-hce4agalbk] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.vipguest-mobile-header__copy[b-hce4agalbk] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.vipguest-mobile-header h1[b-hce4agalbk] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.vipguest-mobile-header p[b-hce4agalbk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.vipguest-mobile-header p span:first-child[b-hce4agalbk] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.vipguest-mobile-header__actions[b-hce4agalbk] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.vipguest-mobile-kpis[b-hce4agalbk] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.vipguest-mobile-kpi[b-hce4agalbk] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.vipguest-mobile-kpi:nth-child(even)[b-hce4agalbk] {
    border-left: 1px solid var(--innvilo-border-default);
}

.vipguest-mobile-kpi:nth-child(n + 3)[b-hce4agalbk] {
    border-top: 1px solid var(--innvilo-border-default);
}

.vipguest-mobile-kpi.is-current[b-hce4agalbk]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.vipguest-mobile-kpi span[b-hce4agalbk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vipguest-mobile-kpi strong[b-hce4agalbk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.vipguest-mobile-kpi.is-current strong[b-hce4agalbk] {
    color: var(--color-primary);
}

.vipguest-mobile-kpi.is-attention strong[b-hce4agalbk] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.vipguest-mobile-tools[b-hce4agalbk] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.vipguest-mobile-tools > :first-child + *[b-hce4agalbk] {
    flex: 1 1 auto;
    min-width: 0;
}

.vipguest-mobile-filter__count[b-hce4agalbk] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills */

.vipguest-pills[b-hce4agalbk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.vipguest-pills__list[b-hce4agalbk] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.vipguest-pill[b-hce4agalbk] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.vipguest-pill > span[b-hce4agalbk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vipguest-pill__remove[b-hce4agalbk] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.vipguest-pill__remove:focus-visible[b-hce4agalbk],
.vipguest-overlay__row:focus-visible[b-hce4agalbk],
.vipguest-overlay__close:focus-visible[b-hce4agalbk],
.vipguest-overlay__back:focus-visible[b-hce4agalbk] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.vipguest-overlay[b-hce4agalbk] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.vipguest-overlay__head[b-hce4agalbk] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.vipguest-overlay__head h2[b-hce4agalbk] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.vipguest-overlay__close[b-hce4agalbk],
.vipguest-overlay__back[b-hce4agalbk] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.vipguest-overlay__back[b-hce4agalbk] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.vipguest-overlay__close[b-hce4agalbk] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.vipguest-overlay__body[b-hce4agalbk] {
    min-height: 0;
    overflow-y: auto;
}

.vipguest-overlay__rows[b-hce4agalbk] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.vipguest-overlay__row[b-hce4agalbk] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.vipguest-overlay__row-label[b-hce4agalbk] {
    flex: 1 1 auto;
    min-width: 0;
}

.vipguest-overlay__row-count[b-hce4agalbk] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.vipguest-overlay__row > i[b-hce4agalbk] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.vipguest-overlay__foot[b-hce4agalbk] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.vipguest-mobile-list[b-hce4agalbk],
.vipguest-mobile-cards[b-hce4agalbk] {
    display: grid;
    min-width: 0;
}

.vipguest-mobile-list[b-hce4agalbk] {
    gap: var(--innvilo-space-6);
}

.vipguest-mobile-cards[b-hce4agalbk] {
    gap: var(--innvilo-space-5);
}

.vipguest-mobile-card[b-hce4agalbk] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.vipguest-mobile-card.is-inactive[b-hce4agalbk]::before {
    background: var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.vipguest-mobile-card__header[b-hce4agalbk] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.vipguest-mobile-card__identity[b-hce4agalbk] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.vipguest-mobile-card__identity > strong[b-hce4agalbk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.vipguest-mobile-card__identity span[b-hce4agalbk],
.vipguest-mobile-card__meta[b-hce4agalbk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.vipguest-number[b-hce4agalbk] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.vipguest-mobile-card__facts[b-hce4agalbk] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.vipguest-mobile-card__fact[b-hce4agalbk] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.vipguest-mobile-card__fact span[b-hce4agalbk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.vipguest-mobile-card__fact strong[b-hce4agalbk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.vipguest-mobile-card__fact strong.is-open[b-hce4agalbk] {
    color: var(--color-warning-text);
}

.vipguest-mobile-card__meta[b-hce4agalbk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.vipguest-mobile-card__meta span[b-hce4agalbk] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.vipguest-mobile-card__meta i[b-hce4agalbk] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.vipguest-mobile-card__footer[b-hce4agalbk] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

/* "Öffnen" führt zur Detailseite und steht als volle Zeile über den beiden Aktionen. */
.vipguest-mobile-card__footer > :first-child[b-hce4agalbk] {
    grid-column: 1 / -1;
}

/* States */

.vipguest-mobile-state[b-hce4agalbk] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.vipguest-mobile-state > *[b-hce4agalbk] {
    animation: vipguest-mobile-state-in-b-hce4agalbk var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.vipguest-mobile-state > :nth-child(2)[b-hce4agalbk] { animation-delay: 40ms; }
.vipguest-mobile-state > :nth-child(3)[b-hce4agalbk] { animation-delay: 80ms; }
.vipguest-mobile-state > :nth-child(4)[b-hce4agalbk] { animation-delay: 120ms; }

@keyframes vipguest-mobile-state-in-b-hce4agalbk {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.vipguest-mobile-state > i[b-hce4agalbk] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.vipguest-mobile-state--error > i[b-hce4agalbk] {
    color: var(--color-error);
}

.vipguest-mobile-state h2[b-hce4agalbk],
.vipguest-mobile-state p[b-hce4agalbk] {
    margin: 0;
}

.vipguest-mobile-state h2[b-hce4agalbk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.vipguest-mobile-state p[b-hce4agalbk] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.vipguest-mobile-state > :last-child[b-hce4agalbk] {
    margin-top: var(--innvilo-space-5);
}

/* Illustration for the empty states, shared with the desktop host. */

.vipguest-state__art[b-hce4agalbk] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.vipguest-state__art > span[b-hce4agalbk] {
    animation: vipguest-mobile-state-row-in-b-hce4agalbk 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.vipguest-state__art > span[b-hce4agalbk]::before,
.vipguest-state__art > span[b-hce4agalbk]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.vipguest-state__art > span[b-hce4agalbk]::before {
    top: 0.625rem;
    width: 38%;
}

.vipguest-state__art > span[b-hce4agalbk]::after {
    bottom: 0.625rem;
    width: 58%;
}

.vipguest-state__art > span:nth-child(1)[b-hce4agalbk] {
    opacity: .35;
    transform: scale(.94);
}

.vipguest-state__art > span:nth-child(2)[b-hce4agalbk] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.vipguest-state__art > span:nth-child(3)[b-hce4agalbk] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.vipguest-state__art > i[b-hce4agalbk] {
    align-items: center;
    animation: vipguest-mobile-state-in-b-hce4agalbk 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.vipguest-state__art.is-filtered > span:nth-child(3)[b-hce4agalbk]::before,
.vipguest-state__art.is-filtered > span:nth-child(3)[b-hce4agalbk]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes vipguest-mobile-state-row-in-b-hce4agalbk {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.vipguest-mobile-skeleton[b-hce4agalbk] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.vipguest-mobile-skeleton span[b-hce4agalbk] {
    animation: vipguest-mobile-pulse-b-hce4agalbk 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes vipguest-mobile-pulse-b-hce4agalbk {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .vipguest-mobile-card[b-hce4agalbk] {
        padding: var(--innvilo-space-5);
    }

    .vipguest-mobile-card__footer[b-hce4agalbk] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .vipguest-mobile-skeleton span[b-hce4agalbk],
    .vipguest-mobile-state > *[b-hce4agalbk],
    .vipguest-state__art > span[b-hce4agalbk],
    .vipguest-state__art > i[b-hce4agalbk] {
        animation: none;
    }
}

/* Stufen- und Statusmarke rechts im Kartenkopf, Notiz als ruhige Zeile unter den Fakten. */
.vipguest-mobile-card__marks[b-hce4agalbk] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: var(--innvilo-space-1);
}

.vipguest-mobile-card__fact small[b-hce4agalbk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.vipguest-mobile-card__fact small.is-in-house[b-hce4agalbk] {
    color: var(--color-success);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.vipguest-mobile-card__note[b-hce4agalbk] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.vipguest-mobile-card__contact[b-hce4agalbk] {
    display: block;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Hotel/Website/WebsiteCockpit.razor.rz.scp.css */
.website-overview[b-ypiip13d8j] {
    color: var(--innvilo-text-primary);
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: 0;
    margin-inline: auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: var(--innvilo-page-section-gap);
    width: 100%;
}

.website-overview__hero-slot[b-ypiip13d8j],
.website-overview__kpi-slot[b-ypiip13d8j],
.website-overview__filter-slot[b-ypiip13d8j],
.website-overview__grid-slot[b-ypiip13d8j],
.website-overview__content[b-ypiip13d8j] {
    min-width: 0;
}

.website-overview__hero-slot[b-ypiip13d8j] {
    padding-bottom: var(--innvilo-space-6);
}

.website-overview__kpi-slot[b-ypiip13d8j],
.website-overview__filter-slot[b-ypiip13d8j] {
    padding-bottom: var(--innvilo-page-section-gap);
}

.website-overview__content[b-ypiip13d8j] {
    display: grid;
    gap: var(--innvilo-space-7);
}

.website-overview-loading[b-ypiip13d8j] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-8);
}

.website-overview-loading > i[b-ypiip13d8j] {
    background: var(--color-notification-skeleton);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 3rem;
}

.website-overview-loading > i:first-of-type[b-ypiip13d8j] {
    max-width: 28rem;
}

.website-overview-loading > i:nth-of-type(2)[b-ypiip13d8j] {
    max-width: 42rem;
}

.website-overview-loading > i:last-of-type[b-ypiip13d8j] {
    height: 12rem;
}

.website-overview-state[b-ypiip13d8j] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 12rem;
    padding: var(--innvilo-space-8);
}

.website-overview-state > i[b-ypiip13d8j] {
    color: var(--color-error);
    font-size: 1.5rem;
}

.website-overview-state h2[b-ypiip13d8j],
.website-overview-state p[b-ypiip13d8j],
.website-overview-plan h2[b-ypiip13d8j],
.website-overview-plan p[b-ypiip13d8j] {
    margin: 0;
}

.website-overview-state h2[b-ypiip13d8j],
.website-overview-plan h2[b-ypiip13d8j] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.website-overview-state p[b-ypiip13d8j],
.website-overview-plan p[b-ypiip13d8j] {
    color: var(--innvilo-text-secondary);
    line-height: 1.55;
    margin-top: var(--innvilo-space-3);
    max-width: 70ch;
}

.website-overview-feedback[b-ypiip13d8j] {
    align-items: center;
    background: var(--color-error-soft);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-error);
    display: flex;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
}

.website-overview-plan[b-ypiip13d8j] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    gap: var(--innvilo-space-7);
    justify-content: space-between;
    padding: var(--innvilo-space-7);
}

.website-overview-plan__link[b-ypiip13d8j] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    justify-content: center;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.website-overview-plan__link:hover[b-ypiip13d8j] {
    background: var(--color-header-hover);
    border-color: var(--innvilo-border-strong);
}

.website-overview-plan__link:active[b-ypiip13d8j] {
    transform: translateY(1px);
}

.website-overview-plan__link:focus-visible[b-ypiip13d8j] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 2px;
}

@media (max-width: 47.9375rem) {
    .website-overview-state[b-ypiip13d8j] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-6);
    }

    .website-overview-plan[b-ypiip13d8j] {
        align-items: stretch;
        flex-direction: column;
        padding: var(--innvilo-space-6);
    }

    .website-overview-plan__link[b-ypiip13d8j] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .website-overview-plan__link[b-ypiip13d8j] {
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/Hotel/Website/WebsiteComponentTree.razor.rz.scp.css */
.website-component-tree[b-ift1wxos0m] {
    display: grid;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.website-component-tree .website-component-tree[b-ift1wxos0m] {
    border-left: 1px solid var(--innvilo-border-default);
    margin-left: var(--innvilo-space-4);
    padding-left: var(--innvilo-space-4);
}

.website-component-tree > li[b-ift1wxos0m] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.website-component-row[b-ift1wxos0m] {
    align-items: stretch;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    overflow: hidden;
}

.website-component-row.is-selected[b-ift1wxos0m] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
}

.website-component-row__select[b-ift1wxos0m] {
    align-items: start;
    background: transparent;
    border: 0;
    color: var(--innvilo-text-primary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 2.75rem;
    min-width: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
}

.website-component-row__select span[b-ift1wxos0m],
.website-component-row__select small[b-ift1wxos0m] {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.website-component-row__select span[b-ift1wxos0m] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.website-component-row__select small[b-ift1wxos0m] {
    color: var(--innvilo-text-secondary);
    margin-top: var(--innvilo-space-1);
}

.website-component-row__actions[b-ift1wxos0m] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-1);
    justify-content: flex-end;
    padding: var(--innvilo-space-2);
}

.website-component-row__actions button[b-ift1wxos0m],
.website-component-dropzone[b-ift1wxos0m],
.website-container-dropzone[b-ift1wxos0m] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    justify-content: center;
    min-height: 2.75rem;
}

.website-component-row__actions button[b-ift1wxos0m] {
    min-width: 2.75rem;
}

.website-component-dropzone[b-ift1wxos0m],
.website-container-dropzone[b-ift1wxos0m] {
    border-color: var(--innvilo-border-default);
    border-style: dashed;
    gap: var(--innvilo-space-2);
    padding-inline: var(--innvilo-space-4);
    width: 100%;
}

.website-component-row button[b-ift1wxos0m],
.website-component-dropzone[b-ift1wxos0m],
.website-container-dropzone[b-ift1wxos0m] {
    cursor: pointer;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.website-component-row button:hover[b-ift1wxos0m],
.website-component-dropzone:hover[b-ift1wxos0m],
.website-container-dropzone:hover[b-ift1wxos0m] {
    background: var(--color-header-hover);
    border-color: var(--innvilo-border-strong);
    color: var(--innvilo-text-primary);
}

.website-component-row button:focus-visible[b-ift1wxos0m],
.website-component-dropzone:focus-visible[b-ift1wxos0m],
.website-container-dropzone:focus-visible[b-ift1wxos0m] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 2px;
}

@media (max-width: 74.9375rem) {
    .website-component-row[b-ift1wxos0m] {
        grid-template-columns: 1fr;
    }

    .website-component-row__actions[b-ift1wxos0m] {
        border-top: 1px solid var(--innvilo-border-default);
        justify-content: stretch;
    }

    .website-component-row__actions button[b-ift1wxos0m] {
        flex: 1 1 2.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .website-component-row button[b-ift1wxos0m],
    .website-component-dropzone[b-ift1wxos0m],
    .website-container-dropzone[b-ift1wxos0m] {
        transition-duration: .01ms;
    }
}
/* /Components/Pages/Hotel/Website/WebsiteDomainManager.razor.rz.scp.css */
.website-domain-panel[b-x31kj7k3nt] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
    padding: var(--innvilo-space-7);
}

.website-domain-panel__header[b-x31kj7k3nt],
.website-domain-panel__header-actions[b-x31kj7k3nt],
.website-domain-item > header[b-x31kj7k3nt],
.website-domain-item__actions[b-x31kj7k3nt],
.website-domain-confirm[b-x31kj7k3nt] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
}

.website-domain-panel__header[b-x31kj7k3nt],
.website-domain-item > header[b-x31kj7k3nt] {
    justify-content: space-between;
}

.website-domain-panel__header > div:first-child[b-x31kj7k3nt],
.website-domain-item > header > div[b-x31kj7k3nt] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.website-domain-panel h2[b-x31kj7k3nt],
.website-domain-panel h3[b-x31kj7k3nt],
.website-domain-panel p[b-x31kj7k3nt] {
    margin: 0;
}

.website-domain-panel h2[b-x31kj7k3nt],
.website-domain-panel h3[b-x31kj7k3nt] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    line-height: 1.3;
}

.website-domain-panel h2[b-x31kj7k3nt] {
    font-size: var(--innvilo-font-size-heading);
}

.website-domain-panel h3[b-x31kj7k3nt] {
    font-size: var(--innvilo-font-size-body);
}

.website-domain-panel p[b-x31kj7k3nt],
.website-domain-panel small[b-x31kj7k3nt] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}

.website-domain-panel__add[b-x31kj7k3nt],
.website-domain-panel__proof[b-x31kj7k3nt] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: minmax(0, 1fr) auto;
}

.website-domain-panel__field[b-x31kj7k3nt] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.website-domain-panel__field label[b-x31kj7k3nt] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.website-domain-panel__field input[b-x31kj7k3nt] {
    background: var(--color-input-surface);
    border: 1px solid var(--color-input-border);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    font: inherit;
    min-height: 3rem;
    min-width: 0;
    padding: 0 var(--innvilo-space-4);
    width: 100%;
}

.website-domain-panel__field input:focus-visible[b-x31kj7k3nt] {
    border-color: var(--innvilo-border-focus);
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 1px;
}

.website-domain-panel__field input:disabled[b-x31kj7k3nt] {
    cursor: not-allowed;
    opacity: .6;
}

.website-domain-panel__token[b-x31kj7k3nt] {
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-border);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-6);
}

.website-domain-panel__token > div[b-x31kj7k3nt] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.website-domain-panel__token dl[b-x31kj7k3nt] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
}

.website-domain-panel__token dl > div[b-x31kj7k3nt] {
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: 5rem minmax(0, 1fr);
}

.website-domain-panel__token dt[b-x31kj7k3nt] {
    color: var(--innvilo-text-secondary);
}

.website-domain-panel__token dd[b-x31kj7k3nt] {
    color: var(--innvilo-text-primary);
    margin: 0;
    min-width: 0;
}

.website-domain-panel__token code[b-x31kj7k3nt] {
    overflow-wrap: anywhere;
}

.website-domain-message[b-x31kj7k3nt],
.website-domain-panel__state[b-x31kj7k3nt] {
    align-items: start;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    display: flex;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
}

.website-domain-message.is-success[b-x31kj7k3nt] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.website-domain-message.is-error[b-x31kj7k3nt],
.website-domain-panel__state.is-error[b-x31kj7k3nt] {
    background: var(--color-error-soft);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.website-domain-panel__state.is-loading[b-x31kj7k3nt] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-secondary);
}

.website-domain-panel__state > div[b-x31kj7k3nt] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.website-domain-list[b-x31kj7k3nt] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
}

.website-domain-item[b-x31kj7k3nt] {
    display: grid;
    gap: var(--innvilo-space-5);
    padding-block: var(--innvilo-space-6);
}

.website-domain-item + .website-domain-item[b-x31kj7k3nt] {
    border-top: 1px solid var(--innvilo-border-soft);
}

.website-domain-status[b-x31kj7k3nt] {
    border-radius: var(--innvilo-radius-full);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.25;
    min-height: 1.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
    width: fit-content;
}

.website-domain-status.is-active[b-x31kj7k3nt] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.website-domain-status.is-failed[b-x31kj7k3nt],
.website-domain-status.is-ownership-lost[b-x31kj7k3nt] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

.website-domain-status.is-verified[b-x31kj7k3nt],
.website-domain-status.is-certificate-pending[b-x31kj7k3nt] {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
}

.website-domain-status.is-pending[b-x31kj7k3nt],
.website-domain-status.is-unknown[b-x31kj7k3nt] {
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.website-domain-item__error[b-x31kj7k3nt] {
    color: var(--color-error);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.website-domain-item__actions[b-x31kj7k3nt] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.website-domain-confirm[b-x31kj7k3nt] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--innvilo-radius-md);
    flex-wrap: wrap;
    padding: var(--innvilo-space-4);
}

.website-domain-confirm > span[b-x31kj7k3nt] {
    color: var(--color-warning-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    margin-right: auto;
}

@media (max-width: 47.9375rem) {
    .website-domain-panel[b-x31kj7k3nt] {
        padding: var(--innvilo-space-6);
    }

    .website-domain-panel__header[b-x31kj7k3nt],
    .website-domain-item > header[b-x31kj7k3nt] {
        align-items: stretch;
        flex-direction: column;
    }

    .website-domain-panel__header-actions[b-x31kj7k3nt],
    .website-domain-item__actions[b-x31kj7k3nt] {
        align-items: stretch;
        flex-direction: column;
    }

    .website-domain-panel__add[b-x31kj7k3nt],
    .website-domain-panel__proof[b-x31kj7k3nt] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .website-domain-panel__token dl > div[b-x31kj7k3nt] {
        grid-template-columns: 1fr;
    }

    .website-domain-confirm[b-x31kj7k3nt] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }
}
/* /Components/Pages/Hotel/Website/WebsiteEditor.razor.rz.scp.css */
.website-editor[b-04q6fr1fqq] {
    color: var(--innvilo-text-primary);
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: 0;
    margin-inline: auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: var(--innvilo-page-section-gap);
    width: 100%;
}

.website-editor__hero-slot[b-04q6fr1fqq],
.website-editor__content[b-04q6fr1fqq] {
    min-width: 0;
}

.website-editor__hero-slot[b-04q6fr1fqq] {
    padding-bottom: var(--innvilo-space-6);
}

.website-editor-state[b-04q6fr1fqq] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 12rem;
    padding: var(--innvilo-space-8);
}

.website-editor-state > i[b-04q6fr1fqq] {
    color: var(--color-error);
    font-size: 1.5rem;
}

.website-editor-state h2[b-04q6fr1fqq],
.website-editor-state p[b-04q6fr1fqq],
.website-conflict h2[b-04q6fr1fqq],
.website-conflict p[b-04q6fr1fqq] {
    margin: 0;
}

.website-editor-state h2[b-04q6fr1fqq],
.website-conflict h2[b-04q6fr1fqq] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.website-editor-state p[b-04q6fr1fqq],
.website-conflict p[b-04q6fr1fqq] {
    color: var(--innvilo-text-secondary);
    line-height: 1.55;
    margin-top: var(--innvilo-space-3);
    max-width: 68ch;
}

.website-conflict[b-04q6fr1fqq] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-lg);
    bottom: max(var(--innvilo-space-6), env(safe-area-inset-bottom));
    box-shadow: var(--innvilo-shadow-popover);
    display: grid;
    gap: var(--innvilo-space-7);
    left: 50%;
    max-height: calc(100dvh - (2 * var(--innvilo-space-6)));
    max-width: min(48rem, calc(100vw - (2 * var(--innvilo-space-6))));
    overflow: auto;
    padding: var(--innvilo-space-7);
    position: fixed;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1200;
}

.website-conflict__content[b-04q6fr1fqq] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr);
}

.website-conflict__icon[b-04q6fr1fqq] {
    align-items: center;
    background: var(--color-warning-soft);
    border-radius: var(--innvilo-radius-md);
    color: var(--color-warning-text);
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.website-conflict__actions[b-04q6fr1fqq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

.website-conflict button[b-04q6fr1fqq] {
    min-height: 2.75rem;
}

.website-conflict button:focus-visible[b-04q6fr1fqq] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 2px;
}

@media (max-width: 47.9375rem) {
    .website-editor-state[b-04q6fr1fqq] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-6);
    }

    .website-conflict[b-04q6fr1fqq] {
        bottom: max(var(--innvilo-space-4), env(safe-area-inset-bottom));
        max-height: calc(100dvh - (2 * var(--innvilo-space-4)));
        max-width: calc(100vw - (2 * var(--innvilo-space-4)));
        padding: var(--innvilo-space-6);
    }

    .website-conflict__actions[b-04q6fr1fqq] {
        align-items: stretch;
        flex-direction: column;
    }

    .website-conflict__actions button[b-04q6fr1fqq] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .website-conflict[b-04q6fr1fqq] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Hotel/Website/WebsiteEditorDesktop.razor.rz.scp.css */
.website-editor-desktop-host[b-0440m68gwm] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.website-editor-toolbar[b-0440m68gwm] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.website-editor-toolbar__identity[b-0440m68gwm] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: min(100%, 12rem);
}

.website-editor-toolbar__identity > a[b-0440m68gwm],
.website-editor-toolbar__viewport button[b-0440m68gwm],
.website-editor-toolbar__actions button[b-0440m68gwm],
.website-editor-pages header button[b-0440m68gwm],
.website-editor-pages > button[b-0440m68gwm],
.website-editor-blocks > button[b-0440m68gwm] {
    min-height: 2.75rem;
}

.website-editor-toolbar__identity > a[b-0440m68gwm] {
    align-items: center;
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    justify-content: center;
    min-width: 2.75rem;
    text-decoration: none;
}

.website-editor-toolbar__identity span[b-0440m68gwm],
.website-editor-toolbar__identity strong[b-0440m68gwm] {
    display: block;
    overflow-wrap: anywhere;
}

.website-editor-toolbar__identity span[b-0440m68gwm] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.website-editor-toolbar__identity strong[b-0440m68gwm] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    margin-top: var(--innvilo-space-1);
}

.website-editor-toolbar__viewport[b-0440m68gwm],
.website-editor-toolbar__actions[b-0440m68gwm] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.website-editor-toolbar__viewport button[b-0440m68gwm],
.website-editor-toolbar__actions button[b-0440m68gwm],
.website-editor-pages header button[b-0440m68gwm] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    justify-content: center;
    min-width: 2.75rem;
}

.website-editor-toolbar__viewport button.is-active[b-0440m68gwm] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.website-save-status[b-0440m68gwm] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    max-width: 16rem;
    overflow-wrap: anywhere;
}

.website-editor-workbench[b-0440m68gwm] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: minmax(13rem, .75fr) minmax(20rem, 1.35fr) minmax(15rem, .9fr);
    min-width: 0;
}

.website-editor-panel[b-0440m68gwm],
.website-editor-canvas[b-0440m68gwm] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
}

.website-editor-panel[b-0440m68gwm] {
    display: grid;
    gap: var(--innvilo-space-6);
    max-height: min(72rem, calc(100dvh - 10rem));
    overflow: auto;
    overscroll-behavior: contain;
    padding: var(--innvilo-space-5);
}

.website-editor-panel h2[b-0440m68gwm],
.website-editor-panel h3[b-0440m68gwm],
.website-editor-panel p[b-0440m68gwm] {
    margin: 0;
}

.website-editor-panel h2[b-0440m68gwm] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
}

.website-editor-panel h3[b-0440m68gwm] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.website-editor-pages[b-0440m68gwm],
.website-editor-blocks[b-0440m68gwm] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.website-editor-pages header[b-0440m68gwm] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.website-editor-pages > button[b-0440m68gwm],
.website-editor-blocks > button[b-0440m68gwm] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    display: flex;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
    width: 100%;
}

.website-editor-pages > button[b-0440m68gwm] {
    align-items: start;
    flex-direction: column;
}

.website-editor-pages > button small[b-0440m68gwm],
.website-editor-blocks p[b-0440m68gwm],
.website-field-help[b-0440m68gwm] {
    color: var(--innvilo-text-secondary);
    overflow-wrap: anywhere;
}

.website-editor-pages > button.is-active[b-0440m68gwm] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
}

.website-editor-canvas[b-0440m68gwm] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-height: 40rem;
    padding: var(--innvilo-space-5);
}

.website-canvas-dropzone[b-0440m68gwm] {
    background: var(--innvilo-surface-soft);
    border: 1px dashed var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-secondary);
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-4);
}

.website-editor-canvas__frame[b-0440m68gwm] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    justify-self: center;
    min-height: 32rem;
    overflow: hidden;
    width: 100%;
}

.website-editor-canvas__frame--tablet[b-0440m68gwm] {
    max-width: 48rem;
}

.website-editor-canvas__frame--mobile[b-0440m68gwm] {
    max-width: 26.875rem;
}

.website-editor-canvas iframe[b-0440m68gwm] {
    background: var(--innvilo-surface-main);
    border: 0;
    display: block;
    min-height: 38rem;
    width: 100%;
}

.website-editor-panel label[b-0440m68gwm],
.website-editor-responsive[b-0440m68gwm],
.website-editor-pro[b-0440m68gwm] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.website-editor-panel input:not([type="checkbox"]):not([type="range"])[b-0440m68gwm],
.website-editor-panel select[b-0440m68gwm],
.website-editor-panel textarea[b-0440m68gwm],
.website-editor-panel input[type="file"][b-0440m68gwm] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    min-height: 3rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    width: 100%;
}

.website-editor-panel textarea[b-0440m68gwm] {
    min-height: 8rem;
    resize: vertical;
}

.website-editor-responsive[b-0440m68gwm] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    margin: 0;
    padding: var(--innvilo-space-5);
}

.website-editor-responsive > div[b-0440m68gwm] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    padding-block: var(--innvilo-space-4);
}

.website-editor-pro[b-0440m68gwm],
.website-page-delete[b-0440m68gwm] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    padding: var(--innvilo-space-5);
}

.website-page-delete h3[b-0440m68gwm],
.website-page-delete p[b-0440m68gwm] {
    margin: 0;
}

.website-page-delete h3[b-0440m68gwm] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.website-page-delete > div[b-0440m68gwm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: var(--innvilo-space-4);
}

.website-editor-desktop-host button[b-0440m68gwm] {
    cursor: pointer;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.website-editor-desktop-host button:hover:not(:disabled)[b-0440m68gwm],
.website-editor-toolbar__identity > a:hover[b-0440m68gwm] {
    background: var(--color-header-hover);
    border-color: var(--innvilo-border-strong);
}

.website-editor-desktop-host button:focus-visible[b-0440m68gwm],
.website-editor-desktop-host a:focus-visible[b-0440m68gwm],
.website-editor-desktop-host input:focus-visible[b-0440m68gwm],
.website-editor-desktop-host select:focus-visible[b-0440m68gwm],
.website-editor-desktop-host textarea:focus-visible[b-0440m68gwm] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 2px;
}

.website-editor-desktop-host button:disabled[b-0440m68gwm] {
    cursor: not-allowed;
    opacity: .55;
}

@media (prefers-reduced-motion: reduce) {
    .website-editor-desktop-host button[b-0440m68gwm] {
        transition-duration: .01ms;
    }
}
/* /Components/Pages/Hotel/Website/WebsiteEditorMobile.razor.rz.scp.css */
.website-editor-mobile-host[b-r5zu2fftra] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.website-editor-mobile__intro[b-r5zu2fftra] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.website-editor-mobile__intro > div[b-r5zu2fftra] {
    min-width: 0;
}

.website-editor-mobile__intro span[b-r5zu2fftra],
.website-editor-mobile__intro h2[b-r5zu2fftra],
.website-editor-mobile__intro p[b-r5zu2fftra] {
    margin: 0;
}

.website-editor-mobile__intro > div > span[b-r5zu2fftra] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.website-editor-mobile__intro h2[b-r5zu2fftra] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
    margin-top: var(--innvilo-space-2);
}

.website-editor-mobile__intro p[b-r5zu2fftra] {
    color: var(--innvilo-text-secondary);
    line-height: 1.55;
    margin-top: var(--innvilo-space-2);
    max-width: 60ch;
}

.website-editor-mobile__publication[b-r5zu2fftra] {
    align-items: center;
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    display: inline-flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-2);
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-4);
}

.website-editor-mobile__toolbar[b-r5zu2fftra] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding: var(--innvilo-space-4);
}

.website-editor-mobile__toolbar > div[b-r5zu2fftra] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.website-editor-mobile__toolbar button[b-r5zu2fftra] {
    min-height: 2.75rem;
}

.website-editor-mobile__toolbar > div:first-child button[b-r5zu2fftra] {
    min-width: 2.75rem;
    padding-inline: var(--innvilo-space-3);
}

.website-editor-mobile__status[b-r5zu2fftra] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    margin: 0;
    min-height: 2.75rem;
    overflow-wrap: anywhere;
}

.website-editor-mobile__workspace[b-r5zu2fftra] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.website-editor-accordion[b-r5zu2fftra] {
    align-self: start;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
    overflow: clip;
}

.website-editor-accordion__trigger[b-r5zu2fftra] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--innvilo-text-primary);
    display: flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-height: 3rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    text-align: left;
    width: 100%;
}

.website-editor-accordion__trigger > span[b-r5zu2fftra] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
}

.website-editor-accordion__trigger > .fa-chevron-down[b-r5zu2fftra] {
    transition: transform var(--innvilo-duration-normal) var(--innvilo-easing-standard);
}

.website-editor-accordion__trigger[aria-expanded="true"][b-r5zu2fftra] {
    background: var(--innvilo-surface-soft);
    border-bottom: 1px solid var(--innvilo-border-default);
}

.website-editor-accordion__trigger[aria-expanded="true"] > .fa-chevron-down[b-r5zu2fftra] {
    transform: rotate(180deg);
}

.website-editor-accordion__body[b-r5zu2fftra] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.website-editor-accordion__body > h3[b-r5zu2fftra],
.website-editor-accordion__body > p[b-r5zu2fftra],
.website-editor-mobile__blocks h3[b-r5zu2fftra],
.website-editor-mobile__blocks p[b-r5zu2fftra],
.website-editor-mobile__symbols h3[b-r5zu2fftra],
.website-editor-mobile__delete h3[b-r5zu2fftra],
.website-editor-mobile__delete p[b-r5zu2fftra],
.website-editor-mobile__plan p[b-r5zu2fftra],
.website-editor-mobile__selection span[b-r5zu2fftra],
.website-editor-mobile__selection h3[b-r5zu2fftra] {
    margin: 0;
}

.website-editor-accordion__body label[b-r5zu2fftra] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.website-editor-accordion__body input:not([type="checkbox"]):not([type="range"])[b-r5zu2fftra],
.website-editor-accordion__body select[b-r5zu2fftra],
.website-editor-accordion__body textarea[b-r5zu2fftra],
.website-editor-accordion__body input[type="file"][b-r5zu2fftra] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    min-height: 3rem;
    min-width: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    width: 100%;
}

.website-editor-accordion__body textarea[b-r5zu2fftra] {
    min-height: 8rem;
    resize: vertical;
}

.website-editor-mobile__page-actions[b-r5zu2fftra],
.website-editor-mobile__delete > div[b-r5zu2fftra],
.website-editor-mobile__symbols[b-r5zu2fftra] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.website-editor-mobile__page-actions button[b-r5zu2fftra],
.website-editor-mobile__delete button[b-r5zu2fftra],
.website-editor-mobile__symbols button[b-r5zu2fftra],
.website-editor-accordion__body > button[b-r5zu2fftra],
.website-editor-accordion__body > a[b-r5zu2fftra] {
    min-height: 2.75rem;
}

.website-editor-mobile__blocks[b-r5zu2fftra],
.website-editor-mobile__symbols[b-r5zu2fftra],
.website-editor-mobile__plan[b-r5zu2fftra],
.website-editor-mobile__delete[b-r5zu2fftra],
.website-editor-mobile__responsive[b-r5zu2fftra] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.website-editor-mobile__blocks > p[b-r5zu2fftra],
.website-editor-mobile__hint[b-r5zu2fftra],
.website-editor-mobile__plan p[b-r5zu2fftra],
.website-field-help[b-r5zu2fftra] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}

.website-editor-mobile__blocks > div[b-r5zu2fftra] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.website-editor-mobile__blocks button[b-r5zu2fftra] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    display: flex;
    gap: var(--innvilo-space-3);
    min-height: 3rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
}

.website-editor-mobile__blocks button small[b-r5zu2fftra] {
    color: var(--color-primary);
}

.website-editor-mobile__delete[b-r5zu2fftra],
.website-editor-mobile__plan[b-r5zu2fftra] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    padding: var(--innvilo-space-5);
}

.website-editor-mobile__delete h3[b-r5zu2fftra],
.website-editor-mobile__selection h3[b-r5zu2fftra] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.website-editor-mobile__selection span[b-r5zu2fftra] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.website-editor-mobile__selection h3[b-r5zu2fftra] {
    margin-top: var(--innvilo-space-1);
}

.website-editor-mobile__responsive[b-r5zu2fftra] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    margin: 0;
    padding: var(--innvilo-space-5);
}

.website-editor-mobile__responsive > div[b-r5zu2fftra] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    padding-block: var(--innvilo-space-4);
}

.website-editor-mobile__checkbox[b-r5zu2fftra] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    min-height: 2.75rem;
}

.website-editor-mobile__checkbox input[b-r5zu2fftra] {
    height: 1.25rem;
    width: 1.25rem;
}

.website-editor-mobile__empty[b-r5zu2fftra] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 6rem;
    padding: var(--innvilo-space-4);
}

.website-editor-mobile__empty > i[b-r5zu2fftra] {
    font-size: 1.25rem;
}

.website-editor-mobile__empty p[b-r5zu2fftra] {
    line-height: 1.5;
    margin: 0;
}

.website-editor-mobile__preview-frame[b-r5zu2fftra] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    min-height: 28rem;
    overflow: hidden;
}

.website-editor-mobile__preview-frame iframe[b-r5zu2fftra] {
    background: var(--innvilo-surface-main);
    border: 0;
    display: block;
    height: min(42rem, 70dvh);
    min-height: 28rem;
    width: 100%;
}

.website-editor-mobile-host button[b-r5zu2fftra] {
    cursor: pointer;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.website-editor-mobile-host button:hover:not(:disabled)[b-r5zu2fftra],
.website-editor-mobile-host a:hover[b-r5zu2fftra] {
    background: var(--color-header-hover);
    border-color: var(--innvilo-border-strong);
}

.website-editor-mobile-host button:focus-visible[b-r5zu2fftra],
.website-editor-mobile-host a:focus-visible[b-r5zu2fftra],
.website-editor-mobile-host input:focus-visible[b-r5zu2fftra],
.website-editor-mobile-host select:focus-visible[b-r5zu2fftra],
.website-editor-mobile-host textarea:focus-visible[b-r5zu2fftra],
.website-editor-accordion__body:focus-visible[b-r5zu2fftra] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 2px;
}

.website-editor-mobile-host button:disabled[b-r5zu2fftra] {
    cursor: not-allowed;
    opacity: .55;
}

@media (max-width: 47.9375rem) {
    .website-editor-mobile__intro[b-r5zu2fftra] {
        align-items: stretch;
        flex-direction: column;
    }

    .website-editor-mobile__publication[b-r5zu2fftra] {
        align-self: flex-start;
    }

    .website-editor-mobile__toolbar[b-r5zu2fftra] {
        bottom: max(var(--innvilo-space-3), env(safe-area-inset-bottom));
        position: sticky;
        z-index: 20;
    }

    .website-editor-mobile__toolbar > div:last-child[b-r5zu2fftra] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .website-editor-mobile__toolbar > div:last-child button[b-r5zu2fftra] {
        width: 100%;
    }

    .website-editor-mobile__workspace[b-r5zu2fftra] {
        grid-template-columns: 1fr;
    }

    .website-editor-mobile__blocks > div[b-r5zu2fftra] {
        grid-template-columns: 1fr;
    }

    .website-editor-accordion__trigger[b-r5zu2fftra],
    .website-editor-accordion__body[b-r5zu2fftra] {
        padding-inline: var(--innvilo-space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .website-editor-accordion__trigger > .fa-chevron-down[b-r5zu2fftra],
    .website-editor-mobile-host button[b-r5zu2fftra] {
        transition-duration: .01ms;
    }
}
/* /Components/Pages/Hotel/Website/WebsiteSiteGrid.razor.rz.scp.css */
.website-site-grid__identity[b-e2unibsbvv],
.website-site-mobile[b-e2unibsbvv],
.website-site-mobile > header > div[b-e2unibsbvv] {
    min-width: 0;
}

.website-site-grid__identity[b-e2unibsbvv],
.website-site-mobile > header > div[b-e2unibsbvv] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.website-site-grid__identity strong[b-e2unibsbvv],
.website-site-mobile strong[b-e2unibsbvv] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    line-height: 1.35;
}

.website-site-grid__identity span[b-e2unibsbvv],
.website-site-grid__date[b-e2unibsbvv],
.website-site-mobile > header > div > span[b-e2unibsbvv] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.website-site-grid__status[b-e2unibsbvv] {
    align-items: center;
    border-radius: var(--innvilo-radius-full);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.25;
    min-height: 1.75rem;
    padding-inline: var(--innvilo-space-4);
    width: fit-content;
}

.website-site-grid__status.is-published[b-e2unibsbvv] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.website-site-grid__status.is-publishing[b-e2unibsbvv] {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary-active);
}

.website-site-grid__status.is-failed[b-e2unibsbvv] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

.website-site-grid__status.is-draft[b-e2unibsbvv] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-secondary);
}

.website-site-grid__issues[b-e2unibsbvv] {
    color: var(--innvilo-text-secondary);
    font-variant-numeric: tabular-nums;
}

.website-site-grid__issues.has-issues[b-e2unibsbvv],
.website-site-mobile dd.has-issues[b-e2unibsbvv] {
    color: var(--color-warning-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.website-site-grid__actions[b-e2unibsbvv],
.website-site-mobile > footer[b-e2unibsbvv] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
}

.website-site-grid__edit[b-e2unibsbvv] {
    align-items: center;
    background: var(--innvilo-color-primary);
    border: 1px solid var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    justify-content: center;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.website-site-grid__edit:hover[b-e2unibsbvv] {
    background: var(--innvilo-color-primary-hover);
    border-color: var(--innvilo-color-primary-hover);
}

.website-site-grid__edit:active[b-e2unibsbvv] {
    transform: translateY(1px);
}

.website-site-grid__edit:focus-visible[b-e2unibsbvv] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 2px;
}

.website-site-mobile[b-e2unibsbvv] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.website-site-mobile > header[b-e2unibsbvv] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.website-site-mobile dl[b-e2unibsbvv] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.website-site-mobile dl > div[b-e2unibsbvv] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.website-site-mobile dt[b-e2unibsbvv] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
}

.website-site-mobile dd[b-e2unibsbvv] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    margin: 0;
    overflow-wrap: anywhere;
}

.website-site-mobile > footer > *[b-e2unibsbvv] {
    flex: 1 1 10rem;
}

@media (max-width: 25rem) {
    .website-site-mobile > header[b-e2unibsbvv] {
        align-items: stretch;
        flex-direction: column;
    }

    .website-site-mobile dl[b-e2unibsbvv] {
        grid-template-columns: 1fr 1fr;
    }

    .website-site-mobile dl > div:nth-child(2)[b-e2unibsbvv] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .website-site-grid__edit[b-e2unibsbvv] {
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/Hotel/Website/WebsiteWorkspaceLoading.razor.rz.scp.css */
.website-loading[b-qfoor3iwmr] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-7);
}

.website-loading__line[b-qfoor3iwmr],
.website-loading__canvas[b-qfoor3iwmr] {
    background: var(--color-notification-skeleton);
    border-radius: var(--innvilo-radius-xs);
}

.website-loading__line[b-qfoor3iwmr] {
    height: 1rem;
    max-width: 20rem;
}

.website-loading__line--wide[b-qfoor3iwmr] {
    height: 2rem;
    max-width: 34rem;
}

.website-loading__canvas[b-qfoor3iwmr] {
    border-radius: var(--innvilo-radius-card);
    min-height: 30rem;
}

@media (max-width: 47.9375rem) {
    .website-loading[b-qfoor3iwmr] {
        padding: var(--innvilo-space-5);
    }

    .website-loading__canvas[b-qfoor3iwmr] {
        min-height: 20rem;
    }
}
/* /Components/Pages/Index/DashboardDayFlow.razor.rz.scp.css */
/* Tagesbalken: die Abschnitte des Betriebstags nebeneinander, getrennt durch eine dünne
   senkrechte Linie. Die Spaltenzahl folgt der Zahl der Abschnitte, nicht einer festen
   Zahl im Stylesheet. Farbe trägt nur der Zustand: erledigt, laufend, wartend, Hinweis,
   blockiert. */

.dashboard-dayflow__stations[b-c4nuiat0ex] {
    display: grid;
    gap: 0;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dashboard-dayflow__station[b-c4nuiat0ex] {
    display: flex;
    min-width: 0;
}

.dashboard-dayflow__station + .dashboard-dayflow__station[b-c4nuiat0ex] {
    border-left: 1px solid var(--color-border);
}

.dashboard-dayflow__station a[b-c4nuiat0ex] {
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    width: 100%;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.dashboard-dayflow__station:first-child a[b-c4nuiat0ex] {
    padding-left: 0;
}

.dashboard-dayflow__station a:hover[b-c4nuiat0ex] {
    background: var(--color-surface-soft);
}

.dashboard-dayflow__station a:focus-visible[b-c4nuiat0ex] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.dashboard-dayflow__station a:active[b-c4nuiat0ex] {
    transform: scale(var(--innvilo-press-scale-subtle));
    transition: transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.dashboard-dayflow__station-head[b-c4nuiat0ex] {
    align-items: center;
    color: var(--color-text-muted);
    display: flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

/* Das Symbol steht ohne Fläche direkt neben der Beschriftung, auf Textgröße. */
.dashboard-dayflow__station-head i[b-c4nuiat0ex] {
    font-size: 0.9375rem;
}

/* Kein Abschneiden: reicht die Spalte nicht, bricht der Titel um, statt Text zu
   verstecken. Die Spaltenzahl richtet sich darum an der Breite des Blocks aus. */
.dashboard-dayflow__station-title[b-c4nuiat0ex] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    min-width: 0;
}

.dashboard-dayflow__station-caption[b-c4nuiat0ex] {
    color: var(--color-text-subtle);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.3;
    margin-bottom: calc(-1 * var(--innvilo-space-2));
}

.dashboard-dayflow__station-value[b-c4nuiat0ex] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
}

.dashboard-dayflow__station-time[b-c4nuiat0ex] {
    color: var(--color-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
}

.dashboard-dayflow__station-detail[b-c4nuiat0ex] {
    color: var(--color-text-subtle);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.dashboard-dayflow__station-state[b-c4nuiat0ex] {
    color: var(--color-text-subtle);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    margin-top: auto;
    padding-top: var(--innvilo-space-2);
    text-transform: capitalize;
}

/* ---------------------------------------------------------------- Zustände */

.dashboard-dayflow__station.is-done .dashboard-dayflow__station-head i[b-c4nuiat0ex],
.dashboard-dayflow__station.is-done .dashboard-dayflow__station-state[b-c4nuiat0ex] {
    color: var(--color-success);
}

.dashboard-dayflow__station.is-active .dashboard-dayflow__station-head i[b-c4nuiat0ex],
.dashboard-dayflow__station.is-active .dashboard-dayflow__station-state[b-c4nuiat0ex] {
    color: var(--color-primary);
}

.dashboard-dayflow__station.is-attention .dashboard-dayflow__station-head i[b-c4nuiat0ex],
.dashboard-dayflow__station.is-attention .dashboard-dayflow__station-state[b-c4nuiat0ex] {
    color: var(--color-warning-text);
}

.dashboard-dayflow__station.is-blocked .dashboard-dayflow__station-head i[b-c4nuiat0ex],
.dashboard-dayflow__station.is-blocked .dashboard-dayflow__station-state[b-c4nuiat0ex] {
    color: var(--color-error);
}

/* Wartend und ohne Handlungsbedarf bleiben bewusst farblos. */
.dashboard-dayflow__station.is-idle .dashboard-dayflow__station-value[b-c4nuiat0ex] {
    color: var(--color-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* ------------------------------------------------------------------- Fuß */

.dashboard-dayflow__focus[b-c4nuiat0ex] {
    border-top: 1px solid var(--color-border);
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    padding-top: var(--innvilo-space-6);
}

.dashboard-dayflow__focus strong[b-c4nuiat0ex] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

/* --------------------------------------------------------------- Schmale Sicht */

/* Die Haltepunkte messen die Breite des Blocks, nicht die des Fensters: bei
   ausgeklapptem Menü ist die Spalte deutlich schmaler als das Fenster. */
@container dashboard-block (max-width: 46rem) {
    .dashboard-dayflow__stations[b-c4nuiat0ex] {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-dayflow__station:nth-child(2n + 1)[b-c4nuiat0ex] {
        border-left: 0;
    }

    .dashboard-dayflow__station:nth-child(2n + 1) a[b-c4nuiat0ex] {
        padding-left: 0;
    }

    .dashboard-dayflow__station:nth-child(n + 3) a[b-c4nuiat0ex] {
        padding-top: var(--innvilo-space-6);
    }
}

/* Einspaltig trennt eine waagerechte Linie: eine senkrechte hätte hier keine Aufgabe. */
@container dashboard-block (max-width: 25rem) {
    .dashboard-dayflow__stations[b-c4nuiat0ex] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-dayflow__station + .dashboard-dayflow__station[b-c4nuiat0ex] {
        border-left: 0;
        border-top: 1px solid var(--color-border);
    }

    .dashboard-dayflow__station a[b-c4nuiat0ex],
    .dashboard-dayflow__station:nth-child(n + 3) a[b-c4nuiat0ex] {
        padding: var(--innvilo-space-5) 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-dayflow__station a[b-c4nuiat0ex] {
        transition: none;
    }

    .dashboard-dayflow__station a:active[b-c4nuiat0ex] {
        transform: none;
    }
}
/* /Components/Pages/Index/DashboardInsights.razor.rz.scp.css */
/* Hotel Insights: Analysebereich mit gemeinsamer Zeitraumsteuerung.
   Die Chartflächen selbst rendert DevExpress; hier liegt nur Rahmen und Zustand. */
.dashboard-insights[b-kw4vqy5f18] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-7);
}

.dashboard-insights__header[b-kw4vqy5f18] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.dashboard-insights__heading h2[b-kw4vqy5f18] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.dashboard-insights__heading p[b-kw4vqy5f18] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: var(--innvilo-space-1) 0 0;
}

/* Getönte Leiste der Segmented Control; die Buttons selbst sind DevExpress-
   Overrides in global.scss (.dx-dashboard-insights-range). Der Innenabstand ist ein
   Token aus der 4px-Skala, kein freier Wert: 0.2rem waren 3,2px. */
.dashboard-insights__range[b-kw4vqy5f18] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-full);
    display: inline-flex;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-2);
}

/* Drei Auswertungen im eigenen Raster: eine Spalte schmal, zwei ab 40rem Blockbreite (die
   Umsatzkarte über beide), drei ab 64rem. Die Schwellen sind so gewählt, dass die Aufteilung
   dieselbe bleibt wie vor dem Wechsel auf das eigene Raster, jetzt aber an der Breite des
   Blocks hängt statt an der des Fensters. minmax(0, …) hält die Charts in ihrer Spur, statt
   die Spalte auf ihre Mindestbreite aufzuziehen. */
.dashboard-insights__grid[b-kw4vqy5f18] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr);
}

@container dashboard-page (min-width: 40rem) {
    .dashboard-insights__grid[b-kw4vqy5f18] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-insight-card--wide[b-kw4vqy5f18] {
        grid-column: 1 / -1;
    }
}

@container dashboard-page (min-width: 64rem) {
    .dashboard-insights__grid[b-kw4vqy5f18] {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    }

    .dashboard-insight-card--wide[b-kw4vqy5f18] {
        grid-column: auto;
    }
}

/* Beim Nachladen bleibt der letzte Datenstand sichtbar, nur leicht zurückgenommen. */
.dashboard-insights__grid--refreshing[b-kw4vqy5f18] {
    opacity: 0.65;
    pointer-events: none;
    transition: opacity var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

/* Fläche, Rahmen, Radius und Innenabstand kommen aus `body .dashboard-surface`
   (global.scss). Vorher stand hier eine zweite Kopie derselben Werte; die Auswertungs-
   karte trägt jetzt dieselbe Fläche wie Tagesfluss, Tageskarten und Kennzahlenzeile. */
.dashboard-insight-card[b-kw4vqy5f18] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-5);
    height: 100%;
}

.dashboard-insight-card h3[b-kw4vqy5f18] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.dashboard-insight-card__facts[b-kw4vqy5f18] {
    color: var(--color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2) var(--innvilo-space-5);
}

.dashboard-insight-card__facts strong[b-kw4vqy5f18] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.dashboard-insight-card__selection[b-kw4vqy5f18] {
    align-items: center;
    border-top: 1px solid var(--color-border);
    color: var(--color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-3);
    justify-content: space-between;
    padding-top: var(--innvilo-space-3);
}

.dashboard-insight-card__selection strong[b-kw4vqy5f18] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.dashboard-insight-card__note[b-kw4vqy5f18] {
    color: var(--color-text-subtle);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    margin: 0;
}

.dashboard-insight-card__note strong[b-kw4vqy5f18] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Empty- und Fehlerzustand: kompakt und ehrlich, keine leeren Achsen. */
.dashboard-insight-card__state[b-kw4vqy5f18] {
    align-items: center;
    color: var(--color-text-muted);
    display: flex;
    flex: 1;
    flex-direction: column;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-3);
    justify-content: center;
    padding: var(--innvilo-space-7) var(--innvilo-space-5);
    text-align: center;
}

.dashboard-insight-card__state i[b-kw4vqy5f18] {
    color: var(--color-warning-text);
    font-size: 1.25rem;
}

/* Der Leerzustand ist kein Fehler und bekommt deshalb kein Warnsymbol. */
.dashboard-insight-card__state.is-empty[b-kw4vqy5f18] {
    color: var(--color-text-subtle);
    min-height: 12rem;
}

.dashboard-chart-tooltip[b-kw4vqy5f18] {
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: 0.15rem;
    padding: var(--innvilo-space-3);
}

.dashboard-chart-tooltip strong[b-kw4vqy5f18] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

/* Der Ladeplatzhalter folgt demselben Raster wie die fertigen Karten. */
.dashboard-insights__skeleton[b-kw4vqy5f18] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr);
}

@container dashboard-page (min-width: 64rem) {
    .dashboard-insights__skeleton[b-kw4vqy5f18] {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    }
}

/* Der Platzhalter steht für eine Auswertungskarte und trägt deshalb deren Radius
   (`--innvilo-radius-xs`, 4px, wie jede Fläche der Seite). Mit 8px sprang die Form
   beim Eintreffen der Daten, dieselbe Ursache wie beim Platzhalter des Leads. */
.dashboard-insights__skeleton span[b-kw4vqy5f18] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    min-height: 18rem;
    overflow: hidden;
    position: relative;
}

.dashboard-insights__skeleton span[b-kw4vqy5f18]::after {
    background: linear-gradient(90deg, transparent, var(--color-surface), transparent);
    content: "";
    inset: 0;
    opacity: 0.72;
    position: absolute;
    transform: translateX(-100%);
}

@media (prefers-reduced-motion: no-preference) {
    .dashboard-insights__skeleton span[b-kw4vqy5f18]::after {
        animation: dashboard-insights-sweep-b-kw4vqy5f18 1.6s var(--innvilo-easing-settle) infinite;
    }
}

@keyframes dashboard-insights-sweep-b-kw4vqy5f18 {
    to {
        transform: translateX(100%);
    }
}

@container dashboard-page (max-width: 64rem) {
    .dashboard-insights__skeleton span[b-kw4vqy5f18] {
        min-height: 12rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-insights__grid--refreshing[b-kw4vqy5f18] {
        transition: none;
    }
}
/* /Components/Pages/Index/DashboardKioskPanel.razor.rz.scp.css */
/* Nur das eigene Markup der Kiosk-Karte: die Ergebniszeile der Verbindungsprüfung.
   Fläche, Rahmen und Radius kommen aus `body .dashboard-surface`, die Anatomie aus
   `DashboardSummaryCard.razor.css`, die Knopfvarianten aus dem zentralen Knopfblock in
   `global.scss`. Hier steht keine Farbentscheidung für eine DevExpress-Komponente. */

/* Die Ergebniszeile steht im Fuß unter den beiden Aktionen. Sie nimmt die volle Breite,
   damit sie unter die Knöpfe fällt statt zwischen sie: eine Zeitangabe zwischen zwei
   Beschriftungen liest sich als dritte Aktion. Dieselbe Größe, Farbe und
   Ziffernstellung wie die Standzeile des Kopfbereichs, weil sie dieselbe Rolle hat. */
.dashboard-kiosk__check[b-72buj7f5yw] {
    color: var(--color-text-subtle);
    flex: 1 0 100%;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    margin: 0;
}
/* /Components/Pages/Index/DashboardOperationsHeader.razor.rz.scp.css */
/* Der Wrapper erhält keine eigene Fläche. flow-root hält nur den Hero-Abstand im
   Komponentenmaß, damit der gemeinsame 34px-Rhythmus exakt bleibt. */
.dashboard-operations-header[b-35pvjgyzce] {
    display: flow-root;
    min-width: 0;
}

/* Aktualisieren steht oben, die Dienstzeile darunter an derselben rechten Kante.
   Auf schmalen Breiten richtet sich beides links am Textblock aus. */
.dashboard-operations-header__actions[b-35pvjgyzce] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.dashboard-operations-header__action-row[b-35pvjgyzce] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
}

.dashboard-operations-header__duty[b-35pvjgyzce] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
    text-align: right;
}

@media (max-width: 991px) {
    .dashboard-operations-header__actions[b-35pvjgyzce] {
        align-items: flex-start;
    }

    .dashboard-operations-header__duty[b-35pvjgyzce] {
        text-align: left;
    }
}

.dashboard-operations-header__updated[b-35pvjgyzce] {
    color: var(--color-text-subtle);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
    white-space: nowrap;
}

.dashboard-refresh-button__icon--busy[b-35pvjgyzce] {
    animation: dashboard-refresh-spin-b-35pvjgyzce 1.2s linear infinite;
}

@keyframes dashboard-refresh-spin-b-35pvjgyzce {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-refresh-button__icon--busy[b-35pvjgyzce] {
        animation: none;
    }
}
/* /Components/Pages/Index/DashboardPanel.razor.rz.scp.css */
/* Fläche, Rahmen, Radius und Innenabstand kommen aus `body .dashboard-surface`
   (global.scss). Hier steht nur, wie der Inhalt darin liegt. */
.dashboard-panel[b-4d2foak5ck] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-6);
    height: 100%;
}

.dashboard-panel__header[b-4d2foak5ck] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.dashboard-panel__heading[b-4d2foak5ck] {
    min-width: 0;
}

.dashboard-panel__heading h2[b-4d2foak5ck] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
    margin: 0;
}

/* Fließtext bleibt auf Lesebreite, auch wenn das Panel über die volle Seite läuft. */
.dashboard-panel__heading p[b-4d2foak5ck] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-2) 0 0;
    max-width: 62ch;
}

.dashboard-panel__actions[b-4d2foak5ck] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

@media (max-width: 767px) {
    .dashboard-panel__actions[b-4d2foak5ck] {
        width: 100%;
    }
}
/* /Components/Pages/Index/DashboardProgressBar.razor.rz.scp.css */
/* Nur Maße und die Farbrolle des Balkens. Keine Bewegung: der erreichte Anteil
   steht sofort, er wächst nicht vor den Augen des Nutzers hoch. */
.dashboard-bar[b-p1uocr2ygd] {
    display: block;
    height: 0.25rem;
    width: 100%;
}

.dashboard-bar line[b-p1uocr2ygd] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 4;
}

.dashboard-bar__track[b-p1uocr2ygd] {
    stroke: var(--color-surface-raised);
}

.dashboard-bar__value[b-p1uocr2ygd] {
    stroke: var(--color-text-subtle);
}

.dashboard-bar.is-primary .dashboard-bar__value[b-p1uocr2ygd] {
    stroke: var(--color-primary);
}

.dashboard-bar.is-success .dashboard-bar__value[b-p1uocr2ygd] {
    stroke: var(--color-success);
}

.dashboard-bar.is-warning .dashboard-bar__value[b-p1uocr2ygd] {
    stroke: var(--color-warning);
}

.dashboard-bar.is-error .dashboard-bar__value[b-p1uocr2ygd] {
    stroke: var(--color-error);
}
/* /Components/Pages/Index/DashboardShimmer.razor.rz.scp.css */
/* Ladezustand des Operations-Cockpits.

   Das Skelett bildet exakt das ankommende Layout ab (Kopfzeile, Kennzahlenzeile,
   vollbreiter Tagesbalken, drei gleich hohe Karten, Auswertungen), damit die
   Seite beim Eintreffen der Daten nicht springt. Fläche, Rahmen, Radius und
   Innenabstand kommen aus derselben zentralen Klasse wie auf der fertigen Seite
   (`body .dashboard-surface` in global.scss); hier liegt nur das Lauflicht. */

.dashboard-shimmer[b-u42yz77bnd],
.dashboard-shimmer-layout[b-u42yz77bnd] {
    min-width: 0;
    width: 100%;
}

.dashboard-shimmer-layout[b-u42yz77bnd] {
    display: grid;
    gap: var(--innvilo-space-6);
    padding-bottom: var(--innvilo-space-9);
}

/* Das Lauflicht braucht eine Schnittkante und einen Bezugspunkt, nichts weiter. */
.shimmer-surface[b-u42yz77bnd] {
    overflow: hidden;
    position: relative;
}

.shimmer-surface[b-u42yz77bnd]::after,
.shimmer-list span[b-u42yz77bnd]::after,
.shimmer-flow-node i[b-u42yz77bnd]::after {
    background: linear-gradient(90deg, transparent, var(--color-surface), transparent);
    content: "";
    inset: 0;
    opacity: 0.72;
    position: absolute;
    transform: translateX(-100%);
}

.shimmer-line[b-u42yz77bnd],
.shimmer-list span[b-u42yz77bnd],
.shimmer-flow-node i[b-u42yz77bnd],
.shimmer-flow-node b[b-u42yz77bnd] {
    background: var(--color-surface-soft);
    border-radius: var(--radius-sm);
    display: block;
    overflow: hidden;
    position: relative;
}

.shimmer-line[b-u42yz77bnd] {
    height: 0.75rem;
}

.shimmer-line-medium[b-u42yz77bnd] { width: 42%; }
.shimmer-heading[b-u42yz77bnd] { height: 1.15rem; width: 34%; }

/* ------------------------------------------------------------------- Panels */

/* Dieselben Abstände wie im geladenen Zustand: 24px zwischen den drei Karten
   (`.dashboard-cards`), 34px zwischen den Blöcken (`--innvilo-page-section-gap`).
   Jeder abweichende Wert ist ein Sprung beim Eintreffen der Daten. */
.shimmer-flow-grid[b-u42yz77bnd] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-shimmer-layout .dashboard-metrics-block[b-u42yz77bnd],
.shimmer-workspace[b-u42yz77bnd],
.shimmer-insights[b-u42yz77bnd] {
    margin-top: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
}

.shimmer-workspace[b-u42yz77bnd] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.shimmer-panel[b-u42yz77bnd] {
    min-height: 16rem;
}

.shimmer-panel-header[b-u42yz77bnd] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-7);
}

.shimmer-flow-nodes[b-u42yz77bnd] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shimmer-flow-node[b-u42yz77bnd] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.shimmer-flow-node i[b-u42yz77bnd] {
    height: 5.5rem;
    width: 100%;
}

.shimmer-flow-node b[b-u42yz77bnd] {
    height: 0.7rem;
    width: 70%;
}

.shimmer-flow-node .shimmer-flow-node-short[b-u42yz77bnd] {
    width: 45%;
}

.shimmer-list[b-u42yz77bnd] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.shimmer-list span[b-u42yz77bnd] { height: 3.25rem; }

/* --------------------------------------------------------------- Auswertungen */

.shimmer-insights[b-u42yz77bnd] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: 2fr 1fr 1fr;
}

.shimmer-insights .shimmer-panel[b-u42yz77bnd] {
    min-height: 13rem;
}

/* ------------------------------------------------------------------ Lauflicht */

/* Bewegung wird zugeschaltet, nicht nachträglich abgeschaltet: ohne ausgesprochene
   Vorliebe des Nutzers läuft das Licht, bei "reduce" bleibt das Skelett still stehen. */
@media (prefers-reduced-motion: no-preference) {
    .shimmer-surface[b-u42yz77bnd]::after,
    .shimmer-list span[b-u42yz77bnd]::after,
    .shimmer-flow-node i[b-u42yz77bnd]::after {
        animation: dashboard-shimmer-sweep-b-u42yz77bnd 1.6s var(--innvilo-easing-settle) infinite;
    }
}

@keyframes dashboard-shimmer-sweep-b-u42yz77bnd {
    to { transform: translateX(100%); }
}

/* ----------------------------------------------------------------- Responsive */

@media (max-width: 1199px) {
    .shimmer-flow-grid[b-u42yz77bnd] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 991px) {
    .shimmer-flow-nodes[b-u42yz77bnd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .dashboard-shimmer-layout[b-u42yz77bnd] {
        gap: var(--innvilo-space-6);
    }

    .shimmer-insights[b-u42yz77bnd] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575px) {
    .shimmer-flow-nodes[b-u42yz77bnd] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* /Components/Pages/Index/DashboardSummaryCard.razor.rz.scp.css */
/* Fläche, Rahmen, Radius und Innenabstand kommen aus `body .dashboard-surface`
   (global.scss), damit die Tageskarte, das Tagesfluss-Panel, die Kennzahlenzeile und
   die Auswertungskarten dieselbe Fläche tragen. Die Höhe folgt dem Inhalt; die drei
   Karten einer Reihe enden auf derselben Unterkante, weil sie dieselbe Anatomie
   haben, nicht weil eine gestreckt wird. */
.dashboard-card[b-j3epp1ydgi] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.dashboard-card__head[b-j3epp1ydgi] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.dashboard-card__head h2[b-j3epp1ydgi] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
    margin: 0;
}

.dashboard-card__metric[b-j3epp1ydgi] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-1);
    margin: 0;
    min-width: 0;
}

.dashboard-card__metric strong[b-j3epp1ydgi] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-kpi-value);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

/* Zwei Zeilen sind für die Beschriftung fest reserviert. Ohne diese Reservierung stand der
   Kopf der einen Karte um eine Zeilenhöhe tiefer als der der beiden anderen, sobald deren
   Beschriftung umbrach. Reserviert wird, nicht begrenzt: eine dritte Zeile wird gerendert. */
.dashboard-card__metric span[b-j3epp1ydgi] {
    color: var(--color-text-subtle);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    min-height: calc(1.45em * 2);
}

/* Die Zeilen tragen die Höhe der Karte. Bleibt Platz, entsteht er unter den Zeilen,
   damit die Fußaktion aller drei Karten auf einer Linie liegt. */
.dashboard-card__rows[b-j3epp1ydgi] {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: var(--innvilo-space-7) 0 auto;
    padding: 0;
}

.dashboard-card__row[b-j3epp1ydgi] {
    border-top: 1px solid var(--color-border);
    min-width: 0;
}

.dashboard-card__row-body[b-j3epp1ydgi] {
    align-items: baseline;
    color: inherit;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-5);
    justify-content: space-between;
    min-height: 2.75rem;
    min-width: 0;
    padding: var(--innvilo-space-4) 0;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

a.dashboard-card__row-body:hover[b-j3epp1ydgi] {
    background: var(--color-surface-soft);
}

a.dashboard-card__row-body:focus-visible[b-j3epp1ydgi] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

a.dashboard-card__row-body:active[b-j3epp1ydgi] {
    transform: scale(var(--innvilo-press-scale-subtle));
    transition: transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

/* Kein Abschneiden: die Bezeichnung nimmt den Rest der Zeile und bricht um, statt Text
   zu verstecken. Reicht die Breite für Bezeichnung und Wert nebeneinander nicht, wandert
   der Wert in die zweite Zeile (siehe .dashboard-card__row-body); erst wenn ein einzelnes
   Wort selbst breiter ist als die Karte, wird nach den Trennregeln der Sprache getrennt. */
.dashboard-card__row-label[b-j3epp1ydgi] {
    color: var(--color-navy-deep);
    flex: 1 1 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    hyphens: auto;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: break-word;
}

/* Der Wert behält seine volle Breite. Schrumpfte er mit, stünde in einer schmalen Spalte
   „Blockieren…“ statt „Blockierend“. Der automatische linke Außenabstand hält ihn auch
   dann rechts, wenn er allein in der zweiten Zeile steht. */
.dashboard-card__row-value[b-j3epp1ydgi] {
    color: var(--color-text-muted);
    flex: 0 0 auto;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
}

/* Dringlichkeit wird sichtbar, nicht nur lesbar: die Zeilen der Karte „Jetzt dran“ stehen
   nach Schwere sortiert (der Dienst sortiert, die Karte schneidet nur zu), und die dringenden
   tragen links denselben 3px-Streifen wie eine dringende Zeile auf der Anfragen-Seite
   (`.inquiry-grid-row--urgent`, Anfragen-Handover §5.8). Nur diese Karte führt Schwere; die
   Töne der Zimmerbereitschaft und des Kiosks beschreiben Zustände, keine Dringlichkeit, und
   bleiben deshalb ohne Streifen.

   Der Streifen liegt außerhalb des Textflusses im Innenabstand der Fläche. Als Rahmen der
   Zeile hätte er jede dringende Beschriftung um drei Pixel nach rechts geschoben und die
   Zeilen der Karte gegeneinander verschoben. */
.dashboard-attention .dashboard-card__row[b-j3epp1ydgi] {
    position: relative;
}

.dashboard-attention .dashboard-card__row.is-critical[b-j3epp1ydgi]::before,
.dashboard-attention .dashboard-card__row.is-warning[b-j3epp1ydgi]::before {
    bottom: 0;
    content: '';
    left: calc(var(--innvilo-space-8) * -1);
    position: absolute;
    top: 0;
    width: 3px;
}

.dashboard-attention .dashboard-card__row.is-critical[b-j3epp1ydgi]::before {
    background: var(--color-error);
}

.dashboard-attention .dashboard-card__row.is-warning[b-j3epp1ydgi]::before {
    background: var(--color-warning);
}

@media (max-width: 767px) {
    .dashboard-attention .dashboard-card__row.is-critical[b-j3epp1ydgi]::before,
    .dashboard-attention .dashboard-card__row.is-warning[b-j3epp1ydgi]::before {
        left: calc(var(--innvilo-space-6) * -1);
    }
}

/* Farbe kennzeichnet ausschließlich Bedeutung. */
.dashboard-card__row.is-success .dashboard-card__row-value[b-j3epp1ydgi] {
    color: var(--color-success);
}

.dashboard-card__row.is-warning .dashboard-card__row-value[b-j3epp1ydgi] {
    color: var(--color-warning-text);
}

.dashboard-card__row.is-critical .dashboard-card__row-value[b-j3epp1ydgi] {
    color: var(--color-error);
}

.dashboard-card__empty[b-j3epp1ydgi] {
    color: var(--color-text-subtle);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: var(--innvilo-space-7) 0 auto;
}

.dashboard-card__footer[b-j3epp1ydgi] {
    align-items: center;
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    margin-top: var(--innvilo-space-6);
    padding-top: var(--innvilo-space-6);
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-card__row-body[b-j3epp1ydgi] {
        transition: none;
    }

    a.dashboard-card__row-body:active[b-j3epp1ydgi] {
        transform: none;
    }
}
/* /Components/Pages/Index/HotelTodayDesktop.razor.rz.scp.css */
/* Breite, Gutter und Größenkontext des Seitenstapels kommen aus `body .dashboard-page`
   (global.scss). Sie stehen dort, weil auch der Fehlerzustand in Index.razor denselben
   Stapel trägt und die CSS-Isolation ihn sonst je Komponente kopieren muss.
   Hier liegt nur, was dieses Markup allein betrifft. */

/* Jeder Block der Seite steht im selben Rhythmus von 34px. Die Kennzahlenzeile stand
   vorher enger am Kopf, weil sie ohne Fläche als Fortsetzung des Kopfes las; seit sie
   dieselbe Fläche trägt wie die übrigen Blöcke, gilt für sie derselbe Abstand. */
.dashboard-metrics-block[b-za815ztl2g],
.dashboard-dayflow-block[b-za815ztl2g],
.dashboard-cards[b-za815ztl2g],
.dashboard-insights-block[b-za815ztl2g] {
    margin-top: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
    min-width: 0;
}

/* Drei gleich breite Spalten ohne Bootstrap-Zeile: deren negative Außenabstände ragten
   um die halbe Rinne über den Block hinaus und erzeugten genau die 12px Überlauf, die
   der Seite einen waagerechten Rest gaben. Gestapelt wird nach der Breite des Blocks,
   nicht nach der des Fensters: das ausgeklappte Menü nimmt knapp 250px weg. */
.dashboard-cards[b-za815ztl2g] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@container dashboard-page (max-width: 50rem) {
    .dashboard-cards[b-za815ztl2g] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Der Tagesbalken ist ein Größenkontext: er entscheidet seine Spaltenzahl an der
   tatsächlich verfügbaren Breite. Ein Haltepunkt auf die Fensterbreite würde die
   Verengung durch das ausgeklappte Menü übersehen und Text abschneiden. Der Kontext der
   Kennzahlenzeile steht zentral in global.scss, weil ihn auch der Ladeplatzhalter setzt.
   Die Kennzahlenzeile trägt die gemeinsame Fläche der Seite (`dashboard-surface`) und
   deshalb keine eigenen waagerechten Linien mehr: sonst hätte der Block Rahmen und
   Linien. Die Zellen darin bleiben flächenlos, getrennt durch dünne senkrechte Linien. */
.dashboard-dayflow-block[b-za815ztl2g] {
    container: dashboard-block / inline-size;
}
/* /Components/Pages/Index/HotelTodayMobile.razor.rz.scp.css */
.mobile-dashboard-host[b-00iuj5nkpt] {
    min-width: 0;
    width: 100%;
}
/* /Components/Pages/Index/Index.razor.rz.scp.css */
/* Breite, Gutter und Seitenstapel kommen aus `body .dashboard-page` (global.scss),
   damit der Fehlerzustand und die geladene Werkbank denselben Stapel tragen. */

/* Der Fehler bleibt im normalen Seitenfluss. Fläche, Radius und Innenabstand kommen
   aus `body .dashboard-surface` (global.scss); hier steht nur die semantische Kontur
   und die Anordnung. Die Wiederholung wird direkt am Problem angeboten. */
.dashboard-load-error[b-agdz8mnx8t] {
    align-items: center;
    border-color: var(--color-error-border);
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 9rem;
}

.dashboard-load-error > i[b-agdz8mnx8t] {
    color: var(--color-error);
    font-size: 1.25rem;
}

.dashboard-load-error h2[b-agdz8mnx8t] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.25rem;
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.dashboard-load-error p[b-agdz8mnx8t] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 0;
    max-width: 65ch;
}

@media (max-width: 767px) {
    .dashboard-load-error[b-agdz8mnx8t] {
        align-items: start;
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Management/PersonalDataSection.razor.rz.scp.css */
.personal-data-section[b-hwzfarvhxg] {
    gap: 34px;
}

.personal-data-heading[b-hwzfarvhxg],
.personal-data-section-heading[b-hwzfarvhxg] {
    max-width: 70ch;
}

.personal-data-section-heading[b-hwzfarvhxg] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.personal-data-section-heading > p[b-hwzfarvhxg],
.personal-data-request-status > p[b-hwzfarvhxg],
.personal-data-password-required p[b-hwzfarvhxg] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.personal-data-feedback[b-hwzfarvhxg] {
    display: grid;
    gap: var(--innvilo-space-2);
    max-width: 48rem;
}

.personal-data-feedback > span[b-hwzfarvhxg] {
    font-size: .875rem;
}

.personal-data-records[b-hwzfarvhxg] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.personal-data-facts[b-hwzfarvhxg] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.personal-data-fact-group[b-hwzfarvhxg] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.personal-data-organizations[b-hwzfarvhxg] {
    grid-column: 1 / -1;
}

.personal-data-facts .account-readonly-facts[b-hwzfarvhxg] {
    grid-template-columns: 1fr;
}

.personal-data-operation-grid[b-hwzfarvhxg] {
    display: grid;
    gap: 34px;
    min-width: 0;
}

.personal-data-action-panel[b-hwzfarvhxg] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.personal-data-action-panel:not(.personal-data-danger)[b-hwzfarvhxg] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-6);
}

.personal-data-form[b-hwzfarvhxg] {
    min-width: 0;
}

.personal-data-danger.account-danger-zone[b-hwzfarvhxg] {
    align-items: start;
    display: grid;
    justify-content: stretch;
}

.personal-data-danger .personal-data-section-heading[b-hwzfarvhxg] {
    max-width: 54rem;
}

.personal-data-danger .account-danger-form[b-hwzfarvhxg] {
    max-width: 36rem;
    min-width: 0;
    width: 100%;
}

.personal-data-request-status[b-hwzfarvhxg] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
}

.personal-data-password-required > div[b-hwzfarvhxg] {
    display: grid;
    gap: var(--innvilo-space-2);
}

@media (max-width: 52.5rem) {
    .personal-data-facts[b-hwzfarvhxg] {
        grid-template-columns: 1fr;
    }

    .personal-data-organizations[b-hwzfarvhxg] {
        grid-column: auto;
    }
}

@media (max-width: 40rem) {
    .personal-data-section-heading[b-hwzfarvhxg],
    .personal-data-heading[b-hwzfarvhxg] {
        max-width: none;
    }

    .personal-data-action-panel[b-hwzfarvhxg] {
        gap: var(--innvilo-space-4);
    }

    .personal-data-password-required[b-hwzfarvhxg] {
        align-items: stretch;
    }
}
/* /Components/Pages/Operations/Arrivals/ArrivalBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.arrival-page[b-s9x1bcy8ky] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.arrival-viewport-skeleton[b-s9x1bcy8ky] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.arrival-viewport-skeleton span[b-s9x1bcy8ky] {
    animation: arrival-viewport-pulse-b-s9x1bcy8ky 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.arrival-viewport-skeleton .is-breadcrumb[b-s9x1bcy8ky] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.arrival-viewport-skeleton .is-title[b-s9x1bcy8ky] {
    height: 4.5rem;
}

.arrival-viewport-skeleton .is-toolbar[b-s9x1bcy8ky] {
    height: 6rem;
}

.arrival-viewport-skeleton .is-content[b-s9x1bcy8ky] {
    height: 22rem;
}

@keyframes arrival-viewport-pulse-b-s9x1bcy8ky {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .arrival-viewport-skeleton span[b-s9x1bcy8ky] {
        animation: none;
    }
}
/* /Components/Pages/Operations/Arrivals/ArrivalDesktop.razor.rz.scp.css */
/* Desktop workspace of the in-house board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces. */

.arrival-desktop[b-u1nyl5m8be] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.arrival-breadcrumb[b-u1nyl5m8be] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.arrival-breadcrumb a[b-u1nyl5m8be] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.arrival-breadcrumb a:hover[b-u1nyl5m8be],
.arrival-breadcrumb a:focus-visible[b-u1nyl5m8be] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.arrival-breadcrumb a:focus-visible[b-u1nyl5m8be] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.arrival-breadcrumb i[b-u1nyl5m8be] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.arrival-breadcrumb [aria-current='page'][b-u1nyl5m8be] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.arrival-hero[b-u1nyl5m8be] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.arrival-hero__copy[b-u1nyl5m8be] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.arrival-hero__title-row[b-u1nyl5m8be] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.arrival-hero h1[b-u1nyl5m8be] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.arrival-hero__lead[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.arrival-hero__meta[b-u1nyl5m8be] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.arrival-open-badge[b-u1nyl5m8be] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.arrival-hero__actions[b-u1nyl5m8be] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface, four cells, 1px dividers instead of four floating cards. */

.arrival-kpis[b-u1nyl5m8be] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.arrival-kpi[b-u1nyl5m8be] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.arrival-kpi + .arrival-kpi[b-u1nyl5m8be] {
    border-left: 1px solid var(--innvilo-border-default);
}

.arrival-kpi.is-current[b-u1nyl5m8be]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: -1px -1px auto -1px;
    position: absolute;
}

.arrival-kpi__label[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.arrival-kpi__value[b-u1nyl5m8be] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.arrival-kpi.is-current .arrival-kpi__value[b-u1nyl5m8be] {
    color: var(--color-primary);
}

.arrival-kpi.is-attention .arrival-kpi__value[b-u1nyl5m8be] {
    color: var(--color-warning-text);
}

.arrival-kpi.is-positive .arrival-kpi__value[b-u1nyl5m8be] {
    color: var(--color-success);
}

.arrival-kpi__detail[b-u1nyl5m8be] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: title row plus toolbar, then filter panel, then grid or state. */

.arrival-workspace[b-u1nyl5m8be] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.arrival-toolbar[b-u1nyl5m8be] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.arrival-search[b-u1nyl5m8be] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.arrival-toolbar__filters[b-u1nyl5m8be] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.arrival-pills[b-u1nyl5m8be] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.arrival-pills__label[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.arrival-pills__list[b-u1nyl5m8be] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.arrival-pill[b-u1nyl5m8be] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.arrival-pill > span[b-u1nyl5m8be] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arrival-pill__remove[b-u1nyl5m8be] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.arrival-pill__remove:hover[b-u1nyl5m8be] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.arrival-pill__remove:focus-visible[b-u1nyl5m8be],
.arrival-pills__clear:focus-visible[b-u1nyl5m8be] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.arrival-pills__clear[b-u1nyl5m8be] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.arrival-grid-host[b-u1nyl5m8be] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. */

.arrival-pager[b-u1nyl5m8be] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.arrival-pager__size[b-u1nyl5m8be] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.arrival-pager__size > span[b-u1nyl5m8be] {
    white-space: nowrap;
}

.arrival-pager__nav[b-u1nyl5m8be] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.arrival-pager__page[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.arrival-pager__page strong[b-u1nyl5m8be] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.arrival-grid-results[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.arrival-guest-cell[b-u1nyl5m8be],
.arrival-stay-cell[b-u1nyl5m8be] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.arrival-guest-cell strong[b-u1nyl5m8be],
.arrival-stay-cell strong[b-u1nyl5m8be] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.arrival-guest-cell small[b-u1nyl5m8be],
.arrival-stay-cell small[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.arrival-guest-cell__number[b-u1nyl5m8be] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arrival-amount[b-u1nyl5m8be] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.arrival-next-action[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.arrival-next-action.is-urgent[b-u1nyl5m8be] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.arrival-state[b-u1nyl5m8be] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.arrival-state > *[b-u1nyl5m8be] {
    animation: arrival-state-in-b-u1nyl5m8be var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.arrival-state > :nth-child(2)[b-u1nyl5m8be] { animation-delay: 40ms; }
.arrival-state > :nth-child(3)[b-u1nyl5m8be] { animation-delay: 80ms; }
.arrival-state > :nth-child(4)[b-u1nyl5m8be] { animation-delay: 120ms; }

@keyframes arrival-state-in-b-u1nyl5m8be {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.arrival-state > i[b-u1nyl5m8be] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.arrival-state--error > i[b-u1nyl5m8be] {
    color: var(--color-error);
}

.arrival-state__copy[b-u1nyl5m8be] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.arrival-state h3[b-u1nyl5m8be] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.arrival-state p[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.arrival-state__actions[b-u1nyl5m8be] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.arrival-state--filtered[b-u1nyl5m8be],
.arrival-state--error[b-u1nyl5m8be] {
    padding-block: var(--innvilo-space-11);
}

.arrival-process[b-u1nyl5m8be] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: var(--innvilo-space-4) 0 0;
    max-width: 52rem;
    padding: var(--innvilo-space-8) 0 0;
    text-align: left;
    width: 100%;
}

.arrival-process li[b-u1nyl5m8be] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.arrival-process li > span[b-u1nyl5m8be] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    width: 1.5rem;
}

.arrival-process li > div[b-u1nyl5m8be] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.arrival-process strong[b-u1nyl5m8be] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.arrival-process small[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Loading */

.arrival-desktop-skeleton[b-u1nyl5m8be] {
    display: grid;
    gap: 1px;
}

.arrival-desktop-skeleton span[b-u1nyl5m8be] {
    animation: arrival-pulse-b-u1nyl5m8be 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.arrival-desktop-skeleton span.is-header[b-u1nyl5m8be] {
    height: 2.75rem;
}

@keyframes arrival-pulse-b-u1nyl5m8be {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .arrival-kpis[b-u1nyl5m8be] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .arrival-kpi:nth-child(3)[b-u1nyl5m8be] {
        border-left: 0;
    }

    .arrival-kpi:nth-child(n + 3)[b-u1nyl5m8be] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .arrival-search[b-u1nyl5m8be] {
        flex: 1 1 100%;
    }

    .arrival-toolbar__filters[b-u1nyl5m8be] {
        width: 100%;
    }

    .arrival-process[b-u1nyl5m8be] {
        grid-template-columns: minmax(0, 1fr);
    }

    .arrival-hero[b-u1nyl5m8be] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .arrival-hero__actions[b-u1nyl5m8be] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .arrival-breadcrumb a[b-u1nyl5m8be] {
        transition: none;
    }

    .arrival-state > *[b-u1nyl5m8be],
    .arrival-state__art > span[b-u1nyl5m8be],
    .arrival-state__art > i[b-u1nyl5m8be] {
        animation: none;
    }

    .arrival-desktop-skeleton span[b-u1nyl5m8be] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.arrival-state__art[b-u1nyl5m8be] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.arrival-state__art > span[b-u1nyl5m8be] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.arrival-state__art > span[b-u1nyl5m8be]::before,
.arrival-state__art > span[b-u1nyl5m8be]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.arrival-state__art > span[b-u1nyl5m8be]::before {
    top: 0.625rem;
    width: 38%;
}

.arrival-state__art > span[b-u1nyl5m8be]::after {
    bottom: 0.625rem;
    width: 58%;
}

.arrival-state__art > span:nth-child(1)[b-u1nyl5m8be] {
    opacity: .35;
    transform: scale(.94);
}

.arrival-state__art > span:nth-child(2)[b-u1nyl5m8be] {
    opacity: .6;
    transform: scale(.97);
}

.arrival-state__art > span:nth-child(3)[b-u1nyl5m8be] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.arrival-state__art > i[b-u1nyl5m8be] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.arrival-state__art.is-filtered > span:nth-child(3)[b-u1nyl5m8be]::before,
.arrival-state__art.is-filtered > span:nth-child(3)[b-u1nyl5m8be]::after {
    background: var(--color-primary-focus-ring);
}

.arrival-state__art > span[b-u1nyl5m8be] {
    animation: arrival-state-row-in-b-u1nyl5m8be 300ms var(--innvilo-easing-settle) both;
}

.arrival-state__art > span:nth-child(2)[b-u1nyl5m8be] { animation-delay: 60ms; }
.arrival-state__art > span:nth-child(3)[b-u1nyl5m8be] { animation-delay: 120ms; }

.arrival-state__art > i[b-u1nyl5m8be] {
    animation: arrival-state-in-b-u1nyl5m8be 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes arrival-state-row-in-b-u1nyl5m8be {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Status cell: badge plus the payment rule in one quiet line. Balance column mutes settled folios. */

.arrival-status-cell[b-u1nyl5m8be] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.arrival-status-cell small[b-u1nyl5m8be] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.arrival-amount.is-none[b-u1nyl5m8be] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.arrival-amount.is-open[b-u1nyl5m8be] {
    color: var(--color-warning-text);
}

/* Local continuity links sit next to the hero actions as quiet secondary buttons. */

.arrival-continuity-action[b-u1nyl5m8be] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.arrival-continuity-action:hover[b-u1nyl5m8be] {
    background: var(--innvilo-surface-app);
    border-color: var(--innvilo-border-strong);
}

.arrival-continuity-action:focus-visible[b-u1nyl5m8be] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.arrival-hero__meta .is-ready[b-u1nyl5m8be] {
    color: var(--color-success);
}

.arrival-guest-cell__origin[b-u1nyl5m8be] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}
/* /Components/Pages/Operations/Arrivals/ArrivalMobile.razor.rz.scp.css */
/* Mobile workspace of the in-house board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.arrival-mobile[b-uwc0ud773c] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.arrival-breadcrumb[b-uwc0ud773c] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.arrival-breadcrumb a[b-uwc0ud773c] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.arrival-breadcrumb a:focus-visible[b-uwc0ud773c] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.arrival-breadcrumb i[b-uwc0ud773c] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.arrival-breadcrumb [aria-current='page'][b-uwc0ud773c] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.arrival-mobile-header[b-uwc0ud773c] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.arrival-mobile-header__copy[b-uwc0ud773c] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.arrival-mobile-header h1[b-uwc0ud773c] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.arrival-mobile-header p[b-uwc0ud773c] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.arrival-mobile-header p span[b-uwc0ud773c] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.arrival-mobile-kpis[b-uwc0ud773c] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.arrival-mobile-kpi[b-uwc0ud773c] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.arrival-mobile-kpi:nth-child(even)[b-uwc0ud773c] {
    border-left: 1px solid var(--innvilo-border-default);
}

.arrival-mobile-kpi:nth-child(n + 3)[b-uwc0ud773c] {
    border-top: 1px solid var(--innvilo-border-default);
}

.arrival-mobile-kpi.is-current[b-uwc0ud773c]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.arrival-mobile-kpi span[b-uwc0ud773c] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arrival-mobile-kpi strong[b-uwc0ud773c] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.arrival-mobile-kpi.is-current strong[b-uwc0ud773c] {
    color: var(--color-primary);
}

.arrival-mobile-kpi.is-attention strong[b-uwc0ud773c] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.arrival-mobile-header__actions[b-uwc0ud773c] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

.arrival-mobile-tools[b-uwc0ud773c] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.arrival-mobile-tools > :first-child + *[b-uwc0ud773c] {
    flex: 1 1 auto;
    min-width: 0;
}

.arrival-mobile-filter__count[b-uwc0ud773c] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills (list and overlay share the same markup). */

.arrival-pills[b-uwc0ud773c] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.arrival-pills__label[b-uwc0ud773c] {
    align-self: center;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.arrival-pills__list[b-uwc0ud773c] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.arrival-pill[b-uwc0ud773c] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.arrival-pill > span[b-uwc0ud773c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arrival-pill__remove[b-uwc0ud773c] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.arrival-pill__remove:focus-visible[b-uwc0ud773c],
.arrival-pills__clear:focus-visible[b-uwc0ud773c],
.arrival-overlay__row:focus-visible[b-uwc0ud773c],
.arrival-overlay__close:focus-visible[b-uwc0ud773c],
.arrival-overlay__back:focus-visible[b-uwc0ud773c] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.arrival-pills__clear[b-uwc0ud773c] {
    align-self: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.75rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.arrival-overlay[b-uwc0ud773c] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.arrival-overlay__head[b-uwc0ud773c] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.arrival-overlay__head h2[b-uwc0ud773c] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.arrival-overlay__close[b-uwc0ud773c],
.arrival-overlay__back[b-uwc0ud773c] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.arrival-overlay__back[b-uwc0ud773c] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.arrival-overlay__close[b-uwc0ud773c] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.arrival-overlay__body[b-uwc0ud773c] {
    min-height: 0;
    overflow-y: auto;
}

.arrival-overlay__pills[b-uwc0ud773c] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.arrival-overlay__rows[b-uwc0ud773c] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.arrival-overlay__row[b-uwc0ud773c] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.arrival-overlay__row-label[b-uwc0ud773c] {
    flex: 1 1 auto;
    min-width: 0;
}

.arrival-overlay__row-count[b-uwc0ud773c] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.arrival-overlay__row > i[b-uwc0ud773c] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.arrival-overlay__foot[b-uwc0ud773c] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.arrival-mobile-list[b-uwc0ud773c],
.arrival-mobile-group__cards[b-uwc0ud773c] {
    display: grid;
    min-width: 0;
}

.arrival-mobile-list[b-uwc0ud773c] {
    gap: var(--innvilo-space-8);
}

.arrival-mobile-group__cards[b-uwc0ud773c] {
    gap: var(--innvilo-space-5);
}

.arrival-mobile-card[b-uwc0ud773c] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.arrival-mobile-card.is-urgent[b-uwc0ud773c]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    top: -1px;
    width: 3px;
}

.arrival-mobile-card__header[b-uwc0ud773c] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.arrival-mobile-card__identity[b-uwc0ud773c] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.arrival-mobile-card__identity > strong[b-uwc0ud773c] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.arrival-mobile-card__identity span[b-uwc0ud773c],
.arrival-mobile-card__meta[b-uwc0ud773c],
.arrival-mobile-card__next[b-uwc0ud773c] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.arrival-mobile-card__number[b-uwc0ud773c] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arrival-mobile-card__amount[b-uwc0ud773c] {
    color: var(--innvilo-text-primary);
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    max-width: 45%;
    text-align: right;
    white-space: nowrap;
}

.arrival-mobile-card__status[b-uwc0ud773c] {
    display: flex;
    min-width: 0;
}

.arrival-mobile-card__meta[b-uwc0ud773c] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.arrival-mobile-card__meta span[b-uwc0ud773c] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.arrival-mobile-card__meta i[b-uwc0ud773c] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.arrival-mobile-card__footer[b-uwc0ud773c] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.arrival-mobile-card__next[b-uwc0ud773c] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.arrival-mobile-card__next.is-urgent[b-uwc0ud773c] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* States */

.arrival-mobile-state[b-uwc0ud773c] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.arrival-mobile-state > *[b-uwc0ud773c] {
    animation: arrival-mobile-state-in-b-uwc0ud773c var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.arrival-mobile-state > :nth-child(2)[b-uwc0ud773c] { animation-delay: 40ms; }
.arrival-mobile-state > :nth-child(3)[b-uwc0ud773c] { animation-delay: 80ms; }
.arrival-mobile-state > :nth-child(4)[b-uwc0ud773c] { animation-delay: 120ms; }

@keyframes arrival-mobile-state-in-b-uwc0ud773c {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.arrival-mobile-state > i[b-uwc0ud773c] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.arrival-mobile-state--error > i[b-uwc0ud773c] {
    color: var(--color-error);
}

.arrival-mobile-state h2[b-uwc0ud773c],
.arrival-mobile-state p[b-uwc0ud773c] {
    margin: 0;
}

.arrival-mobile-state h2[b-uwc0ud773c] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.arrival-mobile-state p[b-uwc0ud773c] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.arrival-mobile-state > :last-child[b-uwc0ud773c] {
    margin-top: var(--innvilo-space-5);
}

/* Loading */

.arrival-mobile-skeleton[b-uwc0ud773c] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.arrival-mobile-skeleton span[b-uwc0ud773c] {
    animation: arrival-mobile-pulse-b-uwc0ud773c 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes arrival-mobile-pulse-b-uwc0ud773c {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .arrival-mobile-card[b-uwc0ud773c] {
        padding: var(--innvilo-space-5);
    }

    .arrival-mobile-card__footer[b-uwc0ud773c] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .arrival-mobile-skeleton span[b-uwc0ud773c],
    .arrival-mobile-state > *[b-uwc0ud773c],
    .arrival-state__art > span[b-uwc0ud773c],
    .arrival-state__art > i[b-uwc0ud773c] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.arrival-state__art[b-uwc0ud773c] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.arrival-state__art > span[b-uwc0ud773c] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.arrival-state__art > span[b-uwc0ud773c]::before,
.arrival-state__art > span[b-uwc0ud773c]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.arrival-state__art > span[b-uwc0ud773c]::before {
    top: 0.625rem;
    width: 38%;
}

.arrival-state__art > span[b-uwc0ud773c]::after {
    bottom: 0.625rem;
    width: 58%;
}

.arrival-state__art > span:nth-child(1)[b-uwc0ud773c] {
    opacity: .35;
    transform: scale(.94);
}

.arrival-state__art > span:nth-child(2)[b-uwc0ud773c] {
    opacity: .6;
    transform: scale(.97);
}

.arrival-state__art > span:nth-child(3)[b-uwc0ud773c] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.arrival-state__art > i[b-uwc0ud773c] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.arrival-state__art.is-filtered > span:nth-child(3)[b-uwc0ud773c]::before,
.arrival-state__art.is-filtered > span:nth-child(3)[b-uwc0ud773c]::after {
    background: var(--color-primary-focus-ring);
}

.arrival-state__art > span[b-uwc0ud773c] {
    animation: arrival-mobile-state-row-in-b-uwc0ud773c 300ms var(--innvilo-easing-settle) both;
}

.arrival-state__art > span:nth-child(2)[b-uwc0ud773c] { animation-delay: 60ms; }
.arrival-state__art > span:nth-child(3)[b-uwc0ud773c] { animation-delay: 120ms; }

.arrival-state__art > i[b-uwc0ud773c] {
    animation: arrival-mobile-state-in-b-uwc0ud773c 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes arrival-mobile-state-row-in-b-uwc0ud773c {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Badge row in the card: status badge, then the payment rule in one line. */

.arrival-mobile-card__badges[b-uwc0ud773c] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.arrival-mobile-card__badges small[b-uwc0ud773c] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.arrival-mobile-card__amount.is-none[b-uwc0ud773c] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.arrival-mobile-card__amount.is-open[b-uwc0ud773c] {
    color: var(--color-warning-text);
}

.arrival-mobile-header p .is-ready[b-uwc0ud773c] {
    color: var(--color-success);
}

.arrival-mobile-continuity[b-uwc0ud773c] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.arrival-mobile-continuity a[b-uwc0ud773c] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
}

.arrival-mobile-continuity a:focus-visible[b-uwc0ud773c] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.arrival-mobile-card__badge-row[b-uwc0ud773c] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.arrival-mobile-header__continuity span[b-uwc0ud773c] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.arrival-mobile-header__continuity span.is-ready[b-uwc0ud773c] {
    color: var(--color-success);
}
/* /Components/Pages/Operations/Arrivals/ArrivalRowActions.razor.rz.scp.css */
.arrival-row-actions[b-oli4jdcffr] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
    min-width: 0;
}
/* /Components/Pages/Operations/CashDesk/CashDeskBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.cashdesk-page[b-7932vynepk] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.cashdesk-viewport-skeleton[b-7932vynepk] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.cashdesk-viewport-skeleton span[b-7932vynepk] {
    animation: cashdesk-viewport-pulse-b-7932vynepk 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.cashdesk-viewport-skeleton .is-breadcrumb[b-7932vynepk] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.cashdesk-viewport-skeleton .is-title[b-7932vynepk] {
    height: 4.5rem;
}

.cashdesk-viewport-skeleton .is-toolbar[b-7932vynepk] {
    height: 6rem;
}

.cashdesk-viewport-skeleton .is-content[b-7932vynepk] {
    height: 22rem;
}

@keyframes cashdesk-viewport-pulse-b-7932vynepk {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .cashdesk-viewport-skeleton span[b-7932vynepk] {
        animation: none;
    }
}
.access-card-reader[b-7932vynepk] {
    align-items: center;
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-7);
    text-align: center;
}

.access-card-reader-device[b-7932vynepk] {
    align-items: center;
    background: var(--color-navy-deep);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-surface);
    display: inline-flex;
    height: 8rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: min(12rem, 100%);
}

.access-card-reader-device span[b-7932vynepk] {
    background: var(--color-primary);
    height: 160%;
    opacity: 0.85;
    position: absolute;
    transform: rotate(18deg);
    width: 1.2rem;
}

.access-card-reader-device i[b-7932vynepk] {
    font-size: 3.2rem;
    position: relative;
    z-index: 1;
}

.access-card-reader strong[b-7932vynepk] {
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: 1.15rem;
}

.access-card-reader p[b-7932vynepk] {
    color: var(--color-text-muted);
    line-height: 1.5;
    margin: 0;
    max-width: 20rem;
}

.access-card-reader-progress[b-7932vynepk] {
    background: var(--color-surface-raised);
    border-radius: var(--radius-sm);
    height: 0.45rem;
    overflow: hidden;
    width: min(100%, 16rem);
}

.access-card-reader-progress span[b-7932vynepk] {
    background: var(--color-primary);
    display: block;
    height: 100%;
    width: 48%;
}

@media (prefers-reduced-motion: no-preference) {
    .access-card-reader-device span[b-7932vynepk] {
        animation: cashdesk-card-scan-b-7932vynepk 1.1s ease-in-out infinite;
    }

    .access-card-reader-progress span[b-7932vynepk] {
        animation: cashdesk-card-progress-b-7932vynepk 1.35s ease-in-out infinite;
    }
}

@keyframes cashdesk-card-scan-b-7932vynepk {
    from { left: -20%; }
    to { left: 110%; }
}

@keyframes cashdesk-card-progress-b-7932vynepk {
    from { transform: translateX(-100%); }
    to { transform: translateX(220%); }
}

/* /Components/Pages/Operations/CashDesk/CashDeskChart.razor.rz.scp.css */
.cashdesk-chart[b-ikyz5j5k7c] {
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashdesk-section-head[b-ikyz5j5k7c] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.cashdesk-section-head h2[b-ikyz5j5k7c] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0;
}

.cashdesk-section-head p[b-ikyz5j5k7c] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
}

.cashdesk-chart__legend[b-ikyz5j5k7c] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    margin: 0;
}

.cashdesk-chart__legend div[b-ikyz5j5k7c] {
    border-left: 3px solid var(--innvilo-border-strong);
    display: grid;
    gap: 2px;
    padding-left: var(--innvilo-space-3);
}

.cashdesk-chart__legend div.is-settled[b-ikyz5j5k7c] {
    border-left-color: var(--color-primary);
}

.cashdesk-chart__legend div.is-open[b-ikyz5j5k7c] {
    border-left-color: #a1a6a5;
}

.cashdesk-chart__legend dt[b-ikyz5j5k7c] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-chart__legend dd[b-ikyz5j5k7c] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.cashdesk-chart__plot[b-ikyz5j5k7c] {
    min-width: 0;
}

.cashdesk-chart__empty[b-ikyz5j5k7c] {
    align-items: center;
    border: 1px dashed var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-2);
    justify-content: center;
    min-height: 10rem;
    padding: var(--innvilo-space-6);
    text-align: center;
}

.cashdesk-chart__empty i[b-ikyz5j5k7c] {
    color: var(--color-primary);
    font-size: 1.5rem;
}

.cashdesk-chart__empty strong[b-ikyz5j5k7c] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.cashdesk-chart__summary[b-ikyz5j5k7c] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.cashdesk-chart__summary li[b-ikyz5j5k7c] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: 2px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.cashdesk-chart__summary li > i[b-ikyz5j5k7c] {
    color: var(--color-primary);
    grid-row: 1 / span 3;
    margin-top: 2px;
    margin-right: var(--innvilo-space-3);
}

.cashdesk-chart__summary-label[b-ikyz5j5k7c] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.cashdesk-chart__summary-count[b-ikyz5j5k7c] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-chart__summary strong[b-ikyz5j5k7c] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.cashdesk-chart__summary small.is-open[b-ikyz5j5k7c] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-chart__tooltip[b-ikyz5j5k7c] {
    display: grid;
    gap: 2px;
    padding: var(--innvilo-space-2);
}

.cashdesk-chart__tooltip strong[b-ikyz5j5k7c] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

@media (max-width: 62rem) {
    .cashdesk-chart__summary[b-ikyz5j5k7c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 47.99rem) {
    .cashdesk-chart[b-ikyz5j5k7c] {
        padding: var(--innvilo-space-4);
    }

    .cashdesk-chart__legend[b-ikyz5j5k7c] {
        gap: var(--innvilo-space-4);
    }

    .cashdesk-chart__summary[b-ikyz5j5k7c] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Operations/CashDesk/CashDeskConfirmPopup.razor.rz.scp.css */
.cashdesk-confirm[b-fohps2top2] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.cashdesk-confirm__payment[b-fohps2top2] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-4);
}

.cashdesk-confirm__payment mark[b-fohps2top2] {
    justify-self: start;
}

.cashdesk-confirm__payment strong[b-fohps2top2] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.1rem;
}

.cashdesk-confirm__payment span[b-fohps2top2],
.cashdesk-confirm__payment small[b-fohps2top2] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow-wrap: anywhere;
}

.cashdesk-confirm__field[b-fohps2top2] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.cashdesk-confirm__field > span[b-fohps2top2] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-confirm__field em[b-fohps2top2] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-style: normal;
}

.cashdesk-confirm__hint[b-fohps2top2] {
    align-items: flex-start;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
}

.cashdesk-confirm__hint.is-warning[b-fohps2top2] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-navy-deep);
    padding: var(--innvilo-space-3);
}

.cashdesk-confirm__hint i[b-fohps2top2] {
    margin-top: 2px;
}
/* /Components/Pages/Operations/CashDesk/CashDeskDesktop.razor.rz.scp.css */
/* Desktop workspace of the in-house board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces. */

.cashdesk-desktop[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.cashdesk-breadcrumb[b-q5txwlzgg6] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.cashdesk-breadcrumb a[b-q5txwlzgg6] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.cashdesk-breadcrumb a:hover[b-q5txwlzgg6],
.cashdesk-breadcrumb a:focus-visible[b-q5txwlzgg6] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.cashdesk-breadcrumb a:focus-visible[b-q5txwlzgg6] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.cashdesk-breadcrumb i[b-q5txwlzgg6] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.cashdesk-breadcrumb [aria-current='page'][b-q5txwlzgg6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.cashdesk-head[b-q5txwlzgg6] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.cashdesk-head__copy[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashdesk-head__title-row[b-q5txwlzgg6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.cashdesk-head h1[b-q5txwlzgg6] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.cashdesk-head__lead[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.cashdesk-head__meta[b-q5txwlzgg6] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.cashdesk-open-badge[b-q5txwlzgg6] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.cashdesk-head__actions[b-q5txwlzgg6] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.cashdesk-kpis[b-q5txwlzgg6] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.cashdesk-kpi[b-q5txwlzgg6] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.cashdesk-kpi + .cashdesk-kpi[b-q5txwlzgg6] {
    border-left: 1px solid var(--innvilo-border-default);
}

.cashdesk-kpi.is-current[b-q5txwlzgg6]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.cashdesk-kpi__label[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.cashdesk-kpi__value[b-q5txwlzgg6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.cashdesk-kpi.is-current .cashdesk-kpi__value[b-q5txwlzgg6] {
    color: var(--color-primary);
}

.cashdesk-kpi.is-attention .cashdesk-kpi__value[b-q5txwlzgg6] {
    color: var(--color-warning-text);
}

.cashdesk-kpi.is-positive .cashdesk-kpi__value[b-q5txwlzgg6] {
    color: var(--color-success);
}

.cashdesk-kpi__detail[b-q5txwlzgg6] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: title row plus toolbar, then filter panel, then grid or state. */

.cashdesk-workspace[b-q5txwlzgg6] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.cashdesk-toolbar[b-q5txwlzgg6] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.cashdesk-search[b-q5txwlzgg6] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.cashdesk-toolbar__filters[b-q5txwlzgg6] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.cashdesk-pills[b-q5txwlzgg6] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.cashdesk-pills__label[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.cashdesk-pills__list[b-q5txwlzgg6] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.cashdesk-pill[b-q5txwlzgg6] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.cashdesk-pill > span[b-q5txwlzgg6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashdesk-pill__remove[b-q5txwlzgg6] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.cashdesk-pill__remove:hover[b-q5txwlzgg6] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.cashdesk-pill__remove:focus-visible[b-q5txwlzgg6],
.cashdesk-pills__clear:focus-visible[b-q5txwlzgg6] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.cashdesk-pills__clear[b-q5txwlzgg6] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.cashdesk-grid-host[b-q5txwlzgg6] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. */

.cashdesk-pager[b-q5txwlzgg6] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashdesk-pager__size[b-q5txwlzgg6] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.cashdesk-pager__size > span[b-q5txwlzgg6] {
    white-space: nowrap;
}

.cashdesk-pager__nav[b-q5txwlzgg6] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.cashdesk-pager__page[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.cashdesk-pager__page strong[b-q5txwlzgg6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashdesk-grid-results[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.cashdesk-guest-cell[b-q5txwlzgg6],
.cashdesk-stay-cell[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.cashdesk-guest-cell strong[b-q5txwlzgg6],
.cashdesk-stay-cell strong[b-q5txwlzgg6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cashdesk-guest-cell small[b-q5txwlzgg6],
.cashdesk-stay-cell small[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.cashdesk-guest-cell__number[b-q5txwlzgg6] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashdesk-amount[b-q5txwlzgg6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.cashdesk-next-action[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.cashdesk-next-action.is-urgent[b-q5txwlzgg6] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.cashdesk-state[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.cashdesk-state > *[b-q5txwlzgg6] {
    animation: cashdesk-state-in-b-q5txwlzgg6 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.cashdesk-state > :nth-child(2)[b-q5txwlzgg6] { animation-delay: 40ms; }
.cashdesk-state > :nth-child(3)[b-q5txwlzgg6] { animation-delay: 80ms; }
.cashdesk-state > :nth-child(4)[b-q5txwlzgg6] { animation-delay: 120ms; }

@keyframes cashdesk-state-in-b-q5txwlzgg6 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.cashdesk-state > i[b-q5txwlzgg6] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.cashdesk-state--error > i[b-q5txwlzgg6] {
    color: var(--color-error);
}

.cashdesk-state__copy[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.cashdesk-state h3[b-q5txwlzgg6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.cashdesk-state p[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.cashdesk-state__actions[b-q5txwlzgg6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.cashdesk-state--filtered[b-q5txwlzgg6],
.cashdesk-state--error[b-q5txwlzgg6] {
    padding-block: var(--innvilo-space-11);
}

.cashdesk-process[b-q5txwlzgg6] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: var(--innvilo-space-4) 0 0;
    max-width: 52rem;
    padding: var(--innvilo-space-8) 0 0;
    text-align: left;
    width: 100%;
}

.cashdesk-process li[b-q5txwlzgg6] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashdesk-process li > span[b-q5txwlzgg6] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    width: 1.5rem;
}

.cashdesk-process li > div[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.cashdesk-process strong[b-q5txwlzgg6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.cashdesk-process small[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Loading */

.cashdesk-desktop-skeleton[b-q5txwlzgg6] {
    display: grid;
    gap: 1px;
}

.cashdesk-desktop-skeleton span[b-q5txwlzgg6] {
    animation: cashdesk-pulse-b-q5txwlzgg6 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.cashdesk-desktop-skeleton span.is-header[b-q5txwlzgg6] {
    height: 2.75rem;
}

@keyframes cashdesk-pulse-b-q5txwlzgg6 {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .cashdesk-kpis[b-q5txwlzgg6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cashdesk-kpi:nth-child(3)[b-q5txwlzgg6] {
        border-left: 0;
    }

    .cashdesk-kpi:nth-child(n + 3)[b-q5txwlzgg6] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .cashdesk-search[b-q5txwlzgg6] {
        flex: 1 1 100%;
    }

    .cashdesk-toolbar__filters[b-q5txwlzgg6] {
        width: 100%;
    }

    .cashdesk-process[b-q5txwlzgg6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cashdesk-head[b-q5txwlzgg6] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .cashdesk-head__actions[b-q5txwlzgg6] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cashdesk-breadcrumb a[b-q5txwlzgg6] {
        transition: none;
    }

    .cashdesk-state > *[b-q5txwlzgg6],
    .cashdesk-state__art > span[b-q5txwlzgg6],
    .cashdesk-state__art > i[b-q5txwlzgg6] {
        animation: none;
    }

    .cashdesk-desktop-skeleton span[b-q5txwlzgg6] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.cashdesk-state__art[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.cashdesk-state__art > span[b-q5txwlzgg6] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.cashdesk-state__art > span[b-q5txwlzgg6]::before,
.cashdesk-state__art > span[b-q5txwlzgg6]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.cashdesk-state__art > span[b-q5txwlzgg6]::before {
    top: 0.625rem;
    width: 38%;
}

.cashdesk-state__art > span[b-q5txwlzgg6]::after {
    bottom: 0.625rem;
    width: 58%;
}

.cashdesk-state__art > span:nth-child(1)[b-q5txwlzgg6] {
    opacity: .35;
    transform: scale(.94);
}

.cashdesk-state__art > span:nth-child(2)[b-q5txwlzgg6] {
    opacity: .6;
    transform: scale(.97);
}

.cashdesk-state__art > span:nth-child(3)[b-q5txwlzgg6] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.cashdesk-state__art > i[b-q5txwlzgg6] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.cashdesk-state__art.is-filtered > span:nth-child(3)[b-q5txwlzgg6]::before,
.cashdesk-state__art.is-filtered > span:nth-child(3)[b-q5txwlzgg6]::after {
    background: var(--color-primary-focus-ring);
}

.cashdesk-state__art > span[b-q5txwlzgg6] {
    animation: cashdesk-state-row-in-b-q5txwlzgg6 300ms var(--innvilo-easing-settle) both;
}

.cashdesk-state__art > span:nth-child(2)[b-q5txwlzgg6] { animation-delay: 60ms; }
.cashdesk-state__art > span:nth-child(3)[b-q5txwlzgg6] { animation-delay: 120ms; }

.cashdesk-state__art > i[b-q5txwlzgg6] {
    animation: cashdesk-state-in-b-q5txwlzgg6 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes cashdesk-state-row-in-b-q5txwlzgg6 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Status cell: badge plus the payment rule in one quiet line. Balance column mutes settled folios. */

.cashdesk-status-cell[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.cashdesk-status-cell small[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.cashdesk-amount.is-none[b-q5txwlzgg6] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.cashdesk-amount.is-open[b-q5txwlzgg6] {
    color: var(--color-warning-text);
}

/* Local continuity links sit next to the hero actions as quiet secondary buttons. */

.cashdesk-continuity-action[b-q5txwlzgg6] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.cashdesk-continuity-action:hover[b-q5txwlzgg6] {
    background: var(--innvilo-surface-app);
    border-color: var(--innvilo-border-strong);
}

.cashdesk-continuity-action:focus-visible[b-q5txwlzgg6] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.cashdesk-head__meta .is-ready[b-q5txwlzgg6] {
    color: var(--color-success);
}

.cashdesk-guest-cell__origin[b-q5txwlzgg6] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

/* Batch strip under the toolbar: selection count left, the two batch actions right. */

.cashdesk-batch[b-q5txwlzgg6] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.cashdesk-batch__count[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-batch__actions[b-q5txwlzgg6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.cashdesk-clarification[b-q5txwlzgg6] {
    min-width: 0;
}

.cashdesk-provider[b-q5txwlzgg6] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.cashdesk-provider.is-ready[b-q5txwlzgg6] {
    color: var(--color-success);
}

.cashdesk-provider.is-missing[b-q5txwlzgg6] {
    color: var(--color-warning-text, var(--color-navy-deep));
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashdesk-toolbar__hint[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

.access-status-badge[b-q5txwlzgg6] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    padding: 0.3rem 0.65rem;
    white-space: nowrap;
    width: fit-content;
}

.access-status-badge.is-success[b-q5txwlzgg6] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.access-status-badge.is-warning[b-q5txwlzgg6] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.cashdesk-grid-row--selected[b-q5txwlzgg6] {
    background: var(--color-accent-soft);
}

/* Kassen-spezifisch: Geschäftstag-Navigation, Synchronisierungsleiste, Statusmarken, offene Terminalvorgänge. */
.cashdesk-head__meta[b-q5txwlzgg6] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    margin: var(--innvilo-space-2) 0 0;
}

.cashdesk-day-nav[b-q5txwlzgg6] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.cashdesk-day-nav__label[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.cashdesk-day-nav__label strong[b-q5txwlzgg6] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashdesk-open-badge.is-attention[b-q5txwlzgg6] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.cashdesk-sync-panel[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.cashdesk-time-cell[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
}

.cashdesk-method-cell[b-q5txwlzgg6] {
    align-items: center;
    color: var(--color-navy-deep);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-2);
}

.cashdesk-method-cell i[b-q5txwlzgg6] {
    color: var(--color-primary);
}

.cashdesk-amount[b-q5txwlzgg6] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.cashdesk-amount.is-open[b-q5txwlzgg6] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-reference[b-q5txwlzgg6] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    overflow-wrap: anywhere;
}

.cashdesk-section-head[b-q5txwlzgg6] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.cashdesk-section-head h2[b-q5txwlzgg6] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0;
}

.cashdesk-section-head p[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
}

.cashdesk-section-count[b-q5txwlzgg6] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 999px;
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0.35rem 0.75rem;
    white-space: nowrap;
}

.cashdesk-pending[b-q5txwlzgg6] {
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashdesk-pending__list[b-q5txwlzgg6] {
    display: grid;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.cashdesk-pending__item[b-q5txwlzgg6] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding-top: var(--innvilo-space-3);
}

.cashdesk-pending__identity[b-q5txwlzgg6] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.cashdesk-pending__identity strong[b-q5txwlzgg6] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashdesk-pending__identity small[b-q5txwlzgg6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow-wrap: anywhere;
}

.cashdesk-pending__amount[b-q5txwlzgg6] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cashdesk-pending__actions[b-q5txwlzgg6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

@media (max-width: 62rem) {
    .cashdesk-sync-panel[b-q5txwlzgg6] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Operations/CashDesk/CashDeskMobile.razor.rz.scp.css */
/* Mobile workspace of the in-house board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.cashdesk-mobile[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.cashdesk-breadcrumb[b-kics5qc7qz] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.cashdesk-breadcrumb a[b-kics5qc7qz] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.cashdesk-breadcrumb a:focus-visible[b-kics5qc7qz] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.cashdesk-breadcrumb i[b-kics5qc7qz] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.cashdesk-breadcrumb [aria-current='page'][b-kics5qc7qz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.cashdesk-mobile-header[b-kics5qc7qz] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.cashdesk-mobile-header__copy[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.cashdesk-mobile-header h1[b-kics5qc7qz] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.cashdesk-mobile-header p[b-kics5qc7qz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.cashdesk-mobile-header p span[b-kics5qc7qz] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.cashdesk-mobile-kpis[b-kics5qc7qz] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.cashdesk-mobile-kpi[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.cashdesk-mobile-kpi:nth-child(even)[b-kics5qc7qz] {
    border-left: 1px solid var(--innvilo-border-default);
}

.cashdesk-mobile-kpi:nth-child(n + 3)[b-kics5qc7qz] {
    border-top: 1px solid var(--innvilo-border-default);
}

.cashdesk-mobile-kpi.is-current[b-kics5qc7qz]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.cashdesk-mobile-kpi span[b-kics5qc7qz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashdesk-mobile-kpi strong[b-kics5qc7qz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.cashdesk-mobile-kpi.is-current strong[b-kics5qc7qz] {
    color: var(--color-primary);
}

.cashdesk-mobile-kpi.is-attention strong[b-kics5qc7qz] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.cashdesk-mobile-header__actions[b-kics5qc7qz] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

.cashdesk-mobile-tools[b-kics5qc7qz] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashdesk-mobile-tools > :first-child + *[b-kics5qc7qz] {
    flex: 1 1 auto;
    min-width: 0;
}

.cashdesk-mobile-filter__count[b-kics5qc7qz] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills (list and overlay share the same markup). */

.cashdesk-pills[b-kics5qc7qz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.cashdesk-pills__label[b-kics5qc7qz] {
    align-self: center;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.cashdesk-pills__list[b-kics5qc7qz] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.cashdesk-pill[b-kics5qc7qz] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.cashdesk-pill > span[b-kics5qc7qz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashdesk-pill__remove[b-kics5qc7qz] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.cashdesk-pill__remove:focus-visible[b-kics5qc7qz],
.cashdesk-pills__clear:focus-visible[b-kics5qc7qz],
.cashdesk-overlay__row:focus-visible[b-kics5qc7qz],
.cashdesk-overlay__close:focus-visible[b-kics5qc7qz],
.cashdesk-overlay__back:focus-visible[b-kics5qc7qz] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.cashdesk-pills__clear[b-kics5qc7qz] {
    align-self: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.75rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.cashdesk-overlay[b-kics5qc7qz] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.cashdesk-overlay__head[b-kics5qc7qz] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.cashdesk-overlay__head h2[b-kics5qc7qz] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.cashdesk-overlay__close[b-kics5qc7qz],
.cashdesk-overlay__back[b-kics5qc7qz] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.cashdesk-overlay__back[b-kics5qc7qz] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.cashdesk-overlay__close[b-kics5qc7qz] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.cashdesk-overlay__body[b-kics5qc7qz] {
    min-height: 0;
    overflow-y: auto;
}

.cashdesk-overlay__pills[b-kics5qc7qz] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashdesk-overlay__rows[b-kics5qc7qz] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.cashdesk-overlay__row[b-kics5qc7qz] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.cashdesk-overlay__row-label[b-kics5qc7qz] {
    flex: 1 1 auto;
    min-width: 0;
}

.cashdesk-overlay__row-count[b-kics5qc7qz] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.cashdesk-overlay__row > i[b-kics5qc7qz] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-overlay__foot[b-kics5qc7qz] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.cashdesk-mobile-list[b-kics5qc7qz],
.cashdesk-mobile-group__cards[b-kics5qc7qz] {
    display: grid;
    min-width: 0;
}

.cashdesk-mobile-list[b-kics5qc7qz] {
    gap: var(--innvilo-space-8);
}

.cashdesk-mobile-group__cards[b-kics5qc7qz] {
    gap: var(--innvilo-space-5);
}

.cashdesk-mobile-card[b-kics5qc7qz] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.cashdesk-mobile-card.is-urgent[b-kics5qc7qz]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    top: -1px;
    width: 3px;
}

.cashdesk-mobile-card__header[b-kics5qc7qz] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.cashdesk-mobile-card__identity[b-kics5qc7qz] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.cashdesk-mobile-card__identity > strong[b-kics5qc7qz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cashdesk-mobile-card__identity span[b-kics5qc7qz],
.cashdesk-mobile-card__meta[b-kics5qc7qz],
.cashdesk-mobile-card__next[b-kics5qc7qz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.cashdesk-mobile-card__number[b-kics5qc7qz] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashdesk-mobile-card__amount[b-kics5qc7qz] {
    color: var(--innvilo-text-primary);
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    max-width: 45%;
    text-align: right;
    white-space: nowrap;
}

.cashdesk-mobile-card__status[b-kics5qc7qz] {
    display: flex;
    min-width: 0;
}

.cashdesk-mobile-card__meta[b-kics5qc7qz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.cashdesk-mobile-card__meta span[b-kics5qc7qz] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.cashdesk-mobile-card__meta i[b-kics5qc7qz] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.cashdesk-mobile-card__footer[b-kics5qc7qz] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.cashdesk-mobile-card__next[b-kics5qc7qz] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.cashdesk-mobile-card__next.is-urgent[b-kics5qc7qz] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* States */

.cashdesk-mobile-state[b-kics5qc7qz] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.cashdesk-mobile-state > *[b-kics5qc7qz] {
    animation: cashdesk-mobile-state-in-b-kics5qc7qz var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.cashdesk-mobile-state > :nth-child(2)[b-kics5qc7qz] { animation-delay: 40ms; }
.cashdesk-mobile-state > :nth-child(3)[b-kics5qc7qz] { animation-delay: 80ms; }
.cashdesk-mobile-state > :nth-child(4)[b-kics5qc7qz] { animation-delay: 120ms; }

@keyframes cashdesk-mobile-state-in-b-kics5qc7qz {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.cashdesk-mobile-state > i[b-kics5qc7qz] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.cashdesk-mobile-state--error > i[b-kics5qc7qz] {
    color: var(--color-error);
}

.cashdesk-mobile-state h2[b-kics5qc7qz],
.cashdesk-mobile-state p[b-kics5qc7qz] {
    margin: 0;
}

.cashdesk-mobile-state h2[b-kics5qc7qz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.cashdesk-mobile-state p[b-kics5qc7qz] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.cashdesk-mobile-state > :last-child[b-kics5qc7qz] {
    margin-top: var(--innvilo-space-5);
}

/* Loading */

.cashdesk-mobile-skeleton[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.cashdesk-mobile-skeleton span[b-kics5qc7qz] {
    animation: cashdesk-mobile-pulse-b-kics5qc7qz 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes cashdesk-mobile-pulse-b-kics5qc7qz {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .cashdesk-mobile-card[b-kics5qc7qz] {
        padding: var(--innvilo-space-5);
    }

    .cashdesk-mobile-card__footer[b-kics5qc7qz] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cashdesk-mobile-skeleton span[b-kics5qc7qz],
    .cashdesk-mobile-state > *[b-kics5qc7qz],
    .cashdesk-state__art > span[b-kics5qc7qz],
    .cashdesk-state__art > i[b-kics5qc7qz] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.cashdesk-state__art[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.cashdesk-state__art > span[b-kics5qc7qz] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.cashdesk-state__art > span[b-kics5qc7qz]::before,
.cashdesk-state__art > span[b-kics5qc7qz]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.cashdesk-state__art > span[b-kics5qc7qz]::before {
    top: 0.625rem;
    width: 38%;
}

.cashdesk-state__art > span[b-kics5qc7qz]::after {
    bottom: 0.625rem;
    width: 58%;
}

.cashdesk-state__art > span:nth-child(1)[b-kics5qc7qz] {
    opacity: .35;
    transform: scale(.94);
}

.cashdesk-state__art > span:nth-child(2)[b-kics5qc7qz] {
    opacity: .6;
    transform: scale(.97);
}

.cashdesk-state__art > span:nth-child(3)[b-kics5qc7qz] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.cashdesk-state__art > i[b-kics5qc7qz] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.cashdesk-state__art.is-filtered > span:nth-child(3)[b-kics5qc7qz]::before,
.cashdesk-state__art.is-filtered > span:nth-child(3)[b-kics5qc7qz]::after {
    background: var(--color-primary-focus-ring);
}

.cashdesk-state__art > span[b-kics5qc7qz] {
    animation: cashdesk-mobile-state-row-in-b-kics5qc7qz 300ms var(--innvilo-easing-settle) both;
}

.cashdesk-state__art > span:nth-child(2)[b-kics5qc7qz] { animation-delay: 60ms; }
.cashdesk-state__art > span:nth-child(3)[b-kics5qc7qz] { animation-delay: 120ms; }

.cashdesk-state__art > i[b-kics5qc7qz] {
    animation: cashdesk-mobile-state-in-b-kics5qc7qz 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes cashdesk-mobile-state-row-in-b-kics5qc7qz {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Badge row in the card: status badge, then the payment rule in one line. */

.cashdesk-mobile-card__badges[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.cashdesk-mobile-card__badges small[b-kics5qc7qz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.cashdesk-mobile-card__amount.is-none[b-kics5qc7qz] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.cashdesk-mobile-card__amount.is-open[b-kics5qc7qz] {
    color: var(--color-warning-text);
}

.cashdesk-mobile-header p .is-ready[b-kics5qc7qz] {
    color: var(--color-success);
}

.cashdesk-mobile-continuity[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.cashdesk-mobile-continuity a[b-kics5qc7qz] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
}

.cashdesk-mobile-continuity a:focus-visible[b-kics5qc7qz] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.cashdesk-mobile-card__badge-row[b-kics5qc7qz] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.cashdesk-mobile-header__continuity span[b-kics5qc7qz] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.cashdesk-mobile-header__continuity span.is-ready[b-kics5qc7qz] {
    color: var(--color-success);
}

/* Batch actions on mobile: full-width buttons, selection is a desktop affordance. */

.cashdesk-batch[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.cashdesk-batch__count[b-kics5qc7qz] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-batch__actions[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.cashdesk-clarification[b-kics5qc7qz] {
    min-width: 0;
}

.cashdesk-provider.is-ready[b-kics5qc7qz] {
    color: var(--color-success);
}

.cashdesk-provider.is-missing[b-kics5qc7qz] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.access-status-badge[b-kics5qc7qz] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    padding: 0.3rem 0.65rem;
    white-space: nowrap;
}

.access-status-badge.is-success[b-kics5qc7qz] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.access-status-badge.is-warning[b-kics5qc7qz] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.cashdesk-mobile-card.is-selected[b-kics5qc7qz] {
    border-color: var(--color-primary);
}

/* Kassen-spezifisch: Geschäftstag-Navigation, Synchronisierung, offene Terminalvorgänge. */
.cashdesk-day-nav--mobile[b-kics5qc7qz] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-2);
}

.cashdesk-day-nav__label[b-kics5qc7qz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    text-align: center;
}

.cashdesk-day-nav__label strong[b-kics5qc7qz] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashdesk-sync-panel--mobile[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.cashdesk-mobile-card__meta span.is-open[b-kics5qc7qz] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashdesk-section-head[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.cashdesk-section-head h2[b-kics5qc7qz] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.15rem;
    margin: 0;
}

.cashdesk-section-head p[b-kics5qc7qz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
}

.cashdesk-section-count[b-kics5qc7qz] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 999px;
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    justify-self: start;
    padding: 0.3rem 0.65rem;
}

.cashdesk-pending[b-kics5qc7qz] {
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.cashdesk-pending__list[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.cashdesk-pending__item[b-kics5qc7qz] {
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-2);
    padding-top: var(--innvilo-space-3);
}

.cashdesk-pending__identity[b-kics5qc7qz] {
    display: grid;
    gap: 2px;
}

.cashdesk-pending__identity strong[b-kics5qc7qz] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashdesk-pending__identity small[b-kics5qc7qz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-pending__amount[b-kics5qc7qz] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.1rem;
}

.cashdesk-pending__actions[b-kics5qc7qz] {
    display: grid;
    gap: var(--innvilo-space-2);
}
/* /Components/Pages/Operations/CashDesk/CashDeskPaymentPopup.razor.rz.scp.css */
.cashdesk-issue[b-wlo4mcrwr0] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.cashdesk-issue__error[b-wlo4mcrwr0] {
    align-items: flex-start;
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-error);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-2);
    margin: 0;
    padding: var(--innvilo-space-3);
}

.cashdesk-issue__steps[b-wlo4mcrwr0] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.cashdesk-issue__step[b-wlo4mcrwr0] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.cashdesk-issue__step-head[b-wlo4mcrwr0] {
    align-items: flex-start;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
}

.cashdesk-issue__step-number[b-wlo4mcrwr0] {
    align-items: center;
    background: var(--color-navy-deep);
    border-radius: 999px;
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 0.85rem;
    height: 1.75rem;
    justify-content: center;
    width: 1.75rem;
}

.cashdesk-issue__step-head h3[b-wlo4mcrwr0] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 0;
}

.cashdesk-issue__step-head p[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 2px 0 0;
}

.cashdesk-issue__field[b-wlo4mcrwr0] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.cashdesk-issue__field.is-wide[b-wlo4mcrwr0] {
    grid-column: 1 / -1;
}

.cashdesk-issue__field > span[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-issue__field em[b-wlo4mcrwr0] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-style: normal;
}

.cashdesk-issue__fields[b-wlo4mcrwr0] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cashdesk-issue__target[b-wlo4mcrwr0] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-4);
}

.cashdesk-issue__room[b-wlo4mcrwr0] {
    align-items: center;
    background: var(--color-navy-deep);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.25rem;
    justify-content: center;
    min-height: 3.5rem;
    min-width: 3.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
}

.cashdesk-issue__target-identity[b-wlo4mcrwr0] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.cashdesk-issue__target-identity strong[b-wlo4mcrwr0] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.1rem;
    overflow-wrap: anywhere;
}

.cashdesk-issue__target-identity span[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow-wrap: anywhere;
}

.cashdesk-issue__target-facts[b-wlo4mcrwr0] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.cashdesk-issue__target-facts div[b-wlo4mcrwr0] {
    display: grid;
    gap: 2px;
}

.cashdesk-issue__target-facts dt[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-issue__target-facts dd[b-wlo4mcrwr0] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.cashdesk-issue__target-facts div.is-emphasis dd[b-wlo4mcrwr0] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.05rem;
}

.cashdesk-issue__target > .dx-app-button[b-wlo4mcrwr0] {
    grid-column: 1 / -1;
    justify-self: start;
}

.cashdesk-issue__methods[b-wlo4mcrwr0] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.cashdesk-issue__method[b-wlo4mcrwr0] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-navy-deep);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 3.25rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
    text-align: left;
    transition: border-color 120ms ease-out, background-color 120ms ease-out;
}

.cashdesk-issue__method:hover:not(:disabled)[b-wlo4mcrwr0] {
    border-color: var(--color-primary);
}

.cashdesk-issue__method:focus-visible[b-wlo4mcrwr0] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.cashdesk-issue__method.is-selected[b-wlo4mcrwr0] {
    background: var(--color-accent-soft);
    border-color: var(--color-primary);
}

.cashdesk-issue__method:disabled[b-wlo4mcrwr0] {
    cursor: not-allowed;
    opacity: 0.55;
}

.cashdesk-issue__method-icon[b-wlo4mcrwr0] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-primary);
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.cashdesk-issue__method.is-selected .cashdesk-issue__method-icon[b-wlo4mcrwr0] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-surface);
}

.cashdesk-issue__method-text[b-wlo4mcrwr0] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.cashdesk-issue__method-text strong[b-wlo4mcrwr0] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.cashdesk-issue__method-text small[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-issue__method-check[b-wlo4mcrwr0] {
    color: var(--innvilo-text-muted);
    font-size: 1.1rem;
}

.cashdesk-issue__method.is-selected .cashdesk-issue__method-check[b-wlo4mcrwr0] {
    color: var(--color-primary);
}

.cashdesk-issue__choice[b-wlo4mcrwr0] {
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cashdesk-issue__choice-button[b-wlo4mcrwr0] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-navy-deep);
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: var(--innvilo-space-3);
    min-height: 3.25rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    text-align: left;
}

.cashdesk-issue__choice-button i[b-wlo4mcrwr0] {
    color: var(--color-primary);
}

.cashdesk-issue__choice-button span[b-wlo4mcrwr0] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.cashdesk-issue__choice-button strong[b-wlo4mcrwr0] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.cashdesk-issue__choice-button small[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-issue__choice-button.is-selected[b-wlo4mcrwr0] {
    background: var(--color-accent-soft);
    border-color: var(--color-primary);
}

.cashdesk-issue__choice-button:disabled[b-wlo4mcrwr0] {
    cursor: not-allowed;
    opacity: 0.55;
}

.cashdesk-issue__choice-button:focus-visible[b-wlo4mcrwr0] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.cashdesk-issue__hint[b-wlo4mcrwr0] {
    align-items: flex-start;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--innvilo-text-primary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
    padding: var(--innvilo-space-3);
}

.cashdesk-issue__hint i[b-wlo4mcrwr0] {
    color: var(--color-primary);
    margin-top: 2px;
}

.cashdesk-issue__hint.is-warning[b-wlo4mcrwr0] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.cashdesk-issue__hint.is-warning i[b-wlo4mcrwr0] {
    color: var(--color-navy-deep);
}

.cashdesk-issue__notice[b-wlo4mcrwr0] {
    align-items: flex-start;
    background: var(--color-warning-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-navy-deep);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
    padding: var(--innvilo-space-3);
}

.cashdesk-issue__bank[b-wlo4mcrwr0] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.cashdesk-issue__bank dl[b-wlo4mcrwr0] {
    display: grid;
    gap: var(--innvilo-space-2) var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.cashdesk-issue__bank dl div[b-wlo4mcrwr0] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.cashdesk-issue__bank dt[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-issue__bank dd[b-wlo4mcrwr0] {
    color: var(--color-navy-deep);
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    overflow-wrap: anywhere;
}

.cashdesk-issue__bank > .dx-app-button[b-wlo4mcrwr0] {
    justify-self: start;
}

.cashdesk-issue__step--wide[b-wlo4mcrwr0] {
    grid-column: 1 / -1;
}

.cashdesk-issue__confirm[b-wlo4mcrwr0] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.cashdesk-issue__confirm.is-wide[b-wlo4mcrwr0] {
    grid-column: 1 / -1;
}

.cashdesk-issue__validation[b-wlo4mcrwr0] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--innvilo-text-secondary);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-1);
    list-style: none;
    margin: 0;
    padding: var(--innvilo-space-3);
}

.cashdesk-issue__validation li[b-wlo4mcrwr0] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.cashdesk-issue__ready[b-wlo4mcrwr0] {
    align-items: center;
    background: var(--color-success-surface);
    border: 1px solid var(--color-success-border);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-success);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    margin: 0;
    padding: var(--innvilo-space-3);
}

/* Ergebnis */
.cashdesk-issue__result[b-wlo4mcrwr0] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.cashdesk-issue__result-head[b-wlo4mcrwr0] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
}

.cashdesk-issue__result-icon[b-wlo4mcrwr0] {
    align-items: center;
    background: var(--color-success-surface);
    border: 1px solid var(--color-success-border);
    border-radius: 999px;
    color: var(--color-success);
    display: inline-flex;
    font-size: 1.1rem;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.cashdesk-issue__result-icon.is-pending[b-wlo4mcrwr0] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.cashdesk-issue__result-head h3[b-wlo4mcrwr0] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.2rem;
    margin: 0;
}

.cashdesk-issue__result-head p[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.45;
    margin: 2px 0 0;
}

.cashdesk-issue__facts[b-wlo4mcrwr0] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: var(--innvilo-space-5);
}

.cashdesk-issue__facts div[b-wlo4mcrwr0] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.cashdesk-issue__facts dt[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-issue__facts dd[b-wlo4mcrwr0] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    margin: 0;
    overflow-wrap: anywhere;
}

.cashdesk-issue__pending[b-wlo4mcrwr0] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.cashdesk-issue__pending > div:first-child[b-wlo4mcrwr0] {
    display: grid;
    gap: 2px;
}

.cashdesk-issue__pending strong[b-wlo4mcrwr0] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashdesk-issue__pending span[b-wlo4mcrwr0] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
}

.cashdesk-issue__pending-actions[b-wlo4mcrwr0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

@media (max-width: 56.25rem) {
    .cashdesk-issue__steps[b-wlo4mcrwr0],
    .cashdesk-issue__fields[b-wlo4mcrwr0],
    .cashdesk-issue__choice[b-wlo4mcrwr0],
    .cashdesk-issue__facts[b-wlo4mcrwr0],
    .cashdesk-issue__bank dl[b-wlo4mcrwr0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cashdesk-issue__target-facts[b-wlo4mcrwr0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 47.99rem) {
    .cashdesk-issue__target-facts[b-wlo4mcrwr0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cashdesk-issue__pending-actions .dx-app-button[b-wlo4mcrwr0] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Operations/CashDesk/CashDeskReportPanel.razor.rz.scp.css */
.cashdesk-report[b-hlcfh99l2m] {
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashdesk-section-head[b-hlcfh99l2m] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.cashdesk-section-head > div[b-hlcfh99l2m] {
    flex: 1 1 24rem;
    min-width: 0;
}

.cashdesk-section-head h2[b-hlcfh99l2m] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0;
}

.cashdesk-section-head p[b-hlcfh99l2m] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
}

.cashdesk-report__actions[b-hlcfh99l2m] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.cashdesk-report__facts[b-hlcfh99l2m] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.cashdesk-report__facts div[b-hlcfh99l2m] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: 2px;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.cashdesk-report__facts div.is-attention[b-hlcfh99l2m] {
    border-left: 3px solid var(--color-navy-deep);
}

.cashdesk-report__facts dt[b-hlcfh99l2m] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-report__facts dd[b-hlcfh99l2m] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.cashdesk-report__viewer[b-hlcfh99l2m] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-card);
    height: min(70vh, 56rem);
    min-height: 24rem;
    overflow: hidden;
}

.cashdesk-report__pdf[b-hlcfh99l2m] {
    height: 100%;
}

.cashdesk-report__placeholder[b-hlcfh99l2m],
.cashdesk-report__error[b-hlcfh99l2m] {
    align-items: center;
    border: 1px dashed var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-2);
    justify-content: center;
    min-height: 9rem;
    padding: var(--innvilo-space-6);
    text-align: center;
}

.cashdesk-report__placeholder i[b-hlcfh99l2m] {
    color: var(--color-primary);
    font-size: 1.5rem;
}

.cashdesk-report__placeholder strong[b-hlcfh99l2m],
.cashdesk-report__error strong[b-hlcfh99l2m] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.cashdesk-report__error[b-hlcfh99l2m] {
    border-color: var(--color-error-border);
    border-style: solid;
    color: var(--color-error);
    flex-direction: row;
    text-align: left;
}

.cashdesk-report__error div[b-hlcfh99l2m] {
    display: grid;
    gap: 2px;
}

.cashdesk-report__shimmer[b-hlcfh99l2m] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-height: 9rem;
}

.cashdesk-report__shimmer span[b-hlcfh99l2m] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    display: block;
    height: 2.5rem;
}

.cashdesk-report__audit[b-hlcfh99l2m] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-4);
}

.cashdesk-report__audit summary[b-hlcfh99l2m] {
    color: var(--color-navy-deep);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.cashdesk-report__audit-list[b-hlcfh99l2m] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: var(--innvilo-space-3) 0 0;
    padding: 0;
}

.cashdesk-report__audit-list li[b-hlcfh99l2m] {
    align-items: baseline;
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-1) var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-2) 0;
}

.cashdesk-report__audit-list time[b-hlcfh99l2m] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cashdesk-report__audit-list strong[b-hlcfh99l2m] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.cashdesk-report__audit-list span[b-hlcfh99l2m],
.cashdesk-report__audit-list small[b-hlcfh99l2m] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    grid-column: 2;
    overflow-wrap: anywhere;
}

@media (max-width: 47.99rem) {
    .cashdesk-report[b-hlcfh99l2m] {
        padding: var(--innvilo-space-4);
    }

    .cashdesk-report__facts[b-hlcfh99l2m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cashdesk-report__actions .dx-app-button[b-hlcfh99l2m] {
        flex: 1 1 100%;
    }

    .cashdesk-report__viewer[b-hlcfh99l2m] {
        height: 60vh;
    }
}

.cashdesk-report__download[b-hlcfh99l2m] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-2);
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    text-decoration: none;
}

.cashdesk-report__download:hover[b-hlcfh99l2m],
.cashdesk-report__download:focus-visible[b-hlcfh99l2m] {
    color: var(--color-surface);
    text-decoration: none;
}

.cashdesk-report__download:focus-visible[b-hlcfh99l2m] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Steuerliche Vorbereitung: eine ruhige Tabelle, Trennung nur durch Hairlines und Weißraum. */

.cashdesk-report__tax[b-hlcfh99l2m] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashdesk-report__tax-head h3[b-hlcfh99l2m] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 0;
}

.cashdesk-report__tax-head p[b-hlcfh99l2m] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
    max-width: 64rem;
}

.cashdesk-report__tax-table[b-hlcfh99l2m] {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    min-width: 0;
    width: 100%;
}

.cashdesk-report__tax-table th[b-hlcfh99l2m],
.cashdesk-report__tax-table td[b-hlcfh99l2m] {
    border-bottom: 1px solid var(--innvilo-border-soft);
    font-size: var(--innvilo-font-size-body);
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    text-align: right;
    white-space: nowrap;
}

.cashdesk-report__tax-table th:first-child[b-hlcfh99l2m],
.cashdesk-report__tax-table td:first-child[b-hlcfh99l2m] {
    padding-left: 0;
    text-align: left;
}

.cashdesk-report__tax-table th:last-child[b-hlcfh99l2m],
.cashdesk-report__tax-table td:last-child[b-hlcfh99l2m] {
    padding-right: 0;
}

.cashdesk-report__tax-table thead th[b-hlcfh99l2m] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-report__tax-table tbody th[b-hlcfh99l2m] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashdesk-report__tax-table tbody tr.is-unclassified th[b-hlcfh99l2m],
.cashdesk-report__tax-table tbody tr.is-unclassified td[b-hlcfh99l2m] {
    color: var(--color-warning-text);
}

.cashdesk-report__tax-table tfoot th[b-hlcfh99l2m],
.cashdesk-report__tax-table tfoot td[b-hlcfh99l2m] {
    border-bottom: 0;
    border-top: 1px solid var(--innvilo-border-strong);
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.cashdesk-report__tax-note[b-hlcfh99l2m],
.cashdesk-report__tax-empty[b-hlcfh99l2m] {
    align-items: flex-start;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
}

.cashdesk-report__tax-note i[b-hlcfh99l2m] {
    color: var(--color-success);
    margin-top: 2px;
}

.cashdesk-report__tax-note.is-attention[b-hlcfh99l2m] {
    color: var(--color-warning-text);
}

.cashdesk-report__tax-note.is-attention i[b-hlcfh99l2m] {
    color: var(--color-warning-text);
}

@media (max-width: 47.99rem) {
    .cashdesk-report__tax[b-hlcfh99l2m] {
        overflow-x: auto;
    }

    /* Auf dem Handy zählt Brutto/Netto/USt; die Belegzahl steht im PDF. */
    .cashdesk-report__tax-table th:nth-child(2)[b-hlcfh99l2m],
    .cashdesk-report__tax-table td:nth-child(2)[b-hlcfh99l2m] {
        display: none;
    }

    .cashdesk-report__tax-table th[b-hlcfh99l2m],
    .cashdesk-report__tax-table td[b-hlcfh99l2m] {
        font-size: var(--innvilo-font-size-caption);
        padding: var(--innvilo-space-2);
    }
}
/* /Components/Pages/Operations/CashDesk/CashDeskRowActions.razor.rz.scp.css */
.cashdesk-row-actions[b-4yf6fxpqvp] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
    min-width: 0;
}
/* /Components/Pages/Operations/CashDesk/CashDeskSyncCard.razor.rz.scp.css */
.cashdesk-sync[b-imw9s8ly6g] {
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.cashdesk-sync__head[b-imw9s8ly6g] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
}

.cashdesk-sync__icon[b-imw9s8ly6g] {
    color: var(--color-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.25rem;
    justify-content: center;
    width: 1.75rem;
}

.cashdesk-sync__title[b-imw9s8ly6g] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.cashdesk-sync__title strong[b-imw9s8ly6g] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.05rem;
}

.cashdesk-sync__state[b-imw9s8ly6g] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
}

.cashdesk-sync.is-ready .cashdesk-sync__state[b-imw9s8ly6g] {
    color: var(--color-success);
}

.cashdesk-sync.is-running .cashdesk-sync__state[b-imw9s8ly6g] {
    color: var(--color-primary);
}

.cashdesk-sync.is-failed .cashdesk-sync__state[b-imw9s8ly6g] {
    color: var(--color-error);
}

.cashdesk-sync__facts[b-imw9s8ly6g] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.cashdesk-sync__facts div[b-imw9s8ly6g] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.cashdesk-sync__facts dt[b-imw9s8ly6g] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashdesk-sync__facts dd[b-imw9s8ly6g] {
    color: var(--color-navy-deep);
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    overflow-wrap: anywhere;
}

.cashdesk-sync__message[b-imw9s8ly6g] {
    align-items: flex-start;
    color: var(--innvilo-text-primary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.cashdesk-sync__message.is-muted[b-imw9s8ly6g] {
    color: var(--innvilo-text-secondary);
}

.cashdesk-sync__message.is-error[b-imw9s8ly6g] {
    color: var(--color-error);
}

.cashdesk-sync__message i[b-imw9s8ly6g] {
    margin-top: 2px;
}

.cashdesk-sync__button[b-imw9s8ly6g] {
    justify-self: start;
}

@media (max-width: 47.99rem) {
    .cashdesk-sync__facts[b-imw9s8ly6g] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cashdesk-sync__button[b-imw9s8ly6g] {
        justify-self: stretch;
    }
}
/* /Components/Pages/Operations/CashRegister/CashRegisterBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.cashreg-page[b-3s8fkkeiem] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.cashreg-viewport-skeleton[b-3s8fkkeiem] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.cashreg-viewport-skeleton span[b-3s8fkkeiem] {
    animation: cashreg-viewport-pulse-b-3s8fkkeiem 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.cashreg-viewport-skeleton .is-breadcrumb[b-3s8fkkeiem] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.cashreg-viewport-skeleton .is-title[b-3s8fkkeiem] {
    height: 4.5rem;
}

.cashreg-viewport-skeleton .is-toolbar[b-3s8fkkeiem] {
    height: 6rem;
}

.cashreg-viewport-skeleton .is-content[b-3s8fkkeiem] {
    height: 22rem;
}

@keyframes cashreg-viewport-pulse-b-3s8fkkeiem {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .cashreg-viewport-skeleton span[b-3s8fkkeiem] {
        animation: none;
    }
}
.access-card-reader[b-3s8fkkeiem] {
    align-items: center;
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-7);
    text-align: center;
}

.access-card-reader-device[b-3s8fkkeiem] {
    align-items: center;
    background: var(--color-navy-deep);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-surface);
    display: inline-flex;
    height: 8rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: min(12rem, 100%);
}

.access-card-reader-device span[b-3s8fkkeiem] {
    background: var(--color-primary);
    height: 160%;
    opacity: 0.85;
    position: absolute;
    transform: rotate(18deg);
    width: 1.2rem;
}

.access-card-reader-device i[b-3s8fkkeiem] {
    font-size: 3.2rem;
    position: relative;
    z-index: 1;
}

.access-card-reader strong[b-3s8fkkeiem] {
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: 1.15rem;
}

.access-card-reader p[b-3s8fkkeiem] {
    color: var(--color-text-muted);
    line-height: 1.5;
    margin: 0;
    max-width: 20rem;
}

.access-card-reader-progress[b-3s8fkkeiem] {
    background: var(--color-surface-raised);
    border-radius: var(--radius-sm);
    height: 0.45rem;
    overflow: hidden;
    width: min(100%, 16rem);
}

.access-card-reader-progress span[b-3s8fkkeiem] {
    background: var(--color-primary);
    display: block;
    height: 100%;
    width: 48%;
}

@media (prefers-reduced-motion: no-preference) {
    .access-card-reader-device span[b-3s8fkkeiem] {
        animation: cashreg-card-scan-b-3s8fkkeiem 1.1s ease-in-out infinite;
    }

    .access-card-reader-progress span[b-3s8fkkeiem] {
        animation: cashreg-card-progress-b-3s8fkkeiem 1.35s ease-in-out infinite;
    }
}

@keyframes cashreg-card-scan-b-3s8fkkeiem {
    from { left: -20%; }
    to { left: 110%; }
}

@keyframes cashreg-card-progress-b-3s8fkkeiem {
    from { transform: translateX(-100%); }
    to { transform: translateX(220%); }
}

/* /Components/Pages/Operations/CashRegister/CashRegisterDesktop.razor.rz.scp.css */
/* Desktop workspace of the in-house board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces. */

.cashreg-desktop[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.cashreg-breadcrumb[b-o9ij2p0clu] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.cashreg-breadcrumb a[b-o9ij2p0clu] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.cashreg-breadcrumb a:hover[b-o9ij2p0clu],
.cashreg-breadcrumb a:focus-visible[b-o9ij2p0clu] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.cashreg-breadcrumb a:focus-visible[b-o9ij2p0clu] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.cashreg-breadcrumb i[b-o9ij2p0clu] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.cashreg-breadcrumb [aria-current='page'][b-o9ij2p0clu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.cashreg-head[b-o9ij2p0clu] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.cashreg-head__copy[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashreg-head__title-row[b-o9ij2p0clu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.cashreg-head h1[b-o9ij2p0clu] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.cashreg-head__lead[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.cashreg-head__meta[b-o9ij2p0clu] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.cashreg-open-badge[b-o9ij2p0clu] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.cashreg-head__actions[b-o9ij2p0clu] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.cashreg-kpis[b-o9ij2p0clu] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.cashreg-kpi[b-o9ij2p0clu] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.cashreg-kpi + .cashreg-kpi[b-o9ij2p0clu] {
    border-left: 1px solid var(--innvilo-border-default);
}

.cashreg-kpi.is-current[b-o9ij2p0clu]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.cashreg-kpi__label[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.cashreg-kpi__value[b-o9ij2p0clu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.cashreg-kpi.is-current .cashreg-kpi__value[b-o9ij2p0clu] {
    color: var(--color-primary);
}

.cashreg-kpi.is-attention .cashreg-kpi__value[b-o9ij2p0clu] {
    color: var(--color-warning-text);
}

.cashreg-kpi.is-positive .cashreg-kpi__value[b-o9ij2p0clu] {
    color: var(--color-success);
}

.cashreg-kpi__detail[b-o9ij2p0clu] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: title row plus toolbar, then filter panel, then grid or state. */

.cashreg-workspace[b-o9ij2p0clu] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.cashreg-toolbar[b-o9ij2p0clu] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.cashreg-search[b-o9ij2p0clu] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.cashreg-toolbar__filters[b-o9ij2p0clu] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.cashreg-pills[b-o9ij2p0clu] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.cashreg-pills__label[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.cashreg-pills__list[b-o9ij2p0clu] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.cashreg-pill[b-o9ij2p0clu] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.cashreg-pill > span[b-o9ij2p0clu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashreg-pill__remove[b-o9ij2p0clu] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.cashreg-pill__remove:hover[b-o9ij2p0clu] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.cashreg-pill__remove:focus-visible[b-o9ij2p0clu],
.cashreg-pills__clear:focus-visible[b-o9ij2p0clu] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.cashreg-pills__clear[b-o9ij2p0clu] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.cashreg-grid-host[b-o9ij2p0clu] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. */

.cashreg-pager[b-o9ij2p0clu] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashreg-pager__size[b-o9ij2p0clu] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.cashreg-pager__size > span[b-o9ij2p0clu] {
    white-space: nowrap;
}

.cashreg-pager__nav[b-o9ij2p0clu] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.cashreg-pager__page[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.cashreg-pager__page strong[b-o9ij2p0clu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashreg-grid-results[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.cashreg-guest-cell[b-o9ij2p0clu],
.cashreg-stay-cell[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.cashreg-guest-cell strong[b-o9ij2p0clu],
.cashreg-stay-cell strong[b-o9ij2p0clu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cashreg-guest-cell small[b-o9ij2p0clu],
.cashreg-stay-cell small[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.cashreg-guest-cell__number[b-o9ij2p0clu] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashreg-amount[b-o9ij2p0clu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.cashreg-next-action[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.cashreg-next-action.is-urgent[b-o9ij2p0clu] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.cashreg-state[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.cashreg-state > *[b-o9ij2p0clu] {
    animation: cashreg-state-in-b-o9ij2p0clu var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.cashreg-state > :nth-child(2)[b-o9ij2p0clu] { animation-delay: 40ms; }
.cashreg-state > :nth-child(3)[b-o9ij2p0clu] { animation-delay: 80ms; }
.cashreg-state > :nth-child(4)[b-o9ij2p0clu] { animation-delay: 120ms; }

@keyframes cashreg-state-in-b-o9ij2p0clu {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.cashreg-state > i[b-o9ij2p0clu] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.cashreg-state--error > i[b-o9ij2p0clu] {
    color: var(--color-error);
}

.cashreg-state__copy[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.cashreg-state h3[b-o9ij2p0clu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.cashreg-state p[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.cashreg-state__actions[b-o9ij2p0clu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.cashreg-state--filtered[b-o9ij2p0clu],
.cashreg-state--error[b-o9ij2p0clu] {
    padding-block: var(--innvilo-space-11);
}

.cashreg-process[b-o9ij2p0clu] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: var(--innvilo-space-4) 0 0;
    max-width: 52rem;
    padding: var(--innvilo-space-8) 0 0;
    text-align: left;
    width: 100%;
}

.cashreg-process li[b-o9ij2p0clu] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashreg-process li > span[b-o9ij2p0clu] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    width: 1.5rem;
}

.cashreg-process li > div[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.cashreg-process strong[b-o9ij2p0clu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.cashreg-process small[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Loading */

.cashreg-desktop-skeleton[b-o9ij2p0clu] {
    display: grid;
    gap: 1px;
}

.cashreg-desktop-skeleton span[b-o9ij2p0clu] {
    animation: cashreg-pulse-b-o9ij2p0clu 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.cashreg-desktop-skeleton span.is-header[b-o9ij2p0clu] {
    height: 2.75rem;
}

@keyframes cashreg-pulse-b-o9ij2p0clu {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .cashreg-kpis[b-o9ij2p0clu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cashreg-kpi:nth-child(3)[b-o9ij2p0clu] {
        border-left: 0;
    }

    .cashreg-kpi:nth-child(n + 3)[b-o9ij2p0clu] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .cashreg-search[b-o9ij2p0clu] {
        flex: 1 1 100%;
    }

    .cashreg-toolbar__filters[b-o9ij2p0clu] {
        width: 100%;
    }

    .cashreg-process[b-o9ij2p0clu] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cashreg-head[b-o9ij2p0clu] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .cashreg-head__actions[b-o9ij2p0clu] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cashreg-breadcrumb a[b-o9ij2p0clu] {
        transition: none;
    }

    .cashreg-state > *[b-o9ij2p0clu],
    .cashreg-state__art > span[b-o9ij2p0clu],
    .cashreg-state__art > i[b-o9ij2p0clu] {
        animation: none;
    }

    .cashreg-desktop-skeleton span[b-o9ij2p0clu] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.cashreg-state__art[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.cashreg-state__art > span[b-o9ij2p0clu] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.cashreg-state__art > span[b-o9ij2p0clu]::before,
.cashreg-state__art > span[b-o9ij2p0clu]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.cashreg-state__art > span[b-o9ij2p0clu]::before {
    top: 0.625rem;
    width: 38%;
}

.cashreg-state__art > span[b-o9ij2p0clu]::after {
    bottom: 0.625rem;
    width: 58%;
}

.cashreg-state__art > span:nth-child(1)[b-o9ij2p0clu] {
    opacity: .35;
    transform: scale(.94);
}

.cashreg-state__art > span:nth-child(2)[b-o9ij2p0clu] {
    opacity: .6;
    transform: scale(.97);
}

.cashreg-state__art > span:nth-child(3)[b-o9ij2p0clu] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.cashreg-state__art > i[b-o9ij2p0clu] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.cashreg-state__art.is-filtered > span:nth-child(3)[b-o9ij2p0clu]::before,
.cashreg-state__art.is-filtered > span:nth-child(3)[b-o9ij2p0clu]::after {
    background: var(--color-primary-focus-ring);
}

.cashreg-state__art > span[b-o9ij2p0clu] {
    animation: cashreg-state-row-in-b-o9ij2p0clu 300ms var(--innvilo-easing-settle) both;
}

.cashreg-state__art > span:nth-child(2)[b-o9ij2p0clu] { animation-delay: 60ms; }
.cashreg-state__art > span:nth-child(3)[b-o9ij2p0clu] { animation-delay: 120ms; }

.cashreg-state__art > i[b-o9ij2p0clu] {
    animation: cashreg-state-in-b-o9ij2p0clu 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes cashreg-state-row-in-b-o9ij2p0clu {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Status cell: badge plus the payment rule in one quiet line. Balance column mutes settled folios. */

.cashreg-status-cell[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.cashreg-status-cell small[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.cashreg-amount.is-none[b-o9ij2p0clu] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.cashreg-amount.is-open[b-o9ij2p0clu] {
    color: var(--color-warning-text);
}

/* Local continuity links sit next to the hero actions as quiet secondary buttons. */

.cashreg-continuity-action[b-o9ij2p0clu] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.cashreg-continuity-action:hover[b-o9ij2p0clu] {
    background: var(--innvilo-surface-app);
    border-color: var(--innvilo-border-strong);
}

.cashreg-continuity-action:focus-visible[b-o9ij2p0clu] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.cashreg-head__meta .is-ready[b-o9ij2p0clu] {
    color: var(--color-success);
}

.cashreg-guest-cell__origin[b-o9ij2p0clu] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

/* Batch strip under the toolbar: selection count left, the two batch actions right. */

.cashreg-batch[b-o9ij2p0clu] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.cashreg-batch__count[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashreg-batch__actions[b-o9ij2p0clu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.cashreg-clarification[b-o9ij2p0clu] {
    min-width: 0;
}

.cashreg-provider[b-o9ij2p0clu] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.cashreg-provider.is-ready[b-o9ij2p0clu] {
    color: var(--color-success);
}

.cashreg-provider.is-missing[b-o9ij2p0clu] {
    color: var(--color-warning-text, var(--color-navy-deep));
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashreg-toolbar__hint[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

.access-status-badge[b-o9ij2p0clu] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    padding: 0.3rem 0.65rem;
    white-space: nowrap;
    width: fit-content;
}

.access-status-badge.is-success[b-o9ij2p0clu] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.access-status-badge.is-warning[b-o9ij2p0clu] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.cashreg-grid-row--selected[b-o9ij2p0clu] {
    background: var(--color-accent-soft);
}

/* Kassen-spezifisch: Geschäftstag-Navigation, Synchronisierungsleiste, Statusmarken, offene Terminalvorgänge. */
.cashreg-head__meta[b-o9ij2p0clu] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
    margin: var(--innvilo-space-2) 0 0;
}

.cashreg-day-nav[b-o9ij2p0clu] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.cashreg-day-nav__label[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.cashreg-day-nav__label strong[b-o9ij2p0clu] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashreg-open-badge.is-attention[b-o9ij2p0clu] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.cashreg-sync-panel[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.cashreg-time-cell[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
}

.cashreg-method-cell[b-o9ij2p0clu] {
    align-items: center;
    color: var(--color-navy-deep);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-2);
}

.cashreg-method-cell i[b-o9ij2p0clu] {
    color: var(--color-primary);
}

.cashreg-amount[b-o9ij2p0clu] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.cashreg-amount.is-open[b-o9ij2p0clu] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashreg-reference[b-o9ij2p0clu] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    overflow-wrap: anywhere;
}

.cashreg-section-head[b-o9ij2p0clu] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.cashreg-section-head h2[b-o9ij2p0clu] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0;
}

.cashreg-section-head p[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
}

.cashreg-section-count[b-o9ij2p0clu] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 999px;
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0.35rem 0.75rem;
    white-space: nowrap;
}

.cashreg-pending[b-o9ij2p0clu] {
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashreg-pending__list[b-o9ij2p0clu] {
    display: grid;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.cashreg-pending__item[b-o9ij2p0clu] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding-top: var(--innvilo-space-3);
}

.cashreg-pending__identity[b-o9ij2p0clu] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.cashreg-pending__identity strong[b-o9ij2p0clu] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashreg-pending__identity small[b-o9ij2p0clu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    overflow-wrap: anywhere;
}

.cashreg-pending__amount[b-o9ij2p0clu] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cashreg-pending__actions[b-o9ij2p0clu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

@media (max-width: 62rem) {
    .cashreg-sync-panel[b-o9ij2p0clu] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Operations/CashRegister/CashRegisterMobile.razor.rz.scp.css */
/* Mobile workspace of the in-house board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.cashreg-mobile[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.cashreg-breadcrumb[b-uifdyihz9l] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.cashreg-breadcrumb a[b-uifdyihz9l] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.cashreg-breadcrumb a:focus-visible[b-uifdyihz9l] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.cashreg-breadcrumb i[b-uifdyihz9l] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.cashreg-breadcrumb [aria-current='page'][b-uifdyihz9l] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.cashreg-mobile-header[b-uifdyihz9l] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.cashreg-mobile-header__copy[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.cashreg-mobile-header h1[b-uifdyihz9l] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.cashreg-mobile-header p[b-uifdyihz9l] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.cashreg-mobile-header p span[b-uifdyihz9l] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.cashreg-mobile-kpis[b-uifdyihz9l] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.cashreg-mobile-kpi[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.cashreg-mobile-kpi:nth-child(even)[b-uifdyihz9l] {
    border-left: 1px solid var(--innvilo-border-default);
}

.cashreg-mobile-kpi:nth-child(n + 3)[b-uifdyihz9l] {
    border-top: 1px solid var(--innvilo-border-default);
}

.cashreg-mobile-kpi.is-current[b-uifdyihz9l]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.cashreg-mobile-kpi span[b-uifdyihz9l] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashreg-mobile-kpi strong[b-uifdyihz9l] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.cashreg-mobile-kpi.is-current strong[b-uifdyihz9l] {
    color: var(--color-primary);
}

.cashreg-mobile-kpi.is-attention strong[b-uifdyihz9l] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.cashreg-mobile-header__actions[b-uifdyihz9l] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

.cashreg-mobile-tools[b-uifdyihz9l] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashreg-mobile-tools > :first-child + *[b-uifdyihz9l] {
    flex: 1 1 auto;
    min-width: 0;
}

.cashreg-mobile-filter__count[b-uifdyihz9l] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills (list and overlay share the same markup). */

.cashreg-pills[b-uifdyihz9l] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.cashreg-pills__label[b-uifdyihz9l] {
    align-self: center;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.cashreg-pills__list[b-uifdyihz9l] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.cashreg-pill[b-uifdyihz9l] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.cashreg-pill > span[b-uifdyihz9l] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashreg-pill__remove[b-uifdyihz9l] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.cashreg-pill__remove:focus-visible[b-uifdyihz9l],
.cashreg-pills__clear:focus-visible[b-uifdyihz9l],
.cashreg-overlay__row:focus-visible[b-uifdyihz9l],
.cashreg-overlay__close:focus-visible[b-uifdyihz9l],
.cashreg-overlay__back:focus-visible[b-uifdyihz9l] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.cashreg-pills__clear[b-uifdyihz9l] {
    align-self: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.75rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.cashreg-overlay[b-uifdyihz9l] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.cashreg-overlay__head[b-uifdyihz9l] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.cashreg-overlay__head h2[b-uifdyihz9l] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.cashreg-overlay__close[b-uifdyihz9l],
.cashreg-overlay__back[b-uifdyihz9l] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.cashreg-overlay__back[b-uifdyihz9l] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.cashreg-overlay__close[b-uifdyihz9l] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.cashreg-overlay__body[b-uifdyihz9l] {
    min-height: 0;
    overflow-y: auto;
}

.cashreg-overlay__pills[b-uifdyihz9l] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashreg-overlay__rows[b-uifdyihz9l] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.cashreg-overlay__row[b-uifdyihz9l] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.cashreg-overlay__row-label[b-uifdyihz9l] {
    flex: 1 1 auto;
    min-width: 0;
}

.cashreg-overlay__row-count[b-uifdyihz9l] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.cashreg-overlay__row > i[b-uifdyihz9l] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.cashreg-overlay__foot[b-uifdyihz9l] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.cashreg-mobile-list[b-uifdyihz9l],
.cashreg-mobile-group__cards[b-uifdyihz9l] {
    display: grid;
    min-width: 0;
}

.cashreg-mobile-list[b-uifdyihz9l] {
    gap: var(--innvilo-space-8);
}

.cashreg-mobile-group__cards[b-uifdyihz9l] {
    gap: var(--innvilo-space-5);
}

.cashreg-mobile-card[b-uifdyihz9l] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.cashreg-mobile-card.is-urgent[b-uifdyihz9l]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    top: -1px;
    width: 3px;
}

.cashreg-mobile-card__header[b-uifdyihz9l] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.cashreg-mobile-card__identity[b-uifdyihz9l] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.cashreg-mobile-card__identity > strong[b-uifdyihz9l] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cashreg-mobile-card__identity span[b-uifdyihz9l],
.cashreg-mobile-card__meta[b-uifdyihz9l],
.cashreg-mobile-card__next[b-uifdyihz9l] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.cashreg-mobile-card__number[b-uifdyihz9l] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cashreg-mobile-card__amount[b-uifdyihz9l] {
    color: var(--innvilo-text-primary);
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    max-width: 45%;
    text-align: right;
    white-space: nowrap;
}

.cashreg-mobile-card__status[b-uifdyihz9l] {
    display: flex;
    min-width: 0;
}

.cashreg-mobile-card__meta[b-uifdyihz9l] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.cashreg-mobile-card__meta span[b-uifdyihz9l] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.cashreg-mobile-card__meta i[b-uifdyihz9l] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.cashreg-mobile-card__footer[b-uifdyihz9l] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.cashreg-mobile-card__next[b-uifdyihz9l] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.cashreg-mobile-card__next.is-urgent[b-uifdyihz9l] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* States */

.cashreg-mobile-state[b-uifdyihz9l] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.cashreg-mobile-state > *[b-uifdyihz9l] {
    animation: cashreg-mobile-state-in-b-uifdyihz9l var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.cashreg-mobile-state > :nth-child(2)[b-uifdyihz9l] { animation-delay: 40ms; }
.cashreg-mobile-state > :nth-child(3)[b-uifdyihz9l] { animation-delay: 80ms; }
.cashreg-mobile-state > :nth-child(4)[b-uifdyihz9l] { animation-delay: 120ms; }

@keyframes cashreg-mobile-state-in-b-uifdyihz9l {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.cashreg-mobile-state > i[b-uifdyihz9l] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.cashreg-mobile-state--error > i[b-uifdyihz9l] {
    color: var(--color-error);
}

.cashreg-mobile-state h2[b-uifdyihz9l],
.cashreg-mobile-state p[b-uifdyihz9l] {
    margin: 0;
}

.cashreg-mobile-state h2[b-uifdyihz9l] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.cashreg-mobile-state p[b-uifdyihz9l] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.cashreg-mobile-state > :last-child[b-uifdyihz9l] {
    margin-top: var(--innvilo-space-5);
}

/* Loading */

.cashreg-mobile-skeleton[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.cashreg-mobile-skeleton span[b-uifdyihz9l] {
    animation: cashreg-mobile-pulse-b-uifdyihz9l 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes cashreg-mobile-pulse-b-uifdyihz9l {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .cashreg-mobile-card[b-uifdyihz9l] {
        padding: var(--innvilo-space-5);
    }

    .cashreg-mobile-card__footer[b-uifdyihz9l] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cashreg-mobile-skeleton span[b-uifdyihz9l],
    .cashreg-mobile-state > *[b-uifdyihz9l],
    .cashreg-state__art > span[b-uifdyihz9l],
    .cashreg-state__art > i[b-uifdyihz9l] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.cashreg-state__art[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.cashreg-state__art > span[b-uifdyihz9l] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.cashreg-state__art > span[b-uifdyihz9l]::before,
.cashreg-state__art > span[b-uifdyihz9l]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.cashreg-state__art > span[b-uifdyihz9l]::before {
    top: 0.625rem;
    width: 38%;
}

.cashreg-state__art > span[b-uifdyihz9l]::after {
    bottom: 0.625rem;
    width: 58%;
}

.cashreg-state__art > span:nth-child(1)[b-uifdyihz9l] {
    opacity: .35;
    transform: scale(.94);
}

.cashreg-state__art > span:nth-child(2)[b-uifdyihz9l] {
    opacity: .6;
    transform: scale(.97);
}

.cashreg-state__art > span:nth-child(3)[b-uifdyihz9l] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.cashreg-state__art > i[b-uifdyihz9l] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.cashreg-state__art.is-filtered > span:nth-child(3)[b-uifdyihz9l]::before,
.cashreg-state__art.is-filtered > span:nth-child(3)[b-uifdyihz9l]::after {
    background: var(--color-primary-focus-ring);
}

.cashreg-state__art > span[b-uifdyihz9l] {
    animation: cashreg-mobile-state-row-in-b-uifdyihz9l 300ms var(--innvilo-easing-settle) both;
}

.cashreg-state__art > span:nth-child(2)[b-uifdyihz9l] { animation-delay: 60ms; }
.cashreg-state__art > span:nth-child(3)[b-uifdyihz9l] { animation-delay: 120ms; }

.cashreg-state__art > i[b-uifdyihz9l] {
    animation: cashreg-mobile-state-in-b-uifdyihz9l 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes cashreg-mobile-state-row-in-b-uifdyihz9l {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Badge row in the card: status badge, then the payment rule in one line. */

.cashreg-mobile-card__badges[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.cashreg-mobile-card__badges small[b-uifdyihz9l] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.cashreg-mobile-card__amount.is-none[b-uifdyihz9l] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.cashreg-mobile-card__amount.is-open[b-uifdyihz9l] {
    color: var(--color-warning-text);
}

.cashreg-mobile-header p .is-ready[b-uifdyihz9l] {
    color: var(--color-success);
}

.cashreg-mobile-continuity[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.cashreg-mobile-continuity a[b-uifdyihz9l] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
}

.cashreg-mobile-continuity a:focus-visible[b-uifdyihz9l] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.cashreg-mobile-card__badge-row[b-uifdyihz9l] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.cashreg-mobile-header__continuity span[b-uifdyihz9l] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.cashreg-mobile-header__continuity span.is-ready[b-uifdyihz9l] {
    color: var(--color-success);
}

/* Batch actions on mobile: full-width buttons, selection is a desktop affordance. */

.cashreg-batch[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.cashreg-batch__count[b-uifdyihz9l] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashreg-batch__actions[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.cashreg-clarification[b-uifdyihz9l] {
    min-width: 0;
}

.cashreg-provider.is-ready[b-uifdyihz9l] {
    color: var(--color-success);
}

.cashreg-provider.is-missing[b-uifdyihz9l] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.access-status-badge[b-uifdyihz9l] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    padding: 0.3rem 0.65rem;
    white-space: nowrap;
}

.access-status-badge.is-success[b-uifdyihz9l] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.access-status-badge.is-warning[b-uifdyihz9l] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.cashreg-mobile-card.is-selected[b-uifdyihz9l] {
    border-color: var(--color-primary);
}

/* Kassen-spezifisch: Geschäftstag-Navigation, Synchronisierung, offene Terminalvorgänge. */
.cashreg-day-nav--mobile[b-uifdyihz9l] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-2);
}

.cashreg-day-nav__label[b-uifdyihz9l] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    text-align: center;
}

.cashreg-day-nav__label strong[b-uifdyihz9l] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashreg-sync-panel--mobile[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.cashreg-mobile-card__meta span.is-open[b-uifdyihz9l] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashreg-section-head[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.cashreg-section-head h2[b-uifdyihz9l] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.15rem;
    margin: 0;
}

.cashreg-section-head p[b-uifdyihz9l] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
}

.cashreg-section-count[b-uifdyihz9l] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: 999px;
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    justify-self: start;
    padding: 0.3rem 0.65rem;
}

.cashreg-pending[b-uifdyihz9l] {
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.cashreg-pending__list[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.cashreg-pending__item[b-uifdyihz9l] {
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-2);
    padding-top: var(--innvilo-space-3);
}

.cashreg-pending__identity[b-uifdyihz9l] {
    display: grid;
    gap: 2px;
}

.cashreg-pending__identity strong[b-uifdyihz9l] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashreg-pending__identity small[b-uifdyihz9l] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.cashreg-pending__amount[b-uifdyihz9l] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.1rem;
}

.cashreg-pending__actions[b-uifdyihz9l] {
    display: grid;
    gap: var(--innvilo-space-2);
}
/* /Components/Pages/Operations/CashRegister/CashRegisterProtocolPanel.razor.rz.scp.css */
/* Kassenprotokoll und Sollbestand: zwei ruhige Blöcke ohne Umrandung, Weißraum trennt. */

.cashreg-protocol[b-dnza6pc4t4] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.cashreg-protocol__block[b-dnza6pc4t4] {
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.cashreg-protocol__head[b-dnza6pc4t4] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-3);
}

.cashreg-protocol__head > i[b-dnza6pc4t4] {
    color: var(--color-primary);
    font-size: 1.25rem;
    margin-top: 2px;
    width: 1.75rem;
}

.cashreg-protocol__head > div[b-dnza6pc4t4] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.cashreg-protocol__head strong[b-dnza6pc4t4] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.05rem;
}

.cashreg-protocol__muted[b-dnza6pc4t4],
.cashreg-protocol__hint[b-dnza6pc4t4] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
}

.cashreg-protocol__steps[b-dnza6pc4t4] {
    display: grid;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.cashreg-protocol__steps li[b-dnza6pc4t4] {
    align-items: flex-start;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: 1.25rem minmax(0, 1fr);
}

.cashreg-protocol__steps li > i[b-dnza6pc4t4] {
    color: var(--innvilo-border-strong);
    font-size: 1rem;
    margin-top: 2px;
}

.cashreg-protocol__steps li.is-done > i[b-dnza6pc4t4] {
    color: var(--color-success);
}

.cashreg-protocol__steps li.is-attention > i[b-dnza6pc4t4] {
    color: var(--color-warning-text);
}

.cashreg-protocol__steps li > div[b-dnza6pc4t4] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.cashreg-protocol__steps strong[b-dnza6pc4t4] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.cashreg-protocol__steps span[b-dnza6pc4t4] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.cashreg-protocol__next[b-dnza6pc4t4] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-soft);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
    padding-top: var(--innvilo-space-4);
}

.cashreg-protocol__next p[b-dnza6pc4t4] {
    align-items: flex-start;
    color: var(--innvilo-text-primary);
    display: flex;
    flex: 1 1 16rem;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
}

.cashreg-protocol__next p i[b-dnza6pc4t4] {
    color: var(--color-primary);
    margin-top: 3px;
}

.cashreg-protocol__facts[b-dnza6pc4t4] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.cashreg-protocol__facts div[b-dnza6pc4t4] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.cashreg-protocol__facts div.is-attention[b-dnza6pc4t4] {
    border-left: 3px solid var(--color-warning-text);
}

.cashreg-protocol__facts dt[b-dnza6pc4t4] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashreg-protocol__facts dd[b-dnza6pc4t4] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
    margin: 0;
}

@media (max-width: 61.99rem) {
    .cashreg-protocol[b-dnza6pc4t4] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 47.99rem) {
    .cashreg-protocol__block[b-dnza6pc4t4] {
        padding: var(--innvilo-space-4);
    }

    .cashreg-protocol__next .dx-app-button[b-dnza6pc4t4] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Operations/CashRegister/CashRegisterReportPanel.razor.rz.scp.css */
.cashreg-report[b-qhav33pio5] {
    background: var(--innvilo-surface-main);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.cashreg-section-head[b-qhav33pio5] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.cashreg-section-head > div[b-qhav33pio5] {
    flex: 1 1 24rem;
    min-width: 0;
}

.cashreg-section-head h2[b-qhav33pio5] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0;
}

.cashreg-section-head p[b-qhav33pio5] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
}

.cashreg-report__actions[b-qhav33pio5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.cashreg-report__facts[b-qhav33pio5] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.cashreg-report__facts div[b-qhav33pio5] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: 2px;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.cashreg-report__facts div.is-attention[b-qhav33pio5] {
    border-left: 3px solid var(--color-navy-deep);
}

.cashreg-report__facts dt[b-qhav33pio5] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashreg-report__facts dd[b-qhav33pio5] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.cashreg-report__viewer[b-qhav33pio5] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-card);
    height: min(70vh, 56rem);
    min-height: 24rem;
    overflow: hidden;
}

.cashreg-report__pdf[b-qhav33pio5] {
    height: 100%;
}

.cashreg-report__placeholder[b-qhav33pio5],
.cashreg-report__error[b-qhav33pio5] {
    align-items: center;
    border: 1px dashed var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-2);
    justify-content: center;
    min-height: 9rem;
    padding: var(--innvilo-space-6);
    text-align: center;
}

.cashreg-report__placeholder i[b-qhav33pio5] {
    color: var(--color-primary);
    font-size: 1.5rem;
}

.cashreg-report__placeholder strong[b-qhav33pio5],
.cashreg-report__error strong[b-qhav33pio5] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.cashreg-report__error[b-qhav33pio5] {
    border-color: var(--color-error-border);
    border-style: solid;
    color: var(--color-error);
    flex-direction: row;
    text-align: left;
}

.cashreg-report__error div[b-qhav33pio5] {
    display: grid;
    gap: 2px;
}

.cashreg-report__shimmer[b-qhav33pio5] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-height: 9rem;
}

.cashreg-report__shimmer span[b-qhav33pio5] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    display: block;
    height: 2.5rem;
}

.cashreg-report__audit[b-qhav33pio5] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-4);
}

.cashreg-report__audit summary[b-qhav33pio5] {
    color: var(--color-navy-deep);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.cashreg-report__audit-list[b-qhav33pio5] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: var(--innvilo-space-3) 0 0;
    padding: 0;
}

.cashreg-report__audit-list li[b-qhav33pio5] {
    align-items: baseline;
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-1) var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-2) 0;
}

.cashreg-report__audit-list time[b-qhav33pio5] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cashreg-report__audit-list strong[b-qhav33pio5] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.cashreg-report__audit-list span[b-qhav33pio5],
.cashreg-report__audit-list small[b-qhav33pio5] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    grid-column: 2;
    overflow-wrap: anywhere;
}

@media (max-width: 47.99rem) {
    .cashreg-report[b-qhav33pio5] {
        padding: var(--innvilo-space-4);
    }

    .cashreg-report__facts[b-qhav33pio5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cashreg-report__actions .dx-app-button[b-qhav33pio5] {
        flex: 1 1 100%;
    }

    .cashreg-report__viewer[b-qhav33pio5] {
        height: 60vh;
    }
}

.cashreg-report__download[b-qhav33pio5] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-2);
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    text-decoration: none;
}

.cashreg-report__download:hover[b-qhav33pio5],
.cashreg-report__download:focus-visible[b-qhav33pio5] {
    color: var(--color-surface);
    text-decoration: none;
}

.cashreg-report__download:focus-visible[b-qhav33pio5] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Steuerliche Vorbereitung: eine ruhige Tabelle, Trennung nur durch Hairlines und Weißraum. */

.cashreg-report__tax[b-qhav33pio5] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.cashreg-report__tax-head h3[b-qhav33pio5] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 0;
}

.cashreg-report__tax-head p[b-qhav33pio5] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
    max-width: 64rem;
}

.cashreg-report__tax-table[b-qhav33pio5] {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    min-width: 0;
    width: 100%;
}

.cashreg-report__tax-table th[b-qhav33pio5],
.cashreg-report__tax-table td[b-qhav33pio5] {
    border-bottom: 1px solid var(--innvilo-border-soft);
    font-size: var(--innvilo-font-size-body);
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    text-align: right;
    white-space: nowrap;
}

.cashreg-report__tax-table th:first-child[b-qhav33pio5],
.cashreg-report__tax-table td:first-child[b-qhav33pio5] {
    padding-left: 0;
    text-align: left;
}

.cashreg-report__tax-table th:last-child[b-qhav33pio5],
.cashreg-report__tax-table td:last-child[b-qhav33pio5] {
    padding-right: 0;
}

.cashreg-report__tax-table thead th[b-qhav33pio5] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.cashreg-report__tax-table tbody th[b-qhav33pio5] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.cashreg-report__tax-table tbody tr.is-unclassified th[b-qhav33pio5],
.cashreg-report__tax-table tbody tr.is-unclassified td[b-qhav33pio5] {
    color: var(--color-warning-text);
}

.cashreg-report__tax-table tfoot th[b-qhav33pio5],
.cashreg-report__tax-table tfoot td[b-qhav33pio5] {
    border-bottom: 0;
    border-top: 1px solid var(--innvilo-border-strong);
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.cashreg-report__tax-note[b-qhav33pio5],
.cashreg-report__tax-empty[b-qhav33pio5] {
    align-items: flex-start;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
}

.cashreg-report__tax-note i[b-qhav33pio5] {
    color: var(--color-success);
    margin-top: 2px;
}

.cashreg-report__tax-note.is-attention[b-qhav33pio5] {
    color: var(--color-warning-text);
}

.cashreg-report__tax-note.is-attention i[b-qhav33pio5] {
    color: var(--color-warning-text);
}

@media (max-width: 47.99rem) {
    .cashreg-report__tax[b-qhav33pio5] {
        overflow-x: auto;
    }

    /* Auf dem Handy zählt Brutto/Netto/USt; die Belegzahl steht im PDF. */
    .cashreg-report__tax-table th:nth-child(2)[b-qhav33pio5],
    .cashreg-report__tax-table td:nth-child(2)[b-qhav33pio5] {
        display: none;
    }

    .cashreg-report__tax-table th[b-qhav33pio5],
    .cashreg-report__tax-table td[b-qhav33pio5] {
        font-size: var(--innvilo-font-size-caption);
        padding: var(--innvilo-space-2);
    }
}
/* /Components/Pages/Operations/ChannelManagerComponents/InnviloChannelNativeSetup.razor.rz.scp.css */
.innvilo-channel-native[b-2hgjm2esp4],
.innvilo-channel-native-section[b-2hgjm2esp4],
.innvilo-channel-native-rates[b-2hgjm2esp4] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.innvilo-channel-native > header span[b-2hgjm2esp4],
.innvilo-channel-native-section-head > div > span[b-2hgjm2esp4] {
    color: var(--innvilo-color-primary);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.innvilo-channel-native h2[b-2hgjm2esp4],
.innvilo-channel-native h3[b-2hgjm2esp4],
.innvilo-channel-native p[b-2hgjm2esp4] {
    margin: 0;
}

.innvilo-channel-native h2[b-2hgjm2esp4],
.innvilo-channel-native h3[b-2hgjm2esp4] {
    color: var(--innvilo-color-secondary);
}

.innvilo-channel-native p[b-2hgjm2esp4],
.innvilo-channel-native small[b-2hgjm2esp4] {
    color: var(--innvilo-text-secondary);
}

.innvilo-channel-native-status[b-2hgjm2esp4],
.innvilo-channel-native-empty[b-2hgjm2esp4] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    padding: var(--innvilo-space-4);
}

.innvilo-channel-native-status.is-success[b-2hgjm2esp4] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-color-primary);
}

.innvilo-channel-native-status.is-error[b-2hgjm2esp4] {
    background: var(--innvilo-danger-soft);
    border-color: var(--innvilo-danger);
}

.innvilo-channel-native-section[b-2hgjm2esp4] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-5);
}

.innvilo-channel-native-section-head > div[b-2hgjm2esp4] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 1.5rem minmax(0, 1fr);
}

.innvilo-channel-native-section-head > div > span[b-2hgjm2esp4] {
    align-items: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    height: 1.5rem;
    justify-content: center;
}

.innvilo-channel-native-fields[b-2hgjm2esp4] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.innvilo-channel-native-fields label[b-2hgjm2esp4] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.innvilo-channel-native-fields label > span[b-2hgjm2esp4] {
    color: var(--innvilo-text-primary);
    font-size: 0.78rem;
    font-weight: 800;
}

.innvilo-channel-native-fields input:not([type="checkbox"])[b-2hgjm2esp4],
.innvilo-channel-native-fields select[b-2hgjm2esp4] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font: inherit;
    min-height: 2.75rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    width: 100%;
}

.innvilo-channel-native-fields input:focus-visible[b-2hgjm2esp4],
.innvilo-channel-native-fields select:focus-visible[b-2hgjm2esp4],
.innvilo-channel-native-rate-toggle input:focus-visible[b-2hgjm2esp4],
.innvilo-channel-native-provider-data summary:focus-visible[b-2hgjm2esp4] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.innvilo-channel-native-fields input[type="checkbox"][b-2hgjm2esp4],
.innvilo-channel-native-rate-toggle input[b-2hgjm2esp4] {
    accent-color: var(--innvilo-color-primary);
    min-height: 1.25rem;
    min-width: 1.25rem;
}

.innvilo-channel-native-actions[b-2hgjm2esp4],
.innvilo-channel-native-footer[b-2hgjm2esp4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.innvilo-channel-native-rates article[b-2hgjm2esp4] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-4);
}

.innvilo-channel-native-rate-toggle[b-2hgjm2esp4] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
}

.innvilo-channel-native-rate-toggle > span[b-2hgjm2esp4] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.innvilo-channel-native-provider-data pre[b-2hgjm2esp4] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-soft);
    max-height: 18rem;
    overflow: auto;
    padding: var(--innvilo-space-4);
    white-space: pre-wrap;
}

.innvilo-channel-native-provider-data summary[b-2hgjm2esp4] {
    cursor: pointer;
    font-weight: 800;
}

@media (max-width: 40rem) {
    .innvilo-channel-native-fields[b-2hgjm2esp4] {
        grid-template-columns: 1fr;
    }

    .innvilo-channel-native-actions[b-2hgjm2esp4],
    .innvilo-channel-native-footer[b-2hgjm2esp4] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Operations/ChannelManagers.razor.rz.scp.css */
.channel-manager-page[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    padding-bottom: var(--innvilo-space-10);
}

.channel-manager-page-header[b-5l8uw2k141] {
    align-items: end;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-8);
    justify-content: space-between;
    padding: var(--innvilo-space-5) 0 var(--innvilo-space-7);
}

.channel-manager-page-heading[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-page-heading > span[b-5l8uw2k141],
.channel-manager-card header > div > span[b-5l8uw2k141],
.channel-manager-provider-card header > span:first-child[b-5l8uw2k141],
.channel-manager-dialog > header > div > span[b-5l8uw2k141],
.channel-manager-panel-head > div > span[b-5l8uw2k141] {
    color: var(--innvilo-color-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.channel-manager-page-heading h1[b-5l8uw2k141],
.channel-manager-page-heading p[b-5l8uw2k141],
.channel-manager-section-head h2[b-5l8uw2k141],
.channel-manager-section-head p[b-5l8uw2k141],
.channel-manager-card h3[b-5l8uw2k141],
.channel-manager-card p[b-5l8uw2k141],
.channel-manager-provider-card h3[b-5l8uw2k141],
.channel-manager-provider-card p[b-5l8uw2k141],
.channel-manager-dialog h2[b-5l8uw2k141],
.channel-manager-dialog p[b-5l8uw2k141],
.channel-manager-panel h3[b-5l8uw2k141],
.channel-manager-mapping h4[b-5l8uw2k141] {
    margin: 0;
}

.channel-manager-page-heading h1[b-5l8uw2k141] {
    color: var(--innvilo-color-secondary);
    font-size: clamp(1.65rem, 2.8vw, 2.25rem);
    line-height: 1.1;
}

.channel-manager-page-heading p[b-5l8uw2k141],
.channel-manager-section-head p[b-5l8uw2k141],
.channel-manager-card p[b-5l8uw2k141],
.channel-manager-provider-card p[b-5l8uw2k141],
.channel-manager-dialog p[b-5l8uw2k141],
.channel-manager-panel p[b-5l8uw2k141],
.channel-manager-provider-card small[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
}

.channel-manager-page-actions[b-5l8uw2k141],
.channel-manager-actions[b-5l8uw2k141],
.channel-manager-row-actions[b-5l8uw2k141] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.channel-manager-page-actions[b-5l8uw2k141],
.channel-manager-actions[b-5l8uw2k141],
.channel-manager-row-actions[b-5l8uw2k141] {
    justify-content: flex-end;
}

.channel-manager-loading[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.channel-manager-loading > span[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.875rem;
}

.channel-manager-loading > div[b-5l8uw2k141] {
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    min-height: 7.5rem;
}

.channel-manager-load-error[b-5l8uw2k141] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-danger);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-6);
}

.channel-manager-load-error > span[b-5l8uw2k141] {
    color: var(--innvilo-danger);
    font-size: 1.5rem;
}

.channel-manager-load-error h2[b-5l8uw2k141],
.channel-manager-load-error p[b-5l8uw2k141],
.channel-manager-onboarding h3[b-5l8uw2k141],
.channel-manager-onboarding p[b-5l8uw2k141],
.channel-manager-catalog-heading h3[b-5l8uw2k141],
.channel-manager-catalog-heading p[b-5l8uw2k141] {
    margin: 0;
}

.channel-manager-load-error h2[b-5l8uw2k141],
.channel-manager-onboarding h3[b-5l8uw2k141],
.channel-manager-catalog-heading h3[b-5l8uw2k141] {
    color: var(--innvilo-color-secondary);
}

.channel-manager-load-error p[b-5l8uw2k141],
.channel-manager-onboarding p[b-5l8uw2k141],
.channel-manager-catalog-heading p[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
}

.channel-manager-load-error > div[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-overview[b-5l8uw2k141] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    display: flex;
    gap: var(--innvilo-space-7);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.channel-manager-overview dl[b-5l8uw2k141] {
    display: grid;
    flex: 1;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.channel-manager-overview dl > div[b-5l8uw2k141] {
    border-left: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: 0 var(--innvilo-space-6);
}

.channel-manager-overview dl > div:first-child[b-5l8uw2k141] {
    border-left: 0;
    padding-left: 0;
}

.channel-manager-overview dt[b-5l8uw2k141],
.channel-manager-operation-grid dt[b-5l8uw2k141],
.channel-manager-dialog-overview span[b-5l8uw2k141],
.channel-manager-card-side > div > span[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.75rem;
    font-weight: 700;
}

.channel-manager-overview dd[b-5l8uw2k141],
.channel-manager-operation-grid dd[b-5l8uw2k141] {
    margin: 0;
}

.channel-manager-overview dd[b-5l8uw2k141] {
    color: var(--innvilo-color-secondary);
    font-size: 1.35rem;
    font-variant-numeric: tabular-nums;
    font-weight: 900;
}

.channel-manager-overview > p[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    margin: 0;
    max-width: 16rem;
    text-align: right;
}

.channel-manager-message[b-5l8uw2k141],
.channel-manager-empty[b-5l8uw2k141] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-secondary);
    padding: var(--innvilo-space-6);
}

.channel-manager-message.is-success[b-5l8uw2k141] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.channel-manager-message.is-error[b-5l8uw2k141] {
    border-color: var(--innvilo-danger);
    color: var(--innvilo-danger);
}

.channel-manager-empty[b-5l8uw2k141] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-3);
}

.channel-manager-empty strong[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
}

.channel-manager-empty.compact[b-5l8uw2k141] {
    border-style: dashed;
    box-shadow: none;
    padding: var(--innvilo-space-5);
}

.channel-manager-onboarding[b-5l8uw2k141] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: minmax(15rem, 0.8fr) minmax(0, 1.4fr);
    padding: var(--innvilo-space-7);
}

.channel-manager-onboarding-copy[b-5l8uw2k141] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
}

.channel-manager-onboarding-copy > span[b-5l8uw2k141] {
    color: var(--innvilo-color-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.channel-manager-onboarding-steps[b-5l8uw2k141],
.channel-manager-progress[b-5l8uw2k141] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.channel-manager-onboarding-steps[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.channel-manager-onboarding-steps li[b-5l8uw2k141] {
    align-items: start;
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-5);
}

.channel-manager-onboarding-steps li > span[b-5l8uw2k141],
.channel-manager-progress-marker[b-5l8uw2k141] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 900;
    block-size: 1.75rem;
    inline-size: 1.75rem;
    justify-content: center;
}

.channel-manager-onboarding-steps li > div[b-5l8uw2k141],
.channel-manager-progress li > span:last-child[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-onboarding-steps strong[b-5l8uw2k141],
.channel-manager-progress strong[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
    font-size: 0.82rem;
}

.channel-manager-onboarding-steps small[b-5l8uw2k141],
.channel-manager-progress small[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.72rem;
}

.channel-manager-section[b-5l8uw2k141],
.channel-manager-list[b-5l8uw2k141],
.channel-manager-dialog[b-5l8uw2k141],
.channel-manager-panel[b-5l8uw2k141],
.channel-manager-mapping[b-5l8uw2k141] {
    display: grid;
}

.channel-manager-section[b-5l8uw2k141],
.channel-manager-list[b-5l8uw2k141],
.channel-manager-dialog[b-5l8uw2k141] {
    gap: var(--innvilo-space-6);
}

.channel-manager-panel[b-5l8uw2k141],
.channel-manager-mapping[b-5l8uw2k141] {
    gap: var(--innvilo-space-5);
}

.channel-manager-section-head[b-5l8uw2k141] {
    align-items: end;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.channel-manager-section-head > div[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-section-head h2[b-5l8uw2k141] {
    color: var(--innvilo-color-secondary);
    font-size: 1.2rem;
}

.channel-manager-section-head > span[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
}

.channel-manager-card[b-5l8uw2k141] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.22fr);
    overflow: hidden;
}

.channel-manager-progress[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.channel-manager-progress li[b-5l8uw2k141] {
    align-items: center;
    border-top: 2px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    padding-top: var(--innvilo-space-3);
}

.channel-manager-progress li.is-complete[b-5l8uw2k141] {
    border-top-color: var(--innvilo-color-primary);
}

.channel-manager-progress li.is-complete .channel-manager-progress-marker[b-5l8uw2k141] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.channel-manager-progress li.is-current[b-5l8uw2k141] {
    border-top-color: var(--innvilo-gold);
}

.channel-manager-progress li.is-current .channel-manager-progress-marker[b-5l8uw2k141] {
    background: var(--innvilo-gold-soft);
    border-color: var(--innvilo-gold);
    color: var(--innvilo-text-primary);
}

.channel-manager-progress li.is-blocked[b-5l8uw2k141] {
    opacity: 0.7;
}

.channel-manager-card-main[b-5l8uw2k141],
.channel-manager-card-side[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-6);
}

.channel-manager-card-main > header[b-5l8uw2k141],
.channel-manager-provider-card > header[b-5l8uw2k141],
.channel-manager-dialog-head[b-5l8uw2k141],
.channel-manager-panel-head[b-5l8uw2k141],
.channel-manager-mapping > header[b-5l8uw2k141] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.channel-manager-card-main > header > div[b-5l8uw2k141],
.channel-manager-provider-card > div[b-5l8uw2k141],
.channel-manager-dialog-head > div[b-5l8uw2k141],
.channel-manager-panel-head > div[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-card h3[b-5l8uw2k141],
.channel-manager-provider-card h3[b-5l8uw2k141],
.channel-manager-dialog h2[b-5l8uw2k141] {
    color: var(--innvilo-color-secondary);
}

.channel-manager-card h3[b-5l8uw2k141],
.channel-manager-dialog h2[b-5l8uw2k141] {
    font-size: 1.2rem;
}

.channel-manager-provider-card h3[b-5l8uw2k141] {
    font-size: 1rem;
}

.channel-manager-status[b-5l8uw2k141],
.channel-manager-readiness-label[b-5l8uw2k141] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1.2;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    white-space: nowrap;
}

.channel-manager-status.is-success[b-5l8uw2k141],
.channel-manager-readiness-label.is-success[b-5l8uw2k141] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.channel-manager-status.is-warning[b-5l8uw2k141],
.channel-manager-readiness-label.is-warning[b-5l8uw2k141] {
    background: var(--innvilo-gold-soft);
    border-color: var(--innvilo-gold);
    color: var(--innvilo-text-primary);
}

.channel-manager-status.is-error[b-5l8uw2k141] {
    border-color: var(--innvilo-danger);
    color: var(--innvilo-danger);
}

.channel-manager-status.is-muted[b-5l8uw2k141],
.channel-manager-status.is-neutral[b-5l8uw2k141],
.channel-manager-readiness-label.is-muted[b-5l8uw2k141] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-secondary);
}

.channel-manager-readiness[b-5l8uw2k141] {
    border-left: 0.25rem solid var(--innvilo-border-strong);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.channel-manager-readiness.is-success[b-5l8uw2k141] {
    background: var(--innvilo-color-primary-soft);
    border-left-color: var(--innvilo-color-primary);
}

.channel-manager-readiness.is-warning[b-5l8uw2k141] {
    background: var(--innvilo-gold-soft);
    border-left-color: var(--innvilo-gold);
}

.channel-manager-readiness.is-muted[b-5l8uw2k141] {
    background: var(--innvilo-surface-muted);
}

.channel-manager-readiness strong[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
    font-size: 0.85rem;
}

.channel-manager-readiness span[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.85rem;
}

.channel-manager-operation-grid[b-5l8uw2k141] {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.channel-manager-operation-grid > div[b-5l8uw2k141] {
    border-left: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: 0 var(--innvilo-space-5);
}

.channel-manager-operation-grid > div:first-child[b-5l8uw2k141] {
    border-left: 0;
    padding-left: 0;
}

.channel-manager-operation-grid dd[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
    font-size: 0.82rem;
    font-weight: 700;
}

.channel-manager-card-side[b-5l8uw2k141] {
    background: var(--innvilo-surface-soft);
    border-left: 1px solid var(--innvilo-border-default);
    align-content: space-between;
}

.channel-manager-card-side > div:first-child[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-card-side strong[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
    font-size: 0.9rem;
}

.channel-manager-card-side small[b-5l8uw2k141],
.channel-manager-card-times[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.75rem;
}

.channel-manager-card-times[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-technical-error[b-5l8uw2k141] {
    border-top: 1px solid var(--innvilo-border-soft);
    color: var(--innvilo-text-secondary);
    font-size: 0.78rem;
    padding-top: var(--innvilo-space-4);
}

.channel-manager-technical-error summary[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    font-weight: 700;
}

.channel-manager-technical-error code[b-5l8uw2k141] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-danger);
    display: block;
    margin-top: var(--innvilo-space-4);
    overflow-wrap: anywhere;
    padding: var(--innvilo-space-4);
    white-space: pre-wrap;
}

.channel-manager-catalog[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.channel-manager-catalog.in-dialog[b-5l8uw2k141] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.channel-manager-catalog-group[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.channel-manager-catalog-heading[b-5l8uw2k141] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
}

.channel-manager-catalog-heading > div[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-catalog-heading h3[b-5l8uw2k141] {
    font-size: 1rem;
}

.channel-manager-catalog-heading p[b-5l8uw2k141] {
    font-size: 0.82rem;
}

.channel-manager-catalog-dot[b-5l8uw2k141] {
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    block-size: 0.75rem;
    inline-size: 0.75rem;
    margin-top: var(--innvilo-space-2);
}

.channel-manager-catalog-dot.is-available[b-5l8uw2k141] {
    background: var(--innvilo-color-primary);
    border-color: var(--innvilo-color-primary);
}

.channel-manager-provider-card[b-5l8uw2k141] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.channel-manager-provider-card > footer[b-5l8uw2k141] {
    align-items: end;
    border-top: 1px solid var(--innvilo-border-soft);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    padding-top: var(--innvilo-space-5);
}

.channel-manager-provider-card > footer small[b-5l8uw2k141] {
    max-width: 24rem;
}

.channel-manager-provider-card.is-preparing[b-5l8uw2k141] {
    background: var(--innvilo-surface-soft);
}

.channel-manager-provider-unavailable[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.78rem;
    white-space: nowrap;
}

.channel-manager-dialog[b-5l8uw2k141] {
    width: 100%;
}

.channel-manager-operations[b-5l8uw2k141],
.channel-manager-operation-list[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    overflow-wrap: anywhere;
}

.channel-manager-operation-pagination[b-5l8uw2k141] {
    display: flex;
    justify-content: flex-start;
}

.channel-manager-operations > header > div[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-operations h2[b-5l8uw2k141],
.channel-manager-operations p[b-5l8uw2k141],
.channel-manager-operation-item p[b-5l8uw2k141] {
    margin: 0;
}

.channel-manager-operations h2[b-5l8uw2k141] {
    color: var(--innvilo-color-secondary);
}

.channel-manager-operations > header span[b-5l8uw2k141],
.channel-manager-operation-item header > div > span[b-5l8uw2k141] {
    color: var(--innvilo-color-primary);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.channel-manager-operations p[b-5l8uw2k141],
.channel-manager-operation-item p[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
}

.channel-manager-operation-item[b-5l8uw2k141] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-left: 0.25rem solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.channel-manager-operation-item.is-success[b-5l8uw2k141] { border-left-color: var(--innvilo-color-primary); }
.channel-manager-operation-item.is-warning[b-5l8uw2k141] { border-left-color: var(--innvilo-gold); }
.channel-manager-operation-item.is-error[b-5l8uw2k141] { border-left-color: var(--innvilo-danger); }

.channel-manager-operation-item > header[b-5l8uw2k141] {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.channel-manager-operation-item header > div[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.channel-manager-operation-item dl[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.channel-manager-operation-item dl > div[b-5l8uw2k141] { display: grid; gap: var(--innvilo-space-2); }
.channel-manager-operation-item dt[b-5l8uw2k141] { color: var(--innvilo-text-secondary); font-size: 0.75rem; font-weight: 700; }
.channel-manager-operation-item dd[b-5l8uw2k141] { color: var(--innvilo-text-primary); font-weight: 800; margin: 0; }

.channel-manager-operation-item .channel-manager-operation-evidence[b-5l8uw2k141] { grid-column: 1 / -1; }
.channel-manager-operation-evidence code[b-5l8uw2k141] { color: inherit; font: inherit; font-weight: 400; }

.channel-manager-operation-warning[b-5l8uw2k141] {
    background: var(--innvilo-gold-soft);
    border-left: 0.25rem solid var(--innvilo-gold);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-4);
}

.channel-manager-operation-warning span[b-5l8uw2k141] { color: var(--innvilo-text-secondary); font-size: 0.8rem; }

.channel-manager-dialog.is-catalog[b-5l8uw2k141] {
    max-width: 58rem;
}

.channel-manager-dialog-overview[b-5l8uw2k141] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.channel-manager-dialog-overview > div[b-5l8uw2k141] {
    border-left: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-5);
}

.channel-manager-dialog-overview > div:first-child[b-5l8uw2k141] {
    border-left: 0;
}

.channel-manager-dialog-overview strong[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
    font-size: 0.82rem;
}

.channel-manager-panel[b-5l8uw2k141] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    padding: var(--innvilo-space-6);
}

.channel-manager-panel h3[b-5l8uw2k141] {
    color: var(--innvilo-color-secondary);
    font-size: 1rem;
}

.channel-manager-toggle[b-5l8uw2k141] {
    align-items: center;
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 800;
    gap: var(--innvilo-space-4);
    white-space: nowrap;
}

.channel-manager-toggle input[b-5l8uw2k141] {
    accent-color: var(--innvilo-color-primary);
    block-size: 1.1rem;
    inline-size: 1.1rem;
}

.channel-manager-fields[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.channel-manager-fields label[b-5l8uw2k141],
.channel-manager-mapping-row[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.channel-manager-fields label > span[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
    font-size: 0.78rem;
    font-weight: 800;
}

.channel-manager-fields b[b-5l8uw2k141] {
    color: var(--innvilo-danger);
    margin-left: var(--innvilo-space-2);
}

.channel-manager-fields input[b-5l8uw2k141],
.channel-manager-mapping-row input[b-5l8uw2k141] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font: inherit;
    min-height: 2.6rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.channel-manager-fields input:focus-visible[b-5l8uw2k141],
.channel-manager-mapping-row input:focus-visible[b-5l8uw2k141] {
    border-color: var(--innvilo-border-focus);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.channel-manager-fields small[b-5l8uw2k141],
.channel-manager-mapping-row small[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.75rem;
}

.channel-manager-mapping-groups[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.channel-manager-mapping[b-5l8uw2k141] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    padding: var(--innvilo-space-5);
}

.channel-manager-mapping > header[b-5l8uw2k141] {
    align-items: baseline;
}

.channel-manager-mapping h4[b-5l8uw2k141] {
    color: var(--innvilo-color-secondary);
    font-size: 0.9rem;
}

.channel-manager-mapping > header > span[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.75rem;
    font-weight: 700;
}

.channel-manager-mapping-row[b-5l8uw2k141] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-soft);
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 0.8fr);
    padding-top: var(--innvilo-space-4);
}

.channel-manager-mapping-row > span[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.channel-manager-mapping-row strong[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
    font-size: 0.82rem;
}

.channel-manager-search[b-5l8uw2k141] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-bottom: var(--innvilo-space-5);
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.channel-manager-search > span[b-5l8uw2k141],
.channel-manager-search > small[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
}

.channel-manager-search > small[b-5l8uw2k141] {
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.channel-manager-search input[b-5l8uw2k141] {
    background: transparent;
    border: 0;
    color: var(--innvilo-text-primary);
    font: inherit;
    min-height: 2.35rem;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.channel-manager-search:focus-within[b-5l8uw2k141] {
    border-color: var(--innvilo-border-focus);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.channel-manager-search.in-dialog[b-5l8uw2k141] {
    margin-top: var(--innvilo-space-4);
}

.channel-manager-disable-confirmation[b-5l8uw2k141] {
    align-items: start;
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: var(--innvilo-space-5);
    padding: var(--innvilo-space-5);
}

.channel-manager-disable-confirmation p[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    margin: var(--innvilo-space-2) 0 0;
}

@media (max-width: 70rem) {
    .channel-manager-operation-grid[b-5l8uw2k141],
    .channel-manager-dialog-overview[b-5l8uw2k141] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: var(--innvilo-space-5);
    }

    .channel-manager-operation-grid > div:nth-child(3)[b-5l8uw2k141],
    .channel-manager-dialog-overview > div:nth-child(3)[b-5l8uw2k141] {
        border-left: 0;
        padding-left: 0;
    }

    .channel-manager-catalog[b-5l8uw2k141] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .channel-manager-onboarding[b-5l8uw2k141] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 52rem) {
    .channel-manager-page-header[b-5l8uw2k141],
    .channel-manager-overview[b-5l8uw2k141],
    .channel-manager-section-head[b-5l8uw2k141],
    .channel-manager-card-main > header[b-5l8uw2k141],
    .channel-manager-dialog-head[b-5l8uw2k141],
    .channel-manager-panel-head[b-5l8uw2k141] {
        align-items: stretch;
        flex-direction: column;
    }

    .channel-manager-overview dl[b-5l8uw2k141] {
        width: 100%;
    }

    .channel-manager-overview > p[b-5l8uw2k141] {
        max-width: none;
        text-align: left;
    }

    .channel-manager-card[b-5l8uw2k141] {
        grid-template-columns: 1fr;
    }

    .channel-manager-progress[b-5l8uw2k141] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .channel-manager-card-side[b-5l8uw2k141] {
        border-left: 0;
        border-top: 1px solid var(--innvilo-border-default);
    }

    .channel-manager-mapping-groups[b-5l8uw2k141] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 40rem) {
    .channel-manager-page-actions[b-5l8uw2k141],
    .channel-manager-actions[b-5l8uw2k141],
    .channel-manager-row-actions[b-5l8uw2k141],
    .channel-manager-provider-card > footer[b-5l8uw2k141] {
        align-items: stretch;
        flex-direction: column;
    }

    .channel-manager-dialog-overview[b-5l8uw2k141],
    .channel-manager-fields[b-5l8uw2k141],
    .channel-manager-catalog[b-5l8uw2k141],
    .channel-manager-catalog.in-dialog[b-5l8uw2k141],
    .channel-manager-onboarding-steps[b-5l8uw2k141] {
        grid-template-columns: 1fr;
    }

    .channel-manager-overview dl[b-5l8uw2k141],
    .channel-manager-operation-grid[b-5l8uw2k141] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .channel-manager-progress[b-5l8uw2k141] {
        gap: 0;
        grid-template-columns: 1fr;
    }

    .channel-manager-progress li[b-5l8uw2k141] {
        border-left: 2px solid var(--innvilo-border-default);
        border-top: 0;
        padding: var(--innvilo-space-3) 0 var(--innvilo-space-3) var(--innvilo-space-4);
    }

    .channel-manager-progress li.is-complete[b-5l8uw2k141] {
        border-left-color: var(--innvilo-color-primary);
    }

    .channel-manager-progress li.is-current[b-5l8uw2k141] {
        border-left-color: var(--innvilo-gold);
    }

    .channel-manager-load-error[b-5l8uw2k141] {
        align-items: stretch;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .channel-manager-overview dl > div[b-5l8uw2k141],
    .channel-manager-overview dl > div:first-child[b-5l8uw2k141],
    .channel-manager-operation-grid > div[b-5l8uw2k141],
    .channel-manager-operation-grid > div:first-child[b-5l8uw2k141],
    .channel-manager-operation-grid > div:nth-child(3)[b-5l8uw2k141],
    .channel-manager-dialog-overview > div[b-5l8uw2k141],
    .channel-manager-dialog-overview > div:first-child[b-5l8uw2k141],
    .channel-manager-dialog-overview > div:nth-child(3)[b-5l8uw2k141] {
        border-left: 0;
        border-top: 1px solid var(--innvilo-border-soft);
        padding: var(--innvilo-space-4) 0;
    }

    .channel-manager-overview dl > div:nth-child(even)[b-5l8uw2k141],
    .channel-manager-operation-grid > div:nth-child(even)[b-5l8uw2k141] {
        border-left: 1px solid var(--innvilo-border-soft);
        padding-left: var(--innvilo-space-4);
    }

    .channel-manager-overview dl > div:nth-child(2)[b-5l8uw2k141],
    .channel-manager-operation-grid > div:nth-child(2)[b-5l8uw2k141] {
        border-top: 0;
        padding-top: 0;
    }

    .channel-manager-overview dl > div:first-child[b-5l8uw2k141],
    .channel-manager-operation-grid > div:first-child[b-5l8uw2k141],
    .channel-manager-dialog-overview > div:first-child[b-5l8uw2k141] {
        border-top: 0;
        padding-top: 0;
    }

    .channel-manager-card-main[b-5l8uw2k141],
    .channel-manager-card-side[b-5l8uw2k141],
    .channel-manager-panel[b-5l8uw2k141],
    .channel-manager-provider-card[b-5l8uw2k141] {
        padding: var(--innvilo-space-5);
    }

    .channel-manager-onboarding[b-5l8uw2k141] {
        padding: var(--innvilo-space-5);
    }

    .channel-manager-mapping-row[b-5l8uw2k141] {
        grid-template-columns: 1fr;
    }

    .channel-manager-search[b-5l8uw2k141],
    .channel-manager-disable-confirmation[b-5l8uw2k141] {
        grid-template-columns: minmax(0, 1fr);
    }

    .channel-manager-search > span[b-5l8uw2k141] {
        display: none;
    }

    .channel-manager-search > small[b-5l8uw2k141] {
        white-space: normal;
    }
}

/* R079 operational workspace contract: Blockrhythmus kommt aus .pms-worklist. */
.channel-manager-page[b-5l8uw2k141] {
    font-family: Lato, sans-serif;
    max-width: var(--innvilo-content-max);
    padding-bottom: var(--innvilo-space-10);
}

.channel-manager-worklist[b-5l8uw2k141] {
    min-width: 0;
}

.channel-manager-worklist.is-compact[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.channel-manager-cards[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.channel-manager-card__actions[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.channel-manager-row-actions.is-grid[b-5l8uw2k141] {
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
}

.channel-manager-activity[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.channel-manager-message[b-5l8uw2k141] {
    border-radius: 6px;
    min-height: 44px;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.channel-manager-workspace[b-5l8uw2k141] {
    min-width: 0;
}

.channel-manager-grid-identity[b-5l8uw2k141],
.channel-manager-grid-operations[b-5l8uw2k141],
.channel-manager-grid-setup[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.channel-manager-grid-identity strong[b-5l8uw2k141],
.channel-manager-grid-operations strong[b-5l8uw2k141] {
    color: var(--innvilo-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
}

.channel-manager-grid-identity span[b-5l8uw2k141],
.channel-manager-grid-operations span[b-5l8uw2k141],
.channel-manager-grid-setup > span[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    font-size: 0.8125rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.channel-manager-grid-setup .channel-manager-progress[b-5l8uw2k141],
.channel-manager-card .channel-manager-progress[b-5l8uw2k141] {
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.channel-manager-grid-setup .channel-manager-progress li[b-5l8uw2k141],
.channel-manager-card .channel-manager-progress li[b-5l8uw2k141] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-1);
    grid-template-columns: 22px minmax(0, 1fr);
    min-width: 0;
}

.channel-manager-grid-setup .channel-manager-progress li > span[b-5l8uw2k141],
.channel-manager-card .channel-manager-progress li > span[b-5l8uw2k141] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 4px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-size: 0.6875rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.channel-manager-grid-setup .channel-manager-progress li.is-complete > span[b-5l8uw2k141],
.channel-manager-card .channel-manager-progress li.is-complete > span[b-5l8uw2k141] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.channel-manager-grid-setup .channel-manager-progress li.is-current > span[b-5l8uw2k141],
.channel-manager-card .channel-manager-progress li.is-current > span[b-5l8uw2k141] {
    border-color: var(--innvilo-warning);
    color: var(--innvilo-warning);
}

.channel-manager-grid-setup .channel-manager-progress small[b-5l8uw2k141],
.channel-manager-card .channel-manager-progress small[b-5l8uw2k141] {
    color: var(--innvilo-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-manager-status[b-5l8uw2k141],
.channel-manager-readiness-label[b-5l8uw2k141],
.channel-manager-operation-state[b-5l8uw2k141] {
    border-radius: 6px;
}

.channel-manager-safe-error[b-5l8uw2k141] {
    background: var(--innvilo-danger-soft);
    border: 1px solid var(--innvilo-danger);
    border-radius: 6px;
    color: var(--innvilo-danger);
    margin: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.channel-manager-dialog[b-5l8uw2k141],
.channel-manager-panel[b-5l8uw2k141],
.channel-manager-provider-card[b-5l8uw2k141],
.channel-manager-onboarding[b-5l8uw2k141],
.channel-manager-operation-card[b-5l8uw2k141],
.channel-manager-card[b-5l8uw2k141] {
    border-radius: 8px;
}

.channel-manager-dialog input[b-5l8uw2k141],
.channel-manager-dialog select[b-5l8uw2k141],
.channel-manager-search input[b-5l8uw2k141] {
    min-height: 44px;
}

.channel-manager-card[b-5l8uw2k141] {
    transition: border-color 160ms ease, background-color 160ms ease;
}

@media (max-width: 52rem) {
    .channel-manager-card[b-5l8uw2k141] {
        background: var(--innvilo-surface-main);
        border: 1px solid var(--innvilo-border-default);
        display: grid;
        gap: var(--innvilo-space-5);
        padding: var(--innvilo-space-5);
    }

    .channel-manager-card > header[b-5l8uw2k141] {
        align-items: start;
        display: flex;
        gap: var(--innvilo-space-4);
        justify-content: space-between;
    }

    .channel-manager-card > header > div[b-5l8uw2k141] {
        display: grid;
        gap: var(--innvilo-space-1);
        min-width: 0;
    }

    .channel-manager-card h3[b-5l8uw2k141],
    .channel-manager-card p[b-5l8uw2k141] {
        margin: 0;
    }

    .channel-manager-operation-grid[b-5l8uw2k141] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 30rem) {
    .channel-manager-page[b-5l8uw2k141] {
        padding-bottom: var(--innvilo-space-8);
    }

    /* Der Blockabstand kommt seit dem Systembereich-Redesign aus dem Rhythmus von .pms-worklist;
       ein zusätzlicher Rand würde ihn auf dem Handy verdoppeln. */

    .channel-manager-message[b-5l8uw2k141] {
        margin-top: var(--innvilo-space-5);
    }

    .channel-manager-card[b-5l8uw2k141] {
        border-radius: 8px;
        padding: var(--innvilo-space-4);
    }

    .channel-manager-card > header[b-5l8uw2k141] {
        display: grid;
    }

    .channel-manager-operation-grid[b-5l8uw2k141] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .channel-manager-page *[b-5l8uw2k141],
    .channel-manager-page *[b-5l8uw2k141]::before,
    .channel-manager-page *[b-5l8uw2k141]::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/Operations/CheckIn/CheckInStepper.razor.rz.scp.css */
/* Schrittleiste: eine Fläche, fünf gleich breite Stationen, Fortschrittslinie darunter. Ein Akzent, keine Schatten.
   Zustände tragen Text („Erledigt", „Klärung nötig"), nie nur Farbe. */

.ci-stepper[b-z8gkez6evn] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.ci-stepper ol[b-z8gkez6evn] {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ci-stepper__item[b-z8gkez6evn] {
    border-right: 1px solid var(--innvilo-border-soft);
    display: grid;
    min-width: 0;
}

.ci-stepper__item:last-child[b-z8gkez6evn] {
    border-right: 0;
}

.ci-stepper__button[b-z8gkez6evn] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3.75rem;
    min-width: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.ci-stepper__button:not(:disabled):hover[b-z8gkez6evn] {
    background: var(--innvilo-surface-app);
}

.ci-stepper__button:not(:disabled):active[b-z8gkez6evn] {
    transform: scale(var(--innvilo-press-scale-subtle));
    transition: transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.ci-stepper__button:disabled[b-z8gkez6evn] {
    cursor: default;
}

.ci-stepper__button:focus-visible[b-z8gkez6evn] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.ci-stepper__index[b-z8gkez6evn] {
    align-items: center;
    border: 2px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.75rem;
}

.ci-stepper__index i[b-z8gkez6evn] {
    font-size: var(--innvilo-font-size-micro);
}

.ci-stepper__copy[b-z8gkez6evn] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.ci-stepper__label[b-z8gkez6evn] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ci-stepper__state[b-z8gkez6evn] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.3;
    white-space: nowrap;
}

.ci-stepper__item.is-active .ci-stepper__button[b-z8gkez6evn] {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-text-primary);
}

.ci-stepper__item.is-active .ci-stepper__index[b-z8gkez6evn] {
    background: var(--innvilo-color-primary);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-text-inverse);
}

.ci-stepper__item.is-active .ci-stepper__label[b-z8gkez6evn] {
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.ci-stepper__item.is-active .ci-stepper__state[b-z8gkez6evn] {
    color: var(--innvilo-color-primary);
}

.ci-stepper__item.is-done .ci-stepper__button[b-z8gkez6evn] {
    color: var(--innvilo-text-primary);
}

.ci-stepper__item.is-done .ci-stepper__index[b-z8gkez6evn] {
    background: var(--innvilo-color-primary-subtle);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.ci-stepper__item.is-clarify .ci-stepper__index[b-z8gkez6evn] {
    border-color: var(--color-warning);
    color: var(--color-warning-text);
}

.ci-stepper__item.is-clarify .ci-stepper__state[b-z8gkez6evn] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.ci-stepper__button:not(:disabled):hover .ci-stepper__index[b-z8gkez6evn] {
    border-color: var(--innvilo-color-primary);
}

.ci-stepper__progress[b-z8gkez6evn] {
    background: var(--innvilo-border-default);
    display: block;
    height: 3px;
    position: relative;
    width: 100%;
}

.ci-stepper__progress[b-z8gkez6evn]::after {
    background: var(--innvilo-color-primary);
    content: '';
    inset: 0 auto 0 0;
    position: absolute;
    transition: width var(--innvilo-duration-normal) var(--innvilo-easing-decelerate);
    width: var(--ci-progress, 0%);
}

/* Unter 56rem zeigt nur die aktive Station Titel und Zustand, die übrigen ihre Nummer. Die Leiste wird
   dafür zu einer Flexzeile: die aktive Station nimmt den freien Platz, die anderen nur ihre Nummer. */
@container ci-shell (max-width: 56rem) {
    .ci-stepper ol[b-z8gkez6evn] {
        display: flex;
    }

    .ci-stepper__item[b-z8gkez6evn] {
        flex: 0 0 auto;
    }

    .ci-stepper__item.is-active[b-z8gkez6evn] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .ci-stepper__button[b-z8gkez6evn] {
        justify-items: center;
        min-height: 3.25rem;
        padding-inline: var(--innvilo-space-3);
    }

    .ci-stepper__item:not(.is-active) .ci-stepper__button[b-z8gkez6evn] {
        grid-template-columns: auto;
    }

    .ci-stepper__item:not(.is-active) .ci-stepper__copy[b-z8gkez6evn] {
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .ci-stepper__item.is-active .ci-stepper__button[b-z8gkez6evn] {
        justify-items: start;
    }

    .ci-stepper__item.is-active .ci-stepper__label[b-z8gkez6evn] {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ci-stepper__button[b-z8gkez6evn],
    .ci-stepper__index[b-z8gkez6evn],
    .ci-stepper__progress[b-z8gkez6evn]::after {
        transition: none;
    }
}
/* /Components/Pages/Operations/DemandPricing.razor.rz.scp.css */
.demand-pricing-page[b-mn9etq5ut4] { display: grid; font-family: 'Lato-Regular', Arial, sans-serif; gap: var(--innvilo-page-section-gap); margin: 0 auto; max-width: var(--innvilo-content-max); min-width: 0; padding-bottom: var(--innvilo-page-section-gap); width: 100%; }
.demand-pricing-page.is-standalone[b-mn9etq5ut4] { gap: calc(var(--innvilo-page-section-gap) - (var(--innvilo-page-hero-gap) - var(--innvilo-space-6))); }
.demand-pricing-page.is-standalone .demand-filter-slot[b-mn9etq5ut4] { padding-block: calc(var(--innvilo-page-hero-gap) - var(--innvilo-space-6)); }
.demand-page-hero[b-mn9etq5ut4], .demand-filter-slot[b-mn9etq5ut4] { min-width: 0; }
.demand-content-flow[b-mn9etq5ut4] { display: grid; gap: var(--innvilo-page-section-gap); min-width: 0; }
.demand-page-skeleton[b-mn9etq5ut4] { display: grid; gap: 1rem; min-width: 0; width: 100%; }
.demand-skeleton-status[b-mn9etq5ut4] { height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; clip: rect(0 0 0 0); white-space: nowrap; }
.demand-skeleton-actions[b-mn9etq5ut4],
.demand-skeleton-overview article[b-mn9etq5ut4],
.demand-skeleton-workspace article[b-mn9etq5ut4] {
    animation: demand-skeleton-shimmer-b-mn9etq5ut4 1.4s ease-in-out infinite;
    background: linear-gradient(90deg, var(--innvilo-surface-muted) 25%, var(--innvilo-surface-card) 50%, var(--innvilo-surface-muted) 75%);
    background-size: 200% 100%;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
}
.demand-skeleton-actions[b-mn9etq5ut4] { align-items: center; display: flex; justify-content: space-between; min-height: 4.75rem; padding: 1rem; }
.demand-skeleton-actions i[b-mn9etq5ut4] { background: var(--innvilo-border-soft); border-radius: var(--innvilo-radius-sm); height: 2.5rem; width: 9rem; }
.demand-skeleton-actions i:first-child[b-mn9etq5ut4] { margin-right: auto; width: 14rem; }
.demand-skeleton-overview[b-mn9etq5ut4] { display: grid; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.demand-skeleton-overview article[b-mn9etq5ut4] { display: grid; gap: .5rem; min-height: 6.25rem; padding: 1rem; }
.demand-skeleton-overview i[b-mn9etq5ut4] { background: var(--innvilo-border-soft); border-radius: var(--innvilo-radius-sm); height: .75rem; width: 55%; }
.demand-skeleton-overview i:nth-child(2)[b-mn9etq5ut4] { height: 1.25rem; width: 70%; }
.demand-skeleton-overview i:nth-child(3)[b-mn9etq5ut4] { width: 85%; }
.demand-skeleton-workspace[b-mn9etq5ut4] { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
.demand-skeleton-workspace article[b-mn9etq5ut4] { min-height: 25rem; }
@keyframes demand-skeleton-shimmer-b-mn9etq5ut4 { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.demand-workspace-actions[b-mn9etq5ut4] { align-items: center; background: var(--innvilo-surface-card); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); display: flex; gap: 1rem; justify-content: space-between; min-height: 4rem; padding: .7rem 1rem; }
.demand-workspace-actions > div[b-mn9etq5ut4] { align-items: center; display: flex; gap: .65rem; }
.demand-workspace-actions > div:first-child[b-mn9etq5ut4] { align-items: start; display: grid; gap: .1rem; }
.demand-workspace-actions span[b-mn9etq5ut4] { color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-label); font-weight: 800; }
.demand-state[b-mn9etq5ut4], .demand-entitlement-lock[b-mn9etq5ut4], .demand-settings-card[b-mn9etq5ut4], .demand-automation[b-mn9etq5ut4], .demand-automation-entry[b-mn9etq5ut4] { background: var(--innvilo-surface-card); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); }
.demand-state[b-mn9etq5ut4] { align-items: center; display: flex; justify-content: center; min-height: 10rem; padding: 1.25rem; }
.demand-state.is-error[b-mn9etq5ut4] { justify-content: space-between; }
.demand-state div[b-mn9etq5ut4] { display: grid; gap: .25rem; }
.demand-state span[b-mn9etq5ut4] { color: var(--innvilo-text-secondary); }
.demand-provider-state[b-mn9etq5ut4] { align-items: center; background: var(--innvilo-surface-main); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-md); display: flex; gap: 1rem; min-height: 4.75rem; padding: 1rem 1.25rem; }
.demand-provider-state > i[b-mn9etq5ut4] { align-items: center; display: inline-flex; flex: 0 0 2.5rem; height: 2.5rem; justify-content: center; }
.demand-provider-state > div[b-mn9etq5ut4] { display: grid; gap: .2rem; }
.demand-provider-state span[b-mn9etq5ut4] { color: var(--innvilo-text-secondary); }
.demand-provider-state.is-warning[b-mn9etq5ut4] { border-color: var(--color-warning); }
.demand-provider-state.is-warning > i[b-mn9etq5ut4] { color: var(--color-warning); }
.demand-provider-state.is-error[b-mn9etq5ut4] { border-color: var(--color-error); }
.demand-provider-state.is-error > i[b-mn9etq5ut4] { color: var(--color-error); }
.demand-entitlement-lock[b-mn9etq5ut4] { align-items: center; display: grid; grid-template-columns: auto 1fr auto; gap: 1.25rem; padding: 1.5rem; }
.demand-entitlement-lock > i[b-mn9etq5ut4] { align-items: center; color: var(--innvilo-color-primary); display: flex; font-size: 1.2rem; height: 3rem; justify-content: center; width: 3rem; }
.demand-entitlement-lock div[b-mn9etq5ut4] { display: grid; gap: .25rem; }
.demand-entitlement-lock span[b-mn9etq5ut4], .demand-settings-card header span[b-mn9etq5ut4], .demand-automation header span[b-mn9etq5ut4], .demand-automation-entry span[b-mn9etq5ut4], .demand-overview article > span[b-mn9etq5ut4] { color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-label); font-weight: 800; }
.demand-entitlement-lock h2[b-mn9etq5ut4], .demand-entitlement-lock p[b-mn9etq5ut4], .demand-settings-card h2[b-mn9etq5ut4], .demand-automation h2[b-mn9etq5ut4], .demand-automation p[b-mn9etq5ut4], .demand-automation-entry h2[b-mn9etq5ut4], .demand-automation-entry p[b-mn9etq5ut4] { margin: 0; }
.demand-entitlement-lock p[b-mn9etq5ut4], .demand-automation p[b-mn9etq5ut4], .demand-automation-entry p[b-mn9etq5ut4] { color: var(--innvilo-text-secondary); }
.demand-overview[b-mn9etq5ut4] { background: var(--innvilo-surface-card); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); display: grid; gap: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; }
.demand-overview article[b-mn9etq5ut4] { border-right: 1px solid var(--innvilo-border-soft); display: grid; gap: .2rem; min-width: 0; padding: .85rem 1rem; }
.demand-overview article:last-child[b-mn9etq5ut4] { border-right: 0; }
.demand-overview article strong[b-mn9etq5ut4] { font-family: 'Lato-Bold', Arial, sans-serif; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.demand-overview article small[b-mn9etq5ut4] { color: var(--innvilo-text-secondary); }
.demand-settings-grid[b-mn9etq5ut4] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: .75rem; }
.demand-settings-card[b-mn9etq5ut4] { display: grid; gap: 1rem; padding: 1.2rem; }
.demand-settings-card > header[b-mn9etq5ut4], .demand-automation > header[b-mn9etq5ut4], .demand-automation-entry[b-mn9etq5ut4] { align-items: start; display: flex; justify-content: space-between; gap: 1rem; }
.demand-settings-card header div[b-mn9etq5ut4], .demand-automation header div[b-mn9etq5ut4], .demand-automation-entry div[b-mn9etq5ut4] { display: grid; gap: .2rem; }
.demand-settings-card mark[b-mn9etq5ut4] { background: var(--innvilo-color-primary-soft); border-radius: var(--innvilo-radius-full); color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-label); font-weight: 800; padding: .2rem .5rem; }
.demand-mode-options[b-mn9etq5ut4] { display: grid; gap: .55rem; }
.demand-mode-options button[b-mn9etq5ut4] { background: var(--innvilo-surface-main); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-sm); color: inherit; cursor: pointer; display: grid; gap: .15rem; padding: .75rem; text-align: left; }
.demand-mode-options button:hover[b-mn9etq5ut4], .demand-mode-options button:focus-visible[b-mn9etq5ut4], .demand-mode-options button.is-selected[b-mn9etq5ut4] { border-color: var(--innvilo-color-primary); outline: none; }
.demand-mode-options button.is-selected[b-mn9etq5ut4] { background: var(--innvilo-color-primary-soft); }
.demand-mode-options button span[b-mn9etq5ut4], .demand-location-form label span[b-mn9etq5ut4], .demand-guardrail-grid label span[b-mn9etq5ut4], .demand-confirmation label span[b-mn9etq5ut4] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); }
.demand-location-form[b-mn9etq5ut4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.demand-location-form label[b-mn9etq5ut4], .demand-guardrail-grid label[b-mn9etq5ut4], .demand-confirmation label[b-mn9etq5ut4] { display: grid; gap: .35rem; }
.demand-location-form .wide[b-mn9etq5ut4] { grid-column: 1 / -1; }
.demand-automation[b-mn9etq5ut4] { display: grid; gap: 1rem; padding: 1.25rem; }
.demand-automation header button[b-mn9etq5ut4] { background: transparent; border: 0; color: var(--innvilo-text-secondary); cursor: pointer; padding: .4rem; }
.demand-guardrail-grid[b-mn9etq5ut4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.demand-allowlist[b-mn9etq5ut4] { background: var(--innvilo-surface-muted); border-radius: var(--innvilo-radius-sm); padding: .7rem; }
.demand-dry-run[b-mn9etq5ut4] { background: var(--innvilo-color-primary-soft); border-radius: var(--innvilo-radius-sm); color: var(--innvilo-color-primary); display: grid; gap: .2rem; padding: .8rem; }
.demand-automation-actions[b-mn9etq5ut4] { display: flex; justify-content: flex-end; gap: .5rem; }
.demand-automation-entry[b-mn9etq5ut4] { align-items: center; padding: 1.2rem; }
.demand-confirmation[b-mn9etq5ut4] { display: grid; gap: 1rem; }
.demand-confirmation > div[b-mn9etq5ut4] { display: flex; justify-content: flex-end; gap: .5rem; }
@media (max-width: 720px) {
    .demand-workspace-actions[b-mn9etq5ut4] { align-items: stretch; display: grid; }
    .demand-workspace-actions > div:last-child[b-mn9etq5ut4] { display: grid; grid-template-columns: 1fr; }
    .demand-overview[b-mn9etq5ut4], .demand-skeleton-overview[b-mn9etq5ut4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .demand-settings-grid[b-mn9etq5ut4], .demand-skeleton-workspace[b-mn9etq5ut4] { grid-template-columns: 1fr; }
    .demand-guardrail-grid[b-mn9etq5ut4] { grid-template-columns: 1fr; }
    .demand-entitlement-lock[b-mn9etq5ut4] { grid-template-columns: auto 1fr; }
    .demand-entitlement-lock > strong[b-mn9etq5ut4] { grid-column: 2; }
    .demand-automation-entry[b-mn9etq5ut4] { align-items: stretch; display: grid; }
    .demand-skeleton-actions[b-mn9etq5ut4] { align-items: stretch; display: grid; gap: .75rem; }
    .demand-skeleton-actions i[b-mn9etq5ut4], .demand-skeleton-actions i:first-child[b-mn9etq5ut4] { margin: 0; width: 100%; }
    .demand-skeleton-workspace article[b-mn9etq5ut4] { min-height: 18rem; }
    .demand-state.is-error[b-mn9etq5ut4] { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .demand-skeleton-actions[b-mn9etq5ut4], .demand-skeleton-overview article[b-mn9etq5ut4], .demand-skeleton-workspace article[b-mn9etq5ut4] { animation: none; } }
/* /Components/Pages/Operations/Departures/DepartureBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.departure-page[b-z4ov3685ce] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.departure-viewport-skeleton[b-z4ov3685ce] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.departure-viewport-skeleton span[b-z4ov3685ce] {
    animation: departure-viewport-pulse-b-z4ov3685ce 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.departure-viewport-skeleton .is-breadcrumb[b-z4ov3685ce] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.departure-viewport-skeleton .is-title[b-z4ov3685ce] {
    height: 4.5rem;
}

.departure-viewport-skeleton .is-toolbar[b-z4ov3685ce] {
    height: 6rem;
}

.departure-viewport-skeleton .is-content[b-z4ov3685ce] {
    height: 22rem;
}

@keyframes departure-viewport-pulse-b-z4ov3685ce {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .departure-viewport-skeleton span[b-z4ov3685ce] {
        animation: none;
    }
}
/* /Components/Pages/Operations/Departures/DepartureDesktop.razor.rz.scp.css */
/* Desktop workspace of the in-house board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces. */

.departure-desktop[b-2y9y885gd9] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.departure-breadcrumb[b-2y9y885gd9] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.departure-breadcrumb a[b-2y9y885gd9] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.departure-breadcrumb a:hover[b-2y9y885gd9],
.departure-breadcrumb a:focus-visible[b-2y9y885gd9] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.departure-breadcrumb a:focus-visible[b-2y9y885gd9] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.departure-breadcrumb i[b-2y9y885gd9] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.departure-breadcrumb [aria-current='page'][b-2y9y885gd9] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.departure-hero[b-2y9y885gd9] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.departure-hero__copy[b-2y9y885gd9] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.departure-hero__title-row[b-2y9y885gd9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.departure-hero h1[b-2y9y885gd9] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.departure-hero__lead[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.departure-hero__meta[b-2y9y885gd9] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.departure-open-badge[b-2y9y885gd9] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.departure-hero__actions[b-2y9y885gd9] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface, four cells, 1px dividers instead of four floating cards. */

.departure-kpis[b-2y9y885gd9] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.departure-kpi[b-2y9y885gd9] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.departure-kpi + .departure-kpi[b-2y9y885gd9] {
    border-left: 1px solid var(--innvilo-border-default);
}

.departure-kpi.is-current[b-2y9y885gd9]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: -1px -1px auto -1px;
    position: absolute;
}

.departure-kpi__label[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.departure-kpi__value[b-2y9y885gd9] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.departure-kpi.is-current .departure-kpi__value[b-2y9y885gd9] {
    color: var(--color-primary);
}

.departure-kpi.is-attention .departure-kpi__value[b-2y9y885gd9] {
    color: var(--color-warning-text);
}

.departure-kpi.is-positive .departure-kpi__value[b-2y9y885gd9] {
    color: var(--color-success);
}

.departure-kpi__detail[b-2y9y885gd9] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: title row plus toolbar, then filter panel, then grid or state. */

.departure-workspace[b-2y9y885gd9] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.departure-toolbar[b-2y9y885gd9] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.departure-search[b-2y9y885gd9] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.departure-toolbar__filters[b-2y9y885gd9] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.departure-pills[b-2y9y885gd9] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.departure-pills__label[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.departure-pills__list[b-2y9y885gd9] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.departure-pill[b-2y9y885gd9] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.departure-pill > span[b-2y9y885gd9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.departure-pill__remove[b-2y9y885gd9] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.departure-pill__remove:hover[b-2y9y885gd9] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.departure-pill__remove:focus-visible[b-2y9y885gd9],
.departure-pills__clear:focus-visible[b-2y9y885gd9] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.departure-pills__clear[b-2y9y885gd9] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.departure-grid-host[b-2y9y885gd9] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. */

.departure-pager[b-2y9y885gd9] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.departure-pager__size[b-2y9y885gd9] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.departure-pager__size > span[b-2y9y885gd9] {
    white-space: nowrap;
}

.departure-pager__nav[b-2y9y885gd9] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.departure-pager__page[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.departure-pager__page strong[b-2y9y885gd9] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.departure-grid-results[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.departure-guest-cell[b-2y9y885gd9],
.departure-stay-cell[b-2y9y885gd9] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.departure-guest-cell strong[b-2y9y885gd9],
.departure-stay-cell strong[b-2y9y885gd9] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.departure-guest-cell small[b-2y9y885gd9],
.departure-stay-cell small[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.departure-guest-cell__number[b-2y9y885gd9] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.departure-amount[b-2y9y885gd9] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.departure-next-action[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.departure-next-action.is-urgent[b-2y9y885gd9] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.departure-state[b-2y9y885gd9] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.departure-state > *[b-2y9y885gd9] {
    animation: departure-state-in-b-2y9y885gd9 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.departure-state > :nth-child(2)[b-2y9y885gd9] { animation-delay: 40ms; }
.departure-state > :nth-child(3)[b-2y9y885gd9] { animation-delay: 80ms; }
.departure-state > :nth-child(4)[b-2y9y885gd9] { animation-delay: 120ms; }

@keyframes departure-state-in-b-2y9y885gd9 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.departure-state > i[b-2y9y885gd9] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.departure-state--error > i[b-2y9y885gd9] {
    color: var(--color-error);
}

.departure-state__copy[b-2y9y885gd9] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.departure-state h3[b-2y9y885gd9] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.departure-state p[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.departure-state__actions[b-2y9y885gd9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.departure-state--filtered[b-2y9y885gd9],
.departure-state--error[b-2y9y885gd9] {
    padding-block: var(--innvilo-space-11);
}

.departure-process[b-2y9y885gd9] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: var(--innvilo-space-4) 0 0;
    max-width: 52rem;
    padding: var(--innvilo-space-8) 0 0;
    text-align: left;
    width: 100%;
}

.departure-process li[b-2y9y885gd9] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.departure-process li > span[b-2y9y885gd9] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    width: 1.5rem;
}

.departure-process li > div[b-2y9y885gd9] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.departure-process strong[b-2y9y885gd9] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.departure-process small[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Loading */

.departure-desktop-skeleton[b-2y9y885gd9] {
    display: grid;
    gap: 1px;
}

.departure-desktop-skeleton span[b-2y9y885gd9] {
    animation: departure-pulse-b-2y9y885gd9 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.departure-desktop-skeleton span.is-header[b-2y9y885gd9] {
    height: 2.75rem;
}

@keyframes departure-pulse-b-2y9y885gd9 {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .departure-kpis[b-2y9y885gd9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .departure-kpi:nth-child(3)[b-2y9y885gd9] {
        border-left: 0;
    }

    .departure-kpi:nth-child(n + 3)[b-2y9y885gd9] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .departure-search[b-2y9y885gd9] {
        flex: 1 1 100%;
    }

    .departure-toolbar__filters[b-2y9y885gd9] {
        width: 100%;
    }

    .departure-process[b-2y9y885gd9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .departure-hero[b-2y9y885gd9] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .departure-hero__actions[b-2y9y885gd9] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .departure-breadcrumb a[b-2y9y885gd9] {
        transition: none;
    }

    .departure-state > *[b-2y9y885gd9],
    .departure-state__art > span[b-2y9y885gd9],
    .departure-state__art > i[b-2y9y885gd9] {
        animation: none;
    }

    .departure-desktop-skeleton span[b-2y9y885gd9] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.departure-state__art[b-2y9y885gd9] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.departure-state__art > span[b-2y9y885gd9] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.departure-state__art > span[b-2y9y885gd9]::before,
.departure-state__art > span[b-2y9y885gd9]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.departure-state__art > span[b-2y9y885gd9]::before {
    top: 0.625rem;
    width: 38%;
}

.departure-state__art > span[b-2y9y885gd9]::after {
    bottom: 0.625rem;
    width: 58%;
}

.departure-state__art > span:nth-child(1)[b-2y9y885gd9] {
    opacity: .35;
    transform: scale(.94);
}

.departure-state__art > span:nth-child(2)[b-2y9y885gd9] {
    opacity: .6;
    transform: scale(.97);
}

.departure-state__art > span:nth-child(3)[b-2y9y885gd9] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.departure-state__art > i[b-2y9y885gd9] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.departure-state__art.is-filtered > span:nth-child(3)[b-2y9y885gd9]::before,
.departure-state__art.is-filtered > span:nth-child(3)[b-2y9y885gd9]::after {
    background: var(--color-primary-focus-ring);
}

.departure-state__art > span[b-2y9y885gd9] {
    animation: departure-state-row-in-b-2y9y885gd9 300ms var(--innvilo-easing-settle) both;
}

.departure-state__art > span:nth-child(2)[b-2y9y885gd9] { animation-delay: 60ms; }
.departure-state__art > span:nth-child(3)[b-2y9y885gd9] { animation-delay: 120ms; }

.departure-state__art > i[b-2y9y885gd9] {
    animation: departure-state-in-b-2y9y885gd9 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes departure-state-row-in-b-2y9y885gd9 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Status cell: badge plus the payment rule in one quiet line. Balance column mutes settled folios. */

.departure-status-cell[b-2y9y885gd9] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.departure-status-cell small[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.departure-amount.is-none[b-2y9y885gd9] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.departure-amount.is-open[b-2y9y885gd9] {
    color: var(--color-warning-text);
}

/* Local continuity links sit next to the hero actions as quiet secondary buttons. */

.departure-continuity-action[b-2y9y885gd9] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.departure-continuity-action:hover[b-2y9y885gd9] {
    background: var(--innvilo-surface-app);
    border-color: var(--innvilo-border-strong);
}

.departure-continuity-action:focus-visible[b-2y9y885gd9] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.departure-hero__meta .is-ready[b-2y9y885gd9] {
    color: var(--color-success);
}

.departure-guest-cell__origin[b-2y9y885gd9] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

/* Batch strip under the toolbar: selection count left, the two batch actions right. */

.departure-batch[b-2y9y885gd9] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.departure-batch__count[b-2y9y885gd9] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.departure-batch__actions[b-2y9y885gd9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.departure-clarification[b-2y9y885gd9] {
    min-width: 0;
}
/* /Components/Pages/Operations/Departures/DepartureMobile.razor.rz.scp.css */
/* Mobile workspace of the in-house board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.departure-mobile[b-u2sbwifqsu] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.departure-breadcrumb[b-u2sbwifqsu] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.departure-breadcrumb a[b-u2sbwifqsu] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.departure-breadcrumb a:focus-visible[b-u2sbwifqsu] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.departure-breadcrumb i[b-u2sbwifqsu] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.departure-breadcrumb [aria-current='page'][b-u2sbwifqsu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.departure-mobile-header[b-u2sbwifqsu] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.departure-mobile-header__copy[b-u2sbwifqsu] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.departure-mobile-header h1[b-u2sbwifqsu] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.departure-mobile-header p[b-u2sbwifqsu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.departure-mobile-header p span[b-u2sbwifqsu] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.departure-mobile-kpis[b-u2sbwifqsu] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.departure-mobile-kpi[b-u2sbwifqsu] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.departure-mobile-kpi:nth-child(even)[b-u2sbwifqsu] {
    border-left: 1px solid var(--innvilo-border-default);
}

.departure-mobile-kpi:nth-child(n + 3)[b-u2sbwifqsu] {
    border-top: 1px solid var(--innvilo-border-default);
}

.departure-mobile-kpi.is-current[b-u2sbwifqsu]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.departure-mobile-kpi span[b-u2sbwifqsu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.departure-mobile-kpi strong[b-u2sbwifqsu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.departure-mobile-kpi.is-current strong[b-u2sbwifqsu] {
    color: var(--color-primary);
}

.departure-mobile-kpi.is-attention strong[b-u2sbwifqsu] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.departure-mobile-header__actions[b-u2sbwifqsu] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

.departure-mobile-tools[b-u2sbwifqsu] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.departure-mobile-tools > :first-child + *[b-u2sbwifqsu] {
    flex: 1 1 auto;
    min-width: 0;
}

.departure-mobile-filter__count[b-u2sbwifqsu] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills (list and overlay share the same markup). */

.departure-pills[b-u2sbwifqsu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.departure-pills__label[b-u2sbwifqsu] {
    align-self: center;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.departure-pills__list[b-u2sbwifqsu] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.departure-pill[b-u2sbwifqsu] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.departure-pill > span[b-u2sbwifqsu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.departure-pill__remove[b-u2sbwifqsu] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.departure-pill__remove:focus-visible[b-u2sbwifqsu],
.departure-pills__clear:focus-visible[b-u2sbwifqsu],
.departure-overlay__row:focus-visible[b-u2sbwifqsu],
.departure-overlay__close:focus-visible[b-u2sbwifqsu],
.departure-overlay__back:focus-visible[b-u2sbwifqsu] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.departure-pills__clear[b-u2sbwifqsu] {
    align-self: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.75rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.departure-overlay[b-u2sbwifqsu] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.departure-overlay__head[b-u2sbwifqsu] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.departure-overlay__head h2[b-u2sbwifqsu] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.departure-overlay__close[b-u2sbwifqsu],
.departure-overlay__back[b-u2sbwifqsu] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.departure-overlay__back[b-u2sbwifqsu] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.departure-overlay__close[b-u2sbwifqsu] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.departure-overlay__body[b-u2sbwifqsu] {
    min-height: 0;
    overflow-y: auto;
}

.departure-overlay__pills[b-u2sbwifqsu] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.departure-overlay__rows[b-u2sbwifqsu] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.departure-overlay__row[b-u2sbwifqsu] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.departure-overlay__row-label[b-u2sbwifqsu] {
    flex: 1 1 auto;
    min-width: 0;
}

.departure-overlay__row-count[b-u2sbwifqsu] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.departure-overlay__row > i[b-u2sbwifqsu] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.departure-overlay__foot[b-u2sbwifqsu] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.departure-mobile-list[b-u2sbwifqsu],
.departure-mobile-group__cards[b-u2sbwifqsu] {
    display: grid;
    min-width: 0;
}

.departure-mobile-list[b-u2sbwifqsu] {
    gap: var(--innvilo-space-8);
}

.departure-mobile-group__cards[b-u2sbwifqsu] {
    gap: var(--innvilo-space-5);
}

.departure-mobile-card[b-u2sbwifqsu] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.departure-mobile-card.is-urgent[b-u2sbwifqsu]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    top: -1px;
    width: 3px;
}

.departure-mobile-card__header[b-u2sbwifqsu] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.departure-mobile-card__identity[b-u2sbwifqsu] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.departure-mobile-card__identity > strong[b-u2sbwifqsu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.departure-mobile-card__identity span[b-u2sbwifqsu],
.departure-mobile-card__meta[b-u2sbwifqsu],
.departure-mobile-card__next[b-u2sbwifqsu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.departure-mobile-card__number[b-u2sbwifqsu] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.departure-mobile-card__amount[b-u2sbwifqsu] {
    color: var(--innvilo-text-primary);
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    max-width: 45%;
    text-align: right;
    white-space: nowrap;
}

.departure-mobile-card__status[b-u2sbwifqsu] {
    display: flex;
    min-width: 0;
}

.departure-mobile-card__meta[b-u2sbwifqsu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.departure-mobile-card__meta span[b-u2sbwifqsu] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.departure-mobile-card__meta i[b-u2sbwifqsu] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.departure-mobile-card__footer[b-u2sbwifqsu] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.departure-mobile-card__next[b-u2sbwifqsu] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.departure-mobile-card__next.is-urgent[b-u2sbwifqsu] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* States */

.departure-mobile-state[b-u2sbwifqsu] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.departure-mobile-state > *[b-u2sbwifqsu] {
    animation: departure-mobile-state-in-b-u2sbwifqsu var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.departure-mobile-state > :nth-child(2)[b-u2sbwifqsu] { animation-delay: 40ms; }
.departure-mobile-state > :nth-child(3)[b-u2sbwifqsu] { animation-delay: 80ms; }
.departure-mobile-state > :nth-child(4)[b-u2sbwifqsu] { animation-delay: 120ms; }

@keyframes departure-mobile-state-in-b-u2sbwifqsu {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.departure-mobile-state > i[b-u2sbwifqsu] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.departure-mobile-state--error > i[b-u2sbwifqsu] {
    color: var(--color-error);
}

.departure-mobile-state h2[b-u2sbwifqsu],
.departure-mobile-state p[b-u2sbwifqsu] {
    margin: 0;
}

.departure-mobile-state h2[b-u2sbwifqsu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.departure-mobile-state p[b-u2sbwifqsu] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.departure-mobile-state > :last-child[b-u2sbwifqsu] {
    margin-top: var(--innvilo-space-5);
}

/* Loading */

.departure-mobile-skeleton[b-u2sbwifqsu] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.departure-mobile-skeleton span[b-u2sbwifqsu] {
    animation: departure-mobile-pulse-b-u2sbwifqsu 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes departure-mobile-pulse-b-u2sbwifqsu {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .departure-mobile-card[b-u2sbwifqsu] {
        padding: var(--innvilo-space-5);
    }

    .departure-mobile-card__footer[b-u2sbwifqsu] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .departure-mobile-skeleton span[b-u2sbwifqsu],
    .departure-mobile-state > *[b-u2sbwifqsu],
    .departure-state__art > span[b-u2sbwifqsu],
    .departure-state__art > i[b-u2sbwifqsu] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.departure-state__art[b-u2sbwifqsu] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.departure-state__art > span[b-u2sbwifqsu] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.departure-state__art > span[b-u2sbwifqsu]::before,
.departure-state__art > span[b-u2sbwifqsu]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.departure-state__art > span[b-u2sbwifqsu]::before {
    top: 0.625rem;
    width: 38%;
}

.departure-state__art > span[b-u2sbwifqsu]::after {
    bottom: 0.625rem;
    width: 58%;
}

.departure-state__art > span:nth-child(1)[b-u2sbwifqsu] {
    opacity: .35;
    transform: scale(.94);
}

.departure-state__art > span:nth-child(2)[b-u2sbwifqsu] {
    opacity: .6;
    transform: scale(.97);
}

.departure-state__art > span:nth-child(3)[b-u2sbwifqsu] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.departure-state__art > i[b-u2sbwifqsu] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.departure-state__art.is-filtered > span:nth-child(3)[b-u2sbwifqsu]::before,
.departure-state__art.is-filtered > span:nth-child(3)[b-u2sbwifqsu]::after {
    background: var(--color-primary-focus-ring);
}

.departure-state__art > span[b-u2sbwifqsu] {
    animation: departure-mobile-state-row-in-b-u2sbwifqsu 300ms var(--innvilo-easing-settle) both;
}

.departure-state__art > span:nth-child(2)[b-u2sbwifqsu] { animation-delay: 60ms; }
.departure-state__art > span:nth-child(3)[b-u2sbwifqsu] { animation-delay: 120ms; }

.departure-state__art > i[b-u2sbwifqsu] {
    animation: departure-mobile-state-in-b-u2sbwifqsu 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes departure-mobile-state-row-in-b-u2sbwifqsu {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Badge row in the card: status badge, then the payment rule in one line. */

.departure-mobile-card__badges[b-u2sbwifqsu] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.departure-mobile-card__badges small[b-u2sbwifqsu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.departure-mobile-card__amount.is-none[b-u2sbwifqsu] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.departure-mobile-card__amount.is-open[b-u2sbwifqsu] {
    color: var(--color-warning-text);
}

.departure-mobile-header p .is-ready[b-u2sbwifqsu] {
    color: var(--color-success);
}

.departure-mobile-continuity[b-u2sbwifqsu] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.departure-mobile-continuity a[b-u2sbwifqsu] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
}

.departure-mobile-continuity a:focus-visible[b-u2sbwifqsu] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.departure-mobile-card__badge-row[b-u2sbwifqsu] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.departure-mobile-header__continuity span[b-u2sbwifqsu] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.departure-mobile-header__continuity span.is-ready[b-u2sbwifqsu] {
    color: var(--color-success);
}

/* Batch actions on mobile: full-width buttons, selection is a desktop affordance. */

.departure-batch[b-u2sbwifqsu] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.departure-batch__count[b-u2sbwifqsu] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.departure-batch__actions[b-u2sbwifqsu] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.departure-clarification[b-u2sbwifqsu] {
    min-width: 0;
}
/* /Components/Pages/Operations/Departures/DepartureRowActions.razor.rz.scp.css */
.departure-row-actions[b-1tnlkye3s4] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
    min-width: 0;
}
/* /Components/Pages/Operations/ExternalPmsBindingGrid.razor.rz.scp.css */
.external-pms-provider-cell[b-dvwufie98y] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: 2rem minmax(0, 1fr);
    min-width: 0;
}

.external-pms-provider-cell__icon[b-dvwufie98y] {
    align-items: center;
    background: var(--innvilo-color-primary-soft);
    border-radius: 6px;
    color: var(--innvilo-color-primary);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.external-pms-provider-cell > div[b-dvwufie98y] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.external-pms-provider-cell strong[b-dvwufie98y],
.external-pms-provider-cell span[b-dvwufie98y],
.external-pms-purpose[b-dvwufie98y],
.external-pms-environment[b-dvwufie98y] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.external-pms-provider-cell strong[b-dvwufie98y] {
    color: var(--innvilo-text-primary);
}

.external-pms-provider-cell > div > span[b-dvwufie98y],
.external-pms-purpose[b-dvwufie98y],
.external-pms-environment[b-dvwufie98y] {
    color: var(--innvilo-text-secondary);
    font-size: 0.8125rem;
}

.external-pms-mobile-card[b-dvwufie98y] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 8px;
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-5);
    transition: background-color 160ms ease, border-color 160ms ease;
}

.external-pms-mobile-card:hover[b-dvwufie98y] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-border-strong);
}

.external-pms-mobile-card > header[b-dvwufie98y] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.external-pms-mobile-card > header > div[b-dvwufie98y] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.external-pms-mobile-card h3[b-dvwufie98y],
.external-pms-mobile-card p[b-dvwufie98y],
.external-pms-mobile-card dl[b-dvwufie98y] {
    margin: 0;
}

.external-pms-mobile-card h3[b-dvwufie98y] {
    color: var(--innvilo-text-primary);
    font-size: 1rem;
    line-height: 1.3;
}

.external-pms-mobile-card header p[b-dvwufie98y],
.external-pms-mobile-card header span[b-dvwufie98y] {
    color: var(--innvilo-text-secondary);
    overflow-wrap: anywhere;
}

.external-pms-mobile-card header span[b-dvwufie98y] {
    font-size: 0.8125rem;
}

.external-pms-mobile-card dl[b-dvwufie98y] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.external-pms-mobile-card dl > div[b-dvwufie98y] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.external-pms-mobile-card dl > div.is-wide[b-dvwufie98y] {
    grid-column: 1 / -1;
}

.external-pms-mobile-card dt[b-dvwufie98y] {
    color: var(--innvilo-text-secondary);
    font-size: 0.8125rem;
    font-weight: 700;
}

.external-pms-mobile-card dd[b-dvwufie98y] {
    color: var(--innvilo-text-primary);
    margin: 0;
    overflow-wrap: anywhere;
}

.external-pms-mobile-card__status[b-dvwufie98y] {
    background: var(--innvilo-surface-muted);
    border-radius: 6px;
    color: var(--innvilo-text-secondary);
    font-size: 0.875rem;
    line-height: 1.5;
    padding: var(--innvilo-space-4);
}

@media (max-width: 30rem) {
    .external-pms-mobile-card[b-dvwufie98y] {
        padding: var(--innvilo-space-4);
    }

    .external-pms-mobile-card > header[b-dvwufie98y] {
        display: grid;
    }

    .external-pms-mobile-card dl[b-dvwufie98y] {
        grid-template-columns: 1fr;
    }

    .external-pms-mobile-card dl > div.is-wide[b-dvwufie98y] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .external-pms-mobile-card[b-dvwufie98y] {
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/Operations/ExternalPmsBindings.razor.rz.scp.css */
.external-pms-page[b-ipb0r7b5ky] {
    color: var(--innvilo-text-primary);
    font-family: Lato, sans-serif;
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    padding-bottom: var(--innvilo-space-10);
}

.external-pms-page [b-ipb0r7b5ky]::selection,
.external-pms-editor [b-ipb0r7b5ky]::selection {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-text-primary);
}

.external-pms-content-shell[b-ipb0r7b5ky] {
    min-width: 0;
}

.external-pms-toolbar-shell[b-ipb0r7b5ky] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.external-pms-filter-error[b-ipb0r7b5ky] {
    color: var(--color-error);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

/* Filterzeile und Grid sind zwei Blöcke der Arbeitsliste und folgen dem Blockrhythmus der Seite. */
.external-pms-content-shell[b-ipb0r7b5ky] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

@media (max-width: 61.9375rem) {
    .external-pms-content-shell[b-ipb0r7b5ky] {
        gap: var(--innvilo-space-8);
    }
}

.external-pms-state[b-ipb0r7b5ky] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 8px;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 8rem;
    padding: var(--innvilo-space-6);
}

.external-pms-state > i[b-ipb0r7b5ky] {
    color: var(--innvilo-danger);
    font-size: 1.5rem;
}

.external-pms-state > div[b-ipb0r7b5ky] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.external-pms-state h2[b-ipb0r7b5ky],
.external-pms-state p[b-ipb0r7b5ky],
.external-pms-authority h2[b-ipb0r7b5ky],
.external-pms-authority p[b-ipb0r7b5ky],
.external-pms-editor p[b-ipb0r7b5ky] {
    margin: 0;
}

.external-pms-state h2[b-ipb0r7b5ky],
.external-pms-authority h2[b-ipb0r7b5ky] {
    color: var(--innvilo-text-primary);
    font-size: 1.125rem;
    line-height: 1.35;
}

.external-pms-state p[b-ipb0r7b5ky],
.external-pms-authority p[b-ipb0r7b5ky],
.external-pms-editor > p[b-ipb0r7b5ky] {
    color: var(--innvilo-text-secondary);
    line-height: 1.55;
}

.external-pms-state p[b-ipb0r7b5ky],
.external-pms-authority p[b-ipb0r7b5ky] {
    max-width: 72ch;
}

.external-pms-authority[b-ipb0r7b5ky] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) 0;
}

.external-pms-authority > div[b-ipb0r7b5ky] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.external-pms-action-status[b-ipb0r7b5ky] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: 6px;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 44px;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.external-pms-action-status.is-success[b-ipb0r7b5ky] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.external-pms-action-status.is-warning[b-ipb0r7b5ky] {
    background: var(--innvilo-gold-soft);
    border-color: var(--innvilo-gold);
    color: var(--innvilo-text-primary);
}

.external-pms-editor[b-ipb0r7b5ky] {
    display: grid;
    gap: var(--innvilo-space-6);
    width: 100%;
}

.external-pms-editor__grid[b-ipb0r7b5ky] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.external-pms-editor__grid label[b-ipb0r7b5ky] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.external-pms-editor__grid label.is-wide[b-ipb0r7b5ky] {
    grid-column: 1 / -1;
}

.external-pms-editor__grid label > span[b-ipb0r7b5ky] {
    color: var(--innvilo-text-primary);
    font-size: 0.875rem;
    font-weight: 700;
}

.external-pms-editor__error[b-ipb0r7b5ky] {
    align-items: start;
    background: var(--innvilo-danger-soft);
    border: 1px solid var(--innvilo-danger);
    border-radius: 6px;
    color: var(--innvilo-danger);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-4);
}

@media (max-width: 48rem) {
    .external-pms-authority[b-ipb0r7b5ky] {
        align-items: start;
        display: grid;
    }

    .external-pms-state[b-ipb0r7b5ky] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

}

@media (max-width: 36rem) {
    .external-pms-page[b-ipb0r7b5ky] {
        padding-bottom: var(--innvilo-space-8);
    }

    .external-pms-editor__grid[b-ipb0r7b5ky] {
        grid-template-columns: 1fr;
    }

    .external-pms-editor__grid label.is-wide[b-ipb0r7b5ky] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .external-pms-page *[b-ipb0r7b5ky],
    .external-pms-page *[b-ipb0r7b5ky]::before,
    .external-pms-page *[b-ipb0r7b5ky]::after,
    .external-pms-editor *[b-ipb0r7b5ky],
    .external-pms-editor *[b-ipb0r7b5ky]::before,
    .external-pms-editor *[b-ipb0r7b5ky]::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/Operations/FrontDeskAgent.razor.rz.scp.css */
.front-desk-agent-page[b-jt94ti30n5] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    width: 100%;
}

.front-desk-agent-download[b-jt94ti30n5] {
    align-items: center;
    background: var(--innvilo-color-primary);
    border: 1px solid var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: var(--innvilo-grid-action-target-touch);
    min-width: 15rem;
    padding: 0 var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.front-desk-agent-download:hover[b-jt94ti30n5] {
    background: var(--innvilo-color-primary-hover);
    border-color: var(--innvilo-color-primary-hover);
    color: var(--innvilo-text-inverse);
}

.front-desk-agent-download:active[b-jt94ti30n5] {
    background: var(--innvilo-color-primary-active);
    border-color: var(--innvilo-color-primary-active);
    transform: scale(.98);
}

.front-desk-agent-download:focus-visible[b-jt94ti30n5] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: 2px;
}

.front-desk-agent-download.is-disabled[b-jt94ti30n5] {
    background: var(--innvilo-surface-muted);
    border-color: var(--innvilo-border-default);
    color: var(--innvilo-text-muted);
    cursor: not-allowed;
}

.front-desk-agent-error[b-jt94ti30n5] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-danger);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-6);
}

.front-desk-agent-error > i[b-jt94ti30n5] {
    color: var(--innvilo-danger);
    font-size: var(--innvilo-font-size-heading);
}

.front-desk-agent-error strong[b-jt94ti30n5],
.front-desk-agent-error p[b-jt94ti30n5] {
    margin: 0;
}

.front-desk-agent-error strong[b-jt94ti30n5] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.front-desk-agent-error p[b-jt94ti30n5] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin-top: var(--innvilo-space-2);
}

@media (max-width: 47.99rem) {
    .front-desk-agent-download[b-jt94ti30n5] {
        min-width: 0;
        width: 100%;
        white-space: normal;
    }

    .front-desk-agent-error[b-jt94ti30n5] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-5);
    }

    .front-desk-agent-error > :last-child[b-jt94ti30n5] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .front-desk-agent-download[b-jt94ti30n5] {
        transition: none;
    }

    .front-desk-agent-download:active[b-jt94ti30n5] {
        transform: none;
    }
}
/* /Components/Pages/Operations/FrontDeskAgentAuthorize.razor.rz.scp.css */
.front-desk-agent-authorize-page[b-ix7zamz894] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    width: 100%;
}

.front-desk-agent-authorize-result[b-ix7zamz894] {
    align-items: start;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr);
    max-width: 56rem;
    padding: var(--innvilo-space-6);
    width: 100%;
}

.front-desk-agent-authorize-result__icon[b-ix7zamz894] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.front-desk-agent-authorize-result__icon i[b-ix7zamz894] {
    color: var(--innvilo-text-secondary);
    font-size: 1.125rem;
}

.front-desk-agent-authorize-result.is-success .front-desk-agent-authorize-result__icon i[b-ix7zamz894] {
    color: var(--color-success);
}

.front-desk-agent-authorize-result.is-error .front-desk-agent-authorize-result__icon i[b-ix7zamz894] {
    color: var(--color-error);
}

.front-desk-agent-authorize-result__content[b-ix7zamz894] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.front-desk-agent-authorize-result h2[b-ix7zamz894],
.front-desk-agent-authorize-result p[b-ix7zamz894] {
    margin: 0;
}

.front-desk-agent-authorize-result h2[b-ix7zamz894] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.front-desk-agent-authorize-result p[b-ix7zamz894] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    max-width: 65ch;
}

.front-desk-agent-authorize-result__actions[b-ix7zamz894] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: var(--innvilo-space-2);
}

.front-desk-agent-authorize-back[b-ix7zamz894] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.front-desk-agent-authorize-back:hover[b-ix7zamz894] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-border-strong);
    color: var(--innvilo-color-primary);
}

.front-desk-agent-authorize-back:focus-visible[b-ix7zamz894] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: 2px;
}

.front-desk-agent-authorize-back:active[b-ix7zamz894] {
    transform: scale(var(--innvilo-press-scale));
}

@media (max-width: 47.99rem) {
    .front-desk-agent-authorize-result[b-ix7zamz894] {
        gap: var(--innvilo-space-4);
        grid-template-columns: minmax(0, 1fr);
        padding: var(--innvilo-space-5);
    }

    .front-desk-agent-authorize-result__actions[b-ix7zamz894] {
        align-items: stretch;
        flex-direction: column;
    }

    .front-desk-agent-authorize-back[b-ix7zamz894] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .front-desk-agent-authorize-back[b-ix7zamz894] {
        transition: none;
    }

    .front-desk-agent-authorize-back:active[b-ix7zamz894] {
        transform: none;
    }
}
/* /Components/Pages/Operations/FrontDeskAgentAuthorizeShimmer.razor.rz.scp.css */
.front-desk-agent-authorize-shimmer[b-e59420y239] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    width: 100%;
}

.front-desk-agent-authorize-shimmer__workspace[b-e59420y239] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    max-width: 56rem;
    padding: var(--innvilo-space-6);
    width: 100%;
}

.front-desk-agent-authorize-shimmer__workspace header[b-e59420y239] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
}

.front-desk-agent-authorize-shimmer__workspace header > i[b-e59420y239] {
    height: 2.75rem;
    width: 2.75rem;
}

.front-desk-agent-authorize-shimmer__workspace header > div[b-e59420y239] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.front-desk-agent-authorize-shimmer__workspace strong[b-e59420y239],
.front-desk-agent-authorize-shimmer__workspace span[b-e59420y239],
.front-desk-agent-authorize-shimmer__workspace small[b-e59420y239],
.front-desk-agent-authorize-shimmer__workspace footer i[b-e59420y239],
.front-desk-agent-authorize-shimmer__workspace header > i[b-e59420y239] {
    animation: front-desk-agent-authorize-shimmer-pulse-b-e59420y239 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-sm);
    display: block;
}

.front-desk-agent-authorize-shimmer__workspace strong[b-e59420y239] {
    height: 1.25rem;
    width: min(20rem, 70%);
}

.front-desk-agent-authorize-shimmer__workspace span[b-e59420y239] {
    height: .875rem;
    width: 100%;
}

.front-desk-agent-authorize-shimmer__facts[b-e59420y239] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.front-desk-agent-authorize-shimmer__facts span[b-e59420y239] {
    height: 3rem;
}

.front-desk-agent-authorize-shimmer__workspace small[b-e59420y239] {
    height: 4rem;
    width: 100%;
}

.front-desk-agent-authorize-shimmer__workspace footer[b-e59420y239] {
    display: flex;
    gap: var(--innvilo-space-3);
}

.front-desk-agent-authorize-shimmer__workspace footer i[b-e59420y239] {
    height: 2.75rem;
    width: 9rem;
}

@keyframes front-desk-agent-authorize-shimmer-pulse-b-e59420y239 {
    0%, 100% { opacity: .45; }
    50% { opacity: 1; }
}

@media (max-width: 56.25rem) {
    .front-desk-agent-authorize-shimmer__facts[b-e59420y239] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 47.99rem) {
    .front-desk-agent-authorize-shimmer__workspace[b-e59420y239] {
        gap: var(--innvilo-space-5);
        padding: var(--innvilo-space-5);
    }

    .front-desk-agent-authorize-shimmer__workspace header[b-e59420y239] {
        grid-template-columns: minmax(0, 1fr);
    }

    .front-desk-agent-authorize-shimmer__workspace footer[b-e59420y239] {
        flex-direction: column;
    }

    .front-desk-agent-authorize-shimmer__workspace footer i[b-e59420y239] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .front-desk-agent-authorize-shimmer__workspace strong[b-e59420y239],
    .front-desk-agent-authorize-shimmer__workspace span[b-e59420y239],
    .front-desk-agent-authorize-shimmer__workspace small[b-e59420y239],
    .front-desk-agent-authorize-shimmer__workspace footer i[b-e59420y239],
    .front-desk-agent-authorize-shimmer__workspace header > i[b-e59420y239] {
        animation: none;
        opacity: .7;
    }
}
/* /Components/Pages/Operations/FrontDeskAgentAuthorizeWorkspace.razor.rz.scp.css */
.front-desk-agent-authorize-workspace[b-gtkh868f49] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    max-width: 56rem;
    padding: var(--innvilo-space-6);
    width: 100%;
}

.front-desk-agent-authorize-workspace__header[b-gtkh868f49] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
}

.front-desk-agent-authorize-workspace__header > div[b-gtkh868f49] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.front-desk-agent-authorize-workspace__icon[b-gtkh868f49] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.front-desk-agent-authorize-workspace__icon i[b-gtkh868f49] {
    color: var(--innvilo-color-primary);
    font-size: 1.125rem;
}

.front-desk-agent-authorize-workspace__eyebrow[b-gtkh868f49] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.front-desk-agent-authorize-workspace h2[b-gtkh868f49],
.front-desk-agent-authorize-workspace p[b-gtkh868f49] {
    margin: 0;
}

.front-desk-agent-authorize-workspace h2[b-gtkh868f49] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.front-desk-agent-authorize-workspace__header p[b-gtkh868f49],
.front-desk-agent-authorize-warning p[b-gtkh868f49] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

.front-desk-agent-authorize-facts[b-gtkh868f49] {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.front-desk-agent-authorize-facts > div[b-gtkh868f49] {
    border-left: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: 0 var(--innvilo-space-5);
}

.front-desk-agent-authorize-facts > div:first-child[b-gtkh868f49] {
    border-left: 0;
    padding-left: 0;
}

.front-desk-agent-authorize-facts > div:last-child[b-gtkh868f49] {
    padding-right: 0;
}

.front-desk-agent-authorize-facts dt[b-gtkh868f49] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2);
    line-height: 1.35;
}

.front-desk-agent-authorize-facts dd[b-gtkh868f49] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
}

.front-desk-agent-authorize-warning[b-gtkh868f49] {
    align-items: start;
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-4);
}

.front-desk-agent-authorize-warning > i[b-gtkh868f49] {
    color: var(--color-warning-text);
    font-size: 1rem;
    margin-top: .2rem;
}

.front-desk-agent-authorize-warning strong[b-gtkh868f49] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.front-desk-agent-authorize-actions[b-gtkh868f49] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.front-desk-agent-authorize-cancel[b-gtkh868f49] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.front-desk-agent-authorize-cancel:hover[b-gtkh868f49] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-border-strong);
    color: var(--innvilo-color-primary);
}

.front-desk-agent-authorize-cancel:focus-visible[b-gtkh868f49] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: 2px;
}

.front-desk-agent-authorize-cancel:active[b-gtkh868f49] {
    transform: scale(var(--innvilo-press-scale));
}

.front-desk-agent-authorize-cancel[aria-disabled="true"][b-gtkh868f49] {
    opacity: .55;
    pointer-events: none;
}

@media (max-width: 56.25rem) {
    .front-desk-agent-authorize-facts[b-gtkh868f49] {
        grid-template-columns: minmax(0, 1fr);
    }

    .front-desk-agent-authorize-facts > div[b-gtkh868f49] {
        border-left: 0;
        border-top: 1px solid var(--innvilo-border-default);
        padding: var(--innvilo-space-4) 0;
    }

    .front-desk-agent-authorize-facts > div:first-child[b-gtkh868f49] {
        border-top: 0;
        padding-top: 0;
    }

    .front-desk-agent-authorize-facts > div:last-child[b-gtkh868f49] {
        padding-bottom: 0;
    }
}

@media (max-width: 47.99rem) {
    .front-desk-agent-authorize-workspace[b-gtkh868f49] {
        gap: var(--innvilo-space-5);
        padding: var(--innvilo-space-5);
    }

    .front-desk-agent-authorize-workspace__header[b-gtkh868f49] {
        grid-template-columns: minmax(0, 1fr);
    }

    .front-desk-agent-authorize-actions[b-gtkh868f49] {
        align-items: stretch;
        flex-direction: column;
    }

    .front-desk-agent-authorize-cancel[b-gtkh868f49] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .front-desk-agent-authorize-cancel[b-gtkh868f49] {
        transition: none;
    }

    .front-desk-agent-authorize-cancel:active[b-gtkh868f49] {
        transform: none;
    }
}
/* /Components/Pages/Operations/FrontDeskAgentShimmer.razor.rz.scp.css */
.front-desk-agent-shimmer[b-l5nr2f3wbp] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    width: 100%;
}

.front-desk-agent-shimmer-workspace[b-l5nr2f3wbp] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
    overflow: hidden;
}

.front-desk-agent-shimmer-workspace > div[b-l5nr2f3wbp] {
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-6);
}

.front-desk-agent-shimmer-workspace > div + div[b-l5nr2f3wbp] {
    border-left: 1px solid var(--innvilo-border-default);
}

.front-desk-agent-shimmer-workspace strong[b-l5nr2f3wbp],
.front-desk-agent-shimmer-workspace span[b-l5nr2f3wbp],
.front-desk-agent-shimmer-workspace small[b-l5nr2f3wbp] {
    animation: front-desk-agent-shimmer-pulse-b-l5nr2f3wbp 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-sm);
    display: block;
}

.front-desk-agent-shimmer-workspace strong[b-l5nr2f3wbp] {
    height: 1.25rem;
    width: min(18rem, 70%);
}

.front-desk-agent-shimmer-workspace span[b-l5nr2f3wbp] {
    height: .875rem;
    width: 100%;
}

.front-desk-agent-shimmer-workspace small[b-l5nr2f3wbp] {
    height: 4rem;
    margin-top: var(--innvilo-space-4);
    width: 100%;
}

@keyframes front-desk-agent-shimmer-pulse-b-l5nr2f3wbp {
    0%, 100% { opacity: .45; }
    50% { opacity: 1; }
}

@media (max-width: 56.25rem) {
    .front-desk-agent-shimmer-workspace[b-l5nr2f3wbp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .front-desk-agent-shimmer-workspace > div + div[b-l5nr2f3wbp] {
        border-left: 0;
        border-top: 1px solid var(--innvilo-border-default);
    }
}

@media (max-width: 47.99rem) {
    .front-desk-agent-shimmer-workspace > div[b-l5nr2f3wbp] {
        padding: var(--innvilo-space-5);
    }
}

@media (prefers-reduced-motion: reduce) {
    .front-desk-agent-shimmer-workspace strong[b-l5nr2f3wbp],
    .front-desk-agent-shimmer-workspace span[b-l5nr2f3wbp],
    .front-desk-agent-shimmer-workspace small[b-l5nr2f3wbp] {
        animation: none;
        opacity: .7;
    }
}
/* /Components/Pages/Operations/FrontDeskAgentWorkspace.razor.rz.scp.css */
.front-desk-agent-workspace[b-28cdpmlq0z] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
    min-width: 0;
    overflow: hidden;
}

.front-desk-agent-status[b-28cdpmlq0z],
.front-desk-agent-steps[b-28cdpmlq0z] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-6);
}

.front-desk-agent-steps[b-28cdpmlq0z] {
    border-left: 1px solid var(--innvilo-border-default);
}

.front-desk-agent-status header[b-28cdpmlq0z] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.front-desk-agent-status h2[b-28cdpmlq0z],
.front-desk-agent-steps h3[b-28cdpmlq0z],
.front-desk-agent-status p[b-28cdpmlq0z] {
    margin: 0;
}

.front-desk-agent-status h2[b-28cdpmlq0z] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Heavy', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.front-desk-agent-status header p[b-28cdpmlq0z],
.front-desk-agent-note[b-28cdpmlq0z],
.front-desk-agent-steps ol[b-28cdpmlq0z] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

.front-desk-agent-status header p[b-28cdpmlq0z],
.front-desk-agent-note[b-28cdpmlq0z] {
    max-width: 65ch;
}

.front-desk-agent-state[b-28cdpmlq0z] {
    align-items: start;
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    padding-top: var(--innvilo-space-5);
}

.front-desk-agent-state > i[b-28cdpmlq0z] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-heading);
    margin-top: .125rem;
}

.front-desk-agent-state.is-positive > i[b-28cdpmlq0z] {
    color: var(--color-success);
}

.front-desk-agent-state.is-warning > i[b-28cdpmlq0z] {
    color: var(--color-warning);
}

.front-desk-agent-state > div[b-28cdpmlq0z] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.front-desk-agent-state strong[b-28cdpmlq0z] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
}

.front-desk-agent-state span[b-28cdpmlq0z] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.front-desk-agent-note[b-28cdpmlq0z] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-5);
}

.front-desk-agent-steps h3[b-28cdpmlq0z] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Heavy', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
}

.front-desk-agent-steps ol[b-28cdpmlq0z] {
    display: grid;
    gap: var(--innvilo-space-4);
    padding-left: var(--innvilo-space-6);
}

.front-desk-agent-steps li[b-28cdpmlq0z]::marker {
    color: var(--innvilo-color-primary);
    font-family: 'Lato-Heavy', Arial, sans-serif;
}

@media (max-width: 56.25rem) {
    .front-desk-agent-workspace[b-28cdpmlq0z] {
        grid-template-columns: minmax(0, 1fr);
    }

    .front-desk-agent-steps[b-28cdpmlq0z] {
        border-left: 0;
        border-top: 1px solid var(--innvilo-border-default);
    }
}

@media (max-width: 47.99rem) {
    .front-desk-agent-status[b-28cdpmlq0z],
    .front-desk-agent-steps[b-28cdpmlq0z] {
        padding: var(--innvilo-space-5);
    }
}
/* /Components/Pages/Operations/FrontOfficeCheckIn.razor.rz.scp.css */
/* Hülle des Check-ins. Desktop: Schrittleiste und Panel links, Zusammenfassung rechts als eigene,
   mitlaufende Spalte. Handy und Tablet: einspaltig, feste Aktionsleiste unten mit aufklappbarer
   Zusammenfassung. Eine Fläche, ein Radius, Trennung durch Hairlines; der einzige Schatten liegt auf der
   schwebenden Aktionsleiste. Muster: BookingWizardShell. */

.ci-page[b-keteew3ekn] {
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding-bottom: var(--innvilo-space-6);
    width: 100%;
}

.ci-page--embedded[b-keteew3ekn] {
    gap: var(--innvilo-space-5);
    padding: 0;
}

.ci-shell[b-keteew3ekn] {
    container-name: ci-shell;
    container-type: inline-size;
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
}

.ci-shell__body[b-keteew3ekn] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

.ci-shell--desktop .ci-shell__body[b-keteew3ekn] {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 21rem);
}

.ci-shell__main[b-keteew3ekn] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.ci-panel[b-keteew3ekn] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8) var(--innvilo-space-6);
}

.ci-panel__stage[b-keteew3ekn] {
    animation: ci-step-enter-b-keteew3ekn var(--innvilo-duration-normal) var(--innvilo-easing-decelerate) both;
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.ci-panel__head[b-keteew3ekn] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.ci-panel__count[b-keteew3ekn] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    margin: 0;
}

.ci-panel__head h2[b-keteew3ekn] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.2;
    margin: 0;
    outline: none;
}

.ci-panel__head h2:focus-visible[b-keteew3ekn] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 4px;
}

.ci-panel__head p:last-child[b-keteew3ekn] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 70ch;
}

.ci-panel__content[b-keteew3ekn] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.ci-panel__footer[b-keteew3ekn] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding-top: var(--innvilo-space-5);
}

.ci-panel__footer-hint[b-keteew3ekn] {
    color: var(--innvilo-text-secondary);
    flex: 1 1 16rem;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    max-width: 48ch;
}

.ci-panel__footer-hint:empty[b-keteew3ekn] {
    display: none;
}

.ci-shell__aside[b-keteew3ekn] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    padding: var(--innvilo-space-6);
    position: sticky;
    top: var(--innvilo-space-4);
}

/* Zusammenfassung (Inhalt kommt aus CheckInSummary, gestylt über die Klasse ci-summary in _checkin.scss) */

.ci-bar[b-keteew3ekn] {
    background: var(--innvilo-surface-card);
    border-top: 1px solid var(--innvilo-border-default);
    bottom: 0;
    box-shadow: var(--innvilo-shadow-bar);
    display: grid;
    left: 0;
    position: fixed;
    right: 0;
    z-index: var(--innvilo-z-sticky);
}

.ci-shell--mobile .ci-bar[b-keteew3ekn] {
    bottom: calc(4rem + env(safe-area-inset-bottom));
}

.ci-page--embedded .ci-bar[b-keteew3ekn] {
    position: sticky;
}

.ci-bar__row[b-keteew3ekn] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) auto;
    padding: var(--innvilo-space-3) var(--innvilo-page-gutter-mobile);
}

.ci-bar__toggle[b-keteew3ekn] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0 var(--innvilo-space-2);
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 2.75rem;
    min-width: 0;
    padding: 0;
    text-align: left;
}

.ci-bar__toggle:focus-visible[b-keteew3ekn] {
    border-radius: var(--innvilo-radius-xs);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.ci-bar__label[b-keteew3ekn] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    grid-column: 1;
    letter-spacing: var(--innvilo-tracking-caption);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ci-bar__total[b-keteew3ekn] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    grid-column: 1;
}

.ci-bar__toggle i[b-keteew3ekn] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    grid-column: 2;
    grid-row: 1 / span 2;
}

.ci-bar__sheet[b-keteew3ekn] {
    animation: ci-sheet-enter-b-keteew3ekn var(--innvilo-duration-normal) var(--innvilo-easing-decelerate) both;
    border-bottom: 1px solid var(--innvilo-border-default);
    max-height: 60dvh;
    overflow-y: auto;
    padding: var(--innvilo-space-5) var(--innvilo-page-gutter-mobile);
}

.ci-shell--mobile[b-keteew3ekn],
.ci-shell--tablet[b-keteew3ekn] {
    padding-bottom: 4.5rem;
}

.ci-embedded-head[b-keteew3ekn] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    justify-content: space-between;
    padding-bottom: var(--innvilo-space-4);
}

.ci-embedded-head > div[b-keteew3ekn] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.ci-embedded-head strong[b-keteew3ekn] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.ci-embedded-head span[b-keteew3ekn] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.ci-state[b-keteew3ekn] {
    align-items: flex-start;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 10rem;
    padding: var(--innvilo-space-7);
}

.ci-state > i[b-keteew3ekn] {
    color: var(--innvilo-text-secondary);
    font-size: 1.5rem;
    margin-top: var(--innvilo-space-1);
}

.ci-state.is-error > i[b-keteew3ekn] {
    color: var(--innvilo-danger);
}

.ci-state h2[b-keteew3ekn],
.ci-state strong[b-keteew3ekn] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    margin: 0;
}

.ci-state p[b-keteew3ekn] {
    color: var(--innvilo-text-secondary);
    margin: var(--innvilo-space-2) 0 0;
}

.ci-state__actions[b-keteew3ekn] {
    margin-top: var(--innvilo-space-5);
}

@keyframes ci-step-enter-b-keteew3ekn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes ci-sheet-enter-b-keteew3ekn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@container ci-shell (max-width: 56rem) {
    .ci-panel[b-keteew3ekn] {
        padding: var(--innvilo-space-5) var(--innvilo-space-4) var(--innvilo-space-5);
    }

    .ci-panel__footer[b-keteew3ekn] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ci-panel__stage[b-keteew3ekn],
    .ci-bar__sheet[b-keteew3ekn] {
        animation: none;
    }
}
/* /Components/Pages/Operations/FrontOfficeCheckInShimmer.razor.rz.scp.css */
.ci-loading[b-bvh1yg3mcx] {
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    width: 100%;
}

.ci-loading.ci-page--embedded[b-bvh1yg3mcx] {
    gap: var(--innvilo-space-5);
}

.ci-shimmer[b-bvh1yg3mcx] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 21rem);
}

.ci-shimmer__main[b-bvh1yg3mcx] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.ci-shimmer span[b-bvh1yg3mcx],
.ci-shimmer-row span[b-bvh1yg3mcx] {
    background: var(--color-surface-soft);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 0.875rem;
}

.ci-shimmer-row span[b-bvh1yg3mcx] {
    height: 2.5rem;
}

.ci-shimmer-stepper[b-bvh1yg3mcx] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: var(--innvilo-space-4);
}

.ci-shimmer-stepper span[b-bvh1yg3mcx] {
    height: 1.75rem;
}

.ci-shimmer-panel[b-bvh1yg3mcx] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
}

.ci-shimmer-panel .is-heading[b-bvh1yg3mcx] {
    height: 1.5rem;
    width: 40%;
}

.ci-shimmer-panel .is-copy[b-bvh1yg3mcx] {
    width: 70%;
}

.ci-shimmer-facts[b-bvh1yg3mcx] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
}

.ci-shimmer-facts span[b-bvh1yg3mcx] {
    height: 2.5rem;
}

.ci-shimmer-fields[b-bvh1yg3mcx] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ci-shimmer-fields span[b-bvh1yg3mcx] {
    height: 2.75rem;
}

.ci-shimmer-panel .is-footer[b-bvh1yg3mcx] {
    height: 2.75rem;
    justify-self: end;
    width: 12rem;
}

.ci-shimmer-aside[b-bvh1yg3mcx] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-6);
}

.ci-shimmer-aside .is-heading[b-bvh1yg3mcx] {
    height: 1.25rem;
    width: 60%;
}

@media (max-width: 991.98px) {
    .ci-shimmer[b-bvh1yg3mcx] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ci-shimmer-aside[b-bvh1yg3mcx] {
        display: none;
    }
}
/* /Components/Pages/Operations/FrontOfficeDepartureBatchDialog.razor.rz.scp.css */
.fo-batch[b-ouqpxx83nh] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-5);
}

.fo-batch__intro[b-ouqpxx83nh] {
    margin: 0;
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 65ch;
}

.fo-batch__summary[b-ouqpxx83nh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--innvilo-space-3);
    margin: 0;
}

.fo-batch__summary > div[b-ouqpxx83nh] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    background: var(--color-surface-soft);
}

.fo-batch__summary dt[b-ouqpxx83nh] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    color: var(--innvilo-text-secondary);
}

.fo-batch__summary dd[b-ouqpxx83nh] {
    margin: 0;
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    color: var(--innvilo-text-primary);
}

.fo-batch__progress[b-ouqpxx83nh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    color: var(--innvilo-text-primary);
}

.fo-batch__progress span[b-ouqpxx83nh] {
    min-width: 0;
}

.fo-batch__progress strong[b-ouqpxx83nh] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.fo-batch__rows[b-ouqpxx83nh] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-height: min(20rem, 45dvh);
    overflow-y: auto;
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
}

.fo-batch__row[b-ouqpxx83nh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    /* Feste Zeilenhöhe: Statuswechsel dürfen das Layout nicht springen lassen. */
    min-height: 3.25rem;
    border-bottom: 1px solid var(--innvilo-border-soft);
    background: var(--color-surface);
}

.fo-batch__row:last-child[b-ouqpxx83nh] {
    border-bottom: none;
}

.fo-batch__row-guest[b-ouqpxx83nh] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.fo-batch__row-guest span[b-ouqpxx83nh] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    color: var(--innvilo-text-secondary);
}

.fo-batch__row-state[b-ouqpxx83nh] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-3);
    flex-shrink: 0;
    max-width: 60%;
}

.fo-batch__row-message[b-ouqpxx83nh] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    color: var(--innvilo-text-secondary);
    white-space: normal;
    text-align: right;
}

.fo-batch__hint[b-ouqpxx83nh] {
    margin: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    border-radius: var(--innvilo-radius-md);
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    color: var(--color-warning-text);
    line-height: 1.45;
}

@media (max-width: 47.99rem) {
    .fo-batch[b-ouqpxx83nh] {
        gap: var(--innvilo-space-4);
    }

    .fo-batch__summary[b-ouqpxx83nh],
    .fo-batch__progress[b-ouqpxx83nh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .fo-batch__summary > div[b-ouqpxx83nh] {
        padding: var(--innvilo-space-3) var(--innvilo-space-4);
    }

    .fo-batch__rows[b-ouqpxx83nh] {
        max-height: min(18rem, 40dvh);
    }

    .fo-batch__row[b-ouqpxx83nh] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--innvilo-space-2);
    }

    .fo-batch__row-state[b-ouqpxx83nh] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-2);
        max-width: 100%;
    }

    .fo-batch__row-message[b-ouqpxx83nh] {
        text-align: left;
    }
}
/* /Components/Pages/Operations/FrontOfficePaymentClarificationPanel.razor.rz.scp.css */
.fo-clarification[b-ydafbiq4ky] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-card);
    background: var(--color-surface);
}

.fo-clarification__header[b-ydafbiq4ky] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--innvilo-space-4);
    flex-wrap: wrap;
}

.fo-clarification__header h2[b-ydafbiq4ky] {
    margin: 0;
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    color: var(--innvilo-text-primary);
}

.fo-clarification__header p[b-ydafbiq4ky] {
    margin: var(--innvilo-space-1) 0 0;
    color: var(--innvilo-text-secondary);
    max-width: 46rem;
}

.fo-clarification__count[b-ydafbiq4ky] {
    display: inline-flex;
    align-items: center;
    height: 1.75rem;
    padding: 0 0.75rem;
    border-radius: var(--innvilo-radius-full);
    background: var(--color-surface-soft);
    border: 1px solid var(--innvilo-border-soft);
    color: var(--innvilo-text-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    white-space: nowrap;
}

.fo-clarification__count.has-open[b-ydafbiq4ky] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
}

.fo-clarification__empty[b-ydafbiq4ky] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5);
    border-radius: var(--innvilo-radius-md);
    background: var(--color-surface-soft);
    color: var(--innvilo-text-secondary);
}

.fo-clarification__empty i[b-ydafbiq4ky] {
    color: var(--color-success);
    font-size: 1.25rem;
}

.fo-clarification__empty p[b-ydafbiq4ky] {
    margin: 0;
}

.fo-clarification__list[b-ydafbiq4ky] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-4);
}

.fo-clarification__case[b-ydafbiq4ky] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
    border: 1px solid var(--color-warning-border);
    border-left: 4px solid var(--color-warning);
    border-radius: var(--innvilo-radius-md);
    background: var(--color-surface);
}

.fo-clarification__case-main[b-ydafbiq4ky] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--innvilo-space-4);
    flex-wrap: wrap;
}

.fo-clarification__guest[b-ydafbiq4ky] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.fo-clarification__guest span[b-ydafbiq4ky] {
    font-size: var(--innvilo-font-size-caption);
    color: var(--innvilo-text-secondary);
}

.fo-clarification__group[b-ydafbiq4ky] {
    display: inline-flex;
    align-items: center;
    gap: var(--innvilo-space-2);
}

.fo-clarification__amount[b-ydafbiq4ky] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-3);
    flex-shrink: 0;
}

.fo-clarification__amount strong[b-ydafbiq4ky] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    color: var(--color-warning-text);
}

.fo-clarification__reason[b-ydafbiq4ky] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-1);
    color: var(--innvilo-text-primary);
}

.fo-clarification__reason span[b-ydafbiq4ky] {
    font-size: var(--innvilo-font-size-caption);
    color: var(--innvilo-text-secondary);
}

.fo-clarification__note[b-ydafbiq4ky] {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-3);
    border-radius: var(--innvilo-radius-md);
    background: var(--color-surface-soft);
    color: var(--innvilo-text-primary);
}

.fo-clarification__actions[b-ydafbiq4ky] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.fo-clarification__note-editor[b-ydafbiq4ky] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-2);
}

.fo-clarification__note-editor label[b-ydafbiq4ky] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    color: var(--innvilo-text-primary);
}

.fo-clarification__note-editor textarea[b-ydafbiq4ky] {
    width: 100%;
    padding: var(--innvilo-space-3);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: inherit;
    color: var(--innvilo-text-primary);
    background: var(--color-surface);
    resize: vertical;
}

.fo-clarification__note-editor textarea:focus-visible[b-ydafbiq4ky] {
    outline: 2px solid var(--color-primary);
    outline-offset: 1px;
}

.fo-clarification__completed summary[b-ydafbiq4ky] {
    cursor: pointer;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    color: var(--innvilo-text-secondary);
}

.fo-clarification__completed ul[b-ydafbiq4ky] {
    list-style: none;
    margin: var(--innvilo-space-3) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-2);
}

.fo-clarification__completed li[b-ydafbiq4ky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-3);
    border-radius: var(--innvilo-radius-md);
    background: var(--color-success-soft);
    color: var(--innvilo-text-primary);
    flex-wrap: wrap;
}

.fo-clarification__completed-meta[b-ydafbiq4ky] {
    font-size: var(--innvilo-font-size-caption);
    color: var(--innvilo-text-secondary);
}
/* /Components/Pages/Operations/Housekeeping.razor.rz.scp.css */
/* Zimmerstatus: nur Layout und Maße des eigenen Markups. Blockrhythmus und Flächen kommen aus
   .pms-worklist, Farben aus den --innvilo-Token. */

.housekeeping-block[b-0fzjn1g1k5] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.housekeeping-block__head[b-0fzjn1g1k5] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-7);
    justify-content: space-between;
    min-width: 0;
}

.housekeeping-block__head h2[b-0fzjn1g1k5] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.housekeeping-block__head p[b-0fzjn1g1k5] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    margin: var(--innvilo-space-2) 0 0;
    max-width: 62ch;
}

.housekeeping-block__meta[b-0fzjn1g1k5] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-3);
    margin: 0;
}

.housekeeping-connection[b-0fzjn1g1k5] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
}

.housekeeping-connection[data-connection-state='offline'][b-0fzjn1g1k5] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.housekeeping-filter[b-0fzjn1g1k5] {
    display: grid;
    min-width: 0;
}

.housekeeping-desktop-host[b-0fzjn1g1k5],
.housekeeping-mobile-host[b-0fzjn1g1k5],
.housekeeping-personal-host[b-0fzjn1g1k5] {
    min-width: 0;
}

.housekeeping-load-error[b-0fzjn1g1k5] {
    align-items: center;
    background: var(--color-error-soft);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-xs);
    color: var(--color-error);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto 1fr auto;
    padding: var(--innvilo-space-5);
}

.housekeeping-load-error div[b-0fzjn1g1k5] {
    display: grid;
    gap: var(--innvilo-space-2);
}

@media (max-width: 61.9375rem) {
    .housekeeping-block__head[b-0fzjn1g1k5] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 47.9375rem) {
    .housekeeping-load-error[b-0fzjn1g1k5] {
        grid-template-columns: auto 1fr;
    }
}

/* Umschalter der Druckgliederung. Nur Bildschirm; der Druckstil in global.scss blendet ihn über
   [data-print-grouping] aus. */
.housekeeping-grouping[b-0fzjn1g1k5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

/* Arbeitstag der Planung im Seitenkopf: die Filterzeile entfällt dort, der Bedienort wandert. Der Rumpf
   des Editors gehört DevExpress; hier steht nur die Beschriftung daneben. */
.housekeeping-workdate[b-0fzjn1g1k5] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
}

.housekeeping-workdate span[b-0fzjn1g1k5] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

/* Fußzeile der Planung: letzte Zeile innerhalb der weißen Fläche, linksbündig, Tabellenziffern. */
.housekeeping-plan-footer[b-0fzjn1g1k5] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
    margin: 0 var(--innvilo-space-6);
    padding: var(--innvilo-space-5) 0;
}
/* /Components/Pages/Operations/HousekeepingAnalytics/HousekeepingAnalyticsBoard.razor.rz.scp.css */
/* Seitencontainer: Blockrhythmus kommt aus .pms-worklist, die Seite begrenzt nur die Inhaltsbreite. */
.housekeeping-analytics-page[b-9rr7wv0sn5] {
    font-family: Lato, sans-serif;
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
}

/* Zeitraum-Segment im Kopf, danach optional zwei Datumsfelder. */
.housekeeping-analytics-range[b-9rr7wv0sn5] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-1);
}

.housekeeping-analytics-date[b-9rr7wv0sn5] {
    display: inline-flex;
    margin: 0;
    min-width: 9.5rem;
}
/* /Components/Pages/Operations/HousekeepingAnalytics/HousekeepingAnalyticsCharts.razor.rz.scp.css */
/* Diagrammkarten der Analyse, zwei je Reihe ab 44rem Kartenbreite, sonst gestapelt. Flächen mit 1px-Rahmen. */
.hk-analytics-charts[b-bq8tw5vr7b] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    min-width: 0;
}

.hk-analytics-charts__card[b-bq8tw5vr7b] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.hk-analytics-charts__card h3[b-bq8tw5vr7b] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.hk-analytics-charts__lead[b-bq8tw5vr7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
    max-width: 68ch;
}

.hk-analytics-charts__state[b-bq8tw5vr7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: var(--innvilo-space-4) 0;
    max-width: 60ch;
}

.hk-analytics-charts__chart[b-bq8tw5vr7b] {
    min-width: 0;
}

.hk-analytics-charts__sums[b-bq8tw5vr7b] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-6);
    margin: 0;
}

.hk-analytics-charts__sums div[b-bq8tw5vr7b] {
    display: flex;
    gap: var(--innvilo-space-2);
}

.hk-analytics-charts__sums dt[b-bq8tw5vr7b] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-analytics-charts__sums dd[b-bq8tw5vr7b] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.hk-analytics-charts__tooltip[b-bq8tw5vr7b] {
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-1);
}

.hk-analytics-charts__tooltip strong[b-bq8tw5vr7b] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}
/* /Components/Pages/Operations/HousekeepingAnalytics/HousekeepingAnalyticsCleaningTimes.razor.rz.scp.css */
/* Reinigungszeiten: Blockkopf, Zahlen tabellarisch, kompakt als Liste. */
.hk-cleaning[b-z7iuscomgc] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.hk-cleaning__head h2[b-z7iuscomgc] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.hk-cleaning__head p[b-z7iuscomgc] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: var(--innvilo-space-2) 0 0;
    max-width: 68ch;
}

.hk-cleaning__number[b-z7iuscomgc] {
    font-variant-numeric: tabular-nums;
}

.hk-cleaning__list[b-z7iuscomgc] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-cleaning__list li[b-z7iuscomgc] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-height: 3rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.hk-cleaning__list li:last-child[b-z7iuscomgc] {
    border-bottom: 0;
}

.hk-cleaning__list li > span[b-z7iuscomgc] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-cleaning__list small[b-z7iuscomgc] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-cleaning__list li > strong[b-z7iuscomgc] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* /Components/Pages/Operations/HousekeepingAnalytics/HousekeepingAnalyticsEmployees.razor.rz.scp.css */
/* Mitarbeiterprofile: Blockkopf, Grid- und Kartenzellen, Profilpopup. Nur eigenes Markup. */
.hk-employees[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.hk-employees__head[b-cqhe88rzqz] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-7);
    justify-content: space-between;
    min-width: 0;
}

.hk-employees__head h2[b-cqhe88rzqz] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.hk-employees__head p[b-cqhe88rzqz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: var(--innvilo-space-2) 0 0;
    max-width: 68ch;
}

.hk-employees__count[b-cqhe88rzqz] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.hk-employees__cell[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-employees__cell strong[b-cqhe88rzqz] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.hk-employees__cell small[b-cqhe88rzqz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.hk-employees__cards[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.hk-employees__card[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.hk-employees__card header[b-cqhe88rzqz] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.hk-employees__card header div[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.hk-employees__card header strong[b-cqhe88rzqz] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-employees__card header span[b-cqhe88rzqz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.hk-employees__card footer[b-cqhe88rzqz] {
    display: flex;
    justify-content: flex-end;
}

.hk-employees__facts[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.hk-employees__facts div[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.hk-employees__facts dt[b-cqhe88rzqz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-employees__facts dd[b-cqhe88rzqz] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

/* Profilpopup */
.hk-employees__profile[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.hk-employees__profile-lead[b-cqhe88rzqz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.hk-employees__profile-block[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.hk-employees__profile-block h3[b-cqhe88rzqz] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    margin: 0;
}

.hk-employees__profile-list[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-employees__profile-list li[b-cqhe88rzqz] {
    align-items: start;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding-bottom: var(--innvilo-space-2);
}

.hk-employees__profile-list li:last-child[b-cqhe88rzqz] {
    border-bottom: 0;
}

.hk-employees__profile-list li > span[b-cqhe88rzqz] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-employees__profile-list small[b-cqhe88rzqz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.hk-employees__profile-list li > strong[b-cqhe88rzqz] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.hk-employees__muted[b-cqhe88rzqz] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    margin: 0;
}

@media (max-width: 61.9375rem) {
    .hk-employees__head[b-cqhe88rzqz] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Operations/HousekeepingAnalytics/HousekeepingAnalyticsWorkspace.razor.rz.scp.css */
/* Reiter Analyse: Blöcke im Seitenrhythmus, Hinweise als linksbündige Zeilen mit 2px-Kante, kein Schatten. */
.hk-analytics[b-1lvfe44b2x] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.hk-analytics__notices[b-1lvfe44b2x] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-analytics__notices li[b-1lvfe44b2x] {
    align-items: flex-start;
    border-left: 2px solid var(--innvilo-border-strong);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
}

.hk-analytics__notices i[b-1lvfe44b2x] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: 0.875rem;
    margin-top: 0.15rem;
}

.hk-analytics__sample[b-1lvfe44b2x] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1.5;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    max-width: 70ch;
}

.hk-analytics__details[b-1lvfe44b2x] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
}

.hk-analytics__details summary[b-1lvfe44b2x] {
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    min-height: 2.75rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.hk-analytics__details summary:focus-visible[b-1lvfe44b2x] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.hk-analytics__details[open] summary[b-1lvfe44b2x] {
    border-bottom: 1px solid var(--innvilo-border-default);
}

@media (max-width: 61.9375rem) {
    .hk-analytics[b-1lvfe44b2x] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Operations/HousekeepingAnalytics/HousekeepingRecognitionEntries.razor.rz.scp.css */
/* Punktebuch: Gridzellen und Karten. Nur eigenes Markup. */
.hk-entries__cell[b-char11heda] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-entries__cell strong[b-char11heda] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-entries__cell small[b-char11heda] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.hk-entries__number[b-char11heda] {
    font-variant-numeric: tabular-nums;
}

.hk-entries__row-actions[b-char11heda] {
    display: flex;
    gap: var(--innvilo-space-1);
    justify-content: flex-end;
}

.hk-entries__cards[b-char11heda] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.hk-entries__card[b-char11heda] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.hk-entries__card header[b-char11heda] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.hk-entries__card header div[b-char11heda] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-entries__card header strong[b-char11heda] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.hk-entries__card header span[b-char11heda] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.hk-entries__meta[b-char11heda] {
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-2) var(--innvilo-space-5);
    margin: 0;
}

.hk-entries__meta i[b-char11heda] {
    font-size: 0.875rem;
    margin-right: var(--innvilo-space-2);
}

.hk-entries__card footer[b-char11heda] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}
/* /Components/Pages/Operations/HousekeepingAnalytics/HousekeepingRecognitionManualEntryDialog.razor.rz.scp.css */
/* Besonderer Beitrag: Hinweis unter dem Punktefeld, Fehlerliste des Dienstes mit linker Kante. Nur eigenes Markup. */
.hk-manual__hint[b-scxzl8ab5l] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
}

.hk-manual__errors[b-scxzl8ab5l] {
    border-left: 2px solid var(--color-error);
    color: var(--color-error);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-1);
    list-style: none;
    margin: 0;
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
}
/* /Components/Pages/Operations/HousekeepingAnalytics/HousekeepingRecognitionPanel.razor.rz.scp.css */
/* Punkte und Belohnungen: Blöcke im Seitenrhythmus, Listen mit 1px-Trennern, kein Schatten. */
.hk-points[b-4m1xd0p0ws] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.hk-points__block[b-4m1xd0p0ws] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.hk-points__head[b-4m1xd0p0ws] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-7);
    justify-content: space-between;
    min-width: 0;
}

.hk-points__head h2[b-4m1xd0p0ws] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.hk-points__head p[b-4m1xd0p0ws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
    margin: var(--innvilo-space-2) 0 0;
    max-width: 70ch;
}

.hk-points__actions[b-4m1xd0p0ws] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.hk-points__employee[b-4m1xd0p0ws] {
    display: inline-flex;
    margin: 0;
    min-width: 14rem;
}

.hk-points__count[b-4m1xd0p0ws] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.hk-points__notices[b-4m1xd0p0ws] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-points__notices li[b-4m1xd0p0ws] {
    align-items: flex-start;
    border-left: 2px solid var(--innvilo-border-strong);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
}

.hk-points__notices i[b-4m1xd0p0ws] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: 0.875rem;
    margin-top: 0.15rem;
}

.hk-points__list[b-4m1xd0p0ws] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-points__list li[b-4m1xd0p0ws] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
    justify-content: space-between;
    min-height: 3.5rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.hk-points__list li:last-child[b-4m1xd0p0ws] {
    border-bottom: 0;
}

.hk-points__list-main[b-4m1xd0p0ws] {
    display: grid;
    flex: 1 1 18rem;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-points__list-main strong[b-4m1xd0p0ws] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.hk-points__list-main small[b-4m1xd0p0ws] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
}

.hk-points__list-side[b-4m1xd0p0ws] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

.hk-points__list-side > strong[b-4m1xd0p0ws] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.hk-points__components[b-4m1xd0p0ws] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.hk-points__components p[b-4m1xd0p0ws] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
}

.hk-points__components ol[b-4m1xd0p0ws] {
    display: grid;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-1);
    margin: 0;
    padding-left: var(--innvilo-space-6);
}

@media (max-width: 61.9375rem) {
    .hk-points[b-4m1xd0p0ws] {
        gap: var(--innvilo-space-8);
    }

    .hk-points__head[b-4m1xd0p0ws] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hk-points__list-side[b-4m1xd0p0ws] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Operations/HousekeepingAnalytics/HousekeepingRecognitionRuleSetDialog.razor.rz.scp.css */
/* Regelwerksdialog: Gruppen mit Legende, Felder im Raster, Fehlerliste mit linker Kante. Nur eigenes Markup. */
.hk-ruleset[b-1whmqnahjb] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.hk-ruleset__group[b-1whmqnahjb] {
    border: 0;
    display: grid;
    gap: var(--innvilo-space-3);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.hk-ruleset__group legend[b-1whmqnahjb] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    margin-bottom: var(--innvilo-space-2);
    padding: 0;
}

.hk-ruleset__hint[b-1whmqnahjb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
    margin: 0;
    max-width: 70ch;
}

.hk-ruleset__grid[b-1whmqnahjb] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.hk-ruleset__grid--points[b-1whmqnahjb] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hk-ruleset__grid--four[b-1whmqnahjb] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hk-ruleset__grid label[b-1whmqnahjb] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.hk-ruleset__grid label > span[b-1whmqnahjb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-ruleset__wide[b-1whmqnahjb] {
    grid-column: 1 / -1;
}

.hk-ruleset__errors[b-1whmqnahjb] {
    border-left: 2px solid var(--color-error);
    color: var(--color-error);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-1);
    list-style: none;
    margin: 0;
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
}

@media (max-width: 47.9375rem) {
    .hk-ruleset__grid[b-1whmqnahjb],
    .hk-ruleset__grid--points[b-1whmqnahjb],
    .hk-ruleset__grid--four[b-1whmqnahjb] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Operations/HousekeepingReports/HousekeepingManagementBoard.razor.rz.scp.css */
/* Seitencontainer: Blockrhythmus kommt aus .pms-worklist, die Seite begrenzt nur die Inhaltsbreite. */
.housekeeping-management-page[b-9eh4sagft0] {
    font-family: Lato, sans-serif;
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
}

/* Zeitraum-Segment im Kopf, danach optional zwei Datumsfelder. */
.housekeeping-management-range[b-9eh4sagft0] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-1);
}

.housekeeping-management-date[b-9eh4sagft0] {
    display: inline-flex;
    margin: 0;
    min-width: 9.5rem;
}

/* Exportmenü: natives details/summary, die Liste hängt als Überlagerung unter dem Knopf. */
.housekeeping-management-export[b-9eh4sagft0] {
    position: relative;
}

.housekeeping-management-export summary[b-9eh4sagft0] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    list-style: none;
}

.housekeeping-management-export summary[b-9eh4sagft0]::-webkit-details-marker {
    display: none;
}

.housekeeping-management-export summary:focus-visible[b-9eh4sagft0] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.housekeeping-management-export__caret[b-9eh4sagft0] {
    font-size: 0.625rem;
    transition: transform var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.housekeeping-management-export[open] .housekeeping-management-export__caret[b-9eh4sagft0] {
    transform: rotate(180deg);
}

.housekeeping-management-export__menu[b-9eh4sagft0] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    box-shadow: var(--innvilo-shadow-popover);
    display: grid;
    min-width: 9rem;
    padding: var(--innvilo-space-2);
    position: absolute;
    right: 0;
    top: calc(100% + var(--innvilo-space-2));
    z-index: 20;
}

.housekeeping-management-export__menu a[b-9eh4sagft0] {
    align-items: center;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-4);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.housekeeping-management-export__menu a:hover[b-9eh4sagft0] {
    background: var(--innvilo-surface-app);
}

.housekeeping-management-export__menu a:focus-visible[b-9eh4sagft0] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.housekeeping-management-export__menu i[b-9eh4sagft0] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    width: 1rem;
}

/* Signalstreifen folgt der Werkzeugleiste im normalen Abstand. */
.housekeeping-management-signals[b-9eh4sagft0],
.housekeeping-management-brief[b-9eh4sagft0] {
    margin-top: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
}

/* Signalstreifen: linke Kante trägt die Dringlichkeit, Zählmarke davor, Text mit Sprungzielen dahinter. */
.housekeeping-management-signals[b-9eh4sagft0] {
    align-items: baseline;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-left: 3px solid var(--color-error);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
    line-height: 1.5;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.housekeeping-management-signals.is-calm[b-9eh4sagft0] {
    border-left-color: var(--color-success);
}

.housekeeping-management-signals strong[b-9eh4sagft0] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    white-space: nowrap;
}

.housekeeping-management-signals__link[b-9eh4sagft0] {
    appearance: none;
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-decoration: none;
    text-underline-offset: var(--innvilo-space-2);
}

.housekeeping-management-signals__link:hover[b-9eh4sagft0],
.housekeeping-management-signals__link:focus-visible[b-9eh4sagft0] {
    text-decoration: underline;
}

.housekeeping-management-signals__link:focus-visible[b-9eh4sagft0] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Lagebeschreibung der Zeitraum-Vorschau: ein Absatz, links, gedeckelte Zeilenlänge. */
.housekeeping-management-brief[b-9eh4sagft0] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.5;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    max-width: 70ch;
}

/* Der Auslöser des Exportmenüs ist ein summary, kein Link: Maße wie a.dx-app-button, Farbe über dx-app-button-primary. */
.housekeeping-management-export summary.dx-app-button[b-9eh4sagft0] {
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-sm);
    box-sizing: border-box;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle), border-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.housekeeping-management-export summary.dx-app-icon-button[b-9eh4sagft0] {
    height: 2.75rem;
    padding: 0;
    width: 2.75rem;
}

.housekeeping-management-export summary:active[b-9eh4sagft0] {
    transform: scale(var(--innvilo-press-scale));
    transition: transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

@media (prefers-reduced-motion: reduce) {
    .housekeeping-management-export summary:active[b-9eh4sagft0] {
        transform: none;
    }

    .housekeeping-management-export__caret[b-9eh4sagft0],
    .housekeeping-management-export summary.dx-app-button[b-9eh4sagft0],
    .housekeeping-management-export__menu a[b-9eh4sagft0] {
        transition: none;
    }
}

/* Werkzeugleiste unter dem Kopf: volle Breite, links, 8px-Abstände; sitzt näher am Kopf als der Blockrhythmus. */
.housekeeping-management-toolbar[b-9eh4sagft0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    margin: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap)) 0 0;
    min-width: 0;
}

/* Kompakt: die Zeitraumgruppe scrollt als Pillenreihe, statt den Kopf zu sprengen. */
.housekeeping-management-range.is-compact[b-9eh4sagft0] {
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}
/* /Components/Pages/Operations/HousekeepingReports/HousekeepingManagementDay.razor.rz.scp.css */
/* Geschäftstag: Abschnittsleiste, 12-Spalten-Raster und Blöcke mit Kopf und Fläche. Nur Layout und Größen des
   eigenen Markups; Farben kommen aus den Tokens, DevExpress-Regeln aus _worklist.scss und _housekeeping-reports.scss. */
.hk-mgmt[b-nim5baj9s7] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.hk-mgmt__notices[b-nim5baj9s7] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-mgmt__notices li[b-nim5baj9s7] {
    align-items: flex-start;
    border-left: 2px solid var(--innvilo-border-strong);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
}

.hk-mgmt__notices i[b-nim5baj9s7] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: 0.875rem;
    margin-top: 0.15rem;
}

/* Abschnittsleiste: Anker auf einer Linie, kompakt horizontal scrollbar. */
.hk-mgmt__sections[b-nim5baj9s7] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-2);
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.hk-mgmt__sections button[b-nim5baj9s7] {
    appearance: none;
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font: inherit;
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    min-height: 2.75rem;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-settle), border-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    white-space: nowrap;
}

.hk-mgmt__sections button:hover[b-nim5baj9s7] {
    border-bottom-color: var(--innvilo-border-strong);
    color: var(--innvilo-text-primary);
}

.hk-mgmt__sections button.is-active[b-nim5baj9s7] {
    border-bottom-color: var(--innvilo-color-primary);
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-mgmt__sections button:focus-visible[b-nim5baj9s7] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

/* Raster: 12 Spalten ab 992px, eine Spalte kompakt; Blöcke einer Reihe strecken sich auf dieselbe Höhe. */
.hk-mgmt__grid[b-nim5baj9s7] {
    align-items: stretch;
    display: grid;
    gap: var(--innvilo-space-8) var(--innvilo-space-7);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    min-width: 0;
}

/* Block = Kopf oben, Fläche füllt den Rest der Reihe. tabindex=-1 macht ihn per Fokus anspringbar; der Rand bleibt
   nur für Tastaturfokus sichtbar. scroll-margin hält die obere Leiste frei. */
.hk-mgmt__block[b-nim5baj9s7] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-5);
    grid-column: span 12;
    min-width: 0;
    scroll-margin-top: 5rem;
}

.hk-mgmt__block:focus[b-nim5baj9s7] {
    outline: none;
}

.hk-mgmt__block:focus-visible[b-nim5baj9s7] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 4px;
}

.hk-mgmt__block > .pms-worklist-panel[b-nim5baj9s7] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
}

/* Geteilte Fläche (Beschwerden über Gästewünschen): zwei gleich hohe Teile mit Trennlinie. */
.hk-mgmt__panel-part[b-nim5baj9s7] {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    min-height: 0;
}

.hk-mgmt__panel-part--secondary[b-nim5baj9s7] {
    border-top: 1px solid var(--innvilo-border-default);
}

/* Ab 992px stehen zwei Abschnitte je Reihe (6/6); jede Fläche hat dieselbe feste Höhe und scrollt innen. */
@media (min-width: 62rem) {
    .hk-mgmt__block--6[b-nim5baj9s7] { grid-column: span 6; }

    .hk-mgmt__block > .pms-worklist-panel[b-nim5baj9s7] {
        height: 26rem;
    }
}

@media (max-width: 61.9375rem) {
    .hk-mgmt__block > .pms-worklist-panel[b-nim5baj9s7] {
        max-height: 26rem;
    }
}

/* Kopf: Titel und Untertitel links, Knopf rechts oben, nie unter dem Text; feste Höhe, damit die Flächen einer Reihe
   auf derselben Linie beginnen. Der Untertitel bricht höchstens zweizeilig. */
.hk-mgmt__head[b-nim5baj9s7] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-7);
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 5.5rem;
    min-width: 0;
}

.hk-mgmt__head h2[b-nim5baj9s7] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
    /* Eine Zeile, damit alle Köpfe einer Reihe dieselbe Höhe behalten; Knöpfe rechts bleiben Icon-Knöpfe, wenn zwei nötig sind. */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hk-mgmt__head p[b-nim5baj9s7] {
    -webkit-box-orient: vertical;
    color: var(--innvilo-text-secondary);
    display: -webkit-box;
    font-size: var(--innvilo-font-size-label);
    -webkit-line-clamp: 2;
    line-height: 1.45;
    margin: var(--innvilo-space-2) 0 0;
    max-width: 68ch;
    overflow: hidden;
}

.hk-mgmt__head-actions[b-nim5baj9s7] {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--innvilo-space-3);
}

.hk-mgmt__meta[b-nim5baj9s7] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

/* Unterüberschrift des zweiten Teils innerhalb der geteilten Fläche. */
.hk-mgmt__subtitle[b-nim5baj9s7] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    margin: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-6) 0;
}

.hk-mgmt__table[b-nim5baj9s7] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

/* Zellen im Grid */
.hk-mgmt__cell[b-nim5baj9s7] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-mgmt__cell.is-number[b-nim5baj9s7] {
    font-variant-numeric: tabular-nums;
    justify-items: end;
}

.hk-mgmt__cell strong[b-nim5baj9s7] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-mgmt__cell small[b-nim5baj9s7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.hk-mgmt__time[b-nim5baj9s7] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.hk-mgmt__row-actions[b-nim5baj9s7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

/* Signale und Folgetag in der Seitenspalte */
.hk-mgmt__aside[b-nim5baj9s7] {
    display: flex;
    flex-direction: column;
}

.hk-mgmt__aside-empty[b-nim5baj9s7] {
    padding: var(--innvilo-space-6);
}

.hk-mgmt__signals[b-nim5baj9s7] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-mgmt__signals button[b-nim5baj9s7] {
    align-items: center;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    font: inherit;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-5);
    grid-template-columns: 0.5rem minmax(0, 1fr) auto;
    min-height: 2.75rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

.hk-mgmt__signals button:hover[b-nim5baj9s7] {
    background: var(--innvilo-surface-app);
}

.hk-mgmt__signals button:focus-visible[b-nim5baj9s7] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.hk-mgmt__signals strong[b-nim5baj9s7] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
}

.hk-mgmt__signal-dot[b-nim5baj9s7] {
    background: var(--innvilo-text-muted);
    border-radius: 50%;
    height: 0.5rem;
    width: 0.5rem;
}

.hk-mgmt__signals button[data-tone='critical'] .hk-mgmt__signal-dot[b-nim5baj9s7] { background: var(--color-error); }
.hk-mgmt__signals button[data-tone='warning'] .hk-mgmt__signal-dot[b-nim5baj9s7] { background: var(--color-warning); }
.hk-mgmt__signals button[data-tone='positive'] .hk-mgmt__signal-dot[b-nim5baj9s7] { background: var(--color-success); }
.hk-mgmt__signals button[data-tone='primary'] .hk-mgmt__signal-dot[b-nim5baj9s7] { background: var(--innvilo-color-primary); }

.hk-mgmt__next[b-nim5baj9s7] {
    background: var(--innvilo-surface-app);
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    margin-top: auto;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.hk-mgmt__next h3[b-nim5baj9s7] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

/* Kennzahlpaare in Seitenspalte und Karten */
.hk-mgmt__facts[b-nim5baj9s7] {
    display: grid;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
    grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
    margin: 0;
}

.hk-mgmt__facts div[b-nim5baj9s7] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.hk-mgmt__facts dt[b-nim5baj9s7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-mgmt__facts dd[b-nim5baj9s7] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.hk-mgmt__muted[b-nim5baj9s7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
}

/* Karten (kompakt) */
.hk-mgmt__cards[b-nim5baj9s7] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.hk-mgmt__card[b-nim5baj9s7] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5);
}

.hk-mgmt__card.is-attention[b-nim5baj9s7] {
    border-left: 3px solid var(--color-warning);
}

.hk-mgmt__card.is-order[b-nim5baj9s7] {
    background: var(--color-error-soft);
    border-left: 3px solid var(--color-error);
}

.hk-mgmt__card.is-sum[b-nim5baj9s7] {
    background: var(--innvilo-surface-app);
}

.hk-mgmt__card header[b-nim5baj9s7] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.hk-mgmt__card header div[b-nim5baj9s7] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-mgmt__card header strong[b-nim5baj9s7] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.hk-mgmt__card header span[b-nim5baj9s7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.hk-mgmt__card p[b-nim5baj9s7] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
}

.hk-mgmt__card-meta[b-nim5baj9s7] {
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-2) var(--innvilo-space-5);
}

.hk-mgmt__card footer[b-nim5baj9s7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

.hk-mgmt__card footer:empty[b-nim5baj9s7] {
    display: none;
}

/* Tagesnotiz: Textfeld über die volle Breite, darunter Metazeile links und Knopf rechts; diese Fläche wächst mit
   dem Inhalt statt die feste Höhe der übrigen Flächen zu tragen. */
.hk-mgmt__block > .pms-worklist-panel.hk-mgmt__note[b-nim5baj9s7] {
    display: grid;
    gap: var(--innvilo-space-4);
    height: auto;
    max-height: none;
    overflow: visible;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.hk-mgmt__note-footer[b-nim5baj9s7] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

.hk-mgmt__note-footer .hk-mgmt__meta[b-nim5baj9s7] {
    margin: 0 auto 0 0;
}

.hk-mgmt__note-field[b-nim5baj9s7] {
    display: block;
    min-width: 0;
}

.hk-mgmt__note-input[b-nim5baj9s7] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    font: inherit;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    min-height: 7rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    resize: vertical;
    transition: border-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 100%;
}

.hk-mgmt__note-input:hover[b-nim5baj9s7] {
    border-color: var(--innvilo-border-strong);
}

.hk-mgmt__note-input:focus-visible[b-nim5baj9s7] {
    border-color: var(--innvilo-color-primary);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.hk-mgmt__note-input:read-only[b-nim5baj9s7] {
    background: var(--innvilo-surface-app);
    color: var(--innvilo-text-secondary);
}

@media (prefers-reduced-motion: reduce) {
    .hk-mgmt__sections button[b-nim5baj9s7],
    .hk-mgmt__signals button[b-nim5baj9s7],
    .hk-mgmt__note-input[b-nim5baj9s7] {
        transition: none;
    }
}
/* /Components/Pages/Operations/HousekeepingReports/HousekeepingManagementPeriod.razor.rz.scp.css */
/* Zeitraum-Vorschau: 12-Spalten-Raster mit Diagramm, Bestellvorschlag und Tagestabelle. Nur Layout und Größen des
   eigenen Markups; Farben kommen aus den Tokens, DevExpress-Regeln aus _worklist.scss und _housekeeping-reports.scss. */
.hk-period[b-bb3o5t0m26] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
    scroll-margin-top: 5rem;
}

.hk-period:focus[b-bb3o5t0m26] {
    outline: none;
}

.hk-period:focus-visible[b-bb3o5t0m26] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 4px;
}

.hk-period__notices[b-bb3o5t0m26] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-period__notices li[b-bb3o5t0m26] {
    align-items: flex-start;
    border-left: 2px solid var(--innvilo-border-strong);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
}

.hk-period__notices i[b-bb3o5t0m26] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: 0.875rem;
    margin-top: 0.15rem;
}

.hk-period__grid[b-bb3o5t0m26] {
    align-items: stretch;
    display: grid;
    gap: var(--innvilo-space-8) var(--innvilo-space-7);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    min-width: 0;
}

.hk-period__block[b-bb3o5t0m26] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-5);
    grid-column: span 12;
    min-width: 0;
}

.hk-period__block > .pms-worklist-panel[b-bb3o5t0m26] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

@media (min-width: 62rem) {
    .hk-period__block--4[b-bb3o5t0m26] { grid-column: span 4; }
    .hk-period__block--8[b-bb3o5t0m26] { grid-column: span 8; }
}

.hk-period__head[b-bb3o5t0m26] {
    align-items: end;
    min-height: 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-7);
    justify-content: space-between;
    min-width: 0;
}

.hk-period__head h2[b-bb3o5t0m26] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.hk-period__head p[b-bb3o5t0m26] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: var(--innvilo-space-2) 0 0;
    max-width: 68ch;
}

.hk-period__chart-panel[b-bb3o5t0m26] {
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.hk-period__state[b-bb3o5t0m26] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    margin: 0;
    padding: var(--innvilo-space-9) 0;
    text-align: center;
}

.hk-period__tooltip[b-bb3o5t0m26] {
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-2);
}

.hk-period__sums[b-bb3o5t0m26],
.hk-period__facts[b-bb3o5t0m26] {
    display: grid;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
    grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
    margin: 0;
}

.hk-period__sums div[b-bb3o5t0m26],
.hk-period__facts div[b-bb3o5t0m26] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.hk-period__sums dt[b-bb3o5t0m26],
.hk-period__facts dt[b-bb3o5t0m26] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-period__sums dd[b-bb3o5t0m26],
.hk-period__facts dd[b-bb3o5t0m26] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.hk-period__table[b-bb3o5t0m26] {
    min-width: 0;
}

.hk-period__cell[b-bb3o5t0m26] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-period__cell strong[b-bb3o5t0m26] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-period__cell small[b-bb3o5t0m26] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-period__order[b-bb3o5t0m26] {
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-period__peak[b-bb3o5t0m26] {
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-period__day-link[b-bb3o5t0m26] {
    color: var(--innvilo-text-link);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    text-underline-offset: var(--innvilo-space-2);
}

.hk-period__day-link:hover[b-bb3o5t0m26],
.hk-period__day-link:focus-visible[b-bb3o5t0m26] {
    text-decoration: underline;
}

.hk-period__day-link:focus-visible[b-bb3o5t0m26] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Rechenregeln unter dem Bestellvorschlag */
.hk-period__rules[b-bb3o5t0m26] {
    background: var(--innvilo-surface-app);
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.hk-period__rules h3[b-bb3o5t0m26] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

.hk-period__rules ul[b-bb3o5t0m26] {
    color: var(--innvilo-text-secondary);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Karten (kompakt) */
.hk-period__cards[b-bb3o5t0m26] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.hk-period__card[b-bb3o5t0m26] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5);
}

.hk-period__card.is-order[b-bb3o5t0m26] {
    background: var(--color-error-soft);
    border-left: 3px solid var(--color-error);
}

.hk-period__card.is-sum[b-bb3o5t0m26] {
    background: var(--innvilo-surface-app);
}

.hk-period__card header[b-bb3o5t0m26] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.hk-period__card header div[b-bb3o5t0m26] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-period__card header strong[b-bb3o5t0m26] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.hk-period__card header span[b-bb3o5t0m26] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.hk-period__card header span:empty[b-bb3o5t0m26] {
    display: none;
}

.hk-period__percent[b-bb3o5t0m26] {
    font-size: var(--innvilo-font-size-subheading);
}
/* /Components/Pages/Operations/HousekeepingReports/HousekeepingReportsBoard.razor.rz.scp.css */
/* Seitencontainer: Blockrhythmus kommt aus .pms-worklist, die Seite begrenzt nur die Inhaltsbreite. */
.housekeeping-reports-page[b-h96z2c35ol] {
    font-family: Lato, sans-serif;
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
}

/* Lagebeschreibung: ein Absatz aus denselben Zahlen wie die Karten, links ausgerichtet, gedeckelte Zeilenlänge. */
.housekeeping-reports-brief[b-h96z2c35ol] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.5;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    max-width: 70ch;
}

/* Datumsfeld im Kopf zwischen den Tagesknöpfen. */
.housekeeping-reports-date[b-h96z2c35ol] {
    display: inline-flex;
    margin: 0;
    min-width: 9.5rem;
}
/* /Components/Pages/Operations/HousekeepingReports/HousekeepingReportsCharts.razor.rz.scp.css */
/* Zwei Diagrammkarten nebeneinander ab 1200px, darunter gestapelt. Flächen mit 1px-Rahmen, kein Schatten. */
.hk-charts[b-i4qszs06tm] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    min-width: 0;
}

.hk-charts__card[b-i4qszs06tm] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.hk-charts__card h3[b-i4qszs06tm] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.hk-charts__lead[b-i4qszs06tm] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
    max-width: 68ch;
}

.hk-charts__state[b-i4qszs06tm] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: var(--innvilo-space-4) 0;
    max-width: 60ch;
}

.hk-charts__chart[b-i4qszs06tm] {
    min-width: 0;
}

.hk-charts__sums[b-i4qszs06tm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-6);
    margin: 0;
}

.hk-charts__sums div[b-i4qszs06tm] {
    display: flex;
    gap: var(--innvilo-space-2);
}

.hk-charts__sums dt[b-i4qszs06tm] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-charts__sums dd[b-i4qszs06tm] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.hk-charts__tooltip[b-i4qszs06tm] {
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-1);
}

.hk-charts__tooltip strong[b-i4qszs06tm] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}
/* /Components/Pages/Operations/HousekeepingReports/HousekeepingReportsDay.razor.rz.scp.css */
/* Reiter Geschäftstag: Blöcke im 34px-Rhythmus, jeder Block mit Kopf (Titel, Lead, Meta) und einer Fläche.
   Nur Layout und Größen des eigenen Markups; Farben kommen aus den Tokens, DevExpress-Regeln aus _worklist.scss. */
.hk-day[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.hk-day__notices[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-day__notices li[b-wy3jdpv1bi] {
    align-items: flex-start;
    border-left: 2px solid var(--innvilo-border-strong);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
}

.hk-day__notices i[b-wy3jdpv1bi] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: 0.875rem;
    margin-top: 0.15rem;
}

.hk-day__block[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.hk-day__head[b-wy3jdpv1bi] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-7);
    justify-content: space-between;
    min-width: 0;
}

.hk-day__head h2[b-wy3jdpv1bi] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.hk-day__head p[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: var(--innvilo-space-2) 0 0;
    max-width: 68ch;
}

.hk-day__meta[b-wy3jdpv1bi] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-3);
    margin: 0;
}

.hk-day__connection[data-connection-state='live'][b-wy3jdpv1bi] {
    color: var(--innvilo-color-primary);
}

/* Zellen im Grid */
.hk-day__cell[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-day__cell strong[b-wy3jdpv1bi] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-day__cell small[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.hk-day__time[b-wy3jdpv1bi] {
    font-variant-numeric: tabular-nums;
}

.hk-day__row-action[b-wy3jdpv1bi] {
    display: flex;
    justify-content: flex-end;
}

/* Karten (kompakt) */
.hk-day__cards[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.hk-day__card[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.hk-day__card header[b-wy3jdpv1bi] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.hk-day__card header div[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-day__card header strong[b-wy3jdpv1bi] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.hk-day__card header span[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.hk-day__causes[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

.hk-day__card-meta[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-2) var(--innvilo-space-5);
    margin: 0;
}

.hk-day__card-meta i[b-wy3jdpv1bi] {
    font-size: 0.875rem;
    margin-right: var(--innvilo-space-2);
}

.hk-day__card footer[b-wy3jdpv1bi] {
    display: flex;
    justify-content: flex-end;
}

/* Diagramme kompakt aufklappbar */
.hk-day__details[b-wy3jdpv1bi] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    background: var(--innvilo-surface-card);
    min-width: 0;
}

.hk-day__details summary[b-wy3jdpv1bi] {
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    min-height: 2.75rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.hk-day__details summary:focus-visible[b-wy3jdpv1bi] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.hk-day__details[open] summary[b-wy3jdpv1bi] {
    border-bottom: 1px solid var(--innvilo-border-default);
}

/* Ereignisse */
.hk-day__search[b-wy3jdpv1bi] {
    display: block;
    min-width: min(100%, 18rem);
}

.hk-day__search-input[b-wy3jdpv1bi] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    font: inherit;
    font-size: var(--innvilo-font-size-label);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-4);
    transition: border-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 100%;
}

.hk-day__search-input:hover[b-wy3jdpv1bi] {
    border-color: var(--innvilo-border-strong);
}

.hk-day__search-input:focus-visible[b-wy3jdpv1bi] {
    border-color: var(--innvilo-color-primary);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.hk-day__events[b-wy3jdpv1bi] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-day__event[b-wy3jdpv1bi] {
    align-items: start;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 3.5rem 4rem minmax(0, 1fr) 10rem 8rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.hk-day__event:last-child[b-wy3jdpv1bi] {
    border-bottom: 0;
}

.hk-day__events.is-compact .hk-day__event[b-wy3jdpv1bi] {
    grid-template-columns: 3.5rem 3.5rem minmax(0, 1fr);
    padding: var(--innvilo-space-2) 0;
}

.hk-day__events.is-compact .hk-day__event-actor[b-wy3jdpv1bi],
.hk-day__events.is-compact .hk-day__event-marker[b-wy3jdpv1bi] {
    display: none;
}

.hk-day__event-time[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
}

.hk-day__event-room[b-wy3jdpv1bi] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
}

.hk-day__event-body[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-day__event-body strong[b-wy3jdpv1bi] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.hk-day__event-body span[b-wy3jdpv1bi],
.hk-day__event-actor[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.hk-day__event-body small[b-wy3jdpv1bi] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.hk-day__event-marker[b-wy3jdpv1bi] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    justify-self: end;
}

.hk-day__event-marker i[b-wy3jdpv1bi] {
    font-size: 0.75rem;
}

.hk-day__event[data-event-marker='planned'] .hk-day__event-marker[b-wy3jdpv1bi] {
    color: var(--innvilo-text-muted);
}

/* Übergabe */
.hk-day__handover[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    min-width: 0;
}

.hk-day__handover-card[b-wy3jdpv1bi] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.hk-day__handover-card h3[b-wy3jdpv1bi] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    margin: 0;
}

.hk-day__handover-card ul[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.hk-day__handover-card li[b-wy3jdpv1bi] {
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-1);
}

.hk-day__handover-card li span[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
}

.hk-day__link[b-wy3jdpv1bi] {
    background: none;
    border: 0;
    color: var(--innvilo-color-primary);
    cursor: pointer;
    font: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 1.75rem;
    padding: 0;
    text-align: left;
}

.hk-day__link:hover[b-wy3jdpv1bi] {
    color: var(--color-primary-hover);
}

.hk-day__link:focus-visible[b-wy3jdpv1bi] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.hk-day__muted[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    margin: 0;
}

.hk-day__plan[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.hk-day__plan div[b-wy3jdpv1bi] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.hk-day__plan dt[b-wy3jdpv1bi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.hk-day__plan dd[b-wy3jdpv1bi] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

@media (max-width: 61.9375rem) {
    .hk-day[b-wy3jdpv1bi] {
        gap: var(--innvilo-space-8);
    }

    .hk-day__head[b-wy3jdpv1bi] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hk-day__event[b-wy3jdpv1bi] {
        grid-template-columns: 3.5rem 3.5rem minmax(0, 1fr);
    }

    .hk-day__event-actor[b-wy3jdpv1bi],
    .hk-day__event-marker[b-wy3jdpv1bi] {
        grid-column: 3;
        justify-self: start;
    }

    .hk-day__search-input[b-wy3jdpv1bi] {
        min-height: 2.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hk-day__search-input[b-wy3jdpv1bi] {
        transition: none;
    }
}
/* /Components/Pages/Operations/HousekeepingReports/HousekeepingReportsRooms.razor.rz.scp.css */
/* Zimmerübersicht: Grid- und Kartenlayout des eigenen Markups. DevExpress-Regeln liegen in _worklist.scss. */
.hk-rooms[b-52dgoz3ddr] {
    display: grid;
    min-width: 0;
}

.hk-rooms__cell[b-52dgoz3ddr] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-rooms__cell strong[b-52dgoz3ddr] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.hk-rooms__cell small[b-52dgoz3ddr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.hk-rooms__time[b-52dgoz3ddr] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.hk-rooms__unavailable[b-52dgoz3ddr] {
    color: var(--innvilo-text-muted);
}

.hk-rooms__cards[b-52dgoz3ddr] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.hk-rooms__card[b-52dgoz3ddr] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.hk-rooms__card header[b-52dgoz3ddr] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.hk-rooms__card header div[b-52dgoz3ddr] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.hk-rooms__card header strong[b-52dgoz3ddr] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.hk-rooms__card header span[b-52dgoz3ddr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.hk-rooms__card-meta[b-52dgoz3ddr] {
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    gap: var(--innvilo-space-2) var(--innvilo-space-5);
    margin: 0;
}

.hk-rooms__card-meta i[b-52dgoz3ddr] {
    font-size: 0.875rem;
    margin-right: var(--innvilo-space-2);
}

.hk-rooms__card footer[b-52dgoz3ddr] {
    display: flex;
    justify-content: flex-end;
}
/* /Components/Pages/Operations/HousekeepingReports/HousekeepingReportVersionDialog.razor.rz.scp.css */
/* Berichtsversion: Hinweis unter dem Grund, Fehlerliste des Dienstes mit linker Kante. Nur eigenes Markup. */
.hk-version__hint[b-2n2n6fd5ds] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
}

.hk-version__errors[b-2n2n6fd5ds] {
    border-left: 2px solid var(--color-error);
    color: var(--color-error);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-1);
    list-style: none;
    margin: 0;
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
}
/* /Components/Pages/Operations/InHouse/InHouseBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.in-house-page[b-tu7141ogw5] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.in-house-viewport-skeleton[b-tu7141ogw5] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.in-house-viewport-skeleton span[b-tu7141ogw5] {
    animation: in-house-viewport-pulse-b-tu7141ogw5 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.in-house-viewport-skeleton .is-breadcrumb[b-tu7141ogw5] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.in-house-viewport-skeleton .is-title[b-tu7141ogw5] {
    height: 4.5rem;
}

.in-house-viewport-skeleton .is-toolbar[b-tu7141ogw5] {
    height: 6rem;
}

.in-house-viewport-skeleton .is-content[b-tu7141ogw5] {
    height: 22rem;
}

@keyframes in-house-viewport-pulse-b-tu7141ogw5 {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .in-house-viewport-skeleton span[b-tu7141ogw5] {
        animation: none;
    }
}
/* /Components/Pages/Operations/InHouse/InHouseDesktop.razor.rz.scp.css */
/* Desktop workspace of the in-house board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces. */

.in-house-desktop[b-t1bwdwbtfa] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.in-house-breadcrumb[b-t1bwdwbtfa] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.in-house-breadcrumb a[b-t1bwdwbtfa] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.in-house-breadcrumb a:hover[b-t1bwdwbtfa],
.in-house-breadcrumb a:focus-visible[b-t1bwdwbtfa] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.in-house-breadcrumb a:focus-visible[b-t1bwdwbtfa] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.in-house-breadcrumb i[b-t1bwdwbtfa] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.in-house-breadcrumb [aria-current='page'][b-t1bwdwbtfa] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.in-house-hero[b-t1bwdwbtfa] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.in-house-hero__copy[b-t1bwdwbtfa] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.in-house-hero__title-row[b-t1bwdwbtfa] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.in-house-hero h1[b-t1bwdwbtfa] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.in-house-hero__lead[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.in-house-hero__meta[b-t1bwdwbtfa] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.in-house-open-badge[b-t1bwdwbtfa] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.in-house-hero__actions[b-t1bwdwbtfa] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface, four cells, 1px dividers instead of four floating cards. */

.in-house-kpis[b-t1bwdwbtfa] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.in-house-kpi[b-t1bwdwbtfa] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.in-house-kpi + .in-house-kpi[b-t1bwdwbtfa] {
    border-left: 1px solid var(--innvilo-border-default);
}

.in-house-kpi.is-current[b-t1bwdwbtfa]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: -1px -1px auto -1px;
    position: absolute;
}

.in-house-kpi__label[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.in-house-kpi__value[b-t1bwdwbtfa] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.in-house-kpi.is-current .in-house-kpi__value[b-t1bwdwbtfa] {
    color: var(--color-primary);
}

.in-house-kpi.is-attention .in-house-kpi__value[b-t1bwdwbtfa] {
    color: var(--color-warning-text);
}

.in-house-kpi.is-positive .in-house-kpi__value[b-t1bwdwbtfa] {
    color: var(--color-success);
}

.in-house-kpi__detail[b-t1bwdwbtfa] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: title row plus toolbar, then filter panel, then grid or state. */

.in-house-workspace[b-t1bwdwbtfa] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.in-house-toolbar[b-t1bwdwbtfa] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.in-house-search[b-t1bwdwbtfa] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.in-house-toolbar__filters[b-t1bwdwbtfa] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.in-house-pills[b-t1bwdwbtfa] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.in-house-pills__label[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.in-house-pills__list[b-t1bwdwbtfa] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.in-house-pill[b-t1bwdwbtfa] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.in-house-pill > span[b-t1bwdwbtfa] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-house-pill__remove[b-t1bwdwbtfa] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.in-house-pill__remove:hover[b-t1bwdwbtfa] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.in-house-pill__remove:focus-visible[b-t1bwdwbtfa],
.in-house-pills__clear:focus-visible[b-t1bwdwbtfa] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.in-house-pills__clear[b-t1bwdwbtfa] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.in-house-grid-host[b-t1bwdwbtfa] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. */

.in-house-pager[b-t1bwdwbtfa] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.in-house-pager__size[b-t1bwdwbtfa] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.in-house-pager__size > span[b-t1bwdwbtfa] {
    white-space: nowrap;
}

.in-house-pager__nav[b-t1bwdwbtfa] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.in-house-pager__page[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.in-house-pager__page strong[b-t1bwdwbtfa] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.in-house-grid-results[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.in-house-guest-cell[b-t1bwdwbtfa],
.in-house-stay-cell[b-t1bwdwbtfa] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.in-house-guest-cell strong[b-t1bwdwbtfa],
.in-house-stay-cell strong[b-t1bwdwbtfa] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.in-house-guest-cell small[b-t1bwdwbtfa],
.in-house-stay-cell small[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.in-house-guest-cell__number[b-t1bwdwbtfa] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-house-amount[b-t1bwdwbtfa] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.in-house-next-action[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.in-house-next-action.is-urgent[b-t1bwdwbtfa] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.in-house-state[b-t1bwdwbtfa] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.in-house-state > *[b-t1bwdwbtfa] {
    animation: in-house-state-in-b-t1bwdwbtfa var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.in-house-state > :nth-child(2)[b-t1bwdwbtfa] { animation-delay: 40ms; }
.in-house-state > :nth-child(3)[b-t1bwdwbtfa] { animation-delay: 80ms; }
.in-house-state > :nth-child(4)[b-t1bwdwbtfa] { animation-delay: 120ms; }

@keyframes in-house-state-in-b-t1bwdwbtfa {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.in-house-state > i[b-t1bwdwbtfa] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.in-house-state--error > i[b-t1bwdwbtfa] {
    color: var(--color-error);
}

.in-house-state__copy[b-t1bwdwbtfa] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.in-house-state h3[b-t1bwdwbtfa] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.in-house-state p[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.in-house-state__actions[b-t1bwdwbtfa] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.in-house-state--filtered[b-t1bwdwbtfa],
.in-house-state--error[b-t1bwdwbtfa] {
    padding-block: var(--innvilo-space-11);
}

.in-house-process[b-t1bwdwbtfa] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: var(--innvilo-space-4) 0 0;
    max-width: 52rem;
    padding: var(--innvilo-space-8) 0 0;
    text-align: left;
    width: 100%;
}

.in-house-process li[b-t1bwdwbtfa] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.in-house-process li > span[b-t1bwdwbtfa] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    width: 1.5rem;
}

.in-house-process li > div[b-t1bwdwbtfa] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.in-house-process strong[b-t1bwdwbtfa] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.in-house-process small[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Loading */

.in-house-desktop-skeleton[b-t1bwdwbtfa] {
    display: grid;
    gap: 1px;
}

.in-house-desktop-skeleton span[b-t1bwdwbtfa] {
    animation: in-house-pulse-b-t1bwdwbtfa 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.in-house-desktop-skeleton span.is-header[b-t1bwdwbtfa] {
    height: 2.75rem;
}

@keyframes in-house-pulse-b-t1bwdwbtfa {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .in-house-kpis[b-t1bwdwbtfa] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .in-house-kpi:nth-child(3)[b-t1bwdwbtfa] {
        border-left: 0;
    }

    .in-house-kpi:nth-child(n + 3)[b-t1bwdwbtfa] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .in-house-search[b-t1bwdwbtfa] {
        flex: 1 1 100%;
    }

    .in-house-toolbar__filters[b-t1bwdwbtfa] {
        width: 100%;
    }

    .in-house-process[b-t1bwdwbtfa] {
        grid-template-columns: minmax(0, 1fr);
    }

    .in-house-hero[b-t1bwdwbtfa] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .in-house-hero__actions[b-t1bwdwbtfa] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .in-house-breadcrumb a[b-t1bwdwbtfa] {
        transition: none;
    }

    .in-house-state > *[b-t1bwdwbtfa],
    .in-house-state__art > span[b-t1bwdwbtfa],
    .in-house-state__art > i[b-t1bwdwbtfa] {
        animation: none;
    }

    .in-house-desktop-skeleton span[b-t1bwdwbtfa] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.in-house-state__art[b-t1bwdwbtfa] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.in-house-state__art > span[b-t1bwdwbtfa] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.in-house-state__art > span[b-t1bwdwbtfa]::before,
.in-house-state__art > span[b-t1bwdwbtfa]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.in-house-state__art > span[b-t1bwdwbtfa]::before {
    top: 0.625rem;
    width: 38%;
}

.in-house-state__art > span[b-t1bwdwbtfa]::after {
    bottom: 0.625rem;
    width: 58%;
}

.in-house-state__art > span:nth-child(1)[b-t1bwdwbtfa] {
    opacity: .35;
    transform: scale(.94);
}

.in-house-state__art > span:nth-child(2)[b-t1bwdwbtfa] {
    opacity: .6;
    transform: scale(.97);
}

.in-house-state__art > span:nth-child(3)[b-t1bwdwbtfa] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.in-house-state__art > i[b-t1bwdwbtfa] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.in-house-state__art.is-filtered > span:nth-child(3)[b-t1bwdwbtfa]::before,
.in-house-state__art.is-filtered > span:nth-child(3)[b-t1bwdwbtfa]::after {
    background: var(--color-primary-focus-ring);
}

.in-house-state__art > span[b-t1bwdwbtfa] {
    animation: in-house-state-row-in-b-t1bwdwbtfa 300ms var(--innvilo-easing-settle) both;
}

.in-house-state__art > span:nth-child(2)[b-t1bwdwbtfa] { animation-delay: 60ms; }
.in-house-state__art > span:nth-child(3)[b-t1bwdwbtfa] { animation-delay: 120ms; }

.in-house-state__art > i[b-t1bwdwbtfa] {
    animation: in-house-state-in-b-t1bwdwbtfa 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes in-house-state-row-in-b-t1bwdwbtfa {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Status cell: badge plus the payment rule in one quiet line. Balance column mutes settled folios. */

.in-house-status-cell[b-t1bwdwbtfa] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.in-house-status-cell small[b-t1bwdwbtfa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.in-house-amount.is-none[b-t1bwdwbtfa] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.in-house-amount.is-open[b-t1bwdwbtfa] {
    color: var(--color-warning-text);
}
/* /Components/Pages/Operations/InHouse/InHouseMobile.razor.rz.scp.css */
/* Mobile workspace of the in-house board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.in-house-mobile[b-tsu2afnv9j] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.in-house-breadcrumb[b-tsu2afnv9j] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.in-house-breadcrumb a[b-tsu2afnv9j] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.in-house-breadcrumb a:focus-visible[b-tsu2afnv9j] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.in-house-breadcrumb i[b-tsu2afnv9j] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.in-house-breadcrumb [aria-current='page'][b-tsu2afnv9j] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.in-house-mobile-header[b-tsu2afnv9j] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.in-house-mobile-header__copy[b-tsu2afnv9j] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.in-house-mobile-header h1[b-tsu2afnv9j] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.in-house-mobile-header p[b-tsu2afnv9j] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.in-house-mobile-header p span[b-tsu2afnv9j] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.in-house-mobile-kpis[b-tsu2afnv9j] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.in-house-mobile-kpi[b-tsu2afnv9j] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.in-house-mobile-kpi:nth-child(even)[b-tsu2afnv9j] {
    border-left: 1px solid var(--innvilo-border-default);
}

.in-house-mobile-kpi:nth-child(n + 3)[b-tsu2afnv9j] {
    border-top: 1px solid var(--innvilo-border-default);
}

.in-house-mobile-kpi.is-current[b-tsu2afnv9j]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.in-house-mobile-kpi span[b-tsu2afnv9j] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-house-mobile-kpi strong[b-tsu2afnv9j] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.in-house-mobile-kpi.is-current strong[b-tsu2afnv9j] {
    color: var(--color-primary);
}

.in-house-mobile-kpi.is-attention strong[b-tsu2afnv9j] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.in-house-mobile-header__actions[b-tsu2afnv9j] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

.in-house-mobile-tools[b-tsu2afnv9j] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.in-house-mobile-tools > :first-child + *[b-tsu2afnv9j] {
    flex: 1 1 auto;
    min-width: 0;
}

.in-house-mobile-filter__count[b-tsu2afnv9j] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills (list and overlay share the same markup). */

.in-house-pills[b-tsu2afnv9j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.in-house-pills__label[b-tsu2afnv9j] {
    align-self: center;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.in-house-pills__list[b-tsu2afnv9j] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.in-house-pill[b-tsu2afnv9j] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.in-house-pill > span[b-tsu2afnv9j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-house-pill__remove[b-tsu2afnv9j] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.in-house-pill__remove:focus-visible[b-tsu2afnv9j],
.in-house-pills__clear:focus-visible[b-tsu2afnv9j],
.in-house-overlay__row:focus-visible[b-tsu2afnv9j],
.in-house-overlay__close:focus-visible[b-tsu2afnv9j],
.in-house-overlay__back:focus-visible[b-tsu2afnv9j] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.in-house-pills__clear[b-tsu2afnv9j] {
    align-self: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.75rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.in-house-overlay[b-tsu2afnv9j] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.in-house-overlay__head[b-tsu2afnv9j] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.in-house-overlay__head h2[b-tsu2afnv9j] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.in-house-overlay__close[b-tsu2afnv9j],
.in-house-overlay__back[b-tsu2afnv9j] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.in-house-overlay__back[b-tsu2afnv9j] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.in-house-overlay__close[b-tsu2afnv9j] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.in-house-overlay__body[b-tsu2afnv9j] {
    min-height: 0;
    overflow-y: auto;
}

.in-house-overlay__pills[b-tsu2afnv9j] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.in-house-overlay__rows[b-tsu2afnv9j] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.in-house-overlay__row[b-tsu2afnv9j] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.in-house-overlay__row-label[b-tsu2afnv9j] {
    flex: 1 1 auto;
    min-width: 0;
}

.in-house-overlay__row-count[b-tsu2afnv9j] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.in-house-overlay__row > i[b-tsu2afnv9j] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.in-house-overlay__foot[b-tsu2afnv9j] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.in-house-mobile-list[b-tsu2afnv9j],
.in-house-mobile-group__cards[b-tsu2afnv9j] {
    display: grid;
    min-width: 0;
}

.in-house-mobile-list[b-tsu2afnv9j] {
    gap: var(--innvilo-space-8);
}

.in-house-mobile-group__cards[b-tsu2afnv9j] {
    gap: var(--innvilo-space-5);
}

.in-house-mobile-card[b-tsu2afnv9j] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.in-house-mobile-card.is-urgent[b-tsu2afnv9j]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    top: -1px;
    width: 3px;
}

.in-house-mobile-card__header[b-tsu2afnv9j] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.in-house-mobile-card__identity[b-tsu2afnv9j] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.in-house-mobile-card__identity > strong[b-tsu2afnv9j] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.in-house-mobile-card__identity span[b-tsu2afnv9j],
.in-house-mobile-card__meta[b-tsu2afnv9j],
.in-house-mobile-card__next[b-tsu2afnv9j] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.in-house-mobile-card__number[b-tsu2afnv9j] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-house-mobile-card__amount[b-tsu2afnv9j] {
    color: var(--innvilo-text-primary);
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    max-width: 45%;
    text-align: right;
    white-space: nowrap;
}

.in-house-mobile-card__status[b-tsu2afnv9j] {
    display: flex;
    min-width: 0;
}

.in-house-mobile-card__meta[b-tsu2afnv9j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.in-house-mobile-card__meta span[b-tsu2afnv9j] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.in-house-mobile-card__meta i[b-tsu2afnv9j] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.in-house-mobile-card__footer[b-tsu2afnv9j] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.in-house-mobile-card__next[b-tsu2afnv9j] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.in-house-mobile-card__next.is-urgent[b-tsu2afnv9j] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* States */

.in-house-mobile-state[b-tsu2afnv9j] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.in-house-mobile-state > *[b-tsu2afnv9j] {
    animation: in-house-mobile-state-in-b-tsu2afnv9j var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.in-house-mobile-state > :nth-child(2)[b-tsu2afnv9j] { animation-delay: 40ms; }
.in-house-mobile-state > :nth-child(3)[b-tsu2afnv9j] { animation-delay: 80ms; }
.in-house-mobile-state > :nth-child(4)[b-tsu2afnv9j] { animation-delay: 120ms; }

@keyframes in-house-mobile-state-in-b-tsu2afnv9j {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.in-house-mobile-state > i[b-tsu2afnv9j] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.in-house-mobile-state--error > i[b-tsu2afnv9j] {
    color: var(--color-error);
}

.in-house-mobile-state h2[b-tsu2afnv9j],
.in-house-mobile-state p[b-tsu2afnv9j] {
    margin: 0;
}

.in-house-mobile-state h2[b-tsu2afnv9j] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.in-house-mobile-state p[b-tsu2afnv9j] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.in-house-mobile-state > :last-child[b-tsu2afnv9j] {
    margin-top: var(--innvilo-space-5);
}

/* Loading */

.in-house-mobile-skeleton[b-tsu2afnv9j] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.in-house-mobile-skeleton span[b-tsu2afnv9j] {
    animation: in-house-mobile-pulse-b-tsu2afnv9j 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes in-house-mobile-pulse-b-tsu2afnv9j {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .in-house-mobile-card[b-tsu2afnv9j] {
        padding: var(--innvilo-space-5);
    }

    .in-house-mobile-card__footer[b-tsu2afnv9j] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .in-house-mobile-skeleton span[b-tsu2afnv9j],
    .in-house-mobile-state > *[b-tsu2afnv9j],
    .in-house-state__art > span[b-tsu2afnv9j],
    .in-house-state__art > i[b-tsu2afnv9j] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.in-house-state__art[b-tsu2afnv9j] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.in-house-state__art > span[b-tsu2afnv9j] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.in-house-state__art > span[b-tsu2afnv9j]::before,
.in-house-state__art > span[b-tsu2afnv9j]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.in-house-state__art > span[b-tsu2afnv9j]::before {
    top: 0.625rem;
    width: 38%;
}

.in-house-state__art > span[b-tsu2afnv9j]::after {
    bottom: 0.625rem;
    width: 58%;
}

.in-house-state__art > span:nth-child(1)[b-tsu2afnv9j] {
    opacity: .35;
    transform: scale(.94);
}

.in-house-state__art > span:nth-child(2)[b-tsu2afnv9j] {
    opacity: .6;
    transform: scale(.97);
}

.in-house-state__art > span:nth-child(3)[b-tsu2afnv9j] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.in-house-state__art > i[b-tsu2afnv9j] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.in-house-state__art.is-filtered > span:nth-child(3)[b-tsu2afnv9j]::before,
.in-house-state__art.is-filtered > span:nth-child(3)[b-tsu2afnv9j]::after {
    background: var(--color-primary-focus-ring);
}

.in-house-state__art > span[b-tsu2afnv9j] {
    animation: in-house-mobile-state-row-in-b-tsu2afnv9j 300ms var(--innvilo-easing-settle) both;
}

.in-house-state__art > span:nth-child(2)[b-tsu2afnv9j] { animation-delay: 60ms; }
.in-house-state__art > span:nth-child(3)[b-tsu2afnv9j] { animation-delay: 120ms; }

.in-house-state__art > i[b-tsu2afnv9j] {
    animation: in-house-mobile-state-in-b-tsu2afnv9j 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes in-house-mobile-state-row-in-b-tsu2afnv9j {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Badge row in the card: status badge, then the payment rule in one line. */

.in-house-mobile-card__badges[b-tsu2afnv9j] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.in-house-mobile-card__badges small[b-tsu2afnv9j] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.in-house-mobile-card__amount.is-none[b-tsu2afnv9j] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.in-house-mobile-card__amount.is-open[b-tsu2afnv9j] {
    color: var(--color-warning-text);
}
/* /Components/Pages/Operations/InHouse/InHouseRowActions.razor.rz.scp.css */
.in-house-row-actions[b-ihhvch0lp8] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
    min-width: 0;
}
/* /Components/Pages/Operations/NoShow/NoShowBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.no-show-page[b-ccs6asaw5m] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.no-show-viewport-skeleton[b-ccs6asaw5m] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.no-show-viewport-skeleton span[b-ccs6asaw5m] {
    animation: no-show-viewport-pulse-b-ccs6asaw5m 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.no-show-viewport-skeleton .is-breadcrumb[b-ccs6asaw5m] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.no-show-viewport-skeleton .is-title[b-ccs6asaw5m] {
    height: 4.5rem;
}

.no-show-viewport-skeleton .is-toolbar[b-ccs6asaw5m] {
    height: 6rem;
}

.no-show-viewport-skeleton .is-content[b-ccs6asaw5m] {
    height: 22rem;
}

@keyframes no-show-viewport-pulse-b-ccs6asaw5m {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .no-show-viewport-skeleton span[b-ccs6asaw5m] {
        animation: none;
    }
}
/* /Components/Pages/Operations/NoShow/NoShowDesktop.razor.rz.scp.css */
/* Desktop workspace of the no-show board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces. */

.no-show-desktop[b-mfyqwic206] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.no-show-breadcrumb[b-mfyqwic206] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.no-show-breadcrumb a[b-mfyqwic206] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.no-show-breadcrumb a:hover[b-mfyqwic206],
.no-show-breadcrumb a:focus-visible[b-mfyqwic206] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.no-show-breadcrumb a:focus-visible[b-mfyqwic206] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.no-show-breadcrumb i[b-mfyqwic206] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.no-show-breadcrumb [aria-current='page'][b-mfyqwic206] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.no-show-hero[b-mfyqwic206] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.no-show-hero__copy[b-mfyqwic206] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.no-show-hero__title-row[b-mfyqwic206] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.no-show-hero h1[b-mfyqwic206] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.no-show-hero__lead[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.no-show-hero__meta[b-mfyqwic206] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.no-show-open-badge[b-mfyqwic206] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.no-show-hero__actions[b-mfyqwic206] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface, four cells, 1px dividers instead of four floating cards. */

.no-show-kpis[b-mfyqwic206] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.no-show-kpi[b-mfyqwic206] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.no-show-kpi + .no-show-kpi[b-mfyqwic206] {
    border-left: 1px solid var(--innvilo-border-default);
}

.no-show-kpi.is-current[b-mfyqwic206]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: -1px -1px auto -1px;
    position: absolute;
}

.no-show-kpi__label[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.no-show-kpi__value[b-mfyqwic206] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.no-show-kpi.is-current .no-show-kpi__value[b-mfyqwic206] {
    color: var(--color-primary);
}

.no-show-kpi.is-attention .no-show-kpi__value[b-mfyqwic206] {
    color: var(--color-warning-text);
}

.no-show-kpi.is-positive .no-show-kpi__value[b-mfyqwic206] {
    color: var(--color-success);
}

.no-show-kpi__detail[b-mfyqwic206] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: title row plus toolbar, then filter panel, then grid or state. */

.no-show-workspace[b-mfyqwic206] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.no-show-toolbar[b-mfyqwic206] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.no-show-search[b-mfyqwic206] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.no-show-toolbar__filters[b-mfyqwic206] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.no-show-pills[b-mfyqwic206] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.no-show-pills__label[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.no-show-pills__list[b-mfyqwic206] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.no-show-pill[b-mfyqwic206] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.no-show-pill > span[b-mfyqwic206] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-show-pill__remove[b-mfyqwic206] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.no-show-pill__remove:hover[b-mfyqwic206] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.no-show-pill__remove:focus-visible[b-mfyqwic206],
.no-show-pills__clear:focus-visible[b-mfyqwic206] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.no-show-pills__clear[b-mfyqwic206] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.no-show-grid-host[b-mfyqwic206] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. */

.no-show-pager[b-mfyqwic206] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.no-show-pager__size[b-mfyqwic206] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.no-show-pager__size > span[b-mfyqwic206] {
    white-space: nowrap;
}

.no-show-pager__nav[b-mfyqwic206] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.no-show-pager__page[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.no-show-pager__page strong[b-mfyqwic206] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.no-show-grid-results[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.no-show-guest-cell[b-mfyqwic206],
.no-show-stay-cell[b-mfyqwic206] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.no-show-guest-cell strong[b-mfyqwic206],
.no-show-stay-cell strong[b-mfyqwic206] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.no-show-guest-cell small[b-mfyqwic206],
.no-show-stay-cell small[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.no-show-guest-cell__number[b-mfyqwic206] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-show-amount[b-mfyqwic206] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.no-show-next-action[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.no-show-next-action.is-urgent[b-mfyqwic206] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.no-show-state[b-mfyqwic206] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.no-show-state > *[b-mfyqwic206] {
    animation: no-show-state-in-b-mfyqwic206 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.no-show-state > :nth-child(2)[b-mfyqwic206] { animation-delay: 40ms; }
.no-show-state > :nth-child(3)[b-mfyqwic206] { animation-delay: 80ms; }
.no-show-state > :nth-child(4)[b-mfyqwic206] { animation-delay: 120ms; }

@keyframes no-show-state-in-b-mfyqwic206 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.no-show-state > i[b-mfyqwic206] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.no-show-state--error > i[b-mfyqwic206] {
    color: var(--color-error);
}

.no-show-state__copy[b-mfyqwic206] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.no-show-state h3[b-mfyqwic206] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.no-show-state p[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.no-show-state__actions[b-mfyqwic206] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.no-show-state--filtered[b-mfyqwic206],
.no-show-state--error[b-mfyqwic206] {
    padding-block: var(--innvilo-space-11);
}

.no-show-process[b-mfyqwic206] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: var(--innvilo-space-4) 0 0;
    max-width: 52rem;
    padding: var(--innvilo-space-8) 0 0;
    text-align: left;
    width: 100%;
}

.no-show-process li[b-mfyqwic206] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.no-show-process li > span[b-mfyqwic206] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    width: 1.5rem;
}

.no-show-process li > div[b-mfyqwic206] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.no-show-process strong[b-mfyqwic206] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.no-show-process small[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Loading */

.no-show-desktop-skeleton[b-mfyqwic206] {
    display: grid;
    gap: 1px;
}

.no-show-desktop-skeleton span[b-mfyqwic206] {
    animation: no-show-pulse-b-mfyqwic206 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.no-show-desktop-skeleton span.is-header[b-mfyqwic206] {
    height: 2.75rem;
}

@keyframes no-show-pulse-b-mfyqwic206 {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .no-show-kpis[b-mfyqwic206] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .no-show-kpi:nth-child(3)[b-mfyqwic206] {
        border-left: 0;
    }

    .no-show-kpi:nth-child(n + 3)[b-mfyqwic206] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .no-show-search[b-mfyqwic206] {
        flex: 1 1 100%;
    }

    .no-show-toolbar__filters[b-mfyqwic206] {
        width: 100%;
    }

    .no-show-process[b-mfyqwic206] {
        grid-template-columns: minmax(0, 1fr);
    }

    .no-show-hero[b-mfyqwic206] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .no-show-hero__actions[b-mfyqwic206] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .no-show-breadcrumb a[b-mfyqwic206] {
        transition: none;
    }

    .no-show-state > *[b-mfyqwic206],
    .no-show-state__art > span[b-mfyqwic206],
    .no-show-state__art > i[b-mfyqwic206] {
        animation: none;
    }

    .no-show-desktop-skeleton span[b-mfyqwic206] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.no-show-state__art[b-mfyqwic206] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.no-show-state__art > span[b-mfyqwic206] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.no-show-state__art > span[b-mfyqwic206]::before,
.no-show-state__art > span[b-mfyqwic206]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.no-show-state__art > span[b-mfyqwic206]::before {
    top: 0.625rem;
    width: 38%;
}

.no-show-state__art > span[b-mfyqwic206]::after {
    bottom: 0.625rem;
    width: 58%;
}

.no-show-state__art > span:nth-child(1)[b-mfyqwic206] {
    opacity: .35;
    transform: scale(.94);
}

.no-show-state__art > span:nth-child(2)[b-mfyqwic206] {
    opacity: .6;
    transform: scale(.97);
}

.no-show-state__art > span:nth-child(3)[b-mfyqwic206] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.no-show-state__art > i[b-mfyqwic206] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.no-show-state__art.is-filtered > span:nth-child(3)[b-mfyqwic206]::before,
.no-show-state__art.is-filtered > span:nth-child(3)[b-mfyqwic206]::after {
    background: var(--color-primary-focus-ring);
}

.no-show-state__art > span[b-mfyqwic206] {
    animation: no-show-state-row-in-b-mfyqwic206 300ms var(--innvilo-easing-settle) both;
}

.no-show-state__art > span:nth-child(2)[b-mfyqwic206] { animation-delay: 60ms; }
.no-show-state__art > span:nth-child(3)[b-mfyqwic206] { animation-delay: 120ms; }

.no-show-state__art > i[b-mfyqwic206] {
    animation: no-show-state-in-b-mfyqwic206 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes no-show-state-row-in-b-mfyqwic206 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Status cell: badge plus the payment and channel state in one quiet line. */

.no-show-status-cell[b-mfyqwic206] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.no-show-status-cell small[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.no-show-amount.is-none[b-mfyqwic206] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

/* Cut-off candidates: arrivals that are still open today. Same surface as the other blocks. */

.no-show-candidates[b-mfyqwic206] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.no-show-candidates__head[b-mfyqwic206] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.no-show-candidates__head h2[b-mfyqwic206] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
    margin: 0;
}

.no-show-candidates__head p[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
    max-width: 70ch;
}

.no-show-candidates__list[b-mfyqwic206] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.no-show-candidate[b-mfyqwic206] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-8);
}

.no-show-candidate + .no-show-candidate[b-mfyqwic206] {
    border-top: 1px solid var(--innvilo-border-default);
}

.no-show-candidate__identity[b-mfyqwic206] {
    display: grid;
    flex: 1 1 16rem;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.no-show-candidate__identity strong[b-mfyqwic206] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.no-show-candidate__identity small[b-mfyqwic206] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Operations/NoShow/NoShowMobile.razor.rz.scp.css */
/* Mobile workspace of the no-show board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.no-show-mobile[b-ace319308n] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.no-show-breadcrumb[b-ace319308n] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.no-show-breadcrumb a[b-ace319308n] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.no-show-breadcrumb a:focus-visible[b-ace319308n] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.no-show-breadcrumb i[b-ace319308n] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.no-show-breadcrumb [aria-current='page'][b-ace319308n] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.no-show-mobile-header[b-ace319308n] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.no-show-mobile-header__copy[b-ace319308n] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.no-show-mobile-header h1[b-ace319308n] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.no-show-mobile-header p[b-ace319308n] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.no-show-mobile-header p span[b-ace319308n] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.no-show-mobile-kpis[b-ace319308n] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.no-show-mobile-kpi[b-ace319308n] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.no-show-mobile-kpi:nth-child(even)[b-ace319308n] {
    border-left: 1px solid var(--innvilo-border-default);
}

.no-show-mobile-kpi:nth-child(n + 3)[b-ace319308n] {
    border-top: 1px solid var(--innvilo-border-default);
}

.no-show-mobile-kpi.is-current[b-ace319308n]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.no-show-mobile-kpi span[b-ace319308n] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-show-mobile-kpi strong[b-ace319308n] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.no-show-mobile-kpi.is-current strong[b-ace319308n] {
    color: var(--color-primary);
}

.no-show-mobile-kpi.is-attention strong[b-ace319308n] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.no-show-mobile-header__actions[b-ace319308n] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

.no-show-mobile-tools[b-ace319308n] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.no-show-mobile-tools > :first-child + *[b-ace319308n] {
    flex: 1 1 auto;
    min-width: 0;
}

.no-show-mobile-filter__count[b-ace319308n] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills (list and overlay share the same markup). */

.no-show-pills[b-ace319308n] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.no-show-pills__label[b-ace319308n] {
    align-self: center;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.no-show-pills__list[b-ace319308n] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.no-show-pill[b-ace319308n] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.no-show-pill > span[b-ace319308n] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-show-pill__remove[b-ace319308n] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.no-show-pill__remove:focus-visible[b-ace319308n],
.no-show-pills__clear:focus-visible[b-ace319308n],
.no-show-overlay__row:focus-visible[b-ace319308n],
.no-show-overlay__close:focus-visible[b-ace319308n],
.no-show-overlay__back:focus-visible[b-ace319308n] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.no-show-pills__clear[b-ace319308n] {
    align-self: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.75rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.no-show-overlay[b-ace319308n] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.no-show-overlay__head[b-ace319308n] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.no-show-overlay__head h2[b-ace319308n] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.no-show-overlay__close[b-ace319308n],
.no-show-overlay__back[b-ace319308n] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.no-show-overlay__back[b-ace319308n] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.no-show-overlay__close[b-ace319308n] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.no-show-overlay__body[b-ace319308n] {
    min-height: 0;
    overflow-y: auto;
}

.no-show-overlay__pills[b-ace319308n] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.no-show-overlay__rows[b-ace319308n] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.no-show-overlay__row[b-ace319308n] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.no-show-overlay__row-label[b-ace319308n] {
    flex: 1 1 auto;
    min-width: 0;
}

.no-show-overlay__row-count[b-ace319308n] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.no-show-overlay__row > i[b-ace319308n] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.no-show-overlay__foot[b-ace319308n] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.no-show-mobile-list[b-ace319308n],
.no-show-mobile-group__cards[b-ace319308n] {
    display: grid;
    min-width: 0;
}

.no-show-mobile-list[b-ace319308n] {
    gap: var(--innvilo-space-8);
}

.no-show-mobile-group__cards[b-ace319308n] {
    gap: var(--innvilo-space-5);
}

.no-show-mobile-card[b-ace319308n] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.no-show-mobile-card.is-urgent[b-ace319308n]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    top: -1px;
    width: 3px;
}

.no-show-mobile-card__header[b-ace319308n] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.no-show-mobile-card__identity[b-ace319308n] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.no-show-mobile-card__identity > strong[b-ace319308n] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.no-show-mobile-card__identity span[b-ace319308n],
.no-show-mobile-card__meta[b-ace319308n],
.no-show-mobile-card__next[b-ace319308n] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.no-show-mobile-card__number[b-ace319308n] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-show-mobile-card__amount[b-ace319308n] {
    color: var(--innvilo-text-primary);
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    max-width: 45%;
    text-align: right;
    white-space: nowrap;
}

.no-show-mobile-card__status[b-ace319308n] {
    display: flex;
    min-width: 0;
}

.no-show-mobile-card__meta[b-ace319308n] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.no-show-mobile-card__meta span[b-ace319308n] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.no-show-mobile-card__meta i[b-ace319308n] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.no-show-mobile-card__footer[b-ace319308n] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.no-show-mobile-card__next[b-ace319308n] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.no-show-mobile-card__next.is-urgent[b-ace319308n] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* States */

.no-show-mobile-state[b-ace319308n] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.no-show-mobile-state > *[b-ace319308n] {
    animation: no-show-mobile-state-in-b-ace319308n var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.no-show-mobile-state > :nth-child(2)[b-ace319308n] { animation-delay: 40ms; }
.no-show-mobile-state > :nth-child(3)[b-ace319308n] { animation-delay: 80ms; }
.no-show-mobile-state > :nth-child(4)[b-ace319308n] { animation-delay: 120ms; }

@keyframes no-show-mobile-state-in-b-ace319308n {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.no-show-mobile-state > i[b-ace319308n] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.no-show-mobile-state--error > i[b-ace319308n] {
    color: var(--color-error);
}

.no-show-mobile-state h2[b-ace319308n],
.no-show-mobile-state p[b-ace319308n] {
    margin: 0;
}

.no-show-mobile-state h2[b-ace319308n] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.no-show-mobile-state p[b-ace319308n] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.no-show-mobile-state > :last-child[b-ace319308n] {
    margin-top: var(--innvilo-space-5);
}

/* Loading */

.no-show-mobile-skeleton[b-ace319308n] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.no-show-mobile-skeleton span[b-ace319308n] {
    animation: no-show-mobile-pulse-b-ace319308n 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes no-show-mobile-pulse-b-ace319308n {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .no-show-mobile-card[b-ace319308n] {
        padding: var(--innvilo-space-5);
    }

    .no-show-mobile-card__footer[b-ace319308n] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .no-show-mobile-skeleton span[b-ace319308n],
    .no-show-mobile-state > *[b-ace319308n],
    .no-show-state__art > span[b-ace319308n],
    .no-show-state__art > i[b-ace319308n] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.no-show-state__art[b-ace319308n] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.no-show-state__art > span[b-ace319308n] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.no-show-state__art > span[b-ace319308n]::before,
.no-show-state__art > span[b-ace319308n]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.no-show-state__art > span[b-ace319308n]::before {
    top: 0.625rem;
    width: 38%;
}

.no-show-state__art > span[b-ace319308n]::after {
    bottom: 0.625rem;
    width: 58%;
}

.no-show-state__art > span:nth-child(1)[b-ace319308n] {
    opacity: .35;
    transform: scale(.94);
}

.no-show-state__art > span:nth-child(2)[b-ace319308n] {
    opacity: .6;
    transform: scale(.97);
}

.no-show-state__art > span:nth-child(3)[b-ace319308n] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.no-show-state__art > i[b-ace319308n] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.no-show-state__art.is-filtered > span:nth-child(3)[b-ace319308n]::before,
.no-show-state__art.is-filtered > span:nth-child(3)[b-ace319308n]::after {
    background: var(--color-primary-focus-ring);
}

.no-show-state__art > span[b-ace319308n] {
    animation: no-show-mobile-state-row-in-b-ace319308n 300ms var(--innvilo-easing-settle) both;
}

.no-show-state__art > span:nth-child(2)[b-ace319308n] { animation-delay: 60ms; }
.no-show-state__art > span:nth-child(3)[b-ace319308n] { animation-delay: 120ms; }

.no-show-state__art > i[b-ace319308n] {
    animation: no-show-mobile-state-in-b-ace319308n 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes no-show-mobile-state-row-in-b-ace319308n {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Badge row in the card: handling badge, then payment and channel state in one line. */

.no-show-mobile-card__badges[b-ace319308n] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.no-show-mobile-card__badges small[b-ace319308n] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.no-show-mobile-card__amount.is-none[b-ace319308n] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

/* Cut-off candidates as a compact list. */

.no-show-mobile-candidates[b-ace319308n] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.no-show-mobile-candidates h2[b-ace319308n] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
    margin: 0;
}

.no-show-mobile-candidates ul[b-ace319308n] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.no-show-mobile-candidates li[b-ace319308n] {
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5) 0;
}

.no-show-mobile-candidates li + li[b-ace319308n] {
    border-top: 1px solid var(--innvilo-border-default);
}

.no-show-mobile-candidate__identity[b-ace319308n] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.no-show-mobile-candidate__identity strong[b-ace319308n] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.no-show-mobile-candidate__identity small[b-ace319308n] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Operations/NoShow/NoShowRowActions.razor.rz.scp.css */
.no-show-row-actions[b-lpk48k2207] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
    min-width: 0;
}
/* /Components/Pages/Operations/NoShow/NoShowWorkspaceDialog.razor.rz.scp.css */
.no-show-dialog[b-zxemneqni2] {
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
}

.no-show-dialog__summary[b-zxemneqni2] {
    background: var(--color-action-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-6);
}

.no-show-dialog__number[b-zxemneqni2] {
    color: var(--color-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.no-show-dialog__summary h2[b-zxemneqni2] {
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.25;
    margin: var(--innvilo-space-1) 0 var(--innvilo-space-4);
}

.no-show-dialog__badges[b-zxemneqni2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.no-show-dialog__summary dl[b-zxemneqni2] {
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-7);
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    margin: 0;
}

.no-show-dialog__summary dl > div[b-zxemneqni2] {
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    padding-top: var(--innvilo-space-3);
}

.no-show-dialog__summary dt[b-zxemneqni2] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

.no-show-dialog__summary dd[b-zxemneqni2] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.4;
    margin: 0;
    text-align: right;
}

.no-show-dialog__section[b-zxemneqni2] {
    border-top: 1px solid var(--color-border);
    display: grid;
    gap: var(--innvilo-space-5);
    padding-top: var(--innvilo-space-7);
}

.no-show-dialog__section > header[b-zxemneqni2] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.no-show-dialog__section h3[b-zxemneqni2] {
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: 1rem;
    margin: 0;
}

.no-show-dialog__section > header p[b-zxemneqni2] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
    max-width: 68ch;
}

/* Der Gebührenbetrag ist die Entscheidungsgrundlage und steht deshalb groß und allein. */
.no-show-dialog__fee[b-zxemneqni2] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-5);
}

.no-show-dialog__fee strong[b-zxemneqni2] {
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: 1.625rem;
    line-height: 1.1;
}

.no-show-dialog__fee > div > span[b-zxemneqni2] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.no-show-dialog__hint[b-zxemneqni2] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
}

.no-show-dialog__notice[b-zxemneqni2] {
    border-radius: var(--radius-sm);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.no-show-dialog__notice.is-success[b-zxemneqni2] {
    background: var(--color-success-soft);
    border: 1px solid var(--color-success-border);
    color: var(--color-success);
}

.no-show-dialog__notice.is-danger[b-zxemneqni2] {
    background: var(--color-error-soft);
    border: 1px solid var(--color-error-border);
    color: var(--color-error);
}

.no-show-dialog__notice.is-neutral[b-zxemneqni2] {
    background: var(--color-action-bg);
    border: 1px solid var(--color-border);
    color: var(--color-text-muted);
}

.no-show-dialog__form[b-zxemneqni2] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.no-show-dialog__form label[b-zxemneqni2] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.no-show-dialog__form label > span[b-zxemneqni2] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.no-show-dialog__wide[b-zxemneqni2] {
    grid-column: 1 / -1;
}

.no-show-dialog__actions[b-zxemneqni2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.no-show-dialog__correction[b-zxemneqni2] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) auto;
}

.no-show-dialog__correction label[b-zxemneqni2] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.no-show-dialog__correction label > span[b-zxemneqni2] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

/* Der Extranet-Link ist ein Anker, muss aber wie die Nachbarschaltflächen wirken. */
.no-show-dialog__link[b-zxemneqni2] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    text-decoration: none;
}

/* Historie: eine Zeile pro Vorgang, chronologisch absteigend, ohne Ausklappen. */
.no-show-history[b-zxemneqni2] {
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    max-height: 18rem;
    overflow-y: auto;
    padding: 0;
}

.no-show-history li[b-zxemneqni2] {
    align-items: baseline;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-4) 0;
}

.no-show-history li:last-child[b-zxemneqni2] {
    border-bottom: 0;
}

.no-show-history__time[b-zxemneqni2] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    min-width: 8.5rem;
}

.no-show-history__action[b-zxemneqni2] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.no-show-history__actor[b-zxemneqni2],
.no-show-history__transition[b-zxemneqni2],
.no-show-history__reason[b-zxemneqni2] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.no-show-history__amount[b-zxemneqni2] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.no-show-history__reason[b-zxemneqni2] {
    flex-basis: 100%;
}

@media (max-width: 47.99rem) {
    .no-show-dialog[b-zxemneqni2] {
        gap: var(--innvilo-space-6);
    }

    .no-show-dialog__summary[b-zxemneqni2] {
        padding: var(--innvilo-space-5);
    }

    .no-show-dialog__summary dl[b-zxemneqni2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .no-show-dialog__summary dl > div[b-zxemneqni2] {
        align-items: start;
        display: grid;
        gap: var(--innvilo-space-2);
    }

    .no-show-dialog__summary dd[b-zxemneqni2] {
        text-align: left;
    }

    .no-show-dialog__form[b-zxemneqni2],
    .no-show-dialog__correction[b-zxemneqni2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .no-show-dialog__actions[b-zxemneqni2] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .no-show-dialog__actions > .no-show-dialog__link[b-zxemneqni2],
    .no-show-dialog__correction > .no-show-dialog__link[b-zxemneqni2] {
        justify-content: center;
        width: 100%;
    }

    .no-show-history li[b-zxemneqni2] {
        align-items: start;
        display: grid;
        gap: var(--innvilo-space-2);
    }

    .no-show-history__reason[b-zxemneqni2] {
        flex-basis: auto;
    }
}
/* /Components/Pages/Operations/Rates.razor.rz.scp.css */
.revenue-page[b-p2rtpyf65f] { color: var(--color-text); font-family: 'Lato-Regular', Arial, sans-serif; margin: 0 auto; max-width: var(--innvilo-content-max); padding-bottom: var(--innvilo-page-section-gap); }
.revenue-overview[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-page-section-gap); min-width: 0; }
@media (max-width: 61.9375rem) { .revenue-overview[b-p2rtpyf65f] { gap: var(--innvilo-space-8); } }
.revenue-workspace[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-6); min-width: 0; }
.revenue-filter-panel[b-p2rtpyf65f] { min-width: 0; }
.revenue-filter-error[b-p2rtpyf65f] { color: var(--color-error); font-size: var(--innvilo-font-size-caption); margin: 0; padding: var(--innvilo-space-4) var(--innvilo-space-8); }

.revenue-page-skeleton[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-page-section-gap); margin-top: var(--innvilo-page-section-gap); min-width: 0; width: 100%; }
.revenue-skeleton-status[b-p2rtpyf65f] { height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; clip: rect(0 0 0 0); white-space: nowrap; }
.revenue-skeleton-kpis[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-5); grid-template-columns: repeat(6, minmax(0, 1fr)); }
.revenue-skeleton-kpis article[b-p2rtpyf65f],
.revenue-skeleton-summary[b-p2rtpyf65f],
.revenue-skeleton-filter[b-p2rtpyf65f],
.revenue-skeleton-toolbar[b-p2rtpyf65f],
.revenue-skeleton-layers[b-p2rtpyf65f],
.revenue-skeleton-board[b-p2rtpyf65f] {
    animation: revenue-skeleton-shimmer-b-p2rtpyf65f 1.4s ease-in-out infinite;
    background: linear-gradient(90deg, var(--innvilo-surface-muted) 25%, var(--innvilo-surface-card) 50%, var(--innvilo-surface-muted) 75%);
    background-size: 200% 100%;
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
}
.revenue-skeleton-kpis article[b-p2rtpyf65f] { min-height: 5.75rem; }
.revenue-skeleton-summary[b-p2rtpyf65f] { min-height: 7rem; }
.revenue-skeleton-filter[b-p2rtpyf65f] { min-height: 4.75rem; }
.revenue-skeleton-toolbar[b-p2rtpyf65f] { min-height: 5.75rem; }
.revenue-skeleton-layers[b-p2rtpyf65f] { min-height: 4.75rem; }
.revenue-skeleton-board[b-p2rtpyf65f] { min-height: 26rem; }
@keyframes revenue-skeleton-shimmer-b-p2rtpyf65f { from { background-position: 100% 0; } to { background-position: -100% 0; } }

.revenue-demand-link[b-p2rtpyf65f] { align-items: center; display: inline-flex; gap: var(--innvilo-space-2); text-decoration: none; }
.revenue-demand-summary[b-p2rtpyf65f] { align-items: center; background: var(--innvilo-color-primary-subtle); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); display: grid; gap: var(--innvilo-space-5); grid-template-columns: minmax(16rem, 1.2fr) auto auto; padding: var(--innvilo-space-4) var(--innvilo-space-5); }
.revenue-demand-summary > div:first-child[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-1); }
.revenue-demand-summary h2[b-p2rtpyf65f], .revenue-demand-summary p[b-p2rtpyf65f] { margin: 0; }
.revenue-demand-summary p[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); }
.revenue-demand-summary > div:first-child > span[b-p2rtpyf65f] { color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-label); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.revenue-demand-link[b-p2rtpyf65f] { justify-self: end; }
.revenue-demand-formula[b-p2rtpyf65f] { align-items: center; background: var(--innvilo-surface-card); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-sm); display: flex; font-size: var(--innvilo-font-size-caption); gap: var(--innvilo-space-2); padding: var(--innvilo-space-3); }
.revenue-demand-formula i[b-p2rtpyf65f] { color: var(--innvilo-text-muted); font-size: .72rem; }
@media (max-width: 56.25rem) { .revenue-demand-summary[b-p2rtpyf65f] { grid-template-columns: 1fr; } .revenue-demand-formula[b-p2rtpyf65f] { overflow-x: auto; } }

.revenue-toolbar[b-p2rtpyf65f] { align-items: end; background: var(--innvilo-surface-card); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); display: flex; gap: var(--innvilo-space-5); justify-content: space-between; padding: var(--innvilo-space-4); }
.revenue-toolbar__actions[b-p2rtpyf65f] { align-items: end; display: flex; flex-wrap: wrap; gap: var(--innvilo-space-3); }
.revenue-toolbar label[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); display: grid; font-size: var(--innvilo-font-size-caption); font-weight: 800; gap: var(--innvilo-space-2); text-transform: uppercase; }

.revenue-alert[b-p2rtpyf65f], .revenue-selection[b-p2rtpyf65f] { align-items: center; background: var(--innvilo-gold-soft); border: 1px solid var(--color-warning); border-radius: var(--innvilo-radius-md); display: flex; gap: var(--innvilo-space-5); padding: var(--innvilo-space-5) var(--innvilo-space-6); }
.revenue-alert > i[b-p2rtpyf65f] { color: var(--color-warning); font-size: 1.35rem; }
.revenue-alert div[b-p2rtpyf65f], .revenue-selection div[b-p2rtpyf65f] { display: grid; flex: 1; gap: var(--innvilo-space-1); }
.revenue-alert span[b-p2rtpyf65f], .revenue-selection span[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); }
.revenue-alert a[b-p2rtpyf65f] { color: var(--innvilo-text-link); font-weight: 800; }
.revenue-selection[b-p2rtpyf65f] { background: var(--innvilo-color-primary-soft); border-color: var(--innvilo-color-primary); position: sticky; top: var(--innvilo-space-4); z-index: var(--innvilo-z-sticky); }

.revenue-event-strip[b-p2rtpyf65f] { align-items: center; background: var(--innvilo-surface-card); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); display: flex; gap: var(--innvilo-space-6); min-width: 0; padding: var(--innvilo-space-4) var(--innvilo-space-5); }
.revenue-event-strip > span[b-p2rtpyf65f] { align-items: center; color: var(--innvilo-text-secondary); display: inline-flex; font-size: var(--innvilo-font-size-label); font-weight: 800; gap: var(--innvilo-space-3); white-space: nowrap; }
.revenue-event-strip > div[b-p2rtpyf65f] { display: flex; gap: var(--innvilo-space-3); min-width: 0; overflow-x: auto; }
.revenue-event-chip__content[b-p2rtpyf65f] { align-items: start; display: grid; gap: var(--innvilo-space-1); text-align: left; white-space: nowrap; }
.revenue-event-chip__content small[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); }

.revenue-insights header span[b-p2rtpyf65f], .revenue-operations header span[b-p2rtpyf65f] { color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-label); font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.revenue-insights h2[b-p2rtpyf65f], .revenue-operations h2[b-p2rtpyf65f] { color: var(--innvilo-text-primary); font-size: var(--innvilo-font-size-heading); margin: var(--innvilo-space-1) 0 0; }
.revenue-state[b-p2rtpyf65f] { align-items: center; background: var(--innvilo-surface-card); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); display: flex; gap: var(--innvilo-space-6); justify-content: center; padding: var(--innvilo-space-9); text-align: left; }
.revenue-state h2[b-p2rtpyf65f] { margin: 0; }.revenue-state p[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); margin: var(--innvilo-space-2) 0 0; }
.revenue-state--error[b-p2rtpyf65f] { border-color: var(--color-error); }.revenue-state > i[b-p2rtpyf65f] { color: var(--innvilo-color-primary); font-size: 1.6rem; }

.revenue-insights[b-p2rtpyf65f], .revenue-operations > article[b-p2rtpyf65f] { background: var(--innvilo-surface-card); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); overflow: hidden; }
.revenue-insights > header[b-p2rtpyf65f] { align-items: start; display: flex; justify-content: space-between; padding: var(--innvilo-space-6); }.revenue-insights header p[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); margin: var(--innvilo-space-2) 0 0; max-width: 52rem; }.revenue-insights__mode[b-p2rtpyf65f] { background: var(--innvilo-color-primary-soft); border-radius: var(--innvilo-radius-full); padding: var(--innvilo-space-3) var(--innvilo-space-5); white-space: nowrap; }
.revenue-insight-list[b-p2rtpyf65f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }.revenue-insight-list article[b-p2rtpyf65f] { align-items: center; border-top: 1px solid var(--innvilo-border-soft); display: grid; gap: var(--innvilo-space-5); grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--innvilo-space-6); }.revenue-insight-list article:nth-child(odd)[b-p2rtpyf65f] { border-right: 1px solid var(--innvilo-border-soft); }
.revenue-insight__icon[b-p2rtpyf65f] { align-items: center; background: var(--innvilo-color-primary-subtle); border-radius: var(--innvilo-radius-sm); color: var(--innvilo-color-primary); display: inline-flex; height: 2.5rem; justify-content: center; width: 2.5rem; }.revenue-insight-list article.is-risk .revenue-insight__icon[b-p2rtpyf65f] { background: var(--innvilo-gold-soft); color: var(--color-warning); }.revenue-insight-list article > div[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-1); }.revenue-insight-list article > div > span[b-p2rtpyf65f] { color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-caption); font-weight: 800; }.revenue-insight-list p[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); margin: 0; }
.revenue-insights footer[b-p2rtpyf65f] { align-items: center; background: var(--innvilo-surface-muted); color: var(--innvilo-text-secondary); display: flex; gap: var(--innvilo-space-4); padding: var(--innvilo-space-4) var(--innvilo-space-6); }
.revenue-insights__empty[b-p2rtpyf65f] { align-items: center; border-top: 1px solid var(--innvilo-border-soft); color: var(--color-success); display: flex; gap: var(--innvilo-space-4); padding: var(--innvilo-space-7); }

.revenue-operations[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-6); grid-template-columns: repeat(2, minmax(0, 1fr)); }.revenue-operations header[b-p2rtpyf65f] { align-items: center; border-bottom: 1px solid var(--innvilo-border-soft); display: flex; justify-content: space-between; padding: var(--innvilo-space-6); }.revenue-operations header a[b-p2rtpyf65f] { color: var(--innvilo-text-link); font-weight: 800; }.revenue-operation-list[b-p2rtpyf65f] { display: grid; }.revenue-operation-list > div[b-p2rtpyf65f] { align-items: center; border-bottom: 1px solid var(--innvilo-border-soft); display: grid; gap: var(--innvilo-space-4); grid-template-columns: 7rem minmax(0, 1fr) minmax(11rem, auto); padding: var(--innvilo-space-4) var(--innvilo-space-6); }.revenue-operation-list span[b-p2rtpyf65f] { font-size: var(--innvilo-font-size-caption); font-weight: 800; }.revenue-operation-list span i[b-p2rtpyf65f] { font-size: .45rem; margin-right: var(--innvilo-space-2); }.revenue-operation-list .is-positive[b-p2rtpyf65f] { color: var(--color-success); }.revenue-operation-list .is-danger[b-p2rtpyf65f] { color: var(--color-error); }.revenue-operation-list .is-warning[b-p2rtpyf65f] { color: var(--color-warning); }.revenue-operation-list small[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); text-align: right; }.revenue-empty-row[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); margin: 0; padding: var(--innvilo-space-7); }

.revenue-dialog[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-6); }.revenue-dialog__summary[b-p2rtpyf65f], .revenue-bulk-scope[b-p2rtpyf65f] { background: var(--innvilo-surface-muted); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); display: grid; gap: var(--innvilo-space-1); padding: var(--innvilo-space-6); }.revenue-dialog__summary span[b-p2rtpyf65f], .revenue-dialog__summary small[b-p2rtpyf65f], .revenue-bulk-scope span[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); }.revenue-bulk-scope[b-p2rtpyf65f] { align-items: center; grid-template-columns: auto 1fr; }.revenue-bulk-scope > i[b-p2rtpyf65f] { color: var(--innvilo-color-primary); font-size: 1.4rem; }.revenue-bulk-scope div[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-2); }
.revenue-form-grid[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-5); grid-template-columns: repeat(2, minmax(0, 1fr)); }.revenue-form-grid > label[b-p2rtpyf65f] { color: var(--innvilo-text-primary); display: grid; gap: var(--innvilo-space-2); }.revenue-form-grid > label > span[b-p2rtpyf65f] { font-size: var(--innvilo-font-size-label); font-weight: 800; }.revenue-form-grid .is-wide[b-p2rtpyf65f] { grid-column: 1 / -1; }.revenue-check[b-p2rtpyf65f] { align-items: center; display: flex !important; flex-direction: row; gap: var(--innvilo-space-4) !important; }.revenue-form-flags[b-p2rtpyf65f] { align-items: center; background: var(--innvilo-surface-muted); border-radius: var(--innvilo-radius-md); display: flex; flex-wrap: wrap; gap: var(--innvilo-space-6); padding: var(--innvilo-space-5); }
.revenue-dialog__error[b-p2rtpyf65f] { background: var(--innvilo-danger-soft); border: 1px solid var(--color-error); border-radius: var(--innvilo-radius-xs); color: var(--color-error); margin: 0; padding: var(--innvilo-space-4); }
.revenue-change-set[b-p2rtpyf65f] { border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); display: grid; gap: var(--innvilo-space-3); padding: var(--innvilo-space-4); }
.revenue-change-set article[b-p2rtpyf65f] { align-items: center; border-top: 1px solid var(--innvilo-border-soft); display: grid; gap: var(--innvilo-space-2) var(--innvilo-space-4); grid-template-columns: minmax(0, 1fr) auto; padding-top: var(--innvilo-space-3); }
.revenue-change-set article span[b-p2rtpyf65f], .revenue-change-set article small[b-p2rtpyf65f] { min-width: 0; overflow-wrap: anywhere; }
.revenue-change-set article small[b-p2rtpyf65f] { color: var(--innvilo-text-secondary); grid-column: 1; }
.revenue-change-set article .dx-app-button[b-p2rtpyf65f] { grid-column: 2; grid-row: 1 / span 2; }

@media (max-width: 86rem) {
    .revenue-skeleton-kpis[b-p2rtpyf65f] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .revenue-toolbar[b-p2rtpyf65f] { align-items: stretch; display: grid; }
    .revenue-toolbar__actions[b-p2rtpyf65f] { justify-content: end; }
    .revenue-insight-list[b-p2rtpyf65f] { grid-template-columns: 1fr; }
    .revenue-insight-list article:nth-child(odd)[b-p2rtpyf65f] { border-right: 0; }
}
@media (max-width: 61.25rem) {
    .revenue-skeleton-kpis[b-p2rtpyf65f] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .revenue-operations[b-p2rtpyf65f] { grid-template-columns: 1fr; }
    .revenue-toolbar__actions[b-p2rtpyf65f] { justify-content: start; }
    .revenue-event-strip[b-p2rtpyf65f] { align-items: start; display: grid; }
    .revenue-selection[b-p2rtpyf65f] { align-items: stretch; flex-wrap: wrap; }
    .revenue-selection div[b-p2rtpyf65f] { flex-basis: 100%; }
}
@media (max-width: 40rem) {
    .revenue-skeleton-kpis[b-p2rtpyf65f] { grid-template-columns: 1fr; }
    .revenue-toolbar__actions[b-p2rtpyf65f] { align-items: stretch; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .revenue-insights > header[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-5); }
    .revenue-insight-list article[b-p2rtpyf65f] { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
    .revenue-insight-list article > :last-child[b-p2rtpyf65f] { grid-column: 1 / -1; }
    .revenue-operation-list > div[b-p2rtpyf65f] { align-items: start; grid-template-columns: 1fr; }
    .revenue-operation-list small[b-p2rtpyf65f] { text-align: left; }
    .revenue-form-grid[b-p2rtpyf65f] { grid-template-columns: 1fr; }
    .revenue-form-grid .is-wide[b-p2rtpyf65f] { grid-column: auto; }
    .revenue-change-set article[b-p2rtpyf65f] { align-items: stretch; grid-template-columns: 1fr; }
    .revenue-change-set article .dx-app-button[b-p2rtpyf65f], .revenue-change-set article small[b-p2rtpyf65f] { grid-column: 1; grid-row: auto; }
    .revenue-state[b-p2rtpyf65f] { align-items: start; flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) { .revenue-event-chip[b-p2rtpyf65f] { transition: none; } .revenue-skeleton-kpis article[b-p2rtpyf65f], .revenue-skeleton-summary[b-p2rtpyf65f], .revenue-skeleton-toolbar[b-p2rtpyf65f], .revenue-skeleton-layers[b-p2rtpyf65f], .revenue-skeleton-board[b-p2rtpyf65f] { animation: none; } }
.revenue-navigation[b-p2rtpyf65f] {
    position: static;
    margin: 0;
    padding: .25rem;
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    background: var(--innvilo-surface-card);
}
.revenue-navigation--demand[b-p2rtpyf65f] { margin-top: var(--innvilo-page-section-gap); }

.revenue-navigation :focus-visible[b-p2rtpyf65f] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: 2px;
}

.revenue-layers[b-p2rtpyf65f] { align-items: center; background: var(--innvilo-surface-muted); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-md); display: flex; flex-wrap: wrap; gap: var(--innvilo-space-4); justify-content: space-between; padding: var(--innvilo-space-3) var(--innvilo-space-4); }
.revenue-layers > div:first-child[b-p2rtpyf65f] { display: grid; gap: var(--innvilo-space-1); }
.revenue-layers > div:first-child span[b-p2rtpyf65f] { color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-label); font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.revenue-layers > div:nth-child(2)[b-p2rtpyf65f] { display: flex; flex-wrap: wrap; gap: var(--innvilo-space-2); }
.revenue-layers > small[b-p2rtpyf65f] { color: var(--color-warning); flex-basis: 100%; }

@media (max-width: 47.9375rem) {
    .revenue-navigation[b-p2rtpyf65f] { position: static; }
    .revenue-layers[b-p2rtpyf65f] { align-items: stretch; display: grid; }
    .revenue-layers > div:nth-child(2)[b-p2rtpyf65f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Components/Pages/Operations/RevenueComponents/DemandPricingDesktop.razor.rz.scp.css */
.demand-pricing-desktop[b-k101rls8d9] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    font-family: 'Lato-Regular', Arial, sans-serif;
    min-width: 0;
    overflow: hidden;
}

.demand-calendar-header[b-k101rls8d9] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-height: 4.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.demand-calendar-header > div[b-k101rls8d9] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.demand-calendar-header h2[b-k101rls8d9],
.demand-calendar-header p[b-k101rls8d9] {
    margin: 0;
}

.demand-calendar-header h2[b-k101rls8d9] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
}

.demand-calendar-header p[b-k101rls8d9],
.demand-calendar-empty span[b-k101rls8d9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.demand-calendar-header > span[b-k101rls8d9] {
    align-items: center;
    color: var(--innvilo-color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    white-space: nowrap;
}

.demand-calendar-empty[b-k101rls8d9] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: center;
    min-height: 16rem;
    padding: var(--innvilo-space-8);
}

.demand-calendar-empty > i[b-k101rls8d9] {
    color: var(--innvilo-text-muted);
    font-size: 1.5rem;
}

.demand-calendar-empty > div[b-k101rls8d9] {
    display: grid;
    gap: var(--innvilo-space-1);
}
/* /Components/Pages/Operations/RevenueComponents/DemandPricingMobile.razor.rz.scp.css */
.demand-pricing-mobile[b-sqwwf2tzhr] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    display: block;
    font-family: 'Lato-Regular', Arial, sans-serif;
    min-width: 0;
    overflow: hidden;
}

.demand-agenda-header[b-sqwwf2tzhr] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding: var(--innvilo-space-4);
}

.demand-agenda-header > div[b-sqwwf2tzhr] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.demand-agenda-header h2[b-sqwwf2tzhr],
.demand-agenda-header p[b-sqwwf2tzhr] {
    margin: 0;
}

.demand-agenda-header h2[b-sqwwf2tzhr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
}

.demand-agenda-header p[b-sqwwf2tzhr],
.demand-agenda-empty span[b-sqwwf2tzhr],
.demand-agenda-day header span[b-sqwwf2tzhr],
.demand-agenda-copy span[b-sqwwf2tzhr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.demand-agenda-header > i[b-sqwwf2tzhr] {
    color: var(--innvilo-color-primary);
    font-size: 1.25rem;
}

.demand-agenda-empty[b-sqwwf2tzhr] {
    display: grid;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-6) var(--innvilo-space-4);
}

.demand-agenda-day > header[b-sqwwf2tzhr] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: flex;
    justify-content: space-between;
    min-height: 2.75rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.demand-agenda-day > header time[b-sqwwf2tzhr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.demand-agenda-day article[b-sqwwf2tzhr] {
    align-items: start;
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: 4.5rem minmax(0, 1fr) auto;
    min-height: 4.5rem;
    padding: var(--innvilo-space-4);
}

.demand-agenda-day article:last-child[b-sqwwf2tzhr] {
    border-bottom: 0;
}

.demand-agenda-time[b-sqwwf2tzhr],
.demand-agenda-copy[b-sqwwf2tzhr] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.demand-agenda-time[b-sqwwf2tzhr] {
    color: var(--innvilo-color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    grid-template-columns: auto 1fr;
}

.demand-agenda-copy strong[b-sqwwf2tzhr] {
    overflow-wrap: anywhere;
}

.demand-agenda-score[b-sqwwf2tzhr] {
    color: var(--innvilo-color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

@media (max-width: 23rem) {
    .demand-agenda-day article[b-sqwwf2tzhr] {
        grid-template-columns: 1fr auto;
    }

    .demand-agenda-time[b-sqwwf2tzhr] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/Operations/RevenueComponents/DemandPricingRecommendationsWorkspace.razor.rz.scp.css */
.demand-recommendations-workspace[b-465kfo4ir2] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.demand-grid-money[b-465kfo4ir2],
.demand-grid-change[b-465kfo4ir2] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.demand-grid-money.is-emphasized[b-465kfo4ir2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.demand-grid-change.is-positive[b-465kfo4ir2],
.demand-grid-status.is-success[b-465kfo4ir2] {
    color: var(--color-success);
}

.demand-grid-change.is-negative[b-465kfo4ir2],
.demand-grid-status.is-danger[b-465kfo4ir2] {
    color: var(--color-error);
}

.demand-grid-status.is-warning[b-465kfo4ir2] {
    color: var(--color-warning);
}

.demand-grid-status.is-neutral[b-465kfo4ir2] {
    color: var(--innvilo-text-secondary);
}

.demand-grid-status[b-465kfo4ir2] {
    align-items: center;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    white-space: nowrap;
}

.demand-recommendation-mobile[b-465kfo4ir2],
.demand-audit-mobile[b-465kfo4ir2] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.demand-recommendation-mobile header[b-465kfo4ir2],
.demand-audit-mobile header[b-465kfo4ir2] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.demand-recommendation-mobile header > div[b-465kfo4ir2],
.demand-audit-mobile header > div[b-465kfo4ir2] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.demand-recommendation-mobile time[b-465kfo4ir2],
.demand-audit-mobile time[b-465kfo4ir2] {
    color: var(--innvilo-color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.demand-recommendation-mobile header span[b-465kfo4ir2],
.demand-audit-mobile header span[b-465kfo4ir2],
.demand-recommendation-mobile p[b-465kfo4ir2] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.demand-recommendation-mobile dl[b-465kfo4ir2],
.demand-audit-mobile dl[b-465kfo4ir2] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.demand-recommendation-mobile dl > div[b-465kfo4ir2],
.demand-audit-mobile dl > div[b-465kfo4ir2] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.demand-recommendation-mobile dt[b-465kfo4ir2],
.demand-audit-mobile dt[b-465kfo4ir2] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.demand-recommendation-mobile dd[b-465kfo4ir2],
.demand-audit-mobile dd[b-465kfo4ir2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    margin: 0;
    overflow-wrap: anywhere;
}

.demand-recommendation-mobile p[b-465kfo4ir2] {
    align-items: start;
    border-top: 1px solid var(--innvilo-border-soft);
    display: flex;
    gap: var(--innvilo-space-2);
    margin: 0;
    padding-top: var(--innvilo-space-3);
}

@media (max-width: 24rem) {
    .demand-recommendation-mobile dl[b-465kfo4ir2],
    .demand-audit-mobile dl[b-465kfo4ir2] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .demand-recommendations-workspace *[b-465kfo4ir2] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Operations/RevenueComponents/RatePlanCreateEditor.razor.rz.scp.css */
.revenue-dialog[b-qy01gvghnt] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.revenue-dialog > p[b-qy01gvghnt],
.revenue-rate-create-mobile > p[b-qy01gvghnt] {
    color: var(--innvilo-text-secondary);
    margin: 0;
}

.revenue-dialog__error[b-qy01gvghnt] {
    background: var(--innvilo-danger-soft);
    border: 1px solid var(--color-error);
    border-radius: var(--innvilo-radius-xs);
    color: var(--color-error);
    padding: var(--innvilo-space-4);
}

.revenue-form-grid[b-qy01gvghnt] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.revenue-form-grid > label[b-qy01gvghnt] {
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.revenue-form-grid > label > span[b-qy01gvghnt] {
    font-size: var(--innvilo-font-size-label);
    font-weight: 800;
}

.revenue-form-grid .is-wide[b-qy01gvghnt] {
    grid-column: 1 / -1;
}

.revenue-form-grid .revenue-check[b-qy01gvghnt] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
}

.revenue-rate-create-mobile[b-qy01gvghnt] {
    display: grid;
    gap: var(--innvilo-space-6);
    width: 100%;
}

.revenue-rate-create-mobile__header[b-qy01gvghnt],
.revenue-rate-create-mobile__actions[b-qy01gvghnt] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.revenue-rate-create-mobile__header h1[b-qy01gvghnt] {
    margin: 0;
}

.revenue-rate-create-mobile__actions[b-qy01gvghnt] {
    justify-content: flex-end;
}

@media (max-width: 40rem) {
    .revenue-form-grid[b-qy01gvghnt] {
        grid-template-columns: 1fr;
    }

    .revenue-form-grid .is-wide[b-qy01gvghnt] {
        grid-column: auto;
    }
}
/* /Components/Pages/Operations/RevenueComponents/RevenueAvailabilityDesktop.razor.rz.scp.css */
.revenue-desktop-host[b-uj0p7gw5ok] {
    display: block;
    font-family: 'Lato-Regular', Arial, sans-serif;
    min-width: 0;
}

.revenue-board[b-uj0p7gw5ok] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-md);
    overflow: hidden;
}

.revenue-board__header[b-uj0p7gw5ok] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-height: 4.75rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.revenue-board__header > div:first-child[b-uj0p7gw5ok] { display: grid; gap: .15rem; }
.revenue-board__header > div:first-child > span[b-uj0p7gw5ok] {
    color: var(--innvilo-color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    letter-spacing: .045em;
    text-transform: uppercase;
}
.revenue-board__header h2[b-uj0p7gw5ok] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.2;
    margin: 0;
}
.revenue-board__header p[b-uj0p7gw5ok] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

.revenue-board__legend[b-uj0p7gw5ok] { align-items: center; display: flex; flex-wrap: wrap; gap: var(--innvilo-space-5); }
.revenue-board__legend span[b-uj0p7gw5ok] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    white-space: nowrap;
}
.revenue-board__legend i[b-uj0p7gw5ok] { font-size: .5rem; }
.revenue-tone--open[b-uj0p7gw5ok] { color: var(--color-success); }
.revenue-tone--tight[b-uj0p7gw5ok] { color: var(--color-warning); }
.revenue-tone--closed[b-uj0p7gw5ok] { color: var(--color-error); }

.revenue-board__scroller[b-uj0p7gw5ok] { min-width: 0; }
.revenue-board__scroller:focus-visible[b-uj0p7gw5ok] { outline: 2px solid var(--innvilo-border-focus); outline-offset: -2px; }

.revenue-day[b-uj0p7gw5ok] {
    display: grid;
    gap: .1rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
}
.revenue-day.is-weekend[b-uj0p7gw5ok] { background: var(--innvilo-gold-soft); }
.revenue-day__weekday[b-uj0p7gw5ok] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: .035em;
    text-transform: uppercase;
}
.revenue-day__date[b-uj0p7gw5ok] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}
.revenue-day__event[b-uj0p7gw5ok] { color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-micro); }

.revenue-resource[b-uj0p7gw5ok] {
    display: grid;
    gap: .1rem;
    padding: var(--innvilo-space-4);
}
.revenue-resource__code[b-uj0p7gw5ok],
.revenue-resource__name[b-uj0p7gw5ok],
.revenue-resource__plan[b-uj0p7gw5ok] { max-width: 12.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.revenue-resource__code[b-uj0p7gw5ok] {
    color: var(--innvilo-color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: .04em;
    text-transform: uppercase;
}
.revenue-resource__name[b-uj0p7gw5ok] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}
.revenue-resource__plan[b-uj0p7gw5ok] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-caption); }

.revenue-cell-shell[b-uj0p7gw5ok] { background: var(--innvilo-surface-card); border-radius: var(--innvilo-radius-xs); height: 100%; min-height: 5.5rem; position: relative; }
.revenue-cell-shell[b-uj0p7gw5ok]::before { content: ''; inset: 0 auto 0 0; position: absolute; width: .18rem; z-index: 1; }
.revenue-cell-shell.is-tight[b-uj0p7gw5ok]::before { background: var(--color-warning); }
.revenue-cell-shell.is-closed[b-uj0p7gw5ok]::before { background: var(--color-error); }
.revenue-cell-shell.is-open[b-uj0p7gw5ok]::before { background: var(--color-success); }
.revenue-cell-shell.is-selected[b-uj0p7gw5ok] { background: var(--innvilo-color-primary-soft); box-shadow: inset 0 0 0 2px var(--innvilo-color-primary); }
.revenue-cell[b-uj0p7gw5ok] {
    cursor: pointer;
    display: grid;
    gap: var(--innvilo-space-2);
    height: 100%;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
}
.revenue-cell:hover[b-uj0p7gw5ok] { background: var(--innvilo-color-primary-subtle); }
.revenue-cell:focus-visible[b-uj0p7gw5ok] { outline: 2px solid var(--innvilo-border-focus); outline-offset: -2px; }
.revenue-cell-menu-slot[b-uj0p7gw5ok] { opacity: .72; position: absolute; right: var(--innvilo-space-2); top: var(--innvilo-space-2); }
.revenue-cell-shell:hover .revenue-cell-menu-slot[b-uj0p7gw5ok],
.revenue-cell-shell:focus-within .revenue-cell-menu-slot[b-uj0p7gw5ok] { opacity: 1; }
.revenue-cell__primary[b-uj0p7gw5ok] { align-items: center; display: flex; gap: var(--innvilo-space-2); justify-content: space-between; min-width: 0; }
.revenue-cell__price[b-uj0p7gw5ok] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.15;
    white-space: nowrap;
}
.revenue-cell__price small[b-uj0p7gw5ok] { color: var(--innvilo-text-muted); font-family: 'Lato-Regular', Arial, sans-serif; font-size: var(--innvilo-font-size-micro); }
.revenue-cell__availability[b-uj0p7gw5ok] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    gap: .2rem;
    white-space: nowrap;
}
.revenue-cell__signals[b-uj0p7gw5ok] { align-items: center; display: flex; flex-wrap: wrap; gap: .25rem .45rem; min-height: 1rem; }
.revenue-cell__occupancy[b-uj0p7gw5ok],
.revenue-cell__demand[b-uj0p7gw5ok],
.revenue-cell__events[b-uj0p7gw5ok],
.revenue-cell__recommendation[b-uj0p7gw5ok] {
    align-items: center;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    gap: .2rem;
    line-height: 1.2;
    white-space: nowrap;
}
.revenue-cell__occupancy[b-uj0p7gw5ok] { color: var(--innvilo-text-secondary); }
.revenue-cell__demand[b-uj0p7gw5ok] { color: var(--color-warning); }
.revenue-cell__events[b-uj0p7gw5ok] { color: var(--innvilo-color-primary); }
.revenue-cell__recommendation[b-uj0p7gw5ok] { color: var(--color-success); }
.revenue-cell__restrictions[b-uj0p7gw5ok] { align-items: center; display: flex; flex-wrap: wrap; gap: .25rem; min-height: 1.1rem; }
.revenue-cell__restrictions em[b-uj0p7gw5ok] {
    background: var(--innvilo-gold-soft);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    font-style: normal;
    line-height: 1;
    padding: .2rem .35rem;
}
.revenue-cell__restrictions small[b-uj0p7gw5ok] { color: var(--color-success); font-family: 'Lato-SemiBold', Arial, sans-serif; font-size: var(--innvilo-font-size-micro); }


.revenue-board__empty[b-uj0p7gw5ok] { align-items: center; color: var(--innvilo-text-secondary); display: grid; justify-items: center; min-height: 14rem; padding: var(--innvilo-space-9); text-align: center; }
.revenue-board__empty > i[b-uj0p7gw5ok] { color: var(--innvilo-color-primary); font-size: 1.6rem; }
.revenue-board__empty h3[b-uj0p7gw5ok] { color: var(--innvilo-text-primary); font-family: 'Lato-Bold', Arial, sans-serif; margin: 0; }
.revenue-board__empty p[b-uj0p7gw5ok] { margin: 0; }

@media (prefers-reduced-motion: reduce) { .revenue-cell-menu-slot[b-uj0p7gw5ok] { transition: none; } }
/* /Components/Pages/Operations/RevenueComponents/RevenueAvailabilityMobile.razor.rz.scp.css */
.revenue-mobile-host[b-9pb09uuffu] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

    .revenue-mobile__dates[b-9pb09uuffu] {
        display: flex;
        gap: var(--innvilo-space-2);
        margin: 0;
        overflow-x: auto;
        padding: 0 0 var(--innvilo-space-2);
        scrollbar-width: thin;
    }

    .revenue-mobile-date[b-9pb09uuffu] {
        align-items: center;
        display: grid;
        flex: 0 0 4.75rem;
        gap: var(--innvilo-space-1);
        justify-items: center;
        min-height: 2.75rem;
        min-width: 4.75rem;
    }

    .revenue-mobile-date > span[b-9pb09uuffu] {
        color: var(--innvilo-text-secondary);
        font-size: var(--innvilo-font-size-label);
    }

    .revenue-mobile__list[b-9pb09uuffu] {
        display: grid;
        gap: var(--innvilo-space-4);
    }

    .revenue-mobile__empty[b-9pb09uuffu] {
        align-items: center;
        background: var(--innvilo-surface-card);
        border: 1px solid var(--innvilo-border-soft);
        border-radius: var(--innvilo-radius-md);
        color: var(--innvilo-text-secondary);
        display: grid;
        gap: var(--innvilo-space-2);
        justify-items: center;
        min-height: 10rem;
        padding: var(--innvilo-space-6);
        text-align: center;
    }

    .revenue-mobile__empty i[b-9pb09uuffu] {
        color: var(--innvilo-color-primary);
        font-size: 1.5rem;
    }

    .revenue-mobile-card[b-9pb09uuffu] {
        background: var(--innvilo-surface-card);
        border: 1px solid var(--innvilo-border-soft);
        border-radius: var(--innvilo-radius-md);
        display: grid;
        gap: var(--innvilo-space-4);
        padding: var(--innvilo-space-5);
    }

    .revenue-mobile-card header[b-9pb09uuffu],
    .revenue-mobile-card__metrics[b-9pb09uuffu],
    .revenue-mobile-card__flags[b-9pb09uuffu] {
        align-items: center;
        display: flex;
        gap: var(--innvilo-space-3);
        justify-content: space-between;
    }

    .revenue-mobile-card__identity[b-9pb09uuffu] {
        display: grid;
        min-width: 0;
    }

    .revenue-mobile-card__identity span[b-9pb09uuffu],
    .revenue-mobile-card__actions small[b-9pb09uuffu],
    .revenue-mobile-card__metrics span[b-9pb09uuffu] {
        color: var(--innvilo-text-secondary);
        font-size: var(--innvilo-font-size-label);
    }

    .revenue-mobile-card__actions[b-9pb09uuffu] {
        align-items: center;
        display: flex;
        gap: var(--innvilo-space-2);
        min-width: 0;
    }

    .revenue-mobile-card__actions small[b-9pb09uuffu] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .revenue-mobile-card__details[b-9pb09uuffu] {
        border-block: 1px solid var(--innvilo-border-soft);
        padding-block: var(--innvilo-space-2);
    }

    .revenue-mobile-card__details summary[b-9pb09uuffu] {
        align-items: center;
        color: var(--innvilo-color-primary);
        cursor: pointer;
        display: flex;
        font-weight: 700;
        min-height: 2.75rem;
    }

    .revenue-mobile-card__details summary:focus-visible[b-9pb09uuffu] {
        outline: 2px solid var(--innvilo-border-focus);
        outline-offset: 2px;
    }

    .revenue-mobile-card__flags[b-9pb09uuffu] {
        justify-content: start;
        margin-top: var(--innvilo-space-3);
    }

    .revenue-mobile-card__flags span[b-9pb09uuffu] {
        background: var(--innvilo-surface-muted);
        border-radius: var(--innvilo-radius-xs);
        color: var(--innvilo-text-muted);
        font-size: var(--innvilo-font-size-label);
        padding: var(--innvilo-space-2) var(--innvilo-space-3);
    }

    .revenue-mobile-card__flags span.is-active[b-9pb09uuffu] {
        background: var(--innvilo-gold-soft);
        color: var(--innvilo-text-primary);
        font-weight: 700;
    }

    .revenue-mobile-card__signals[b-9pb09uuffu] {
        display: grid;
        gap: var(--innvilo-space-2);
        margin-top: var(--innvilo-space-3);
    }

    .revenue-mobile-card__signals span[b-9pb09uuffu] {
        align-items: center;
        background: var(--innvilo-color-primary-soft);
        border-radius: var(--innvilo-radius-xs);
        color: var(--innvilo-color-primary);
        display: inline-flex;
        font-size: var(--innvilo-font-size-label);
        font-weight: 700;
        gap: var(--innvilo-space-2);
        padding: var(--innvilo-space-2) var(--innvilo-space-3);
    }
@media (max-width: 40rem) {
    .revenue-mobile-card__metrics[b-9pb09uuffu] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .revenue-mobile-host *[b-9pb09uuffu],
    .revenue-mobile-host *[b-9pb09uuffu]::before,
    .revenue-mobile-host *[b-9pb09uuffu]::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/Operations/RevenueComponents/RevenueCellInspector.razor.rz.scp.css */
.revenue-inspector[b-euwgum3y72] { display: grid; gap: var(--innvilo-space-5); }
.revenue-inspector header[b-euwgum3y72], .revenue-inspector section[b-euwgum3y72] { display: grid; gap: var(--innvilo-space-2); }
.revenue-inspector header span[b-euwgum3y72], .revenue-inspector section > span[b-euwgum3y72] { color: var(--innvilo-color-primary); font-size: var(--innvilo-font-size-label); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.revenue-inspector header strong[b-euwgum3y72] { font-size: 1.2rem; }
.revenue-inspector section[b-euwgum3y72] { border-top: 1px solid var(--innvilo-border-soft); padding-top: var(--innvilo-space-4); }
.revenue-inspector p[b-euwgum3y72] { color: var(--innvilo-text-secondary); margin: 0; }
.revenue-inspector__flow[b-euwgum3y72] { align-items: center; display: flex; flex-wrap: wrap; gap: var(--innvilo-space-3); }
.revenue-inspector__flow i[b-euwgum3y72] { color: var(--innvilo-text-muted); }
/* /Components/Pages/Operations/RoomAccess/RoomAccessBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.room-access-page[b-vbiinll4k8] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.room-access-viewport-skeleton[b-vbiinll4k8] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.room-access-viewport-skeleton span[b-vbiinll4k8] {
    animation: room-access-viewport-pulse-b-vbiinll4k8 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.room-access-viewport-skeleton .is-breadcrumb[b-vbiinll4k8] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.room-access-viewport-skeleton .is-title[b-vbiinll4k8] {
    height: 4.5rem;
}

.room-access-viewport-skeleton .is-toolbar[b-vbiinll4k8] {
    height: 6rem;
}

.room-access-viewport-skeleton .is-content[b-vbiinll4k8] {
    height: 22rem;
}

@keyframes room-access-viewport-pulse-b-vbiinll4k8 {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .room-access-viewport-skeleton span[b-vbiinll4k8] {
        animation: none;
    }
}
.access-card-reader[b-vbiinll4k8] {
    align-items: center;
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-7);
    text-align: center;
}

.access-card-reader-device[b-vbiinll4k8] {
    align-items: center;
    background: var(--color-navy-deep);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-surface);
    display: inline-flex;
    height: 8rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: min(12rem, 100%);
}

.access-card-reader-device span[b-vbiinll4k8] {
    background: var(--color-primary);
    height: 160%;
    opacity: 0.85;
    position: absolute;
    transform: rotate(18deg);
    width: 1.2rem;
}

.access-card-reader-device i[b-vbiinll4k8] {
    font-size: 3.2rem;
    position: relative;
    z-index: 1;
}

.access-card-reader strong[b-vbiinll4k8] {
    color: var(--color-navy-deep);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: 1.15rem;
}

.access-card-reader p[b-vbiinll4k8] {
    color: var(--color-text-muted);
    line-height: 1.5;
    margin: 0;
    max-width: 20rem;
}

.access-card-reader-progress[b-vbiinll4k8] {
    background: var(--color-surface-raised);
    border-radius: var(--radius-sm);
    height: 0.45rem;
    overflow: hidden;
    width: min(100%, 16rem);
}

.access-card-reader-progress span[b-vbiinll4k8] {
    background: var(--color-primary);
    display: block;
    height: 100%;
    width: 48%;
}

@media (prefers-reduced-motion: no-preference) {
    .access-card-reader-device span[b-vbiinll4k8] {
        animation: room-access-card-scan-b-vbiinll4k8 1.1s ease-in-out infinite;
    }

    .access-card-reader-progress span[b-vbiinll4k8] {
        animation: room-access-card-progress-b-vbiinll4k8 1.35s ease-in-out infinite;
    }
}

@keyframes room-access-card-scan-b-vbiinll4k8 {
    from { left: -20%; }
    to { left: 110%; }
}

@keyframes room-access-card-progress-b-vbiinll4k8 {
    from { transform: translateX(-100%); }
    to { transform: translateX(220%); }
}

/* /Components/Pages/Operations/RoomAccess/RoomAccessDesktop.razor.rz.scp.css */
/* Desktop workspace of the in-house board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces. */

.room-access-desktop[b-oyo95zucll] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.room-access-breadcrumb[b-oyo95zucll] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.room-access-breadcrumb a[b-oyo95zucll] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.room-access-breadcrumb a:hover[b-oyo95zucll],
.room-access-breadcrumb a:focus-visible[b-oyo95zucll] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.room-access-breadcrumb a:focus-visible[b-oyo95zucll] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.room-access-breadcrumb i[b-oyo95zucll] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.room-access-breadcrumb [aria-current='page'][b-oyo95zucll] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.room-access-head[b-oyo95zucll] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.room-access-head__copy[b-oyo95zucll] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.room-access-head__title-row[b-oyo95zucll] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.room-access-head h1[b-oyo95zucll] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.room-access-head__lead[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.room-access-head__meta[b-oyo95zucll] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.room-access-open-badge[b-oyo95zucll] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.room-access-head__actions[b-oyo95zucll] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface, four cells, 1px dividers instead of four floating cards. */

.room-access-kpis[b-oyo95zucll] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.room-access-kpi[b-oyo95zucll] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.room-access-kpi + .room-access-kpi[b-oyo95zucll] {
    border-left: 1px solid var(--innvilo-border-default);
}

.room-access-kpi.is-current[b-oyo95zucll]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: -1px -1px auto -1px;
    position: absolute;
}

.room-access-kpi__label[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.room-access-kpi__value[b-oyo95zucll] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.room-access-kpi.is-current .room-access-kpi__value[b-oyo95zucll] {
    color: var(--color-primary);
}

.room-access-kpi.is-attention .room-access-kpi__value[b-oyo95zucll] {
    color: var(--color-warning-text);
}

.room-access-kpi.is-positive .room-access-kpi__value[b-oyo95zucll] {
    color: var(--color-success);
}

.room-access-kpi__detail[b-oyo95zucll] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: title row plus toolbar, then filter panel, then grid or state. */

.room-access-workspace[b-oyo95zucll] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.room-access-toolbar[b-oyo95zucll] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.room-access-search[b-oyo95zucll] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.room-access-toolbar__filters[b-oyo95zucll] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.room-access-pills[b-oyo95zucll] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.room-access-pills__label[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.room-access-pills__list[b-oyo95zucll] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.room-access-pill[b-oyo95zucll] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.room-access-pill > span[b-oyo95zucll] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-access-pill__remove[b-oyo95zucll] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.room-access-pill__remove:hover[b-oyo95zucll] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.room-access-pill__remove:focus-visible[b-oyo95zucll],
.room-access-pills__clear:focus-visible[b-oyo95zucll] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.room-access-pills__clear[b-oyo95zucll] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.room-access-grid-host[b-oyo95zucll] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. */

.room-access-pager[b-oyo95zucll] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.room-access-pager__size[b-oyo95zucll] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.room-access-pager__size > span[b-oyo95zucll] {
    white-space: nowrap;
}

.room-access-pager__nav[b-oyo95zucll] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.room-access-pager__page[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.room-access-pager__page strong[b-oyo95zucll] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.room-access-grid-results[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.room-access-guest-cell[b-oyo95zucll],
.room-access-stay-cell[b-oyo95zucll] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.room-access-guest-cell strong[b-oyo95zucll],
.room-access-stay-cell strong[b-oyo95zucll] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.room-access-guest-cell small[b-oyo95zucll],
.room-access-stay-cell small[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.room-access-guest-cell__number[b-oyo95zucll] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-access-amount[b-oyo95zucll] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.room-access-next-action[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.room-access-next-action.is-urgent[b-oyo95zucll] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.room-access-state[b-oyo95zucll] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.room-access-state > *[b-oyo95zucll] {
    animation: room-access-state-in-b-oyo95zucll var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.room-access-state > :nth-child(2)[b-oyo95zucll] { animation-delay: 40ms; }
.room-access-state > :nth-child(3)[b-oyo95zucll] { animation-delay: 80ms; }
.room-access-state > :nth-child(4)[b-oyo95zucll] { animation-delay: 120ms; }

@keyframes room-access-state-in-b-oyo95zucll {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.room-access-state > i[b-oyo95zucll] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.room-access-state--error > i[b-oyo95zucll] {
    color: var(--color-error);
}

.room-access-state__copy[b-oyo95zucll] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.room-access-state h3[b-oyo95zucll] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.room-access-state p[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.room-access-state__actions[b-oyo95zucll] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.room-access-state--filtered[b-oyo95zucll],
.room-access-state--error[b-oyo95zucll] {
    padding-block: var(--innvilo-space-11);
}

.room-access-process[b-oyo95zucll] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: var(--innvilo-space-4) 0 0;
    max-width: 52rem;
    padding: var(--innvilo-space-8) 0 0;
    text-align: left;
    width: 100%;
}

.room-access-process li[b-oyo95zucll] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.room-access-process li > span[b-oyo95zucll] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    width: 1.5rem;
}

.room-access-process li > div[b-oyo95zucll] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.room-access-process strong[b-oyo95zucll] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.room-access-process small[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Loading */

.room-access-desktop-skeleton[b-oyo95zucll] {
    display: grid;
    gap: 1px;
}

.room-access-desktop-skeleton span[b-oyo95zucll] {
    animation: room-access-pulse-b-oyo95zucll 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.room-access-desktop-skeleton span.is-header[b-oyo95zucll] {
    height: 2.75rem;
}

@keyframes room-access-pulse-b-oyo95zucll {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .room-access-kpis[b-oyo95zucll] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .room-access-kpi:nth-child(3)[b-oyo95zucll] {
        border-left: 0;
    }

    .room-access-kpi:nth-child(n + 3)[b-oyo95zucll] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .room-access-search[b-oyo95zucll] {
        flex: 1 1 100%;
    }

    .room-access-toolbar__filters[b-oyo95zucll] {
        width: 100%;
    }

    .room-access-process[b-oyo95zucll] {
        grid-template-columns: minmax(0, 1fr);
    }

    .room-access-head[b-oyo95zucll] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .room-access-head__actions[b-oyo95zucll] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .room-access-breadcrumb a[b-oyo95zucll] {
        transition: none;
    }

    .room-access-state > *[b-oyo95zucll],
    .room-access-state__art > span[b-oyo95zucll],
    .room-access-state__art > i[b-oyo95zucll] {
        animation: none;
    }

    .room-access-desktop-skeleton span[b-oyo95zucll] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.room-access-state__art[b-oyo95zucll] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.room-access-state__art > span[b-oyo95zucll] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.room-access-state__art > span[b-oyo95zucll]::before,
.room-access-state__art > span[b-oyo95zucll]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.room-access-state__art > span[b-oyo95zucll]::before {
    top: 0.625rem;
    width: 38%;
}

.room-access-state__art > span[b-oyo95zucll]::after {
    bottom: 0.625rem;
    width: 58%;
}

.room-access-state__art > span:nth-child(1)[b-oyo95zucll] {
    opacity: .35;
    transform: scale(.94);
}

.room-access-state__art > span:nth-child(2)[b-oyo95zucll] {
    opacity: .6;
    transform: scale(.97);
}

.room-access-state__art > span:nth-child(3)[b-oyo95zucll] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.room-access-state__art > i[b-oyo95zucll] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.room-access-state__art.is-filtered > span:nth-child(3)[b-oyo95zucll]::before,
.room-access-state__art.is-filtered > span:nth-child(3)[b-oyo95zucll]::after {
    background: var(--color-primary-focus-ring);
}

.room-access-state__art > span[b-oyo95zucll] {
    animation: room-access-state-row-in-b-oyo95zucll 300ms var(--innvilo-easing-settle) both;
}

.room-access-state__art > span:nth-child(2)[b-oyo95zucll] { animation-delay: 60ms; }
.room-access-state__art > span:nth-child(3)[b-oyo95zucll] { animation-delay: 120ms; }

.room-access-state__art > i[b-oyo95zucll] {
    animation: room-access-state-in-b-oyo95zucll 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes room-access-state-row-in-b-oyo95zucll {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Status cell: badge plus the payment rule in one quiet line. Balance column mutes settled folios. */

.room-access-status-cell[b-oyo95zucll] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.room-access-status-cell small[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.room-access-amount.is-none[b-oyo95zucll] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.room-access-amount.is-open[b-oyo95zucll] {
    color: var(--color-warning-text);
}

/* Local continuity links sit next to the hero actions as quiet secondary buttons. */

.room-access-continuity-action[b-oyo95zucll] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.room-access-continuity-action:hover[b-oyo95zucll] {
    background: var(--innvilo-surface-app);
    border-color: var(--innvilo-border-strong);
}

.room-access-continuity-action:focus-visible[b-oyo95zucll] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.room-access-head__meta .is-ready[b-oyo95zucll] {
    color: var(--color-success);
}

.room-access-guest-cell__origin[b-oyo95zucll] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

/* Batch strip under the toolbar: selection count left, the two batch actions right. */

.room-access-batch[b-oyo95zucll] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.room-access-batch__count[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.room-access-batch__actions[b-oyo95zucll] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.room-access-clarification[b-oyo95zucll] {
    min-width: 0;
}

.room-access-provider[b-oyo95zucll] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.room-access-provider.is-ready[b-oyo95zucll] {
    color: var(--color-success);
}

.room-access-provider.is-missing[b-oyo95zucll] {
    color: var(--color-warning-text, var(--color-navy-deep));
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.room-access-toolbar__hint[b-oyo95zucll] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

.access-status-badge[b-oyo95zucll] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    padding: 0.3rem 0.65rem;
    white-space: nowrap;
    width: fit-content;
}

.access-status-badge.is-success[b-oyo95zucll] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.access-status-badge.is-warning[b-oyo95zucll] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.room-access-grid-row--selected[b-oyo95zucll] {
    background: var(--color-accent-soft);
}
/* /Components/Pages/Operations/RoomAccess/RoomAccessIssuePopup.razor.rz.scp.css */
.room-access-issue[b-2qy14xeivq] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

/* Gastkopf: Zimmerkachel, Identität und Fakten auf einer Fläche. */
.room-access-issue__guest[b-2qy14xeivq] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-5);
}

.room-access-issue__room[b-2qy14xeivq] {
    align-items: center;
    background: var(--color-navy-deep);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.5rem;
    justify-content: center;
    letter-spacing: 0.01em;
    min-height: 4rem;
    min-width: 4.5rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.room-access-issue__identity[b-2qy14xeivq] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.room-access-issue__identity small[b-2qy14xeivq] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.room-access-issue__identity strong[b-2qy14xeivq] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.room-access-issue__identity span[b-2qy14xeivq] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    overflow-wrap: anywhere;
}

.room-access-issue__facts[b-2qy14xeivq] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.room-access-issue__fact[b-2qy14xeivq] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-access-issue__fact i[b-2qy14xeivq] {
    color: var(--color-primary);
    font-size: 0.8rem;
}

.access-status-badge[b-2qy14xeivq] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    padding: 0.3rem 0.65rem;
    white-space: nowrap;
}

.access-status-badge.is-success[b-2qy14xeivq] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.access-status-badge.is-warning[b-2qy14xeivq] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

/* Zwei Schritte nebeneinander, unter 900px Viewport untereinander. */
.room-access-issue__steps[b-2qy14xeivq] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.room-access-issue__step[b-2qy14xeivq] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.room-access-issue__step-head[b-2qy14xeivq] {
    align-items: flex-start;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.room-access-issue__step-number[b-2qy14xeivq] {
    align-items: center;
    background: var(--color-navy-deep);
    border-radius: 999px;
    color: var(--color-surface);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 0.85rem;
    height: 1.75rem;
    justify-content: center;
    width: 1.75rem;
}

.room-access-issue__step-head h3[b-2qy14xeivq] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 0;
}

.room-access-issue__step-head p[b-2qy14xeivq] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 2px 0 0;
}

.room-access-issue__progress[b-2qy14xeivq] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    padding: 0.3rem 0.65rem;
    white-space: nowrap;
}

.room-access-issue__progress.is-complete[b-2qy14xeivq] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.room-access-issue__checks[b-2qy14xeivq] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.room-access-issue__check[b-2qy14xeivq] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    display: flex;
    min-height: 2.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
}

.room-access-issue__reference[b-2qy14xeivq] {
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding-top: var(--innvilo-space-4);
}

.room-access-issue__reference div[b-2qy14xeivq] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.room-access-issue__reference dt[b-2qy14xeivq] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.room-access-issue__reference dd[b-2qy14xeivq] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    overflow-wrap: anywhere;
}

.room-access-issue__error[b-2qy14xeivq] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
    padding: var(--innvilo-space-3);
}

.room-access-issue__notice[b-2qy14xeivq] {
    align-items: flex-start;
    background: var(--color-warning-soft);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-navy-deep);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
    padding: var(--innvilo-space-3);
}

.room-access-issue__notice i[b-2qy14xeivq] {
    margin-top: 2px;
}

/* Methodenwahl: drei gleichwertige Optionen, die gewählte trägt den Akzentrahmen. */
.room-access-issue__methods[b-2qy14xeivq] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.room-access-issue__method[b-2qy14xeivq] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-navy-deep);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 3.5rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
    transition: border-color 120ms ease-out, background-color 120ms ease-out;
}

.room-access-issue__method:hover:not(:disabled)[b-2qy14xeivq] {
    border-color: var(--color-primary);
}

.room-access-issue__method:focus-visible[b-2qy14xeivq] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.room-access-issue__method.is-selected[b-2qy14xeivq] {
    background: var(--color-accent-soft);
    border-color: var(--color-primary);
}

.room-access-issue__method:disabled[b-2qy14xeivq] {
    cursor: not-allowed;
    opacity: 0.55;
}

.room-access-issue__method-icon[b-2qy14xeivq] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-control, 0.5rem);
    color: var(--color-primary);
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.room-access-issue__method.is-selected .room-access-issue__method-icon[b-2qy14xeivq] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-surface);
}

.room-access-issue__method-text[b-2qy14xeivq] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.room-access-issue__method-text strong[b-2qy14xeivq] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.room-access-issue__method-text small[b-2qy14xeivq] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.room-access-issue__method-check[b-2qy14xeivq] {
    color: var(--innvilo-text-muted);
    font-size: 1.1rem;
}

.room-access-issue__method.is-selected .room-access-issue__method-check[b-2qy14xeivq] {
    color: var(--color-primary);
}

.room-access-issue__fields[b-2qy14xeivq] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.room-access-issue__field[b-2qy14xeivq] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.room-access-issue__field.is-wide[b-2qy14xeivq] {
    grid-column: 1 / -1;
}

.room-access-issue__field > span[b-2qy14xeivq] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.room-access-issue__field em[b-2qy14xeivq] {
    color: var(--innvilo-text-muted);
    font-style: normal;
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.room-access-issue__validity[b-2qy14xeivq] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-soft);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    margin: 0;
    padding-top: var(--innvilo-space-3);
}

.room-access-issue__validity strong[b-2qy14xeivq] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Ergebnis: Code als Ticket, Übergabe als Aktionsleiste. */
.room-access-issue__result[b-2qy14xeivq] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.room-access-issue__result-head[b-2qy14xeivq] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
}

.room-access-issue__result-icon[b-2qy14xeivq] {
    align-items: center;
    background: var(--color-success-surface);
    border: 1px solid var(--color-success-border);
    border-radius: 999px;
    color: var(--color-success);
    display: inline-flex;
    font-size: 1.1rem;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.room-access-issue__result-head h3[b-2qy14xeivq] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.2rem;
    margin: 0;
}

.room-access-issue__result-head p[b-2qy14xeivq] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    margin: 2px 0 0;
}

.room-access-issue__ticket[b-2qy14xeivq] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    padding: var(--innvilo-space-5);
}

.room-access-issue__ticket:has(> .room-access-issue__ticket-facts:only-child)[b-2qy14xeivq] {
    grid-template-columns: minmax(0, 1fr);
}

.room-access-issue__code[b-2qy14xeivq] {
    background: var(--color-navy-deep);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-surface);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5);
}

.room-access-issue__code small[b-2qy14xeivq] {
    color: rgba(255, 255, 255, 0.72);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.room-access-issue__code strong[b-2qy14xeivq] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 2rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.2em;
    line-height: 1.1;
}

.room-access-issue__code-actions[b-2qy14xeivq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.room-access-issue__ticket-facts[b-2qy14xeivq] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.room-access-issue__ticket-facts div[b-2qy14xeivq] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.room-access-issue__ticket-facts dt[b-2qy14xeivq] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.room-access-issue__ticket-facts dd[b-2qy14xeivq] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    margin: 0;
    overflow-wrap: anywhere;
}

.room-access-issue__deliver[b-2qy14xeivq] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.room-access-issue__deliver-label[b-2qy14xeivq] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.room-access-issue__deliver-actions[b-2qy14xeivq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.room-access-issue__deliver-hint[b-2qy14xeivq] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

@media (max-width: 56.25rem) {
    .room-access-issue__steps[b-2qy14xeivq],
    .room-access-issue__ticket[b-2qy14xeivq],
    .room-access-issue__fields[b-2qy14xeivq],
    .room-access-issue__reference[b-2qy14xeivq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .room-access-issue__guest[b-2qy14xeivq] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .room-access-issue__facts[b-2qy14xeivq] {
        align-items: flex-start;
        grid-column: 1 / -1;
    }

    .room-access-issue__fact[b-2qy14xeivq] {
        max-width: 100%;
    }
}

@media (max-width: 47.99rem) {
    .room-access-issue__step-head[b-2qy14xeivq] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .room-access-issue__progress[b-2qy14xeivq] {
        grid-column: 2;
        justify-self: start;
    }

    .room-access-issue__deliver-actions .dx-app-button[b-2qy14xeivq] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Operations/RoomAccess/RoomAccessLogs.razor.rz.scp.css */
.room-access-logs[b-kkr41y9kc9] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.room-access-section-head[b-kkr41y9kc9] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.room-access-section-head h2[b-kkr41y9kc9] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0;
}

.room-access-section-head p[b-kkr41y9kc9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
}

.room-access-logs__count[b-kkr41y9kc9] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0.35rem 0.75rem;
    white-space: nowrap;
}

.room-access-logs__empty[b-kkr41y9kc9] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px dashed var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-2);
    justify-content: center;
    min-height: 9rem;
    padding: var(--innvilo-space-6);
    text-align: center;
}

.room-access-logs__empty i[b-kkr41y9kc9] {
    color: var(--color-primary);
    font-size: 1.5rem;
}

.room-access-logs__empty strong[b-kkr41y9kc9] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.room-access-logs__empty span[b-kkr41y9kc9] {
    line-height: 1.5;
    max-width: 34rem;
}

.room-access-logs__grid-host[b-kkr41y9kc9] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
    overflow: hidden;
}

.room-access-log-card__icon[b-kkr41y9kc9] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.85rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.room-access-log-card__icon.is-success[b-kkr41y9kc9] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.room-access-log-card__icon.is-error[b-kkr41y9kc9] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.room-access-log-card__icon.is-warning[b-kkr41y9kc9] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.room-access-log-card__icon.is-info[b-kkr41y9kc9] {
    background: var(--color-accent-soft);
    border-color: var(--innvilo-border-default);
    color: var(--color-primary);
}

.room-access-log-status[b-kkr41y9kc9] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1.2;
    padding: 0.2rem 0.5rem;
    white-space: nowrap;
}

.room-access-log-status.is-success[b-kkr41y9kc9] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.room-access-log-status.is-error[b-kkr41y9kc9] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.room-access-log-status.is-warning[b-kkr41y9kc9] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.room-access-log-status.is-info[b-kkr41y9kc9] {
    background: var(--color-accent-soft);
    color: var(--color-primary);
}

.room-access-log-action[b-kkr41y9kc9] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.room-access-log-action__text[b-kkr41y9kc9] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.room-access-log-action__text strong[b-kkr41y9kc9] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    overflow-wrap: anywhere;
}

.room-access-log-action__text mark[b-kkr41y9kc9] {
    align-self: flex-start;
}

.room-access-log-time[b-kkr41y9kc9],
.room-access-log-actor[b-kkr41y9kc9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    white-space: nowrap;
}

.room-access-log-message[b-kkr41y9kc9] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.room-access-stay-cell[b-kkr41y9kc9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.room-access-stay-cell strong[b-kkr41y9kc9] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    overflow-wrap: anywhere;
}

.room-access-stay-cell small[b-kkr41y9kc9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.room-access-pager[b-kkr41y9kc9] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.room-access-pager__size[b-kkr41y9kc9] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
}

.room-access-pager__nav[b-kkr41y9kc9] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.room-access-pager__page[b-kkr41y9kc9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    padding: 0 var(--innvilo-space-2);
    white-space: nowrap;
}

.room-access-pager__page strong[b-kkr41y9kc9] {
    color: var(--color-navy-deep);
}

.room-access-logs__list[b-kkr41y9kc9] {
    display: grid;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.room-access-log-card[b-kkr41y9kc9] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
    padding: var(--innvilo-space-4);
}

.room-access-log-card__body[b-kkr41y9kc9] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.room-access-log-card__body header[b-kkr41y9kc9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.room-access-log-card__body strong[b-kkr41y9kc9] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.room-access-log-card__body p[b-kkr41y9kc9] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.room-access-log-card__body small[b-kkr41y9kc9],
.room-access-log-card__body time[b-kkr41y9kc9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.room-access-logs__more[b-kkr41y9kc9] {
    justify-self: stretch;
}
/* /Components/Pages/Operations/RoomAccess/RoomAccessMobile.razor.rz.scp.css */
/* Mobile workspace of the in-house board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.room-access-mobile[b-5k9fg6pleb] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.room-access-breadcrumb[b-5k9fg6pleb] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.room-access-breadcrumb a[b-5k9fg6pleb] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.room-access-breadcrumb a:focus-visible[b-5k9fg6pleb] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.room-access-breadcrumb i[b-5k9fg6pleb] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.room-access-breadcrumb [aria-current='page'][b-5k9fg6pleb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.room-access-mobile-header[b-5k9fg6pleb] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.room-access-mobile-header__copy[b-5k9fg6pleb] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.room-access-mobile-header h1[b-5k9fg6pleb] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.room-access-mobile-header p[b-5k9fg6pleb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.room-access-mobile-header p span[b-5k9fg6pleb] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.room-access-mobile-kpis[b-5k9fg6pleb] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.room-access-mobile-kpi[b-5k9fg6pleb] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.room-access-mobile-kpi:nth-child(even)[b-5k9fg6pleb] {
    border-left: 1px solid var(--innvilo-border-default);
}

.room-access-mobile-kpi:nth-child(n + 3)[b-5k9fg6pleb] {
    border-top: 1px solid var(--innvilo-border-default);
}

.room-access-mobile-kpi.is-current[b-5k9fg6pleb]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.room-access-mobile-kpi span[b-5k9fg6pleb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-access-mobile-kpi strong[b-5k9fg6pleb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.room-access-mobile-kpi.is-current strong[b-5k9fg6pleb] {
    color: var(--color-primary);
}

.room-access-mobile-kpi.is-attention strong[b-5k9fg6pleb] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.room-access-mobile-header__actions[b-5k9fg6pleb] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

.room-access-mobile-tools[b-5k9fg6pleb] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.room-access-mobile-tools > :first-child + *[b-5k9fg6pleb] {
    flex: 1 1 auto;
    min-width: 0;
}

.room-access-mobile-filter__count[b-5k9fg6pleb] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills (list and overlay share the same markup). */

.room-access-pills[b-5k9fg6pleb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.room-access-pills__label[b-5k9fg6pleb] {
    align-self: center;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.room-access-pills__list[b-5k9fg6pleb] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.room-access-pill[b-5k9fg6pleb] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.room-access-pill > span[b-5k9fg6pleb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-access-pill__remove[b-5k9fg6pleb] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.room-access-pill__remove:focus-visible[b-5k9fg6pleb],
.room-access-pills__clear:focus-visible[b-5k9fg6pleb],
.room-access-overlay__row:focus-visible[b-5k9fg6pleb],
.room-access-overlay__close:focus-visible[b-5k9fg6pleb],
.room-access-overlay__back:focus-visible[b-5k9fg6pleb] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.room-access-pills__clear[b-5k9fg6pleb] {
    align-self: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.75rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.room-access-overlay[b-5k9fg6pleb] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.room-access-overlay__head[b-5k9fg6pleb] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.room-access-overlay__head h2[b-5k9fg6pleb] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.room-access-overlay__close[b-5k9fg6pleb],
.room-access-overlay__back[b-5k9fg6pleb] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.room-access-overlay__back[b-5k9fg6pleb] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.room-access-overlay__close[b-5k9fg6pleb] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.room-access-overlay__body[b-5k9fg6pleb] {
    min-height: 0;
    overflow-y: auto;
}

.room-access-overlay__pills[b-5k9fg6pleb] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.room-access-overlay__rows[b-5k9fg6pleb] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.room-access-overlay__row[b-5k9fg6pleb] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.room-access-overlay__row-label[b-5k9fg6pleb] {
    flex: 1 1 auto;
    min-width: 0;
}

.room-access-overlay__row-count[b-5k9fg6pleb] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.room-access-overlay__row > i[b-5k9fg6pleb] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.room-access-overlay__foot[b-5k9fg6pleb] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.room-access-mobile-list[b-5k9fg6pleb],
.room-access-mobile-group__cards[b-5k9fg6pleb] {
    display: grid;
    min-width: 0;
}

.room-access-mobile-list[b-5k9fg6pleb] {
    gap: var(--innvilo-space-8);
}

.room-access-mobile-group__cards[b-5k9fg6pleb] {
    gap: var(--innvilo-space-5);
}

.room-access-mobile-card[b-5k9fg6pleb] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.room-access-mobile-card.is-urgent[b-5k9fg6pleb]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    top: -1px;
    width: 3px;
}

.room-access-mobile-card__header[b-5k9fg6pleb] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.room-access-mobile-card__identity[b-5k9fg6pleb] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.room-access-mobile-card__identity > strong[b-5k9fg6pleb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.room-access-mobile-card__identity span[b-5k9fg6pleb],
.room-access-mobile-card__meta[b-5k9fg6pleb],
.room-access-mobile-card__next[b-5k9fg6pleb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.room-access-mobile-card__number[b-5k9fg6pleb] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-access-mobile-card__amount[b-5k9fg6pleb] {
    color: var(--innvilo-text-primary);
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    max-width: 45%;
    text-align: right;
    white-space: nowrap;
}

.room-access-mobile-card__status[b-5k9fg6pleb] {
    display: flex;
    min-width: 0;
}

.room-access-mobile-card__meta[b-5k9fg6pleb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.room-access-mobile-card__meta span[b-5k9fg6pleb] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.room-access-mobile-card__meta i[b-5k9fg6pleb] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.room-access-mobile-card__footer[b-5k9fg6pleb] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.room-access-mobile-card__next[b-5k9fg6pleb] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.room-access-mobile-card__next.is-urgent[b-5k9fg6pleb] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* States */

.room-access-mobile-state[b-5k9fg6pleb] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.room-access-mobile-state > *[b-5k9fg6pleb] {
    animation: room-access-mobile-state-in-b-5k9fg6pleb var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.room-access-mobile-state > :nth-child(2)[b-5k9fg6pleb] { animation-delay: 40ms; }
.room-access-mobile-state > :nth-child(3)[b-5k9fg6pleb] { animation-delay: 80ms; }
.room-access-mobile-state > :nth-child(4)[b-5k9fg6pleb] { animation-delay: 120ms; }

@keyframes room-access-mobile-state-in-b-5k9fg6pleb {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.room-access-mobile-state > i[b-5k9fg6pleb] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.room-access-mobile-state--error > i[b-5k9fg6pleb] {
    color: var(--color-error);
}

.room-access-mobile-state h2[b-5k9fg6pleb],
.room-access-mobile-state p[b-5k9fg6pleb] {
    margin: 0;
}

.room-access-mobile-state h2[b-5k9fg6pleb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.room-access-mobile-state p[b-5k9fg6pleb] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.room-access-mobile-state > :last-child[b-5k9fg6pleb] {
    margin-top: var(--innvilo-space-5);
}

/* Loading */

.room-access-mobile-skeleton[b-5k9fg6pleb] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.room-access-mobile-skeleton span[b-5k9fg6pleb] {
    animation: room-access-mobile-pulse-b-5k9fg6pleb 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes room-access-mobile-pulse-b-5k9fg6pleb {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .room-access-mobile-card[b-5k9fg6pleb] {
        padding: var(--innvilo-space-5);
    }

    .room-access-mobile-card__footer[b-5k9fg6pleb] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .room-access-mobile-skeleton span[b-5k9fg6pleb],
    .room-access-mobile-state > *[b-5k9fg6pleb],
    .room-access-state__art > span[b-5k9fg6pleb],
    .room-access-state__art > i[b-5k9fg6pleb] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.room-access-state__art[b-5k9fg6pleb] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.room-access-state__art > span[b-5k9fg6pleb] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.room-access-state__art > span[b-5k9fg6pleb]::before,
.room-access-state__art > span[b-5k9fg6pleb]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.room-access-state__art > span[b-5k9fg6pleb]::before {
    top: 0.625rem;
    width: 38%;
}

.room-access-state__art > span[b-5k9fg6pleb]::after {
    bottom: 0.625rem;
    width: 58%;
}

.room-access-state__art > span:nth-child(1)[b-5k9fg6pleb] {
    opacity: .35;
    transform: scale(.94);
}

.room-access-state__art > span:nth-child(2)[b-5k9fg6pleb] {
    opacity: .6;
    transform: scale(.97);
}

.room-access-state__art > span:nth-child(3)[b-5k9fg6pleb] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.room-access-state__art > i[b-5k9fg6pleb] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.room-access-state__art.is-filtered > span:nth-child(3)[b-5k9fg6pleb]::before,
.room-access-state__art.is-filtered > span:nth-child(3)[b-5k9fg6pleb]::after {
    background: var(--color-primary-focus-ring);
}

.room-access-state__art > span[b-5k9fg6pleb] {
    animation: room-access-mobile-state-row-in-b-5k9fg6pleb 300ms var(--innvilo-easing-settle) both;
}

.room-access-state__art > span:nth-child(2)[b-5k9fg6pleb] { animation-delay: 60ms; }
.room-access-state__art > span:nth-child(3)[b-5k9fg6pleb] { animation-delay: 120ms; }

.room-access-state__art > i[b-5k9fg6pleb] {
    animation: room-access-mobile-state-in-b-5k9fg6pleb 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes room-access-mobile-state-row-in-b-5k9fg6pleb {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}


/* Badge row in the card: status badge, then the payment rule in one line. */

.room-access-mobile-card__badges[b-5k9fg6pleb] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    min-width: 0;
}

.room-access-mobile-card__badges small[b-5k9fg6pleb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.room-access-mobile-card__amount.is-none[b-5k9fg6pleb] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.room-access-mobile-card__amount.is-open[b-5k9fg6pleb] {
    color: var(--color-warning-text);
}

.room-access-mobile-header p .is-ready[b-5k9fg6pleb] {
    color: var(--color-success);
}

.room-access-mobile-continuity[b-5k9fg6pleb] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.room-access-mobile-continuity a[b-5k9fg6pleb] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
}

.room-access-mobile-continuity a:focus-visible[b-5k9fg6pleb] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.room-access-mobile-card__badge-row[b-5k9fg6pleb] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.room-access-mobile-header__continuity span[b-5k9fg6pleb] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.room-access-mobile-header__continuity span.is-ready[b-5k9fg6pleb] {
    color: var(--color-success);
}

/* Batch actions on mobile: full-width buttons, selection is a desktop affordance. */

.room-access-batch[b-5k9fg6pleb] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.room-access-batch__count[b-5k9fg6pleb] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.room-access-batch__actions[b-5k9fg6pleb] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.room-access-clarification[b-5k9fg6pleb] {
    min-width: 0;
}

.room-access-provider.is-ready[b-5k9fg6pleb] {
    color: var(--color-success);
}

.room-access-provider.is-missing[b-5k9fg6pleb] {
    color: var(--color-navy-deep);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.access-status-badge[b-5k9fg6pleb] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: 999px;
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    padding: 0.3rem 0.65rem;
    white-space: nowrap;
}

.access-status-badge.is-success[b-5k9fg6pleb] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.access-status-badge.is-warning[b-5k9fg6pleb] {
    background: var(--color-warning-soft);
    border-color: var(--color-border-strong);
    color: var(--color-navy-deep);
}

.room-access-mobile-card.is-selected[b-5k9fg6pleb] {
    border-color: var(--color-primary);
}
/* /Components/Pages/Operations/RoomAccess/RoomAccessRowActions.razor.rz.scp.css */
.room-access-row-actions[b-zmhx7fl1u6] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
    min-width: 0;
}
/* /Components/Pages/Operations/Rooms.razor.rz.scp.css */
.rooms-page[b-yeyrtyno8x] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    max-width: none;
    min-width: 0;
    width: 100%;
}

.rooms-page > *[b-yeyrtyno8x] {
    min-width: 0;
}
/* /Components/Pages/Operations/RoomsShimmer.razor.rz.scp.css */
.rooms-shimmer > div[b-4vd6zzyqpx] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.rooms-shimmer-filter[b-4vd6zzyqpx],
.rooms-shimmer-grid[b-4vd6zzyqpx] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    min-width: 0;
}

.rooms-shimmer-filter[b-4vd6zzyqpx],
.rooms-shimmer-grid > header[b-4vd6zzyqpx] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.rooms-shimmer-filter[b-4vd6zzyqpx] {
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.rooms-shimmer-filter > div[b-4vd6zzyqpx],
.rooms-shimmer-grid header > div[b-4vd6zzyqpx] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.rooms-shimmer-grid[b-4vd6zzyqpx] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-6);
}

.rooms-shimmer-line[b-4vd6zzyqpx],
.rooms-shimmer-toggle[b-4vd6zzyqpx],
.rooms-shimmer-count[b-4vd6zzyqpx],
.rooms-shimmer-row[b-4vd6zzyqpx] {
    animation: rooms-shimmer-pulse-b-4vd6zzyqpx 1.6s ease-in-out infinite;
    background: var(--color-surface-soft);
    border-radius: var(--radius-sm);
    display: block;
}

.rooms-shimmer-line.is-filter-title[b-4vd6zzyqpx],
.rooms-shimmer-line.is-grid-title[b-4vd6zzyqpx] {
    height: .875rem;
    width: 9rem;
}

.rooms-shimmer-line.is-filter-copy[b-4vd6zzyqpx],
.rooms-shimmer-line.is-grid-copy[b-4vd6zzyqpx] {
    height: .75rem;
    width: min(22rem, 56vw);
}

.rooms-shimmer-toggle[b-4vd6zzyqpx] {
    height: var(--innvilo-grid-action-target-touch);
    width: var(--innvilo-grid-action-target-touch);
}

.rooms-shimmer-count[b-4vd6zzyqpx] {
    height: 1.75rem;
    width: 5rem;
}

.rooms-shimmer-row[b-4vd6zzyqpx] {
    height: 3.25rem;
}

@keyframes rooms-shimmer-pulse-b-4vd6zzyqpx {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

@media (max-width: 47.99rem) {
    .rooms-shimmer-filter[b-4vd6zzyqpx],
    .rooms-shimmer-grid[b-4vd6zzyqpx] {
        padding: var(--innvilo-space-5);
    }

    .rooms-shimmer-grid[b-4vd6zzyqpx] {
        gap: var(--innvilo-space-4);
    }

    .rooms-shimmer-row[b-4vd6zzyqpx] {
        height: 8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rooms-shimmer-line[b-4vd6zzyqpx],
    .rooms-shimmer-toggle[b-4vd6zzyqpx],
    .rooms-shimmer-count[b-4vd6zzyqpx],
    .rooms-shimmer-row[b-4vd6zzyqpx] {
        animation: none;
    }
}
/* /Components/Pages/Operations/RoomsWorkspace.razor.rz.scp.css */
.rooms-workspace[b-5l8fgobnsm],
.rooms-mobile-card[b-5l8fgobnsm],
.rooms-mobile-card__heading[b-5l8fgobnsm],
.rooms-mobile-card__summary[b-5l8fgobnsm],
.rooms-mobile-card__details[b-5l8fgobnsm],
.rooms-mobile-card__details dl[b-5l8fgobnsm] {
    min-width: 0;
}

.rooms-mobile-card[b-5l8fgobnsm] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.rooms-mobile-card__heading[b-5l8fgobnsm] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.rooms-mobile-card__heading > div[b-5l8fgobnsm] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.rooms-mobile-card__heading span[b-5l8fgobnsm],
.rooms-mobile-card__summary dt[b-5l8fgobnsm],
.rooms-mobile-card__details dt[b-5l8fgobnsm] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
}

.rooms-mobile-card__heading strong[b-5l8fgobnsm] {
    color: var(--color-text);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.25;
}

.rooms-mobile-card__status[b-5l8fgobnsm] {
    border-radius: var(--radius-pill);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.3;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
}

.rooms-mobile-card__status.is-positive[b-5l8fgobnsm] {
    background: var(--color-success-surface);
    color: var(--color-success);
}

.rooms-mobile-card__status.is-warning[b-5l8fgobnsm] {
    background: var(--color-warning-soft);
    color: var(--color-warning);
}

.rooms-mobile-card__status.is-info[b-5l8fgobnsm] {
    background: var(--color-info-soft);
    color: var(--color-info);
}

.rooms-mobile-card__status.is-critical[b-5l8fgobnsm] {
    background: var(--color-error-surface);
    color: var(--color-error);
}

.rooms-mobile-card__status.is-neutral[b-5l8fgobnsm] {
    background: var(--color-surface-soft);
    color: var(--color-text-muted);
}

.rooms-mobile-card__summary[b-5l8fgobnsm],
.rooms-mobile-card__details dl[b-5l8fgobnsm] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin: 0;
}

.rooms-mobile-card__summary[b-5l8fgobnsm] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rooms-mobile-card__summary > div[b-5l8fgobnsm],
.rooms-mobile-card__details dl > div[b-5l8fgobnsm] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.rooms-mobile-card__summary dd[b-5l8fgobnsm],
.rooms-mobile-card__details dd[b-5l8fgobnsm] {
    color: var(--color-text);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.rooms-mobile-card__primary-shell[b-5l8fgobnsm] {
    display: grid;
}

.rooms-mobile-card__details[b-5l8fgobnsm] {
    border-top: 1px solid var(--color-border);
}

.rooms-mobile-card__details summary[b-5l8fgobnsm] {
    align-items: center;
    color: var(--color-primary);
    cursor: pointer;
    display: flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    min-height: var(--innvilo-grid-action-target-touch);
    padding-block: var(--innvilo-space-2);
}

.rooms-mobile-card__details[open] summary[b-5l8fgobnsm] {
    margin-bottom: var(--innvilo-space-3);
}

@media (max-width: 26.875rem) {
    .rooms-mobile-card__summary[b-5l8fgobnsm] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .rooms-mobile-card__details summary[b-5l8fgobnsm] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Operations/ServiceCases/ServiceCaseActionPopup.razor.rz.scp.css */
/* Action popup: intro line, one form block, optional error. */

.servicecase-form[b-in3x59pt12] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.servicecase-form__intro[b-in3x59pt12] {
    display: grid;
    gap: var(--innvilo-space-1);
    margin: 0;
}

.servicecase-form__intro strong[b-in3x59pt12] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.servicecase-form__intro span[b-in3x59pt12] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.servicecase-form__choices[b-in3x59pt12] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.servicecase-form__choice[b-in3x59pt12] {
    align-items: flex-start;
    background: var(--innvilo-surface-app);
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: var(--innvilo-space-3);
    min-height: 2.75rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
    transition: background-color 140ms ease-out, border-color 140ms ease-out;
}

.servicecase-form__choice:hover[b-in3x59pt12] {
    background: var(--innvilo-surface-muted);
}

.servicecase-form__choice.is-selected[b-in3x59pt12] {
    background: var(--innvilo-surface-main);
    border-color: var(--color-primary);
}

.servicecase-form__choice:focus-visible[b-in3x59pt12] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.servicecase-form__choice > i[b-in3x59pt12] {
    color: var(--color-primary);
    margin-top: 3px;
}

.servicecase-form__choice > span[b-in3x59pt12] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.servicecase-form__choice strong[b-in3x59pt12] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.servicecase-form__choice small[b-in3x59pt12] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.servicecase-form__field[b-in3x59pt12] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.servicecase-form__field > span[b-in3x59pt12] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.servicecase-form__field > small[b-in3x59pt12] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.servicecase-form__option[b-in3x59pt12] {
    display: grid;
    gap: 2px;
}

.servicecase-form__option strong[b-in3x59pt12] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.servicecase-form__option small[b-in3x59pt12] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.servicecase-form__hint[b-in3x59pt12] {
    align-items: flex-start;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.45;
    margin: 0;
}

.servicecase-form__hint i[b-in3x59pt12] {
    color: var(--color-primary);
    margin-top: 2px;
}

.servicecase-form__error[b-in3x59pt12] {
    align-items: flex-start;
    border-left: 3px solid var(--color-error);
    color: var(--color-error);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-2);
    margin: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

@media (max-width: 47.99rem) {
    .servicecase-form__choices[b-in3x59pt12] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .servicecase-form__choice[b-in3x59pt12] {
        transition: none;
    }
}
/* /Components/Pages/Operations/ServiceCases/ServiceCaseBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.servicecase-page[b-xefs5zrfnk] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.servicecase-viewport-skeleton[b-xefs5zrfnk] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.servicecase-viewport-skeleton span[b-xefs5zrfnk] {
    animation: servicecase-viewport-pulse-b-xefs5zrfnk 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.servicecase-viewport-skeleton .is-breadcrumb[b-xefs5zrfnk] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.servicecase-viewport-skeleton .is-title[b-xefs5zrfnk] {
    height: 4.5rem;
}

.servicecase-viewport-skeleton .is-toolbar[b-xefs5zrfnk] {
    height: 6rem;
}

.servicecase-viewport-skeleton .is-content[b-xefs5zrfnk] {
    height: 22rem;
}

@keyframes servicecase-viewport-pulse-b-xefs5zrfnk {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .servicecase-viewport-skeleton span[b-xefs5zrfnk] {
        animation: none;
    }
}
/* /Components/Pages/Operations/ServiceCases/ServiceCaseDesktop.razor.rz.scp.css */
/* Desktop workspace of the service-case board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks. */

.servicecase-desktop[b-mc7vtyihv3] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.servicecase-breadcrumb[b-mc7vtyihv3] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.servicecase-breadcrumb a[b-mc7vtyihv3] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.servicecase-breadcrumb a:hover[b-mc7vtyihv3],
.servicecase-breadcrumb a:focus-visible[b-mc7vtyihv3] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.servicecase-breadcrumb a:focus-visible[b-mc7vtyihv3] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.servicecase-breadcrumb i[b-mc7vtyihv3] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.servicecase-breadcrumb [aria-current='page'][b-mc7vtyihv3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.servicecase-head[b-mc7vtyihv3] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.servicecase-head__copy[b-mc7vtyihv3] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.servicecase-head__title-row[b-mc7vtyihv3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.servicecase-head h1[b-mc7vtyihv3] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.servicecase-head__lead[b-mc7vtyihv3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.servicecase-head__meta[b-mc7vtyihv3] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.servicecase-open-badge[b-mc7vtyihv3] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.servicecase-head__actions[b-mc7vtyihv3] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.servicecase-kpis[b-mc7vtyihv3] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.servicecase-kpi[b-mc7vtyihv3] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.servicecase-kpi + .servicecase-kpi[b-mc7vtyihv3] {
    border-left: 1px solid var(--innvilo-border-default);
}

.servicecase-kpi.is-current[b-mc7vtyihv3]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.servicecase-kpi__label[b-mc7vtyihv3] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.servicecase-kpi__value[b-mc7vtyihv3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.servicecase-kpi.is-current .servicecase-kpi__value[b-mc7vtyihv3] {
    color: var(--color-primary);
}

.servicecase-kpi.is-attention .servicecase-kpi__value[b-mc7vtyihv3] {
    color: var(--color-warning-text);
}

.servicecase-kpi.is-positive .servicecase-kpi__value[b-mc7vtyihv3] {
    color: var(--color-success);
}

.servicecase-kpi__detail[b-mc7vtyihv3] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: toolbar, optional pill row, then grid or state. */

.servicecase-workspace[b-mc7vtyihv3] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.servicecase-toolbar[b-mc7vtyihv3] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.servicecase-search[b-mc7vtyihv3] {
    flex: 0 1 22rem;
    min-width: 12rem;
}

.servicecase-toolbar__filters[b-mc7vtyihv3] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.servicecase-pills[b-mc7vtyihv3] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.servicecase-pills__label[b-mc7vtyihv3] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.servicecase-pills__list[b-mc7vtyihv3] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.servicecase-pill[b-mc7vtyihv3] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.servicecase-pill > span[b-mc7vtyihv3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.servicecase-pill__remove[b-mc7vtyihv3] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.servicecase-pill__remove:hover[b-mc7vtyihv3] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.servicecase-pill__remove:focus-visible[b-mc7vtyihv3],
.servicecase-pills__clear:focus-visible[b-mc7vtyihv3] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.servicecase-pills__clear[b-mc7vtyihv3] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.servicecase-grid-host[b-mc7vtyihv3] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. The grid only holds the current page. */

.servicecase-pager[b-mc7vtyihv3] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.servicecase-pager__size[b-mc7vtyihv3] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.servicecase-pager__size > span[b-mc7vtyihv3] {
    white-space: nowrap;
}

.servicecase-pager__nav[b-mc7vtyihv3] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.servicecase-pager__page[b-mc7vtyihv3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.servicecase-pager__page strong[b-mc7vtyihv3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.servicecase-grid-results[b-mc7vtyihv3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.servicecase-case-cell[b-mc7vtyihv3] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.servicecase-case-cell strong[b-mc7vtyihv3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.servicecase-case-cell small[b-mc7vtyihv3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.servicecase-device[b-mc7vtyihv3] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.servicecase-time[b-mc7vtyihv3] {
    font-variant-numeric: tabular-nums;
}

.servicecase-guest[b-mc7vtyihv3],
.servicecase-assignee[b-mc7vtyihv3] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.servicecase-guest.is-none[b-mc7vtyihv3],
.servicecase-assignee.is-none[b-mc7vtyihv3] {
    color: var(--innvilo-text-muted);
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.servicecase-state[b-mc7vtyihv3] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.servicecase-state > *[b-mc7vtyihv3] {
    animation: servicecase-state-in-b-mc7vtyihv3 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.servicecase-state > :nth-child(2)[b-mc7vtyihv3] { animation-delay: 40ms; }
.servicecase-state > :nth-child(3)[b-mc7vtyihv3] { animation-delay: 80ms; }
.servicecase-state > :nth-child(4)[b-mc7vtyihv3] { animation-delay: 120ms; }

@keyframes servicecase-state-in-b-mc7vtyihv3 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.servicecase-state > i[b-mc7vtyihv3] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.servicecase-state--error > i[b-mc7vtyihv3] {
    color: var(--color-error);
}

.servicecase-state__copy[b-mc7vtyihv3] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.servicecase-state h3[b-mc7vtyihv3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.servicecase-state p[b-mc7vtyihv3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.servicecase-state__actions[b-mc7vtyihv3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.servicecase-state--filtered[b-mc7vtyihv3],
.servicecase-state--error[b-mc7vtyihv3] {
    padding-block: var(--innvilo-space-11);
}

/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.servicecase-state__art[b-mc7vtyihv3] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.servicecase-state__art > span[b-mc7vtyihv3] {
    animation: servicecase-state-row-in-b-mc7vtyihv3 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.servicecase-state__art > span[b-mc7vtyihv3]::before,
.servicecase-state__art > span[b-mc7vtyihv3]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.servicecase-state__art > span[b-mc7vtyihv3]::before {
    top: 0.625rem;
    width: 38%;
}

.servicecase-state__art > span[b-mc7vtyihv3]::after {
    bottom: 0.625rem;
    width: 58%;
}

.servicecase-state__art > span:nth-child(1)[b-mc7vtyihv3] {
    opacity: .35;
    transform: scale(.94);
}

.servicecase-state__art > span:nth-child(2)[b-mc7vtyihv3] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.servicecase-state__art > span:nth-child(3)[b-mc7vtyihv3] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.servicecase-state__art > i[b-mc7vtyihv3] {
    align-items: center;
    animation: servicecase-state-in-b-mc7vtyihv3 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.servicecase-state__art.is-filtered > span:nth-child(3)[b-mc7vtyihv3]::before,
.servicecase-state__art.is-filtered > span:nth-child(3)[b-mc7vtyihv3]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes servicecase-state-row-in-b-mc7vtyihv3 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.servicecase-desktop-skeleton[b-mc7vtyihv3] {
    display: grid;
    gap: 1px;
}

.servicecase-desktop-skeleton span[b-mc7vtyihv3] {
    animation: servicecase-pulse-b-mc7vtyihv3 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.servicecase-desktop-skeleton span.is-header[b-mc7vtyihv3] {
    height: 2.75rem;
}

@keyframes servicecase-pulse-b-mc7vtyihv3 {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .servicecase-kpis[b-mc7vtyihv3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .servicecase-kpi:nth-child(3)[b-mc7vtyihv3] {
        border-left: 0;
    }

    .servicecase-kpi:nth-child(n + 3)[b-mc7vtyihv3] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .servicecase-search[b-mc7vtyihv3] {
        flex: 1 1 100%;
    }

    .servicecase-toolbar__filters[b-mc7vtyihv3] {
        width: 100%;
    }

    .servicecase-head[b-mc7vtyihv3] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .servicecase-head__actions[b-mc7vtyihv3] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .servicecase-breadcrumb a[b-mc7vtyihv3],
    .servicecase-pill__remove[b-mc7vtyihv3] {
        transition: none;
    }

    .servicecase-state > *[b-mc7vtyihv3],
    .servicecase-state__art > span[b-mc7vtyihv3],
    .servicecase-state__art > i[b-mc7vtyihv3],
    .servicecase-desktop-skeleton span[b-mc7vtyihv3] {
        animation: none;
    }
}
/* /Components/Pages/Operations/ServiceCases/ServiceCaseDetailPopup.razor.rz.scp.css */
/* Detail popup: badges, description, facts, actions, timeline. Surfaces sit on the popup
   background without outlines; hairlines only inside the timeline. */

.servicecase-detail[b-o3ivfi31dx] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.servicecase-detail__skeleton[b-o3ivfi31dx] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.servicecase-detail__skeleton span[b-o3ivfi31dx] {
    animation: servicecase-detail-pulse-b-o3ivfi31dx 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 3rem;
}

@keyframes servicecase-detail-pulse-b-o3ivfi31dx {
    50% { opacity: .55; }
}

.servicecase-detail__head[b-o3ivfi31dx] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.servicecase-detail__badges[b-o3ivfi31dx] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.servicecase-detail__description[b-o3ivfi31dx] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 70ch;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.servicecase-detail__facts[b-o3ivfi31dx] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.servicecase-detail__facts div[b-o3ivfi31dx] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.servicecase-detail__facts dt[b-o3ivfi31dx] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.servicecase-detail__facts dd[b-o3ivfi31dx] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
}

.servicecase-detail__operation[b-o3ivfi31dx] {
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.servicecase-detail__actions[b-o3ivfi31dx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.servicecase-detail__result[b-o3ivfi31dx] {
    border-left: 3px solid var(--color-success);
    display: grid;
    gap: var(--innvilo-space-2);
    padding-left: var(--innvilo-space-5);
}

.servicecase-detail__result h3[b-o3ivfi31dx],
.servicecase-detail__history h3[b-o3ivfi31dx] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    margin: 0;
}

.servicecase-detail__result p[b-o3ivfi31dx] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.servicecase-detail__history[b-o3ivfi31dx] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.servicecase-detail__history-empty[b-o3ivfi31dx] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    margin: 0;
}

.servicecase-detail__timeline[b-o3ivfi31dx] {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

.servicecase-detail__timeline li[b-o3ivfi31dx] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 1.25rem minmax(0, 1fr);
    padding: var(--innvilo-space-4) 0;
}

.servicecase-detail__timeline li:first-child[b-o3ivfi31dx] {
    border-top: 0;
    padding-top: 0;
}

.servicecase-detail__timeline li > i[b-o3ivfi31dx] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    text-align: center;
}

.servicecase-detail__timeline li > div[b-o3ivfi31dx] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.servicecase-detail__timeline strong[b-o3ivfi31dx] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.servicecase-detail__timeline p[b-o3ivfi31dx] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.servicecase-detail__timeline span[b-o3ivfi31dx] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

@media (max-width: 47.99rem) {
    .servicecase-detail__facts[b-o3ivfi31dx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .servicecase-detail__actions[b-o3ivfi31dx] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .servicecase-detail__skeleton span[b-o3ivfi31dx] {
        animation: none;
    }
}
/* /Components/Pages/Operations/ServiceCases/ServiceCaseMobile.razor.rz.scp.css */
/* Mobile workspace of the service-case board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.servicecase-mobile[b-j9i1f4qu2s] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.servicecase-breadcrumb[b-j9i1f4qu2s] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.servicecase-breadcrumb a[b-j9i1f4qu2s] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.servicecase-breadcrumb a:focus-visible[b-j9i1f4qu2s] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.servicecase-breadcrumb i[b-j9i1f4qu2s] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.servicecase-breadcrumb [aria-current='page'][b-j9i1f4qu2s] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.servicecase-mobile-header[b-j9i1f4qu2s] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.servicecase-mobile-header__copy[b-j9i1f4qu2s] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.servicecase-mobile-header h1[b-j9i1f4qu2s] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.servicecase-mobile-header p[b-j9i1f4qu2s] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.servicecase-mobile-header p span:first-child[b-j9i1f4qu2s] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.servicecase-mobile-header__actions[b-j9i1f4qu2s] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.servicecase-mobile-kpis[b-j9i1f4qu2s] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.servicecase-mobile-kpi[b-j9i1f4qu2s] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.servicecase-mobile-kpi:nth-child(even)[b-j9i1f4qu2s] {
    border-left: 1px solid var(--innvilo-border-default);
}

.servicecase-mobile-kpi:nth-child(n + 3)[b-j9i1f4qu2s] {
    border-top: 1px solid var(--innvilo-border-default);
}

.servicecase-mobile-kpi.is-current[b-j9i1f4qu2s]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.servicecase-mobile-kpi span[b-j9i1f4qu2s] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.servicecase-mobile-kpi strong[b-j9i1f4qu2s] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.servicecase-mobile-kpi.is-current strong[b-j9i1f4qu2s] {
    color: var(--color-primary);
}

.servicecase-mobile-kpi.is-attention strong[b-j9i1f4qu2s] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.servicecase-mobile-tools[b-j9i1f4qu2s] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.servicecase-mobile-tools > :first-child + *[b-j9i1f4qu2s] {
    flex: 1 1 auto;
    min-width: 0;
}

.servicecase-mobile-filter__count[b-j9i1f4qu2s] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills */

.servicecase-pills[b-j9i1f4qu2s] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.servicecase-pills__list[b-j9i1f4qu2s] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.servicecase-pill[b-j9i1f4qu2s] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.servicecase-pill > span[b-j9i1f4qu2s] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.servicecase-pill__remove[b-j9i1f4qu2s] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.servicecase-pill__remove:focus-visible[b-j9i1f4qu2s],
.servicecase-overlay__row:focus-visible[b-j9i1f4qu2s],
.servicecase-overlay__close:focus-visible[b-j9i1f4qu2s],
.servicecase-overlay__back:focus-visible[b-j9i1f4qu2s] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.servicecase-overlay[b-j9i1f4qu2s] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.servicecase-overlay__head[b-j9i1f4qu2s] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.servicecase-overlay__head h2[b-j9i1f4qu2s] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.servicecase-overlay__close[b-j9i1f4qu2s],
.servicecase-overlay__back[b-j9i1f4qu2s] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.servicecase-overlay__back[b-j9i1f4qu2s] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.servicecase-overlay__close[b-j9i1f4qu2s] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.servicecase-overlay__body[b-j9i1f4qu2s] {
    min-height: 0;
    overflow-y: auto;
}

.servicecase-overlay__rows[b-j9i1f4qu2s] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.servicecase-overlay__row[b-j9i1f4qu2s] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.servicecase-overlay__row-label[b-j9i1f4qu2s] {
    flex: 1 1 auto;
    min-width: 0;
}

.servicecase-overlay__row-count[b-j9i1f4qu2s] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.servicecase-overlay__row > i[b-j9i1f4qu2s] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.servicecase-overlay__foot[b-j9i1f4qu2s] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.servicecase-mobile-list[b-j9i1f4qu2s],
.servicecase-mobile-cards[b-j9i1f4qu2s] {
    display: grid;
    min-width: 0;
}

.servicecase-mobile-list[b-j9i1f4qu2s] {
    gap: var(--innvilo-space-6);
}

.servicecase-mobile-cards[b-j9i1f4qu2s] {
    gap: var(--innvilo-space-5);
}

.servicecase-mobile-card[b-j9i1f4qu2s] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.servicecase-mobile-card.is-urgent[b-j9i1f4qu2s]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.servicecase-mobile-card__header[b-j9i1f4qu2s] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.servicecase-mobile-card__identity[b-j9i1f4qu2s] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.servicecase-mobile-card__identity > strong[b-j9i1f4qu2s] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.servicecase-mobile-card__identity span[b-j9i1f4qu2s],
.servicecase-mobile-card__meta[b-j9i1f4qu2s],
.servicecase-mobile-card__next[b-j9i1f4qu2s],
.servicecase-mobile-card__badges small[b-j9i1f4qu2s] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.servicecase-mobile-card__description[b-j9i1f4qu2s] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.servicecase-mobile-card__badges[b-j9i1f4qu2s] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    min-width: 0;
}

.servicecase-mobile-card__meta[b-j9i1f4qu2s] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.servicecase-mobile-card__meta span[b-j9i1f4qu2s] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.servicecase-mobile-card__meta i[b-j9i1f4qu2s] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.servicecase-mobile-card__footer[b-j9i1f4qu2s] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.servicecase-mobile-card__next[b-j9i1f4qu2s] {
    flex: 1 1 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-width: 0;
    overflow-wrap: anywhere;
}

.servicecase-mobile-card__next.is-done[b-j9i1f4qu2s] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

/* States */

.servicecase-mobile-state[b-j9i1f4qu2s] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.servicecase-mobile-state > *[b-j9i1f4qu2s] {
    animation: servicecase-mobile-state-in-b-j9i1f4qu2s var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.servicecase-mobile-state > :nth-child(2)[b-j9i1f4qu2s] { animation-delay: 40ms; }
.servicecase-mobile-state > :nth-child(3)[b-j9i1f4qu2s] { animation-delay: 80ms; }
.servicecase-mobile-state > :nth-child(4)[b-j9i1f4qu2s] { animation-delay: 120ms; }

@keyframes servicecase-mobile-state-in-b-j9i1f4qu2s {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.servicecase-mobile-state > i[b-j9i1f4qu2s] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.servicecase-mobile-state--error > i[b-j9i1f4qu2s] {
    color: var(--color-error);
}

.servicecase-mobile-state h2[b-j9i1f4qu2s],
.servicecase-mobile-state p[b-j9i1f4qu2s] {
    margin: 0;
}

.servicecase-mobile-state h2[b-j9i1f4qu2s] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.servicecase-mobile-state p[b-j9i1f4qu2s] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.servicecase-mobile-state > :last-child[b-j9i1f4qu2s] {
    margin-top: var(--innvilo-space-5);
}

/* Illustration for the empty states, shared with the desktop host. */

.servicecase-state__art[b-j9i1f4qu2s] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.servicecase-state__art > span[b-j9i1f4qu2s] {
    animation: servicecase-mobile-state-row-in-b-j9i1f4qu2s 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.servicecase-state__art > span[b-j9i1f4qu2s]::before,
.servicecase-state__art > span[b-j9i1f4qu2s]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.servicecase-state__art > span[b-j9i1f4qu2s]::before {
    top: 0.625rem;
    width: 38%;
}

.servicecase-state__art > span[b-j9i1f4qu2s]::after {
    bottom: 0.625rem;
    width: 58%;
}

.servicecase-state__art > span:nth-child(1)[b-j9i1f4qu2s] {
    opacity: .35;
    transform: scale(.94);
}

.servicecase-state__art > span:nth-child(2)[b-j9i1f4qu2s] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.servicecase-state__art > span:nth-child(3)[b-j9i1f4qu2s] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.servicecase-state__art > i[b-j9i1f4qu2s] {
    align-items: center;
    animation: servicecase-mobile-state-in-b-j9i1f4qu2s 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.servicecase-state__art.is-filtered > span:nth-child(3)[b-j9i1f4qu2s]::before,
.servicecase-state__art.is-filtered > span:nth-child(3)[b-j9i1f4qu2s]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes servicecase-mobile-state-row-in-b-j9i1f4qu2s {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Loading */

.servicecase-mobile-skeleton[b-j9i1f4qu2s] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.servicecase-mobile-skeleton span[b-j9i1f4qu2s] {
    animation: servicecase-mobile-pulse-b-j9i1f4qu2s 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes servicecase-mobile-pulse-b-j9i1f4qu2s {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .servicecase-mobile-card[b-j9i1f4qu2s] {
        padding: var(--innvilo-space-5);
    }

    .servicecase-mobile-card__footer[b-j9i1f4qu2s] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .servicecase-mobile-skeleton span[b-j9i1f4qu2s],
    .servicecase-mobile-state > *[b-j9i1f4qu2s],
    .servicecase-state__art > span[b-j9i1f4qu2s],
    .servicecase-state__art > i[b-j9i1f4qu2s] {
        animation: none;
    }
}
/* /Components/Pages/Platform/CommercialQuoteOperations.razor.rz.scp.css */
.commercial-quote-operations[b-kizx314qdy] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-space-7);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.commercial-quote-operations > header[b-kizx314qdy],
.commercial-quote-detail > header[b-kizx314qdy] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.commercial-quote-operations h2[b-kizx314qdy],
.commercial-quote-operations h3[b-kizx314qdy],
.commercial-quote-operations h4[b-kizx314qdy],
.commercial-quote-operations p[b-kizx314qdy],
.commercial-quote-operations dl[b-kizx314qdy],
.commercial-quote-operations dd[b-kizx314qdy] {
    margin: 0;
}

.commercial-quote-operations h2[b-kizx314qdy],
.commercial-quote-operations h3[b-kizx314qdy],
.commercial-quote-operations h4[b-kizx314qdy] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    line-height: 1.3;
}

.commercial-quote-operations h2[b-kizx314qdy] {
    font-size: var(--innvilo-font-size-heading);
}

.commercial-quote-operations h3[b-kizx314qdy],
.commercial-quote-operations h4[b-kizx314qdy] {
    font-size: var(--innvilo-font-size-subheading);
}

.commercial-quote-operations > header > div[b-kizx314qdy],
.commercial-quote-detail > header > div[b-kizx314qdy] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.commercial-quote-operations > header span[b-kizx314qdy],
.commercial-quote-detail > header span[b-kizx314qdy] {
    color: var(--innvilo-color-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.commercial-quote-operations > header p[b-kizx314qdy],
.commercial-quote-detail > header p[b-kizx314qdy],
.commercial-quote-empty p[b-kizx314qdy] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}

.commercial-quote-layout[b-kizx314qdy] {
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
    min-width: 0;
}

.commercial-quote-list[b-kizx314qdy] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-3);
}

.commercial-quote-list-item[b-kizx314qdy] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-space-2);
    min-height: 4.75rem;
    padding: var(--innvilo-space-5);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.commercial-quote-list-item:hover[b-kizx314qdy] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-border-focus);
}

.commercial-quote-list-item.is-selected[b-kizx314qdy] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-color-primary);
}

.commercial-quote-list-item strong[b-kizx314qdy] {
    font-family: "Lato-Bold", Arial, sans-serif;
}

.commercial-quote-list-item small[b-kizx314qdy] {
    color: var(--innvilo-text-secondary);
    line-height: 1.4;
}

.commercial-quote-detail[b-kizx314qdy] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.commercial-quote-detail dl[b-kizx314qdy] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commercial-quote-detail dl div[b-kizx314qdy] {
    min-width: 0;
}

.commercial-quote-detail dt[b-kizx314qdy] {
    color: var(--innvilo-text-muted);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.commercial-quote-detail dd[b-kizx314qdy] {
    color: var(--innvilo-text-primary);
    margin-top: var(--innvilo-space-2);
    overflow-wrap: anywhere;
}

.commercial-quote-detail fieldset[b-kizx314qdy],
.commercial-quote-result[b-kizx314qdy] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.commercial-quote-detail label[b-kizx314qdy] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.commercial-quote-detail input[b-kizx314qdy] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font-family: "Lato-Regular", Arial, sans-serif;
    min-height: 48px;
    padding-inline: var(--innvilo-space-5);
    width: 100%;
}

.commercial-quote-detail input:focus-visible[b-kizx314qdy] {
    border-color: var(--innvilo-border-focus);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.commercial-quote-message[b-kizx314qdy],
.commercial-quote-empty[b-kizx314qdy] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    padding: var(--innvilo-space-6);
}

.commercial-quote-message.is-error[b-kizx314qdy] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.commercial-quote-message.is-success[b-kizx314qdy] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.commercial-quote-consequences ul[b-kizx314qdy] {
    margin-bottom: 0;
    padding-left: var(--innvilo-space-6);
}

@media (max-width: 62.5rem) {
    .commercial-quote-layout[b-kizx314qdy] {
        grid-template-columns: minmax(0, 1fr);
    }

    .commercial-quote-list[b-kizx314qdy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 47.99rem) {
    .commercial-quote-operations[b-kizx314qdy] {
        gap: var(--innvilo-space-6);
        padding: var(--innvilo-space-6);
    }

    .commercial-quote-operations > header[b-kizx314qdy],
    .commercial-quote-detail > header[b-kizx314qdy] {
        align-items: stretch;
        flex-direction: column;
    }

    .commercial-quote-list[b-kizx314qdy],
    .commercial-quote-detail dl[b-kizx314qdy] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .commercial-quote-list-item[b-kizx314qdy] {
        transition: none;
    }
}
/* /Components/Pages/Platform/PlatformBilling.razor.rz.scp.css */
.platform-billing-page[b-e161yo8c11] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-space-6);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: max(var(--innvilo-space-8), env(safe-area-inset-bottom));
    width: 100%;
}

.platform-billing-hero-shell[b-e161yo8c11] {
    display: grid;
    margin-bottom: 0;
    min-width: 0;
}

.platform-billing-workspace-loading[b-e161yo8c11] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-secondary);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 44px;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.platform-billing-workspace-loading i[b-e161yo8c11],
.platform-billing-workspace-loading span:first-child[b-e161yo8c11] {
    color: var(--innvilo-color-primary);
}

.platform-billing-context-field[b-e161yo8c11],
.platform-billing-form label[b-e161yo8c11],
.platform-billing-period[b-e161yo8c11],
.platform-billing-tax-evidence-form label[b-e161yo8c11],
.platform-billing-delivery-form label[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.platform-billing-context-field > span[b-e161yo8c11],
.platform-billing-form label > span[b-e161yo8c11],
.platform-billing-tax-evidence-form label > span[b-e161yo8c11],
.platform-billing-delivery-form label > span[b-e161yo8c11],
.platform-billing-period label[b-e161yo8c11] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.platform-billing-workspace[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    min-width: 0;
}

.platform-billing-workspace-single[b-e161yo8c11] {
    grid-template-columns: minmax(0, 1fr);
}

.platform-billing-page[data-active-workspace="1"] .platform-billing-workspace[b-e161yo8c11],
.platform-billing-page[data-active-workspace="2"] .platform-billing-workspace[b-e161yo8c11] {
    grid-template-columns: minmax(0, 1fr);
}

.platform-billing-panel[b-e161yo8c11],
.platform-billing-invoices[b-e161yo8c11],
.platform-billing-empty[b-e161yo8c11],
.platform-billing-message[b-e161yo8c11] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
}

.platform-billing-panel[b-e161yo8c11],
.platform-billing-invoices[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-7);
    padding: var(--innvilo-space-8);
}

.platform-billing-panel[b-e161yo8c11] {
    align-self: start;
}

.platform-billing-panel > header[b-e161yo8c11],
.platform-billing-invoices > header[b-e161yo8c11] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.platform-billing-panel h2[b-e161yo8c11],
.platform-billing-invoices h2[b-e161yo8c11] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
    margin: var(--innvilo-space-1) 0 0;
}

.platform-billing-panel header span[b-e161yo8c11],
.platform-billing-invoices header > div > span[b-e161yo8c11],
.platform-billing-tax-decision header span[b-e161yo8c11] {
    color: var(--innvilo-color-primary);
    display: block;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.platform-billing-state[b-e161yo8c11] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    min-height: 1.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
    white-space: nowrap;
}

.platform-billing-state.is-success[b-e161yo8c11] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.platform-billing-state.is-warning[b-e161yo8c11] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
}

.platform-billing-state.is-danger[b-e161yo8c11] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.platform-billing-state.is-neutral[b-e161yo8c11] {
    background: var(--innvilo-surface-soft);
    color: var(--innvilo-text-secondary);
}

.platform-billing-form[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-billing-form .wide[b-e161yo8c11],
.platform-billing-tax-evidence-form .wide[b-e161yo8c11] {
    grid-column: 1 / -1;
}

.platform-billing-provider-settings[b-e161yo8c11] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.platform-billing-form input[type="date"][b-e161yo8c11],
.platform-billing-period input[type="month"][b-e161yo8c11] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font-family: "Lato-Regular", Arial, sans-serif;
    min-height: 48px;
    padding: 0 var(--innvilo-space-5);
    width: 100%;
}

.platform-billing-form input:focus-visible[b-e161yo8c11],
.platform-billing-period input:focus-visible[b-e161yo8c11] {
    border-color: var(--innvilo-border-focus);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-billing-provider-facts[b-e161yo8c11],
.platform-billing-operation dl[b-e161yo8c11],
.platform-billing-tax-decision dl[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.platform-billing-provider-facts div[b-e161yo8c11],
.platform-billing-operation dl div[b-e161yo8c11],
.platform-billing-tax-decision dl div[b-e161yo8c11] {
    min-width: 0;
}

.platform-billing-provider-facts dt[b-e161yo8c11],
.platform-billing-operation dt[b-e161yo8c11],
.platform-billing-tax-decision dt[b-e161yo8c11] {
    color: var(--innvilo-text-muted);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    margin-bottom: var(--innvilo-space-2);
}

.platform-billing-provider-facts dd[b-e161yo8c11],
.platform-billing-operation dd[b-e161yo8c11],
.platform-billing-tax-decision dd[b-e161yo8c11] {
    color: var(--innvilo-text-primary);
    font-variant-numeric: tabular-nums;
    margin: 0;
    overflow-wrap: anywhere;
}

.platform-billing-hint[b-e161yo8c11],
.platform-billing-audit[b-e161yo8c11],
.platform-billing-operation-warning[b-e161yo8c11],
.platform-billing-tax-decision > p[b-e161yo8c11],
.platform-billing-delivery-form p[b-e161yo8c11] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.platform-billing-hint[b-e161yo8c11],
.platform-billing-operation-warning[b-e161yo8c11],
.platform-billing-tax-warning[b-e161yo8c11] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--innvilo-radius-sm);
    padding: var(--innvilo-space-5);
}

.platform-billing-hint strong[b-e161yo8c11] {
    color: var(--innvilo-text-primary);
    display: block;
    margin-bottom: var(--innvilo-space-3);
}

.platform-billing-hint > span[b-e161yo8c11] {
    display: block;
    margin-top: var(--innvilo-space-2);
}

.platform-billing-audit[b-e161yo8c11],
.platform-billing-tax-audit[b-e161yo8c11] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-5);
}

.platform-billing-actions[b-e161yo8c11] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.platform-billing-period[b-e161yo8c11] {
    min-width: 13rem;
}

.platform-billing-preparation[b-e161yo8c11] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1fr) auto;
    padding: var(--innvilo-space-7);
}

.platform-billing-tax-decision[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.platform-billing-tax-decision > header[b-e161yo8c11] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.platform-billing-tax-decision h3[b-e161yo8c11] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    margin: var(--innvilo-space-1) 0 0;
}

.platform-billing-tax-evidence-form[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-billing-tax-warning[b-e161yo8c11] {
    color: var(--color-warning-text);
    margin: 0;
}

.platform-billing-preparation-actions[b-e161yo8c11] {
    align-content: end;
    display: grid;
    gap: var(--innvilo-space-4);
}

.platform-billing-operation-list[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-7);
}

.platform-billing-operation[b-e161yo8c11] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: minmax(12rem, 0.65fr) minmax(20rem, 1.35fr);
    padding-top: var(--innvilo-space-7);
}

.platform-billing-operation:first-child[b-e161yo8c11] {
    border-top: 0;
    padding-top: 0;
}

.platform-billing-operation-title[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-billing-operation-title span[b-e161yo8c11],
.platform-billing-operation-title small[b-e161yo8c11] {
    color: var(--innvilo-text-secondary);
}

.platform-billing-operation-title strong[b-e161yo8c11] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
}

.platform-billing-operation .platform-billing-actions[b-e161yo8c11],
.platform-billing-operation-warning[b-e161yo8c11],
.platform-billing-operation details[b-e161yo8c11] {
    grid-column: 1 / -1;
}

.platform-billing-operation details[b-e161yo8c11] {
    border-top: 1px solid var(--innvilo-border-soft);
}

.platform-billing-operation summary[b-e161yo8c11] {
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    min-height: 44px;
    padding-block: var(--innvilo-space-4);
}

.platform-billing-operation summary:focus-visible[b-e161yo8c11] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-billing-evidence-json[b-e161yo8c11] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-caption);
    margin-block: var(--innvilo-space-3) 0;
    max-width: 100%;
    overflow: auto;
    overflow-wrap: anywhere;
    padding: var(--innvilo-space-4);
    white-space: pre-wrap;
}

.platform-billing-download[b-e161yo8c11] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-link);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: center;
    min-height: 44px;
    padding: 0 var(--innvilo-space-5);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-instant) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.platform-billing-download:hover[b-e161yo8c11] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-border-focus);
    color: var(--innvilo-text-link-hover);
}

.platform-billing-download:focus-visible[b-e161yo8c11] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-billing-download:active[b-e161yo8c11] {
    transform: scale(0.98);
}

.platform-billing-empty[b-e161yo8c11],
.platform-billing-message[b-e161yo8c11] {
    color: var(--innvilo-text-secondary);
    padding: var(--innvilo-space-8);
}

.platform-billing-empty.compact[b-e161yo8c11] {
    padding: var(--innvilo-space-6);
}

.platform-billing-empty strong[b-e161yo8c11],
.platform-billing-message strong[b-e161yo8c11] {
    color: var(--innvilo-text-primary);
    display: block;
    font-family: "Lato-Bold", Arial, sans-serif;
    margin-bottom: var(--innvilo-space-3);
}

.platform-billing-empty p[b-e161yo8c11],
.platform-billing-message span[b-e161yo8c11] {
    margin: 0;
}

.platform-billing-message.is-error[b-e161yo8c11] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
}

.platform-billing-delivery-form[b-e161yo8c11] {
    display: grid;
    gap: var(--innvilo-space-6);
}

@media (max-width: 62.5rem) {
    .platform-billing-workspace[b-e161yo8c11],
    .platform-billing-operation[b-e161yo8c11],
    .platform-billing-preparation[b-e161yo8c11] {
        grid-template-columns: minmax(0, 1fr);
    }

    .platform-billing-preparation-actions[b-e161yo8c11] {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 47.99rem) {
    .platform-billing-page[b-e161yo8c11] {
        padding-bottom: max(var(--innvilo-space-6), env(safe-area-inset-bottom));
    }

    .platform-billing-form[b-e161yo8c11],
    .platform-billing-provider-facts[b-e161yo8c11],
    .platform-billing-operation dl[b-e161yo8c11],
    .platform-billing-tax-decision dl[b-e161yo8c11],
    .platform-billing-tax-evidence-form[b-e161yo8c11] {
        grid-template-columns: minmax(0, 1fr);
    }

    .platform-billing-panel[b-e161yo8c11],
    .platform-billing-invoices[b-e161yo8c11] {
        gap: var(--innvilo-space-6);
        padding: var(--innvilo-space-6);
    }

    .platform-billing-panel > header[b-e161yo8c11],
    .platform-billing-invoices > header[b-e161yo8c11],
    .platform-billing-tax-decision > header[b-e161yo8c11] {
        align-items: stretch;
        flex-direction: column;
    }

    .platform-billing-period[b-e161yo8c11] {
        min-width: 0;
        width: 100%;
    }

    .platform-billing-actions[b-e161yo8c11],
    .platform-billing-preparation-actions[b-e161yo8c11] {
        align-items: stretch;
        flex-direction: column;
    }

    .platform-billing-download[b-e161yo8c11] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-billing-download[b-e161yo8c11],
    .platform-billing-operation summary[b-e161yo8c11] {
        scroll-behavior: auto;
        transition: none;
    }
}
.platform-billing-scope-note[b-e161yo8c11] {
    border-inline-start: 3px solid var(--innvilo-border-focus);
    color: var(--innvilo-text-secondary);
    margin: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.platform-billing-edit-section summary[b-e161yo8c11] {
    cursor: pointer;
    min-height: 44px;
    padding-block: var(--innvilo-space-3);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    color: var(--innvilo-color-primary);
}

.platform-billing-edit-section summary:focus-visible[b-e161yo8c11] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}
.platform-billing-toolbar[b-e161yo8c11] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    align-items: center;
}
/* /Components/Pages/Platform/PlatformBillingCatalogGrid.razor.rz.scp.css */
.billing-mobile-record[b-tb59kl10ov] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--innvilo-space-6);
    margin: 0;
    min-width: 0;
}

.billing-mobile-record div[b-tb59kl10ov] {
    min-width: 0;
}

.billing-mobile-record dt[b-tb59kl10ov] {
    font-weight: 600;
}

.billing-mobile-record dd[b-tb59kl10ov] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}
/* /Components/Pages/Platform/PlatformBillingContextFilter.razor.rz.scp.css */
.platform-billing-context-filter[b-u0d6eogr4o] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-7);
}

.platform-billing-context-filter > header[b-u0d6eogr4o] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.platform-billing-context-filter > header > div[b-u0d6eogr4o] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.platform-billing-context-filter h2[b-u0d6eogr4o],
.platform-billing-context-filter p[b-u0d6eogr4o] {
    margin: 0;
}

.platform-billing-context-filter h2[b-u0d6eogr4o] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.platform-billing-context-filter p[b-u0d6eogr4o] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    line-height: 1.5;
}

.platform-billing-context-filter__toggle[b-u0d6eogr4o] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: none;
    flex: 0 0 auto;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 44px;
    padding-inline: var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-instant) var(--innvilo-easing-standard);
}

.platform-billing-context-filter__toggle:hover[b-u0d6eogr4o] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-border-focus);
}

.platform-billing-context-filter__toggle:focus-visible[b-u0d6eogr4o] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-billing-context-filter__toggle:active[b-u0d6eogr4o] {
    transform: scale(0.98);
}

.platform-billing-context-filter__toggle i[b-u0d6eogr4o] {
    transition: transform var(--innvilo-duration-standard) var(--innvilo-easing-standard);
}

.platform-billing-context-filter[data-expanded="true"] .platform-billing-context-filter__toggle i[b-u0d6eogr4o] {
    transform: rotate(180deg);
}

.platform-billing-context-filter__content[b-u0d6eogr4o] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.platform-billing-context-filter__content:focus-visible[b-u0d6eogr4o] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

@media (max-width: 47.99rem) {
    .platform-billing-context-filter[b-u0d6eogr4o] {
        gap: var(--innvilo-space-5);
        padding: var(--innvilo-space-6);
    }

    .platform-billing-context-filter > header[b-u0d6eogr4o] {
        align-items: stretch;
        display: grid;
    }

    .platform-billing-context-filter__toggle[b-u0d6eogr4o] {
        display: inline-flex;
        width: 100%;
    }

    .platform-billing-context-filter__content[b-u0d6eogr4o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .platform-billing-context-filter[data-expanded="false"] .platform-billing-context-filter__content[b-u0d6eogr4o] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-billing-context-filter__toggle[b-u0d6eogr4o],
    .platform-billing-context-filter__toggle i[b-u0d6eogr4o] {
        transition: none;
    }
}
/* /Components/Pages/Platform/PlatformBillingDiscountGrid.razor.rz.scp.css */
.billing-mobile-record[b-w31unurfih] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--innvilo-space-6);
    margin: 0;
    min-width: 0;
}

.billing-mobile-record div[b-w31unurfih] {
    min-width: 0;
}

.billing-mobile-record dt[b-w31unurfih] {
    font-weight: 600;
}

.billing-mobile-record dd[b-w31unurfih] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}
/* /Components/Pages/Platform/PlatformBillingEditor.razor.rz.scp.css */
.platform-billing-editor[b-r5owly48vb] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}
.platform-billing-editor__context[b-r5owly48vb] {
    margin: 0;
    color: var(--innvilo-text-secondary);
}
.platform-billing-editor__submit[b-r5owly48vb] {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-inverse);
    font: inherit;
    min-height: 44px;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.platform-billing-editor__submit:focus-visible[b-r5owly48vb] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.platform-billing-editor__submit:disabled[b-r5owly48vb] {
    opacity: .55;
    cursor: not-allowed;
}
/* /Components/Pages/Platform/PlatformBillingInventorySearch.razor.rz.scp.css */
.billing-inventory-search[b-zz5msi4ll3] {
    display: grid;
    gap: var(--innvilo-space-4);
    max-width: 28rem;
}

.billing-inventory-search input[b-zz5msi4ll3] {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: var(--innvilo-space-4);
    font: inherit;
}
/* /Components/Pages/Platform/PlatformBillingLineGrid.razor.rz.scp.css */
.billing-mobile-record[b-6xqryfu49w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--innvilo-space-6);
    margin: 0;
    min-width: 0;
}

.billing-mobile-record div[b-6xqryfu49w] {
    min-width: 0;
}

.billing-mobile-record dt[b-6xqryfu49w] {
    font-weight: 600;
}

.billing-mobile-record dd[b-6xqryfu49w] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}
/* /Components/Pages/Platform/PlatformBillingPackageGrid.razor.rz.scp.css */
.billing-mobile-record[b-p1yw01czcr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--innvilo-space-6);
    margin: 0;
    min-width: 0;
}

.billing-mobile-record div[b-p1yw01czcr] {
    min-width: 0;
}

.billing-mobile-record dt[b-p1yw01czcr] {
    font-weight: 600;
}

.billing-mobile-record dd[b-p1yw01czcr] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}
/* /Components/Pages/Platform/PlatformBillingProductGrid.razor.rz.scp.css */
.billing-mobile-record[b-3wb40735nk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--innvilo-space-6);
    margin: 0;
    min-width: 0;
}

.billing-mobile-record div[b-3wb40735nk] {
    min-width: 0;
}

.billing-mobile-record dt[b-3wb40735nk] {
    font-weight: 600;
}

.billing-mobile-record dd[b-3wb40735nk] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}
/* /Components/Pages/Platform/PlatformBillingRecipientGrid.razor.rz.scp.css */
.billing-mobile-record[b-rozo4bt3m4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--innvilo-space-6);
    margin: 0;
    min-width: 0;
}

.billing-mobile-record div[b-rozo4bt3m4] {
    min-width: 0;
}

.billing-mobile-record dt[b-rozo4bt3m4] {
    font-weight: 600;
}

.billing-mobile-record dd[b-rozo4bt3m4] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}
/* /Components/Pages/Platform/PlatformBillingStatePanel.razor.rz.scp.css */
.platform-billing-state-panel[b-elf4djvth6] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 8rem;
    padding: var(--innvilo-space-8);
}

.platform-billing-state-panel.is-error[b-elf4djvth6],
.platform-billing-state-panel.is-denied[b-elf4djvth6] {
    border-color: var(--color-error-border);
}

.platform-billing-state-panel.is-stale[b-elf4djvth6] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    min-height: auto;
    padding: var(--innvilo-space-6) var(--innvilo-space-7);
}

.platform-billing-state-panel > i[b-elf4djvth6] {
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-title);
}

.platform-billing-state-panel.is-error > i[b-elf4djvth6],
.platform-billing-state-panel.is-denied > i[b-elf4djvth6] {
    color: var(--color-error);
}

.platform-billing-state-panel.is-stale > i[b-elf4djvth6] {
    color: var(--color-warning-text);
}

.platform-billing-state-panel h2[b-elf4djvth6],
.platform-billing-state-panel p[b-elf4djvth6] {
    margin: 0;
}

.platform-billing-state-panel h2[b-elf4djvth6] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.platform-billing-state-panel p[b-elf4djvth6] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin-top: var(--innvilo-space-3);
    max-width: 65ch;
}

@media (max-width: 47.99rem) {
    .platform-billing-state-panel[b-elf4djvth6] {
        align-items: stretch;
        gap: var(--innvilo-space-5);
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-7);
    }

    .platform-billing-state-panel > :last-child:not(div)[b-elf4djvth6] {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* /Components/Pages/Platform/PlatformBillingTermsGrid.razor.rz.scp.css */
.billing-mobile-record[b-2vpirdqncq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--innvilo-space-6);
    margin: 0;
    min-width: 0;
}

.billing-mobile-record div[b-2vpirdqncq] {
    min-width: 0;
}

.billing-mobile-record dt[b-2vpirdqncq] {
    font-weight: 600;
}

.billing-mobile-record dd[b-2vpirdqncq] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}
/* /Components/Pages/Platform/PlatformBillingWorkspaceNavigation.razor.rz.scp.css */
.platform-billing-navigation[b-r88mk41tm4] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-3);
}

.platform-billing-navigation__heading[b-r88mk41tm4] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-billing-navigation__heading h2[b-r88mk41tm4],
.platform-billing-navigation__heading p[b-r88mk41tm4] {
    margin: 0;
}

.platform-billing-navigation__heading h2[b-r88mk41tm4] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.platform-billing-navigation__heading p[b-r88mk41tm4] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    line-height: 1.5;
    max-width: 65ch;
}

.platform-billing-tabs[b-r88mk41tm4] {
    display: flex;
    gap: var(--innvilo-space-2);
    min-width: 0;
    overflow-x: auto;
    padding-bottom: var(--innvilo-space-1);
    scrollbar-width: thin;
}

.platform-billing-tabs__item[b-r88mk41tm4] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 44px;
    padding: 0 var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-instant) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.platform-billing-tabs__item:hover[b-r88mk41tm4] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
}

.platform-billing-tabs__item[data-workspace-index="2"][b-r88mk41tm4] {
    margin-inline-start: var(--innvilo-space-4);
    border-inline-start-color: var(--innvilo-border-default);
}

.platform-billing-tabs__scope[b-r88mk41tm4] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.platform-billing-tabs__item.is-active[b-r88mk41tm4] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--innvilo-border-focus);
    color: var(--innvilo-color-primary);
}

.platform-billing-tabs__item:focus-visible[b-r88mk41tm4] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-billing-tabs__item:active[b-r88mk41tm4] {
    transform: scale(0.98);
}

.platform-billing-tabs__item:disabled[b-r88mk41tm4] {
    cursor: wait;
    opacity: 0.65;
}

@media (max-width: 47.99rem) {
    .platform-billing-navigation[b-r88mk41tm4] {
        gap: var(--innvilo-space-5);
        padding: var(--innvilo-space-6);
    }

    .platform-billing-tabs[b-r88mk41tm4] {
        margin-inline: calc(var(--innvilo-space-6) * -1);
        padding-inline: var(--innvilo-space-6);
        scroll-snap-type: x proximity;
    }

    .platform-billing-tabs__item[b-r88mk41tm4] {
        scroll-snap-align: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-billing-tabs[b-r88mk41tm4],
    .platform-billing-tabs__item[b-r88mk41tm4] {
        scroll-behavior: auto;
        transition: none;
    }
}
/* /Components/Pages/Platform/PlatformChannelBindingConfirmationDialog.razor.rz.scp.css */
.platform-channel-binding-confirmation[b-kwq9vgew0h],
.platform-channel-binding-confirmation label[b-kwq9vgew0h] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.platform-channel-binding-confirmation p[b-kwq9vgew0h],
.platform-channel-binding-confirmation dl[b-kwq9vgew0h] {
    margin: 0;
}

.platform-channel-binding-confirmation dl[b-kwq9vgew0h] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-channel-binding-confirmation dl div[b-kwq9vgew0h] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.45fr) minmax(0, 1fr);
    gap: var(--innvilo-space-3);
}

.platform-channel-binding-confirmation dt[b-kwq9vgew0h] {
    color: var(--innvilo-text-secondary);
}
/* /Components/Pages/Platform/PlatformChannelConnections.razor.rz.scp.css */
.platform-channel-v2-connections[b-06kfhxztdc] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.platform-channel-v2-mobile-row[b-06kfhxztdc],
.platform-channel-v2-mobile-heading[b-06kfhxztdc],
.platform-channel-v2-mobile-heading > span[b-06kfhxztdc] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-channel-v2-mobile-heading[b-06kfhxztdc] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.platform-channel-v2-mobile-heading small[b-06kfhxztdc],
.platform-channel-v2-blocker[b-06kfhxztdc] {
    color: var(--innvilo-text-secondary);
}

.platform-channel-v2-mobile-row dl[b-06kfhxztdc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--innvilo-space-3);
    margin: 0;
}

.platform-channel-v2-mobile-row dl div[b-06kfhxztdc] {
    min-width: 0;
}

.platform-channel-v2-mobile-row dt[b-06kfhxztdc] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.platform-channel-v2-mobile-row dd[b-06kfhxztdc] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 480px) {
    .platform-channel-v2-mobile-row dl[b-06kfhxztdc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Platform/PlatformChannelCredentialContractDialog.razor.rz.scp.css */
.platform-channel-credential-dialog[b-dv6i2xdu7j] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.platform-channel-credential-dialog__notice[b-dv6i2xdu7j],
.platform-channel-credential-dialog__meta[b-dv6i2xdu7j] {
    margin: 0;
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}

.platform-channel-credential-dialog__grid[b-dv6i2xdu7j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-4);
}

.platform-channel-credential-dialog__grid label[b-dv6i2xdu7j] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    font-weight: 700;
}

.platform-channel-credential-dialog__revoke[b-dv6i2xdu7j],
.platform-channel-credential-dialog__revoke label[b-dv6i2xdu7j] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-channel-credential-dialog__revoke[b-dv6i2xdu7j] {
    padding-top: var(--innvilo-space-4);
    border-top: 1px solid var(--innvilo-border-soft);
}

@media (max-width: 640px) {
    .platform-channel-credential-dialog__grid[b-dv6i2xdu7j] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Platform/PlatformChannelManagers.razor.rz.scp.css */
.platform-channel-v2-page[b-09w1tk1sg9] {
    width: min(100%, var(--innvilo-content-max));
    max-width: var(--innvilo-content-max);
    margin: 0 auto;
    padding-inline: 0;
    padding-bottom: var(--innvilo-space-10);
    color: var(--innvilo-text-primary);
    font-family: Lato, sans-serif;
}

.platform-channel-v2-hero[b-09w1tk1sg9],
.platform-channel-v2-kpis[b-09w1tk1sg9],
.platform-channel-v2-content[b-09w1tk1sg9] {
    min-width: 0;
}

.platform-channel-v2-kpis[b-09w1tk1sg9],
.platform-channel-v2-content[b-09w1tk1sg9],
.platform-channel-v2-state[b-09w1tk1sg9] {
    margin-top: var(--innvilo-space-4);
}

.platform-channel-v2-content[b-09w1tk1sg9],
.platform-channel-v2-workspace[b-09w1tk1sg9] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.platform-channel-v2-state[b-09w1tk1sg9],
.platform-channel-v2-status[b-09w1tk1sg9] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-card);
}

.platform-channel-v2-state h2[b-09w1tk1sg9],
.platform-channel-v2-state p[b-09w1tk1sg9] {
    margin: 0;
}

.platform-channel-v2-state h2[b-09w1tk1sg9] {
    font-size: var(--innvilo-font-size-subheading);
}

.platform-channel-v2-state p[b-09w1tk1sg9] {
    margin-top: var(--innvilo-space-1);
    color: var(--innvilo-text-secondary);
}

.platform-channel-v2-state.is-error[b-09w1tk1sg9] {
    border-color: var(--color-error-border);
    background: var(--color-error-soft);
}

.platform-channel-v2-status.is-success[b-09w1tk1sg9] {
    border-color: var(--color-success-border);
    background: var(--color-success-soft);
}

.platform-channel-v2-status.is-warning[b-09w1tk1sg9] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
}

.platform-channel-v2-form[b-09w1tk1sg9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-5);
}

.platform-channel-v2-form > p[b-09w1tk1sg9],
.platform-channel-v2-form > label:last-child[b-09w1tk1sg9] {
    grid-column: 1 / -1;
}

.platform-channel-v2-form p[b-09w1tk1sg9] {
    margin: 0;
    color: var(--innvilo-text-secondary);
}

.platform-channel-v2-form label[b-09w1tk1sg9] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    font-weight: 700;
}

.platform-channel-v2-form select[b-09w1tk1sg9] {
    width: 100%;
    min-height: 48px;
    padding: 0 var(--innvilo-space-3);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-surface-card);
    color: var(--innvilo-text-primary);
    font: inherit;
}

.platform-channel-v2-form select:focus-visible[b-09w1tk1sg9] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 1px;
}

.platform-channel-v2-replacement > h2[b-09w1tk1sg9] {
    grid-column: 1 / -1;
    margin: 0;
}

.platform-channel-v2-replacement input[type="text"][b-09w1tk1sg9] {
    width: 100%;
    min-height: 48px;
    padding: 0 var(--innvilo-space-3);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-surface-card);
    color: var(--innvilo-text-primary);
    font: inherit;
}

.platform-channel-v2-replacement input[type="text"]:focus-visible[b-09w1tk1sg9] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 1px;
}

.platform-channel-v2-form .platform-channel-v2-check[b-09w1tk1sg9] {
    display: flex;
    align-items: center;
    min-height: 48px;
}

@media (max-width: 767.98px) {
    .platform-channel-v2-form[b-09w1tk1sg9] {
        grid-template-columns: 1fr;
    }

    .platform-channel-v2-form > p[b-09w1tk1sg9],
    .platform-channel-v2-form > label:last-child[b-09w1tk1sg9] {
        grid-column: auto;
    }

    .platform-channel-v2-state[b-09w1tk1sg9] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-channel-v2-page *[b-09w1tk1sg9] { scroll-behavior: auto; }
}
/* /Components/Pages/Platform/PlatformChannelProviderAccounts.razor.rz.scp.css */
.platform-channel-v2-accounts[b-ya8v8qyzu9] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.platform-channel-v2-mobile-row[b-ya8v8qyzu9],
.platform-channel-v2-mobile-heading[b-ya8v8qyzu9],
.platform-channel-v2-mobile-heading > span[b-ya8v8qyzu9] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-channel-v2-mobile-heading[b-ya8v8qyzu9] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.platform-channel-v2-mobile-heading small[b-ya8v8qyzu9],
.platform-channel-v2-blocker[b-ya8v8qyzu9] {
    color: var(--innvilo-text-secondary);
}

.platform-channel-v2-mobile-row dl[b-ya8v8qyzu9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--innvilo-space-3);
    margin: 0;
}

.platform-channel-v2-mobile-row dl div[b-ya8v8qyzu9] {
    min-width: 0;
}

.platform-channel-v2-mobile-row dt[b-ya8v8qyzu9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--font-size-xs);
}

.platform-channel-v2-mobile-row dd[b-ya8v8qyzu9] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 480px) {
    .platform-channel-v2-mobile-row dl[b-ya8v8qyzu9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Platform/PlatformDashboard.razor.rz.scp.css */
.platform-dashboard-page[b-49de15n2al] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: max(var(--innvilo-space-8), env(safe-area-inset-bottom));
    width: 100%;
}

.platform-dashboard-hero-shell[b-49de15n2al] {
    display: grid;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.platform-dashboard-kpi-shell[b-49de15n2al] {
    min-width: 0;
}

@media (max-width: 47.99rem) {
    .platform-dashboard-page[b-49de15n2al] {
        padding-bottom: max(var(--innvilo-space-6), env(safe-area-inset-bottom));
    }
}
/* /Components/Pages/Platform/PlatformDashboardWorkspace.razor.rz.scp.css */
.platform-dashboard-workspace[b-dlbo4olx1v] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    box-shadow: none;
    color: var(--innvilo-text-primary);
    font-family: "Lato-Regular", Arial, sans-serif;
    min-width: 0;
    overflow: hidden;
}

.platform-dashboard-workspace[data-state="denied"][b-dlbo4olx1v],
.platform-dashboard-workspace[data-state="error"][b-dlbo4olx1v] {
    border-color: var(--color-error-border);
}

.platform-dashboard-state[b-dlbo4olx1v] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 10rem;
    padding: var(--innvilo-space-9);
}

.platform-dashboard-state--loading[b-dlbo4olx1v] {
    grid-template-columns: minmax(14rem, 0.6fr) minmax(12rem, 0.4fr);
}

.platform-dashboard-state h2[b-dlbo4olx1v],
.platform-dashboard-state p[b-dlbo4olx1v],
.platform-dashboard-ready h2[b-dlbo4olx1v],
.platform-dashboard-ready p[b-dlbo4olx1v],
.platform-dashboard-link strong[b-dlbo4olx1v],
.platform-dashboard-link small[b-dlbo4olx1v] {
    margin: 0;
}

.platform-dashboard-state h2[b-dlbo4olx1v],
.platform-dashboard-ready h2[b-dlbo4olx1v] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.platform-dashboard-state p[b-dlbo4olx1v],
.platform-dashboard-ready-header > p:last-child[b-dlbo4olx1v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin-top: var(--innvilo-space-3);
    max-width: 65ch;
}

.platform-dashboard-state-link[b-dlbo4olx1v] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-7);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-instant) var(--innvilo-easing-standard);
}

.platform-dashboard-state-link--primary[b-dlbo4olx1v] {
    background: var(--innvilo-color-primary);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-text-inverse);
}

.platform-dashboard-state-link:hover[b-dlbo4olx1v] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.platform-dashboard-state-link--primary:hover[b-dlbo4olx1v] {
    background: var(--innvilo-color-primary-hover);
    border-color: var(--innvilo-color-primary-hover);
    color: var(--innvilo-text-inverse);
}

.platform-dashboard-state-link:focus-visible[b-dlbo4olx1v],
.platform-dashboard-link:focus-visible[b-dlbo4olx1v] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-dashboard-state-link:active[b-dlbo4olx1v],
.platform-dashboard-link:active[b-dlbo4olx1v] {
    transform: scale(0.98);
}

.platform-dashboard-loading-preview[b-dlbo4olx1v] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.platform-dashboard-loading-preview span[b-dlbo4olx1v] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: var(--innvilo-space-5);
}

.platform-dashboard-loading-preview span:first-child[b-dlbo4olx1v] {
    width: 68%;
}

.platform-dashboard-loading-preview span:nth-child(2)[b-dlbo4olx1v] {
    width: 92%;
}

.platform-dashboard-loading-preview span:last-child[b-dlbo4olx1v] {
    width: 52%;
}

.platform-dashboard-ready[b-dlbo4olx1v] {
    display: grid;
    gap: var(--innvilo-space-8);
    padding: var(--innvilo-space-9);
}

.platform-dashboard-ready-header[b-dlbo4olx1v] {
    min-width: 0;
}

.platform-dashboard-links[b-dlbo4olx1v] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-dashboard-link[b-dlbo4olx1v] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 5.5rem;
    padding: var(--innvilo-space-7);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-instant) var(--innvilo-easing-standard);
}

.platform-dashboard-link > i:first-child[b-dlbo4olx1v] {
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-heading);
    width: 1.5rem;
}

.platform-dashboard-link span[b-dlbo4olx1v] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.platform-dashboard-link strong[b-dlbo4olx1v] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.3;
}

.platform-dashboard-link small[b-dlbo4olx1v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.platform-dashboard-link-arrow[b-dlbo4olx1v] {
    color: var(--innvilo-text-muted);
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.platform-dashboard-link:hover[b-dlbo4olx1v] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-text-primary);
}

.platform-dashboard-link:hover .platform-dashboard-link-arrow[b-dlbo4olx1v] {
    color: var(--innvilo-color-primary);
    transform: translateX(var(--innvilo-space-2));
}

@media (max-width: 56.25rem) {
    .platform-dashboard-state[b-dlbo4olx1v],
    .platform-dashboard-state--loading[b-dlbo4olx1v] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .platform-dashboard-state-link[b-dlbo4olx1v],
    .platform-dashboard-state-action[b-dlbo4olx1v] {
        justify-self: start;
    }

    .platform-dashboard-links[b-dlbo4olx1v] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 47.99rem) {
    .platform-dashboard-state[b-dlbo4olx1v],
    .platform-dashboard-ready[b-dlbo4olx1v] {
        gap: var(--innvilo-space-7);
        padding: var(--innvilo-space-7);
    }

    .platform-dashboard-state-link[b-dlbo4olx1v],
    .platform-dashboard-state-action[b-dlbo4olx1v] {
        width: 100%;
    }

    .platform-dashboard-link[b-dlbo4olx1v] {
        gap: var(--innvilo-space-5);
        min-height: 6rem;
        padding: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-dashboard-state-link[b-dlbo4olx1v],
    .platform-dashboard-link[b-dlbo4olx1v],
    .platform-dashboard-link-arrow[b-dlbo4olx1v] {
        transition: none;
    }

    .platform-dashboard-state-link:active[b-dlbo4olx1v],
    .platform-dashboard-link:active[b-dlbo4olx1v],
    .platform-dashboard-link:hover .platform-dashboard-link-arrow[b-dlbo4olx1v] {
        transform: none;
    }
}
/* /Components/Pages/Platform/PlatformDeliveryTabs.razor.rz.scp.css */
.platform-delivery-tabs[b-53d867z0cu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    border-bottom: 1px solid var(--innvilo-border);
}

.platform-delivery-tabs button[b-53d867z0cu] {
    min-height: 44px;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--innvilo-text-primary);
    font: inherit;
    cursor: pointer;
}

.platform-delivery-tabs button[aria-selected="true"][b-53d867z0cu] {
    border-bottom-color: var(--innvilo-teal);
    color: var(--innvilo-teal);
    font-weight: 700;
}

.platform-delivery-tabs button:hover[b-53d867z0cu] {
    background: var(--innvilo-surface-soft);
}

.platform-delivery-tabs button:focus-visible[b-53d867z0cu] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}
/* /Components/Pages/Platform/PlatformEmailConfiguration.razor.rz.scp.css */
.platform-email-page[b-m26hug652p] {
    display: grid;
    gap: 34px;
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: var(--innvilo-space-8);
    width: 100%;
}

.platform-email-state[b-m26hug652p] {
    align-items: start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-text-muted);
    display: flex;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-7);
}

.platform-email-state > i[b-m26hug652p] {
    color: var(--color-primary);
    font-size: var(--innvilo-font-size-heading);
    line-height: 1;
    margin-top: var(--innvilo-space-1);
}

.platform-email-state > div:not([aria-hidden="true"])[b-m26hug652p] {
    display: grid;
    gap: var(--innvilo-space-4);
    max-width: 68ch;
}

.platform-email-state h2[b-m26hug652p],
.platform-email-state p[b-m26hug652p] {
    margin: 0;
}

.platform-email-state h2[b-m26hug652p] {
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.platform-email-state p[b-m26hug652p] {
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

.platform-email-state--loading[b-m26hug652p] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.platform-email-state--loading > div[b-m26hug652p] {
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-sm);
    height: 48px;
    max-width: 48rem;
    width: 100%;
}

.platform-email-state--loading > div:nth-of-type(2)[b-m26hug652p] {
    max-width: 36rem;
}

.platform-email-state--loading > div:nth-of-type(3)[b-m26hug652p] {
    max-width: 24rem;
}

@media (max-width: 767px) {
    .platform-email-page[b-m26hug652p] {
        padding-bottom: var(--innvilo-space-7);
    }

    .platform-email-state[b-m26hug652p] {
        gap: var(--innvilo-space-4);
        padding: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-email-page *[b-m26hug652p] {
        scroll-behavior: auto;
        transition: none;
    }
}
/* /Components/Pages/Platform/PlatformExternalPms.razor.rz.scp.css */
.platform-external-pms-page[b-en7mu84zf5] {
    width: min(100%, var(--innvilo-content-max));
    max-width: var(--innvilo-content-max);
    margin: 0 auto;
    padding-inline: 0;
    padding-bottom: var(--innvilo-space-10);
    color: var(--innvilo-text-primary);
    font-family: Lato, sans-serif;
}

.platform-external-pms-hero[b-en7mu84zf5],
.platform-external-pms-kpis[b-en7mu84zf5],
.platform-external-pms-content[b-en7mu84zf5] { min-width: 0; }

.platform-external-pms-kpis[b-en7mu84zf5],
.platform-external-pms-content[b-en7mu84zf5],
.platform-external-pms-state[b-en7mu84zf5] { margin-top: var(--innvilo-space-4); }

.platform-external-pms-content[b-en7mu84zf5],
.platform-external-pms-workspace[b-en7mu84zf5] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.platform-external-pms-catalog[b-en7mu84zf5] {
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-card);
}

.platform-external-pms-section-heading[b-en7mu84zf5],
.platform-external-pms-provider-list article[b-en7mu84zf5],
.platform-external-pms-provider-list article > div[b-en7mu84zf5] {
    display: flex;
    gap: var(--innvilo-space-2);
}

.platform-external-pms-section-heading[b-en7mu84zf5],
.platform-external-pms-provider-list article[b-en7mu84zf5] { justify-content: space-between; }
.platform-external-pms-section-heading[b-en7mu84zf5] { align-items: end; }
.platform-external-pms-section-heading h2[b-en7mu84zf5] { margin: var(--innvilo-space-1) 0 0; font-size: var(--innvilo-font-size-subheading); }
.platform-external-pms-section-heading > span[b-en7mu84zf5],
.platform-external-pms-provider-list span[b-en7mu84zf5],
.platform-external-pms-provider-list small[b-en7mu84zf5],
.platform-external-pms-empty[b-en7mu84zf5] { color: var(--innvilo-text-secondary); }
.platform-external-pms-eyebrow[b-en7mu84zf5] { color: var(--innvilo-brand-primary); font-size: var(--innvilo-font-size-caption); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.platform-external-pms-provider-list[b-en7mu84zf5] { display: grid; }
.platform-external-pms-provider-list article[b-en7mu84zf5] { align-items: center; padding-block: var(--innvilo-space-3); border-top: 1px solid var(--innvilo-border-soft); }
.platform-external-pms-provider-list article > div[b-en7mu84zf5] { flex-direction: column; }
.platform-external-pms-provider-list strong[b-en7mu84zf5] { font-size: var(--innvilo-font-size-body); }
.platform-external-pms-empty[b-en7mu84zf5] { margin: 0; }

.platform-external-pms-state[b-en7mu84zf5],
.platform-external-pms-status[b-en7mu84zf5] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-card);
}

.platform-external-pms-state h2[b-en7mu84zf5],
.platform-external-pms-state p[b-en7mu84zf5] { margin: 0; }

.platform-external-pms-state h2[b-en7mu84zf5] { font-size: var(--innvilo-font-size-subheading); }

.platform-external-pms-state p[b-en7mu84zf5] {
    margin-top: var(--innvilo-space-1);
    color: var(--innvilo-text-secondary);
}

.platform-external-pms-state.is-error[b-en7mu84zf5] {
    border-color: var(--color-error-border);
    background: var(--color-error-soft);
}

.platform-external-pms-status.is-success[b-en7mu84zf5] {
    border-color: var(--color-success-border);
    background: var(--color-success-soft);
}

.platform-external-pms-status.is-warning[b-en7mu84zf5],
.platform-external-pms-form-notice[b-en7mu84zf5] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
}

.platform-external-pms-form[b-en7mu84zf5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-5);
}

.platform-external-pms-form label[b-en7mu84zf5] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    font-weight: 700;
}

.platform-external-pms-form select[b-en7mu84zf5],
.platform-external-pms-form input[b-en7mu84zf5],
.platform-external-pms-form textarea[b-en7mu84zf5] {
    width: 100%;
    min-height: 48px;
    padding: 0 var(--innvilo-space-3);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    background: var(--innvilo-surface-card);
    color: var(--innvilo-text-primary);
    font: inherit;
}

.platform-external-pms-form textarea[b-en7mu84zf5] { min-height: 7rem; padding-block: var(--innvilo-space-3); resize: vertical; }
.platform-external-pms-form .is-wide[b-en7mu84zf5],
.platform-external-pms-scopes[b-en7mu84zf5] { grid-column: 1 / -1; }
.platform-external-pms-scopes[b-en7mu84zf5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-2); padding: var(--innvilo-space-4); border: 1px solid var(--innvilo-border-soft); border-radius: var(--innvilo-radius-sm); }
.platform-external-pms-scopes legend[b-en7mu84zf5] { padding-inline: var(--innvilo-space-2); font-weight: 700; }
.platform-external-pms-scopes label[b-en7mu84zf5] { display: flex; align-items: center; min-height: 44px; font-weight: 400; }
.platform-external-pms-scopes input[b-en7mu84zf5] { width: 20px; min-height: 20px; }
.platform-external-pms-form-notice.is-secret-warning[b-en7mu84zf5] { border-color: var(--color-warning-border); }

.platform-external-pms-form select:focus-visible[b-en7mu84zf5],
.platform-external-pms-form input:focus-visible[b-en7mu84zf5] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 1px;
}

.platform-external-pms-form label.platform-external-pms-check[b-en7mu84zf5] {
    display: flex;
    align-items: center;
    min-height: 48px;
}

.platform-external-pms-help[b-en7mu84zf5],
.platform-external-pms-form-notice[b-en7mu84zf5],
.platform-external-pms-form-section[b-en7mu84zf5] {
    grid-column: 1 / -1;
}

.platform-external-pms-help[b-en7mu84zf5],
.platform-external-pms-form-section p[b-en7mu84zf5] {
    margin: 0;
    color: var(--innvilo-text-secondary);
}

.platform-external-pms-form-section[b-en7mu84zf5] {
    padding-top: var(--innvilo-space-4);
    border-top: 1px solid var(--innvilo-border-soft);
}

.platform-external-pms-form-section h3[b-en7mu84zf5] {
    margin: 0 0 var(--innvilo-space-1);
    font-size: var(--innvilo-font-size-subheading);
}

.platform-external-pms-form-notice[b-en7mu84zf5] {
    margin: 0;
    padding: var(--innvilo-space-4);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--innvilo-radius-card);
}

@media (max-width: 767.98px) {
    .platform-external-pms-form[b-en7mu84zf5] { grid-template-columns: 1fr; }
    .platform-external-pms-help[b-en7mu84zf5],
    .platform-external-pms-form-notice[b-en7mu84zf5],
    .platform-external-pms-form-section[b-en7mu84zf5] { grid-column: auto; }
    .platform-external-pms-state[b-en7mu84zf5] { align-items: flex-start; flex-wrap: wrap; }
    .platform-external-pms-provider-list article[b-en7mu84zf5] { align-items: flex-start; flex-direction: column; }
    .platform-external-pms-scopes[b-en7mu84zf5] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .platform-external-pms-page *[b-en7mu84zf5] { scroll-behavior: auto; }
}
/* /Components/Pages/Platform/PlatformExternalPmsAccountGrid.razor.rz.scp.css */
.platform-external-pms-grid[b-yszdslqfo7] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.platform-external-pms-mobile-row[b-yszdslqfo7],
.platform-external-pms-mobile-heading[b-yszdslqfo7],
.platform-external-pms-mobile-heading > span[b-yszdslqfo7] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-external-pms-mobile-heading[b-yszdslqfo7] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.platform-external-pms-mobile-row small[b-yszdslqfo7] {
    color: var(--innvilo-text-secondary);
}

.platform-external-pms-mobile-row dl[b-yszdslqfo7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--innvilo-space-3);
    margin: 0;
}

.platform-external-pms-mobile-row dt[b-yszdslqfo7] {
    color: var(--innvilo-text-secondary);
    font-size: var(--font-size-xs);
}

.platform-external-pms-mobile-row dd[b-yszdslqfo7] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 480px) {
    .platform-external-pms-mobile-row dl[b-yszdslqfo7] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Platform/PlatformExternalPmsBindingGrid.razor.rz.scp.css */
.platform-external-pms-grid[b-5wyxn0nhxi] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.platform-external-pms-mobile-row[b-5wyxn0nhxi],
.platform-external-pms-mobile-heading[b-5wyxn0nhxi],
.platform-external-pms-mobile-heading > span[b-5wyxn0nhxi] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-external-pms-mobile-heading[b-5wyxn0nhxi] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.platform-external-pms-mobile-row small[b-5wyxn0nhxi] { color: var(--innvilo-text-secondary); }

.platform-external-pms-mobile-row dl[b-5wyxn0nhxi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--innvilo-space-3);
    margin: 0;
}

.platform-external-pms-mobile-row dt[b-5wyxn0nhxi] {
    color: var(--innvilo-text-secondary);
    font-size: var(--font-size-xs);
}

.platform-external-pms-mobile-row dd[b-5wyxn0nhxi] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 480px) {
    .platform-external-pms-mobile-row dl[b-5wyxn0nhxi] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Platform/PlatformExternalPmsPropertyRepairDetails.razor.rz.scp.css */
.pms-property-repair[b-o5qfii8r0i] {
    display: grid;
    gap: var(--innvilo-space-4);
    color: var(--innvilo-text-primary);
}

.pms-property-repair p[b-o5qfii8r0i],
.pms-property-repair dl[b-o5qfii8r0i] {
    margin: 0;
}

.pms-property-repair dl[b-o5qfii8r0i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
}

.pms-property-repair dt[b-o5qfii8r0i] {
    font-weight: 700;
}

.pms-property-repair dd[b-o5qfii8r0i] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.pms-property-repair-notice[b-o5qfii8r0i] {
    padding: var(--innvilo-space-4);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--innvilo-radius-sm);
    background: var(--color-warning-soft);
}

.pms-property-repair-notice ul[b-o5qfii8r0i] {
    margin: var(--innvilo-space-2) 0 0;
    padding-inline-start: var(--innvilo-space-5);
}

@media (max-width: 767.98px) {
    .pms-property-repair dl[b-o5qfii8r0i] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pms-property-repair dd:not(:last-child)[b-o5qfii8r0i] {
        margin-bottom: var(--innvilo-space-2);
    }
}
/* /Components/Pages/Platform/PlatformFiscalization.razor.rz.scp.css */
.platform-fiscal-page[b-bp5pxox6xv] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: max(var(--innvilo-space-8), env(safe-area-inset-bottom));
    width: 100%;
}

.platform-fiscal-hero-shell[b-bp5pxox6xv] {
    display: grid;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.platform-fiscal-filter-shell[b-bp5pxox6xv] {
    min-width: 0;
}

.platform-fiscal-state[b-bp5pxox6xv],
.platform-fiscal-notice[b-bp5pxox6xv] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 8rem;
    padding: var(--innvilo-space-8);
}

.platform-fiscal-state.is-error[b-bp5pxox6xv] {
    border-color: var(--color-error-border);
}

.platform-fiscal-state > i[b-bp5pxox6xv],
.platform-fiscal-notice > i[b-bp5pxox6xv] {
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-title);
}

.platform-fiscal-state.is-error > i[b-bp5pxox6xv] {
    color: var(--color-error);
}

.platform-fiscal-state h2[b-bp5pxox6xv],
.platform-fiscal-state p[b-bp5pxox6xv],
.platform-fiscal-confirmation h2[b-bp5pxox6xv],
.platform-fiscal-confirmation p[b-bp5pxox6xv] {
    margin: 0;
}

.platform-fiscal-state h2[b-bp5pxox6xv],
.platform-fiscal-confirmation h2[b-bp5pxox6xv] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.platform-fiscal-state p[b-bp5pxox6xv],
.platform-fiscal-confirmation p[b-bp5pxox6xv] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin-top: var(--innvilo-space-3);
    max-width: 65ch;
}

.platform-fiscal-state a[b-bp5pxox6xv] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.platform-fiscal-state a:hover[b-bp5pxox6xv] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.platform-fiscal-state a:focus-visible[b-bp5pxox6xv],
.platform-fiscal-confirmation:focus-visible[b-bp5pxox6xv] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-fiscal-notice[b-bp5pxox6xv] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: auto;
    padding: var(--innvilo-space-6) var(--innvilo-space-7);
}

.platform-fiscal-notice > i[b-bp5pxox6xv] {
    color: var(--color-warning-text);
}

.platform-fiscal-notice div[b-bp5pxox6xv] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-fiscal-notice strong[b-bp5pxox6xv] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.platform-fiscal-notice span[b-bp5pxox6xv] {
    color: var(--innvilo-text-secondary);
    line-height: 1.4;
}

.platform-fiscal-confirmation[b-bp5pxox6xv] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: minmax(0, 1fr) auto;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
}

.platform-fiscal-confirmation-actions[b-bp5pxox6xv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.platform-fiscal-reason[b-bp5pxox6xv] {
    display: grid;
    gap: var(--innvilo-space-2);
    margin-top: var(--innvilo-space-5);
    max-width: 65ch;
}

.platform-fiscal-reason span[b-bp5pxox6xv] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.platform-fiscal-reason textarea[b-bp5pxox6xv] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font: inherit;
    min-height: 5.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    resize: vertical;
    transition: border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.platform-fiscal-reason textarea:focus-visible[b-bp5pxox6xv] {
    border-color: var(--innvilo-color-primary);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-fiscal-confirmation-error[b-bp5pxox6xv] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-error);
    padding: var(--innvilo-space-5);
}

@media (max-width: 56.25rem) {
    .platform-fiscal-state[b-bp5pxox6xv] {
        align-items: stretch;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .platform-fiscal-state a[b-bp5pxox6xv] {
        grid-column: 2;
        justify-self: start;
    }

    .platform-fiscal-confirmation[b-bp5pxox6xv] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 47.99rem) {
    .platform-fiscal-page[b-bp5pxox6xv] {
        padding-bottom: max(var(--innvilo-space-6), env(safe-area-inset-bottom));
    }

    .platform-fiscal-state[b-bp5pxox6xv],
    .platform-fiscal-notice[b-bp5pxox6xv],
    .platform-fiscal-confirmation[b-bp5pxox6xv] {
        gap: var(--innvilo-space-5);
        padding: var(--innvilo-space-7);
    }

    .platform-fiscal-state a[b-bp5pxox6xv] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .platform-fiscal-confirmation-actions[b-bp5pxox6xv] {
        display: grid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-fiscal-state a[b-bp5pxox6xv],
    .platform-fiscal-reason textarea[b-bp5pxox6xv] {
        transition: none;
    }
}
/* /Components/Pages/Platform/PlatformFiscalizationHotelDirectory.razor.rz.scp.css */
.platform-fiscal-directory[b-z3ak1vakpa],
.platform-fiscal-directory-grid[b-z3ak1vakpa] {
    font-family: "Lato-Regular", Arial, sans-serif;
    min-width: 0;
}

.platform-fiscal-hotel-identity[b-z3ak1vakpa] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    white-space: normal;
}

.platform-fiscal-hotel-identity strong[b-z3ak1vakpa] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    overflow-wrap: anywhere;
}

.platform-fiscal-hotel-identity span[b-z3ak1vakpa],
.platform-fiscal-date[b-z3ak1vakpa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.platform-fiscal-status[b-z3ak1vakpa] {
    display: inline-flex;
    min-width: 0;
    white-space: normal;
}

.platform-fiscal-detail[b-z3ak1vakpa] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    white-space: normal;
}

.platform-fiscal-text[b-z3ak1vakpa] {
    color: var(--innvilo-text-primary);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.platform-fiscal-declaration[b-z3ak1vakpa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.platform-fiscal-error[b-z3ak1vakpa] {
    color: var(--color-error);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.platform-fiscal-mobile-row[b-z3ak1vakpa] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.platform-fiscal-mobile-heading[b-z3ak1vakpa] {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-width: 0;
}

.platform-fiscal-mobile-row dl[b-z3ak1vakpa] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
}

.platform-fiscal-mobile-row dl > div[b-z3ak1vakpa] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.platform-fiscal-mobile-row dt[b-z3ak1vakpa] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.3;
}

.platform-fiscal-mobile-row dd[b-z3ak1vakpa] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
    margin: 0;
    min-width: 0;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}
/* /Components/Pages/Platform/PlatformHotelRecordOverview.razor.rz.scp.css */
.platform-hotel-overview[b-ujauueedyy] { min-width: 0; }
.platform-hotel-overview h2[b-ujauueedyy] { margin: 0 0 8px; font-size: 20px; }
.platform-hotel-overview dl[b-ujauueedyy] { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
.platform-hotel-overview dl > div[b-ujauueedyy] { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px; padding: 8px 0; border-top: 1px solid var(--color-border); }
.platform-hotel-overview dt[b-ujauueedyy] { color: var(--color-text-muted); }
.platform-hotel-overview dd[b-ujauueedyy] { margin: 0; display: grid; gap: 4px; overflow-wrap: anywhere; }
.platform-hotel-overview a[b-ujauueedyy] { color: var(--color-primary); text-decoration: underline; text-underline-offset: 4px; padding-block: 8px; }
.platform-hotel-overview a:focus-visible[b-ujauueedyy] { outline: 2px solid var(--color-primary); outline-offset: 4px; }
@media (max-width: 991px) { .platform-hotel-overview dl[b-ujauueedyy] { grid-template-columns: 1fr; } }
@media (max-width: 479px) { .platform-hotel-overview dl > div[b-ujauueedyy] { grid-template-columns: 1fr; gap: 8px; } }
/* /Components/Pages/Platform/PlatformHotels.razor.rz.scp.css */
.platform-record[b-kny6fve658] {
    border-top: 1px solid var(--color-border);
    padding-top: var(--innvilo-space-6);
    min-width: 0;
}

.platform-record > div[b-kny6fve658] {
    display: grid;
    gap: var(--innvilo-space-6);
    width: 100%;
    max-width: 960px;
    min-width: 0;
}

.platform-record h2[b-kny6fve658],
.platform-record p[b-kny6fve658] {
    margin: 0;
}

.platform-record h2[b-kny6fve658] {
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.platform-record__actions[b-kny6fve658] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    align-items: center;
}

.platform-hotels-page[b-kny6fve658] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: var(--innvilo-space-8);
    width: 100%;
}

.platform-hotels-page__hero-shell[b-kny6fve658] {
    display: grid;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.platform-hotels-state[b-kny6fve658] {
    align-items: start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-text-muted);
    display: flex;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-7);
}

.platform-hotels-state > i[b-kny6fve658] {
    color: var(--color-primary);
    font-size: var(--innvilo-font-size-heading);
    margin-top: var(--innvilo-space-1);
}

.platform-hotels-state > div[b-kny6fve658] {
    display: grid;
    gap: var(--innvilo-space-4);
    max-width: 68ch;
}

.platform-hotels-state h2[b-kny6fve658],
.platform-hotels-state p[b-kny6fve658] {
    margin: 0;
}

.platform-hotels-state h2[b-kny6fve658] {
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.platform-hotels-state p[b-kny6fve658] {
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

@media (max-width: 767px) {
    .platform-hotels-page[b-kny6fve658] {
        padding-bottom: var(--innvilo-space-7);
    }

    .platform-hotels-state[b-kny6fve658] {
        padding: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-hotels-page *[b-kny6fve658] {
        scroll-behavior: auto;
        transition: none;
    }
}
/* /Components/Pages/Platform/PlatformHotelsDirectory.razor.rz.scp.css */
.platform-hotels-directory[b-lxdzsz1oq9] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.platform-hotels-directory__content[b-lxdzsz1oq9] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.platform-hotels-directory__identity[b-lxdzsz1oq9],
.platform-hotels-directory__locale[b-lxdzsz1oq9],
.platform-hotels-directory__mobile-row[b-lxdzsz1oq9],
.platform-hotels-directory__mobile-heading > span[b-lxdzsz1oq9] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.platform-hotels-directory__identity strong[b-lxdzsz1oq9],
.platform-hotels-directory__mobile-heading strong[b-lxdzsz1oq9] {
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.platform-hotels-directory__identity small[b-lxdzsz1oq9],
.platform-hotels-directory__locale small[b-lxdzsz1oq9],
.platform-hotels-directory__mobile-row small[b-lxdzsz1oq9],
.platform-hotels-directory__mobile-meta[b-lxdzsz1oq9] {
    color: var(--color-text-muted);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.platform-hotels-directory__mobile-row[b-lxdzsz1oq9] {
    gap: var(--innvilo-space-4);
}

.platform-hotels-directory__mobile-heading[b-lxdzsz1oq9] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.platform-hotels-directory__mobile-heading > span[b-lxdzsz1oq9] {
    overflow-wrap: anywhere;
}

.platform-hotels-directory__mobile-meta[b-lxdzsz1oq9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
}

.platform-hotels-directory__mobile-meta span[b-lxdzsz1oq9] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.platform-hotels-directory__mobile-meta i[b-lxdzsz1oq9],
.platform-hotels-directory__demo[b-lxdzsz1oq9] {
    color: var(--color-primary);
}

.platform-hotels-directory__count[b-lxdzsz1oq9] {
    font-variant-numeric: tabular-nums;
}

@media (max-width: 767px) {
    .platform-hotels-directory__content[b-lxdzsz1oq9] {
        gap: var(--innvilo-space-7);
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-hotels-directory *[b-lxdzsz1oq9] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Platform/PlatformHotelsGroupEditor.razor.rz.scp.css */
.platform-hotels-group-editor[b-j99vvsyvap] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.platform-hotels-group-editor > p[b-j99vvsyvap] {
    color: var(--color-text-muted);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.platform-hotels-group-editor__field[b-j99vvsyvap] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.platform-hotels-group-editor__field > span[b-j99vvsyvap] {
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.platform-hotels-group-editor__status[b-j99vvsyvap] {
    grid-column: 1 / -1;
    align-items: start;
    background: var(--color-error-soft);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-error);
    display: flex;
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-3);
    line-height: 1.5;
    padding: var(--innvilo-space-5);
}

@media (max-width: 767px) {
    .platform-hotels-group-editor[b-j99vvsyvap] { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .platform-hotels-group-editor *[b-j99vvsyvap] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Platform/PlatformHotelsHotelEditor.razor.rz.scp.css */
.platform-hotels-hotel-editor[b-99hrffcsp5] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.platform-hotels-hotel-editor__panel[b-99hrffcsp5],
.platform-hotels-hotel-editor__panel > section[b-99hrffcsp5] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.platform-hotels-hotel-editor__panel[hidden][b-99hrffcsp5] {
    display: none;
}

.platform-hotels-hotel-editor__tabs[b-99hrffcsp5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    border-bottom: 1px solid var(--color-border-strong);
}

.platform-hotels-hotel-editor__tabs button[b-99hrffcsp5] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--color-text-muted);
    font: inherit;
    min-height: 44px;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.platform-hotels-hotel-editor__tabs button[aria-selected="true"][b-99hrffcsp5] {
    border-bottom-color: var(--color-primary);
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.platform-hotels-hotel-editor__tabs button:focus-visible[b-99hrffcsp5] {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
}

.platform-hotels-hotel-editor header[b-99hrffcsp5] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-hotels-hotel-editor h3[b-99hrffcsp5],
.platform-hotels-hotel-editor p[b-99hrffcsp5] {
    margin: 0;
}

.platform-hotels-hotel-editor h3[b-99hrffcsp5] {
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.platform-hotels-hotel-editor p[b-99hrffcsp5] {
    color: var(--color-text-muted);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.platform-hotels-hotel-editor__grid[b-99hrffcsp5] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-hotels-hotel-editor__grid label[b-99hrffcsp5] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.platform-hotels-hotel-editor__grid label.is-wide[b-99hrffcsp5] {
    grid-column: 1 / -1;
}

.platform-hotels-hotel-editor__grid label.platform-hotels-hotel-editor__check[b-99hrffcsp5] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    min-height: 44px;
}

.platform-hotels-hotel-editor__check input[type="checkbox"][b-99hrffcsp5] {
    accent-color: var(--color-primary);
    block-size: 20px;
    flex: 0 0 auto;
    inline-size: 20px;
}

.platform-hotels-hotel-editor__grid label > span[b-99hrffcsp5] {
    color: var(--color-text);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.platform-hotels-hotel-editor__grid input[type="time"][b-99hrffcsp5],
.platform-hotels-hotel-editor__grid select[b-99hrffcsp5] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    min-height: 48px;
    padding: 0 var(--innvilo-space-4);
    width: 100%;
}

.platform-hotels-hotel-editor__grid input[type="time"]:hover[b-99hrffcsp5],
.platform-hotels-hotel-editor__grid select:hover[b-99hrffcsp5] {
    border-color: var(--color-primary);
}

.platform-hotels-hotel-editor__grid input[type="time"]:focus-visible[b-99hrffcsp5],
.platform-hotels-hotel-editor__grid select:focus-visible[b-99hrffcsp5] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.platform-hotels-hotel-editor__grid input[type="time"]:disabled[b-99hrffcsp5],
.platform-hotels-hotel-editor__grid select:disabled[b-99hrffcsp5] {
    background: var(--color-surface-soft);
    color: var(--color-text-subtle);
    cursor: not-allowed;
}

.platform-hotels-hotel-editor__status[b-99hrffcsp5] {
    align-items: start;
    background: var(--color-error-soft);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-error);
    display: flex;
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-3);
    line-height: 1.5;
    padding: var(--innvilo-space-5);
}

@media (max-width: 640px) {
    .platform-hotels-hotel-editor__grid[b-99hrffcsp5] {
        grid-template-columns: 1fr;
    }

    .platform-hotels-hotel-editor__grid label.is-wide[b-99hrffcsp5] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-hotels-hotel-editor *[b-99hrffcsp5] {
        scroll-behavior: auto;
        transition: none;
    }
}
/* /Components/Pages/Platform/PlatformKioskCommissions.razor.rz.scp.css */
.platform-kiosk-commissions-page[b-xvckmufp2h] {
    display: grid;
    gap: var(--innvilo-space-6);
    padding-bottom: var(--innvilo-space-9);
    width: 100%;
}

.kiosk-commission-panel[b-xvckmufp2h],
.kiosk-commission-state[b-xvckmufp2h] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    padding: clamp(var(--innvilo-space-6), 2vw, var(--innvilo-space-7));
}

.kiosk-commission-panel > header[b-xvckmufp2h] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    flex-wrap: wrap;
}

.kiosk-commission-panel h2[b-xvckmufp2h],
.kiosk-commission-panel p[b-xvckmufp2h],
.kiosk-commission-state strong[b-xvckmufp2h],
.kiosk-commission-state span[b-xvckmufp2h],
.kiosk-commission-notice strong[b-xvckmufp2h],
.kiosk-commission-notice span[b-xvckmufp2h],
.kiosk-commission-proof strong[b-xvckmufp2h],
.kiosk-commission-proof span[b-xvckmufp2h] {
    margin: 0;
}

.kiosk-commission-panel h2[b-xvckmufp2h] {
    color: var(--innvilo-color-secondary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
}

.kiosk-commission-panel header p[b-xvckmufp2h] {
    color: var(--innvilo-text-secondary);
    line-height: 1.45;
    margin-top: var(--innvilo-space-2);
    max-width: 58rem;
}

.kiosk-commission-badge[b-xvckmufp2h],
.kiosk-commission-status[b-xvckmufp2h] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
    white-space: nowrap;
}

.kiosk-commission-badge.is-ready[b-xvckmufp2h],
.kiosk-commission-status.is-approved[b-xvckmufp2h] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.kiosk-commission-badge.is-warning[b-xvckmufp2h],
.kiosk-commission-status.is-draft[b-xvckmufp2h] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
}

.kiosk-commission-badge.is-muted[b-xvckmufp2h],
.kiosk-commission-status.is-revoked[b-xvckmufp2h] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-muted);
}

.kiosk-commission-status.is-rejected[b-xvckmufp2h] {
    background: var(--color-error-soft);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.kiosk-commission-hotel-row[b-xvckmufp2h],
.kiosk-commission-period-filter[b-xvckmufp2h] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.kiosk-commission-scope[b-xvckmufp2h] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
    margin: 0;
}

.kiosk-commission-scope div[b-xvckmufp2h] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-5);
}

.kiosk-commission-scope dt[b-xvckmufp2h] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
}

.kiosk-commission-scope dd[b-xvckmufp2h] {
    color: var(--innvilo-color-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    margin: 0;
}

.kiosk-commission-field[b-xvckmufp2h] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.kiosk-commission-field.is-wide[b-xvckmufp2h],
.kiosk-commission-actions.is-wide[b-xvckmufp2h] {
    grid-column: 1 / -1;
}

.kiosk-commission-field label[b-xvckmufp2h] {
    color: var(--innvilo-color-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.kiosk-commission-field input[b-xvckmufp2h],
.kiosk-commission-field select[b-xvckmufp2h] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-md);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    width: 100%;
}

.kiosk-commission-field input:focus-visible[b-xvckmufp2h],
.kiosk-commission-field select:focus-visible[b-xvckmufp2h] {
    border-color: var(--innvilo-border-focus);
    box-shadow: 0 0 0 var(--innvilo-space-2) var(--color-primary-focus-ring);
    outline: 0;
}

.kiosk-commission-field small[b-xvckmufp2h] {
    color: var(--innvilo-text-muted);
    line-height: 1.4;
}

.kiosk-commission-form[b-xvckmufp2h] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    padding: var(--innvilo-space-6);
}

.kiosk-commission-actions[b-xvckmufp2h] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.kiosk-commission-table-wrap[b-xvckmufp2h] {
    overflow-x: auto;
}

.kiosk-commission-table[b-xvckmufp2h] {
    border-collapse: collapse;
    min-width: 56rem;
    width: 100%;
}

.kiosk-commission-table th[b-xvckmufp2h],
.kiosk-commission-table td[b-xvckmufp2h] {
    border-bottom: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    text-align: left;
    vertical-align: middle;
}

.kiosk-commission-table th[b-xvckmufp2h] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    text-transform: uppercase;
}

.kiosk-commission-table td > strong[b-xvckmufp2h],
.kiosk-commission-table td > span[b-xvckmufp2h] {
    display: block;
}

.kiosk-commission-table td > span:not(.kiosk-commission-status)[b-xvckmufp2h] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
    margin-top: var(--innvilo-space-2);
}

.kiosk-commission-mobile-list[b-xvckmufp2h] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.kiosk-commission-mobile-card[b-xvckmufp2h] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-5);
}

.kiosk-commission-mobile-card > header[b-xvckmufp2h] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.kiosk-commission-mobile-card > header > div[b-xvckmufp2h],
.kiosk-commission-mobile-card dd[b-xvckmufp2h] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.kiosk-commission-mobile-card > header span[b-xvckmufp2h],
.kiosk-commission-mobile-card dt[b-xvckmufp2h],
.kiosk-commission-mobile-card dd > span[b-xvckmufp2h] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-label);
}

.kiosk-commission-mobile-card dl[b-xvckmufp2h] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
}

.kiosk-commission-mobile-card dl > div[b-xvckmufp2h] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.kiosk-commission-mobile-card dt[b-xvckmufp2h],
.kiosk-commission-mobile-card dd[b-xvckmufp2h] {
    margin: 0;
}

.kiosk-commission-empty[b-xvckmufp2h],
.kiosk-commission-state[b-xvckmufp2h] {
    color: var(--innvilo-text-secondary);
}

.kiosk-commission-empty[b-xvckmufp2h] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-6);
}

.kiosk-commission-state[b-xvckmufp2h] {
    align-items: flex-start;
}

.kiosk-commission-state div[b-xvckmufp2h] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.kiosk-commission-state.is-error[b-xvckmufp2h] {
    border-left: var(--innvilo-space-2) solid var(--color-error);
}

.kiosk-commission-notice[b-xvckmufp2h],
.kiosk-commission-proof[b-xvckmufp2h] {
    align-items: flex-start;
    background: var(--color-warning-soft);
    border-left: var(--innvilo-space-2) solid var(--color-warning);
    border-radius: var(--innvilo-radius-md);
    display: flex;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.kiosk-commission-notice div[b-xvckmufp2h],
.kiosk-commission-proof div[b-xvckmufp2h] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.kiosk-commission-notice span[b-xvckmufp2h],
.kiosk-commission-proof span[b-xvckmufp2h] {
    color: var(--innvilo-text-secondary);
    line-height: 1.45;
}

.kiosk-commission-notice.is-success[b-xvckmufp2h],
.kiosk-commission-proof[b-xvckmufp2h] {
    background: var(--color-success-soft);
    border-left-color: var(--color-success);
}

.kiosk-commission-notice.is-error[b-xvckmufp2h] {
    background: var(--color-error-soft);
    border-left-color: var(--color-error);
}
.kiosk-commission-edit-section summary[b-xvckmufp2h] {
    cursor: pointer;
    min-height: 44px;
    padding-block: var(--innvilo-space-3);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    color: var(--innvilo-color-primary);
}

.kiosk-commission-edit-section summary:focus-visible[b-xvckmufp2h] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}
/* /Components/Pages/Platform/PlatformKioskDeviceInventory.razor.rz.scp.css */
.platform-kiosk-inventory[b-fyyi8xhyhg] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.platform-kiosk-inventory > header[b-fyyi8xhyhg] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.platform-kiosk-inventory__filters[b-fyyi8xhyhg] { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.platform-kiosk-inventory__filters label[b-fyyi8xhyhg] { display: flex; gap: 8px; align-items: center; min-width: 0; min-height: 44px; }
.platform-kiosk-inventory__filters label:first-child[b-fyyi8xhyhg] { display: grid; width: min(100%, 320px); }
.platform-kiosk-inventory code[b-fyyi8xhyhg] { overflow-wrap: anywhere; }
.platform-kiosk-inventory__filters input[type="search"][b-fyyi8xhyhg] { min-height: 44px; width: 100%; min-width: 0; border: 1px solid var(--color-border); border-radius: var(--innvilo-radius-card); background: var(--color-surface); color: var(--color-text); padding: 8px; font: inherit; }
.platform-kiosk-inventory__filters input:focus-visible[b-fyyi8xhyhg] { outline: 2px solid var(--color-primary); outline-offset: 4px; }

.platform-kiosk-inventory > header > div[b-fyyi8xhyhg] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-kiosk-inventory h2[b-fyyi8xhyhg] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.platform-kiosk-inventory p[b-fyyi8xhyhg] {
    color: var(--innvilo-text-secondary);
    margin: 0;
}

.platform-kiosk-inventory__refresh[b-fyyi8xhyhg],
.platform-kiosk-inventory__action button[b-fyyi8xhyhg] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
}

.platform-kiosk-inventory__refresh[b-fyyi8xhyhg] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    white-space: nowrap;
}

.platform-kiosk-inventory__refresh:focus-visible[b-fyyi8xhyhg],
.platform-kiosk-inventory__action button:focus-visible[b-fyyi8xhyhg],
.platform-kiosk-release-confirmation textarea:focus-visible[b-fyyi8xhyhg] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-kiosk-inventory__feedback[b-fyyi8xhyhg],
.platform-kiosk-inventory__state[b-fyyi8xhyhg] {
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-secondary);
    padding: var(--innvilo-space-5);
}

.platform-kiosk-inventory__feedback.is-error[b-fyyi8xhyhg],
.platform-kiosk-inventory__state.is-error[b-fyyi8xhyhg],
.platform-kiosk-release-confirmation__error[b-fyyi8xhyhg] {
    color: var(--innvilo-danger);
}

.platform-kiosk-inventory__table-wrap[b-fyyi8xhyhg] {
    min-width: 0;
    overflow-x: auto;
}

.platform-kiosk-inventory table[b-fyyi8xhyhg] {
    border-collapse: collapse;
    min-width: 64rem;
    width: 100%;
}

.platform-kiosk-inventory th[b-fyyi8xhyhg],
.platform-kiosk-inventory td[b-fyyi8xhyhg] {
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    padding: var(--innvilo-space-4);
    text-align: left;
    vertical-align: top;
}

.platform-kiosk-inventory th[b-fyyi8xhyhg] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.platform-kiosk-inventory td > div > strong[b-fyyi8xhyhg],
.platform-kiosk-inventory td > div > span[b-fyyi8xhyhg],
.platform-kiosk-inventory td > div > small[b-fyyi8xhyhg],
.platform-kiosk-inventory td > div > code[b-fyyi8xhyhg] {
    display: block;
}

.platform-kiosk-inventory td > div > span[b-fyyi8xhyhg],
.platform-kiosk-inventory td > div > small[b-fyyi8xhyhg],
.platform-kiosk-inventory td > div > code[b-fyyi8xhyhg] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin-top: var(--innvilo-space-2);
}

.platform-kiosk-inventory td code[b-fyyi8xhyhg],
.platform-kiosk-release-confirmation code[b-fyyi8xhyhg] {
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;
}

.platform-kiosk-inventory__status[b-fyyi8xhyhg] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    margin-top: 0 !important;
}

.platform-kiosk-inventory__status.is-positive[b-fyyi8xhyhg] {
    color: var(--color-success);
}

.platform-kiosk-inventory__status.is-warning[b-fyyi8xhyhg] {
    color: var(--color-warning);
}

.platform-kiosk-inventory__status.is-danger[b-fyyi8xhyhg] {
    color: var(--innvilo-danger);
}

.platform-kiosk-inventory__action[b-fyyi8xhyhg] {
    text-align: right !important;
}

.platform-kiosk-inventory__action button[b-fyyi8xhyhg] {
    border-color: var(--innvilo-danger);
    color: var(--innvilo-danger);
    white-space: nowrap;
    margin-bottom: var(--innvilo-space-2);
}

.platform-kiosk-inventory__action .platform-kiosk-inventory__hardware[b-fyyi8xhyhg] {
    border-color: var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
}

.platform-kiosk-release-confirmation[b-fyyi8xhyhg] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.platform-kiosk-release-confirmation dl[b-fyyi8xhyhg],
.platform-kiosk-release-confirmation dl div[b-fyyi8xhyhg] {
    display: grid;
    gap: var(--innvilo-space-2);
    margin: 0;
}

.platform-kiosk-release-confirmation dt[b-fyyi8xhyhg],
.platform-kiosk-release-confirmation small[b-fyyi8xhyhg] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.platform-kiosk-release-confirmation dd[b-fyyi8xhyhg] {
    margin: 0;
}

.platform-kiosk-release-confirmation textarea[b-fyyi8xhyhg] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font-family: "Lato-Regular", Arial, sans-serif;
    min-height: 5.5rem;
    padding: var(--innvilo-space-4);
    resize: vertical;
    width: 100%;
}

@media (max-width: 768px) {
    .platform-kiosk-inventory[b-fyyi8xhyhg] {
        padding: var(--innvilo-space-6);
    }

    .platform-kiosk-inventory > header[b-fyyi8xhyhg] {
        align-items: stretch;
        flex-direction: column;
    }

    .platform-kiosk-inventory__refresh[b-fyyi8xhyhg] {
        justify-content: center;
        width: 100%;
    }

    .platform-kiosk-inventory__table-wrap[b-fyyi8xhyhg] {
        overflow: visible;
    }

    .platform-kiosk-inventory table[b-fyyi8xhyhg],
    .platform-kiosk-inventory tbody[b-fyyi8xhyhg],
    .platform-kiosk-inventory tr[b-fyyi8xhyhg],
    .platform-kiosk-inventory td[b-fyyi8xhyhg] {
        display: block;
        min-width: 0;
        width: 100%;
    }

    .platform-kiosk-inventory thead[b-fyyi8xhyhg] {
        display: none;
    }

    .platform-kiosk-inventory tr[b-fyyi8xhyhg] {
        border-bottom: 1px solid var(--innvilo-border-default);
        padding: var(--innvilo-space-4) 0;
    }

    .platform-kiosk-inventory td[b-fyyi8xhyhg] {
        border: 0;
        display: grid;
        gap: var(--innvilo-space-2);
        grid-template-columns: 7rem minmax(0, 1fr);
        padding: var(--innvilo-space-3) 0;
    }

    .platform-kiosk-inventory td[b-fyyi8xhyhg]::before {
        color: var(--innvilo-text-secondary);
        content: attr(data-label);
        font-family: "Lato-SemiBold", Arial, sans-serif;
        font-size: var(--innvilo-font-size-caption);
    }

    .platform-kiosk-inventory__action[b-fyyi8xhyhg] {
        display: block !important;
        text-align: left !important;
    }

    .platform-kiosk-inventory__action button[b-fyyi8xhyhg] {
        width: 100%;
    }
}
/* /Components/Pages/Platform/PlatformKioskHardwareDialog.razor.rz.scp.css */
#kiosk-hardware-form[b-ah6700q524] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.kiosk-hardware-mobile[b-ah6700q524] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.kiosk-hardware-mobile:focus-visible[b-ah6700q524] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.kiosk-hardware-mobile__header[b-ah6700q524] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.kiosk-hardware-mobile__header h2[b-ah6700q524] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.kiosk-hardware-mobile__close[b-ah6700q524] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: inline-flex;
    flex: none;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.kiosk-hardware-mobile__close:focus-visible[b-ah6700q524] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.device-hardware-intro[b-ah6700q524] {
    color: var(--innvilo-text-secondary);
    margin: 0;
}

.device-hardware-dialog-feedback[b-ah6700q524] {
    color: var(--innvilo-danger);
    margin: 0;
}

.device-hardware-section[b-ah6700q524] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-6);
    padding-top: var(--innvilo-space-6);
}

.device-hardware-section h3[b-ah6700q524] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    margin: 0;
}

.device-hardware-section-header[b-ah6700q524] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.device-hardware-inventory-state[b-ah6700q524] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
}

.device-hardware-inventory-state[data-inventory-state="bridgeoffline"][b-ah6700q524],
.device-hardware-inventory-state[data-inventory-state="discoveryfailed"][b-ah6700q524] {
    color: var(--innvilo-text-primary);
}

.device-hardware-fields label > span[b-ah6700q524],
.device-hardware-toggle span[b-ah6700q524],
.device-hardware-checks span[b-ah6700q524] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.device-hardware-fields select[b-ah6700q524] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    font: inherit;
    min-height: 48px;
    padding-inline: var(--innvilo-space-5);
    width: 100%;
}

.device-hardware-fields select:focus-visible[b-ah6700q524] {
    border-color: var(--innvilo-border-focus);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.device-hardware-hint[b-ah6700q524] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.device-hardware-fields[b-ah6700q524],
.device-hardware-checks[b-ah6700q524] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.device-hardware-fields label[b-ah6700q524],
.device-hardware-toggle[b-ah6700q524],
.device-hardware-checks label[b-ah6700q524] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.device-hardware-toggle[b-ah6700q524],
.device-hardware-checks label[b-ah6700q524] {
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 44px;
}

.device-hardware-actions[b-ah6700q524] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    justify-content: flex-end;
    padding-top: var(--innvilo-space-4);
}

@media (max-width: 768px) {
    .device-hardware-fields[b-ah6700q524],
    .device-hardware-checks[b-ah6700q524] {
        grid-template-columns: 1fr;
    }

    .device-hardware-actions[b-ah6700q524] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Platform/PlatformKioskProvisioning.razor.rz.scp.css */
.kiosk-provisioning-page[b-rjqrrgj9jh] {
    display: grid;
    gap: var(--innvilo-space-6);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    padding-bottom: var(--innvilo-space-9);
    width: 100%;
}

.kiosk-provisioning-installer-heading[b-rjqrrgj9jh] {
    display: grid;
    gap: var(--innvilo-space-3);
    border-top: 1px solid var(--innvilo-border-default);
    padding-top: var(--innvilo-space-6);
}

.kiosk-provisioning-installer-heading h2[b-rjqrrgj9jh] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.kiosk-provisioning-installer-heading p[b-rjqrrgj9jh] {
    color: var(--innvilo-text-secondary);
    margin: 0;
    max-width: 70ch;
}

.kiosk-provisioning-kpi-block[b-rjqrrgj9jh] {
    margin-bottom: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
    min-width: 0;
}

.kiosk-provisioning-refresh[b-rjqrrgj9jh],
.kiosk-provisioning-retry[b-rjqrrgj9jh],
.kiosk-provisioning-back[b-rjqrrgj9jh] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-decoration: none;
}

.kiosk-provisioning-refresh[b-rjqrrgj9jh],
.kiosk-provisioning-back[b-rjqrrgj9jh] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
}

.kiosk-provisioning-retry[b-rjqrrgj9jh] {
    background: var(--innvilo-color-primary);
    border: 1px solid var(--innvilo-color-primary);
    color: var(--innvilo-text-inverse);
    cursor: pointer;
}

.kiosk-provisioning-refresh[b-rjqrrgj9jh] {
    cursor: pointer;
}

.kiosk-provisioning-refresh:focus-visible[b-rjqrrgj9jh],
.kiosk-provisioning-retry:focus-visible[b-rjqrrgj9jh],
.kiosk-provisioning-back:focus-visible[b-rjqrrgj9jh] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.kiosk-provisioning-state[b-rjqrrgj9jh] {
    align-items: start;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-8);
}

.kiosk-provisioning-state > i[b-rjqrrgj9jh] {
    color: var(--innvilo-color-primary);
    font-size: 1.25rem;
    margin-top: var(--innvilo-space-2);
}

.kiosk-provisioning-state.is-error > i[b-rjqrrgj9jh] {
    color: var(--innvilo-danger);
}

.kiosk-provisioning-state > div[b-rjqrrgj9jh] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.kiosk-provisioning-state h2[b-rjqrrgj9jh] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.kiosk-provisioning-state p[b-rjqrrgj9jh] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
    max-width: 48rem;
}

.kiosk-provisioning-state__actions[b-rjqrrgj9jh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

@media (max-width: 640px) {
    .kiosk-provisioning-state[b-rjqrrgj9jh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kiosk-provisioning-state__actions[b-rjqrrgj9jh],
    .kiosk-provisioning-refresh[b-rjqrrgj9jh],
    .kiosk-provisioning-retry[b-rjqrrgj9jh],
    .kiosk-provisioning-back[b-rjqrrgj9jh] {
        width: 100%;
    }
}
.kiosk-provisioning-installer[b-rjqrrgj9jh] {
    margin-top: 24px;
}

.kiosk-provisioning-installer > summary[b-rjqrrgj9jh] {
    cursor: pointer;
    padding: 12px 0;
    font-weight: 700;
}

.kiosk-provisioning-installer > summary:focus-visible[b-rjqrrgj9jh] {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}
/* /Components/Pages/Platform/PlatformKioskProvisioningShimmer.razor.rz.scp.css */
.kiosk-provisioning-shimmer[b-ex66alacrm] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.kiosk-provisioning-shimmer__kpis[b-ex66alacrm] {
    margin-bottom: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
    min-width: 0;
}

.kiosk-provisioning-shimmer__workspace[b-ex66alacrm] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
}

.kiosk-provisioning-shimmer__workspace article[b-ex66alacrm],
.kiosk-provisioning-shimmer__workspace aside[b-ex66alacrm] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-8);
}

.kiosk-provisioning-shimmer__workspace span[b-ex66alacrm],
.kiosk-provisioning-shimmer__workspace i[b-ex66alacrm] {
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: var(--innvilo-space-4);
    width: 100%;
}

.kiosk-provisioning-shimmer__workspace .is-short[b-ex66alacrm] {
    width: 24%;
}

.kiosk-provisioning-shimmer__workspace .is-title[b-ex66alacrm] {
    height: var(--innvilo-space-7);
    width: 58%;
}

.kiosk-provisioning-shimmer__workspace .is-medium[b-ex66alacrm] {
    width: 72%;
}

.kiosk-provisioning-shimmer__release > div[b-ex66alacrm] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--innvilo-space-4);
}

.kiosk-provisioning-shimmer__release i[b-ex66alacrm] {
    height: var(--innvilo-space-10);
}

@media (max-width: 1100px) {
    .kiosk-provisioning-shimmer__workspace[b-ex66alacrm] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .kiosk-provisioning-shimmer__release > div[b-ex66alacrm] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Platform/PlatformKioskProvisioningWorkspace.razor.rz.scp.css */
.kiosk-provisioning-workspace[b-krtn5i40t4] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.kiosk-provisioning-workspace__grid[b-krtn5i40t4] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

.kiosk-provisioning-release-panel[b-krtn5i40t4],
.kiosk-provisioning-context[b-krtn5i40t4],
.kiosk-provisioning-process[b-krtn5i40t4] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.kiosk-provisioning-release-panel[b-krtn5i40t4] {
    display: grid;
    gap: var(--innvilo-space-8);
}

.kiosk-provisioning-release-panel > header[b-krtn5i40t4] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
}

.kiosk-provisioning-release-panel > header > div[b-krtn5i40t4],
.kiosk-provisioning-context > div[b-krtn5i40t4],
.kiosk-provisioning-process > header[b-krtn5i40t4] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.kiosk-provisioning-status[b-krtn5i40t4] {
    align-items: center;
    color: var(--color-success);
    display: inline-flex;
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    width: fit-content;
}

.kiosk-provisioning-release-panel h2[b-krtn5i40t4],
.kiosk-provisioning-context h2[b-krtn5i40t4],
.kiosk-provisioning-process h2[b-krtn5i40t4] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.kiosk-provisioning-release-panel p[b-krtn5i40t4],
.kiosk-provisioning-context p[b-krtn5i40t4],
.kiosk-provisioning-process p[b-krtn5i40t4] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.kiosk-setup-download-action[b-krtn5i40t4] {
    align-items: center;
    background: var(--innvilo-color-primary);
    border: 1px solid var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-7);
    text-decoration: none;
}

.kiosk-setup-download-action:focus-visible[b-krtn5i40t4],
.kiosk-provisioning-context a:focus-visible[b-krtn5i40t4] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.kiosk-provisioning-release-facts[b-krtn5i40t4] {
    display: grid;
    gap: var(--innvilo-space-6) var(--innvilo-space-8);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.kiosk-provisioning-release-facts > div[b-krtn5i40t4] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.kiosk-provisioning-release-facts > .is-wide[b-krtn5i40t4] {
    grid-column: 1 / -1;
}

.kiosk-provisioning-release-facts dt[b-krtn5i40t4] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.kiosk-provisioning-release-facts dd[b-krtn5i40t4] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    margin: 0;
    min-width: 0;
}

.kiosk-provisioning-release-facts code[b-krtn5i40t4] {
    color: inherit;
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;
    font-size: var(--innvilo-font-size-caption);
    overflow-wrap: anywhere;
}

.kiosk-provisioning-context[b-krtn5i40t4] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr);
}

.kiosk-provisioning-context > i[b-krtn5i40t4] {
    color: var(--innvilo-color-primary);
    font-size: 1.125rem;
    margin-top: var(--innvilo-space-2);
}

.kiosk-provisioning-context strong[b-krtn5i40t4] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    margin-top: var(--innvilo-space-3);
}

.kiosk-provisioning-context a[b-krtn5i40t4] {
    align-items: center;
    color: var(--innvilo-text-link);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    min-height: 2.75rem;
    width: fit-content;
}

.kiosk-provisioning-process[b-krtn5i40t4] {
    display: grid;
    gap: var(--innvilo-space-8);
}

.kiosk-provisioning-process ol[b-krtn5i40t4] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.kiosk-provisioning-process li[b-krtn5i40t4] {
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-color-primary);
    display: list-item;
    font-family: "Lato-Bold", Arial, sans-serif;
    padding-top: var(--innvilo-space-5);
}

.kiosk-provisioning-process li > i[b-krtn5i40t4] {
    margin-left: var(--innvilo-space-3);
}

.kiosk-provisioning-process li > div[b-krtn5i40t4] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-top: var(--innvilo-space-5);
}

.kiosk-provisioning-process h3[b-krtn5i40t4] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    margin: 0;
}

.kiosk-provisioning-process li p[b-krtn5i40t4] {
    font-family: "Lato-Regular", Arial, sans-serif;
}

@media (max-width: 1100px) {
    .kiosk-provisioning-workspace__grid[b-krtn5i40t4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kiosk-provisioning-process ol[b-krtn5i40t4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .kiosk-provisioning-release-panel > header[b-krtn5i40t4],
    .kiosk-provisioning-release-facts[b-krtn5i40t4],
    .kiosk-provisioning-process ol[b-krtn5i40t4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kiosk-provisioning-release-facts > .is-wide[b-krtn5i40t4] {
        grid-column: auto;
    }

    .kiosk-setup-download-action[b-krtn5i40t4] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .kiosk-provisioning-context[b-krtn5i40t4] {
        grid-template-columns: minmax(0, 1fr);
    }
}
.kiosk-provisioning-process > summary[b-krtn5i40t4] {
    cursor: pointer;
    font-weight: 700;
    min-height: 44px;
}

.kiosk-provisioning-process > summary:focus-visible[b-krtn5i40t4] {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}
/* /Components/Pages/Platform/PlatformOperations.razor.rz.scp.css */
.platform-ops-page[b-aw8k0v1z89] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: max(var(--innvilo-space-8), env(safe-area-inset-bottom));
    width: 100%;
}

.platform-ops-hero-shell[b-aw8k0v1z89] {
    display: grid;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.platform-ops-filter-shell[b-aw8k0v1z89] {
    min-width: 0;
}

.platform-ops-state[b-aw8k0v1z89],
.platform-ops-notice[b-aw8k0v1z89] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 8rem;
    padding: var(--innvilo-space-8);
}

.platform-ops-state.is-error[b-aw8k0v1z89],
.platform-ops-state.is-denied[b-aw8k0v1z89] {
    border-color: var(--color-error-border);
}

.platform-ops-state > i[b-aw8k0v1z89],
.platform-ops-notice > i[b-aw8k0v1z89] {
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-title);
}

.platform-ops-state.is-error > i[b-aw8k0v1z89],
.platform-ops-state.is-denied > i[b-aw8k0v1z89] {
    color: var(--color-error);
}

.platform-ops-state h2[b-aw8k0v1z89],
.platform-ops-state p[b-aw8k0v1z89] {
    margin: 0;
}

.platform-ops-state h2[b-aw8k0v1z89] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.platform-ops-state p[b-aw8k0v1z89] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin-top: var(--innvilo-space-3);
    max-width: 65ch;
}

.platform-ops-state a[b-aw8k0v1z89] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-instant) var(--innvilo-easing-standard);
}

.platform-ops-state a:hover[b-aw8k0v1z89] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.platform-ops-state a:focus-visible[b-aw8k0v1z89] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.platform-ops-state a:active[b-aw8k0v1z89] {
    transform: scale(0.98);
}

.platform-ops-notice[b-aw8k0v1z89] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    min-height: auto;
    padding: var(--innvilo-space-6) var(--innvilo-space-7);
}

.platform-ops-notice > i[b-aw8k0v1z89] {
    color: var(--color-warning-text);
}

.platform-ops-notice div[b-aw8k0v1z89] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.platform-ops-notice strong[b-aw8k0v1z89] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.platform-ops-notice span[b-aw8k0v1z89] {
    color: var(--innvilo-text-secondary);
    line-height: 1.4;
}

.platform-ops-confirmation[b-aw8k0v1z89] {
    color: var(--innvilo-text-primary);
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-space-6);
}

.platform-ops-confirmation p[b-aw8k0v1z89],
.platform-ops-confirmation dl[b-aw8k0v1z89],
.platform-ops-confirmation dd[b-aw8k0v1z89] {
    margin: 0;
}

.platform-ops-confirmation p[b-aw8k0v1z89] {
    line-height: 1.5;
}

.platform-ops-confirmation dl[b-aw8k0v1z89] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-6);
}

.platform-ops-confirmation dl > div[b-aw8k0v1z89] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.platform-ops-confirmation dt[b-aw8k0v1z89] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.platform-ops-confirmation dd[b-aw8k0v1z89] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.platform-ops-confirmation-error[b-aw8k0v1z89] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-error);
    padding: var(--innvilo-space-5);
}

@media (max-width: 56.25rem) {
    .platform-ops-state[b-aw8k0v1z89],
    .platform-ops-notice[b-aw8k0v1z89] {
        align-items: stretch;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .platform-ops-state a[b-aw8k0v1z89] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 47.99rem) {
    .platform-ops-page[b-aw8k0v1z89] {
        padding-bottom: max(var(--innvilo-space-6), env(safe-area-inset-bottom));
    }

    .platform-ops-state[b-aw8k0v1z89],
    .platform-ops-notice[b-aw8k0v1z89] {
        gap: var(--innvilo-space-5);
        padding: var(--innvilo-space-7);
    }

    .platform-ops-state a[b-aw8k0v1z89] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .platform-ops-confirmation dl > div[b-aw8k0v1z89] {
        align-items: start;
        display: grid;
        gap: var(--innvilo-space-2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-ops-state a[b-aw8k0v1z89] {
        transition: none;
    }

    .platform-ops-state a:active[b-aw8k0v1z89] {
        transform: none;
    }
}
/* /Components/Pages/Platform/PlatformOperationsHotelDirectory.razor.rz.scp.css */
.platform-operations-directory[b-71skqnmbpr],
.platform-operations-directory-grid[b-71skqnmbpr] {
    font-family: "Lato-Regular", Arial, sans-serif;
    min-width: 0;
}

.platform-operations-hotel-identity[b-71skqnmbpr],
.platform-operations-mobile-heading > strong[b-71skqnmbpr] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    overflow-wrap: anywhere;
}

.platform-operations-status[b-71skqnmbpr],
.platform-operations-mode[b-71skqnmbpr] {
    display: inline-flex;
    min-width: 0;
}

.platform-operations-device-number[b-71skqnmbpr],
.platform-operations-mobile-row dd[b-71skqnmbpr] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.platform-operations-mobile-row[b-71skqnmbpr] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.platform-operations-mobile-heading[b-71skqnmbpr] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-width: 0;
}

.platform-operations-mobile-row dl[b-71skqnmbpr] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.platform-operations-mobile-row dl > div:first-child[b-71skqnmbpr] {
    grid-column: 1 / -1;
}

.platform-operations-mobile-row dl > div[b-71skqnmbpr] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.platform-operations-mobile-row dt[b-71skqnmbpr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.3;
}

.platform-operations-mobile-row dd[b-71skqnmbpr] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
    margin: 0;
    min-width: 0;
}

@media (max-width: 30rem) {
    .platform-operations-mobile-row dl[b-71skqnmbpr] {
        grid-template-columns: minmax(0, 1fr);
    }

    .platform-operations-mobile-row dl > div:first-child[b-71skqnmbpr] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-operations-mobile-row[b-71skqnmbpr] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Platform/PlatformPaymentProviders.razor.rz.scp.css */
.platform-payment-providers-page[b-68fmktue1y] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: var(--innvilo-space-9);
    width: 100%;
}

.platform-zvt-mobile-record[b-68fmktue1y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--innvilo-space-4);
    margin: 0;
    min-width: 0;
}

.platform-zvt-mobile-record div[b-68fmktue1y] {
    min-width: 0;
}

.platform-zvt-mobile-record dt[b-68fmktue1y] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.platform-zvt-mobile-record dd[b-68fmktue1y] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.platform-zvt-editor[b-68fmktue1y] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin-bottom: var(--innvilo-space-4);
}

.platform-payment-provider-editor[b-68fmktue1y] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.platform-zvt-editor p[b-68fmktue1y] {
    margin: 0;
}

.platform-payment-provider-hero-shell[b-68fmktue1y] {
    display: grid;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.platform-payment-provider-kpis[b-68fmktue1y],
.platform-payment-provider-filter[b-68fmktue1y],
.platform-payment-provider-content[b-68fmktue1y] {
    min-width: 0;
}

.platform-payment-provider-content[b-68fmktue1y] {
    display: grid;
    gap: var(--innvilo-space-8);
}

.platform-payment-provider-workspace[b-68fmktue1y],
.platform-payment-provider-state[b-68fmktue1y] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.platform-payment-provider-state[b-68fmktue1y] {
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.platform-payment-provider-state.is-compact[b-68fmktue1y] {
    grid-template-columns: auto minmax(0, 1fr);
}

.platform-payment-provider-state > i[b-68fmktue1y] {
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-heading);
}

.platform-payment-provider-state.is-error > i[b-68fmktue1y] {
    color: var(--color-error);
}

.platform-payment-provider-state h2[b-68fmktue1y],
.platform-payment-provider-state p[b-68fmktue1y],
.platform-payment-provider-workspace h2[b-68fmktue1y],
.platform-payment-provider-workspace p[b-68fmktue1y] {
    margin: 0;
}

.platform-payment-provider-state h2[b-68fmktue1y],
.platform-payment-provider-workspace h2[b-68fmktue1y] {
    color: var(--innvilo-color-secondary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.platform-payment-provider-state p[b-68fmktue1y],
.platform-payment-provider-workspace header p[b-68fmktue1y] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

.platform-payment-provider-state p[b-68fmktue1y] {
    margin-top: var(--innvilo-space-2);
    max-width: 65ch;
}

.platform-payment-provider-workspace > header[b-68fmktue1y] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.platform-payment-provider-workspace header p[b-68fmktue1y] {
    margin-top: var(--innvilo-space-3);
    max-width: 65ch;
}

.platform-payment-provider-badge[b-68fmktue1y] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    flex: 0 0 auto;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.25;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
    white-space: nowrap;
}

.platform-payment-provider-badge.is-ready[b-68fmktue1y] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.platform-payment-provider-badge.is-warning[b-68fmktue1y] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
}

.platform-payment-provider-badge.is-muted[b-68fmktue1y] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-muted);
}

.platform-payment-provider-field[b-68fmktue1y] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.platform-payment-provider-field.wide[b-68fmktue1y] {
    grid-column: 1 / -1;
}

.platform-payment-provider-field label[b-68fmktue1y] {
    color: var(--innvilo-color-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.platform-payment-provider-field input[b-68fmktue1y],
.platform-payment-provider-field select[b-68fmktue1y] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    font-family: "Lato-Regular", Arial, sans-serif;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-5);
    width: 100%;
}

.platform-payment-provider-field input:focus-visible[b-68fmktue1y],
.platform-payment-provider-field select:focus-visible[b-68fmktue1y] {
    border-color: var(--innvilo-border-focus);
    box-shadow: 0 0 0 var(--innvilo-space-2) var(--color-primary-focus-ring);
    outline: 0;
}

.platform-payment-provider-field small[b-68fmktue1y] {
    color: var(--innvilo-text-muted);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.platform-payment-provider-catalog[b-68fmktue1y] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-payment-provider-catalog article[b-68fmktue1y],
.platform-payment-provider-readers article[b-68fmktue1y] {
    align-items: flex-start;
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
    padding: var(--innvilo-space-6);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.platform-payment-provider-catalog article.is-available[b-68fmktue1y] {
    border-color: var(--innvilo-border-strong);
}

.platform-payment-provider-catalog article > div[b-68fmktue1y],
.platform-payment-provider-readers article > div[b-68fmktue1y] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.platform-payment-provider-catalog strong[b-68fmktue1y],
.platform-payment-provider-readers strong[b-68fmktue1y] {
    color: var(--innvilo-color-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    overflow-wrap: anywhere;
}

.platform-payment-provider-catalog article > div > span[b-68fmktue1y],
.platform-payment-provider-readers article > div > span[b-68fmktue1y] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.45;
}

.platform-payment-provider-form[b-68fmktue1y] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-payment-provider-actions[b-68fmktue1y] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.platform-payment-provider-notice[b-68fmktue1y] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.platform-payment-provider-notice.is-success[b-68fmktue1y] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
}

.platform-payment-provider-notice strong[b-68fmktue1y] {
    color: var(--innvilo-color-secondary);
}

.platform-payment-provider-notice span[b-68fmktue1y] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.45;
}

.platform-payment-provider-readers[b-68fmktue1y] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.platform-payment-provider-skeleton[b-68fmktue1y] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

.platform-payment-provider-skeleton i[b-68fmktue1y] {
    animation: platform-provider-skeleton-pulse-b-68fmktue1y 1.4s ease-in-out infinite alternate;
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-card);
    display: block;
    min-height: 7rem;
}

@keyframes platform-provider-skeleton-pulse-b-68fmktue1y {
    from { opacity: .55; }
    to { opacity: 1; }
}

@media (hover: hover) and (pointer: fine) {
    .platform-payment-provider-catalog article:hover[b-68fmktue1y],
    .platform-payment-provider-readers article:hover[b-68fmktue1y] {
        background: var(--innvilo-surface-muted);
        border-color: var(--innvilo-border-strong);
    }
}

@media (max-width: 63.99rem) {
    .platform-payment-provider-workspace[b-68fmktue1y],
    .platform-payment-provider-state[b-68fmktue1y] {
        padding: var(--innvilo-space-7);
    }
}

@media (max-width: 47.99rem) {
    .platform-payment-providers-page[b-68fmktue1y] {
        padding-bottom: calc(var(--innvilo-space-9) + env(safe-area-inset-bottom));
    }

    .platform-payment-provider-content[b-68fmktue1y] {
        gap: var(--innvilo-space-7);
    }

    .platform-payment-provider-workspace[b-68fmktue1y],
    .platform-payment-provider-state[b-68fmktue1y] {
        padding: var(--innvilo-space-6);
    }

    .platform-payment-provider-state[b-68fmktue1y],
    .platform-payment-provider-state.is-compact[b-68fmktue1y] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .platform-payment-provider-workspace > header[b-68fmktue1y],
    .platform-payment-provider-catalog article[b-68fmktue1y],
    .platform-payment-provider-readers article[b-68fmktue1y] {
        align-items: stretch;
        flex-direction: column;
    }

    .platform-payment-provider-catalog[b-68fmktue1y],
    .platform-payment-provider-form[b-68fmktue1y],
    .platform-payment-provider-skeleton[b-68fmktue1y] {
        grid-template-columns: minmax(0, 1fr);
    }

    .platform-payment-provider-badge[b-68fmktue1y] {
        align-self: flex-start;
    }

    .platform-payment-provider-actions[b-68fmktue1y] {
        align-items: stretch;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-payment-provider-catalog article[b-68fmktue1y],
    .platform-payment-provider-readers article[b-68fmktue1y] {
        transition: none;
    }

    .platform-payment-provider-skeleton i[b-68fmktue1y] {
        animation: none;
        opacity: .7;
    }
}
/* /Components/Pages/Platform/PlatformUserEditorContent.razor.rz.scp.css */
.platform-user-editor[b-kzpy1fjyeg],
.platform-user-editor__form[b-kzpy1fjyeg],
.platform-user-editor__field[b-kzpy1fjyeg],
.platform-user-editor__scope > span[b-kzpy1fjyeg] {
    display: grid;
}

.platform-user-editor[b-kzpy1fjyeg] {
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.platform-user-editor__form[b-kzpy1fjyeg] {
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.platform-user-editor__field[b-kzpy1fjyeg] {
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.platform-user-editor__field.is-wide[b-kzpy1fjyeg],
.platform-user-editor__scope.is-wide[b-kzpy1fjyeg],
.platform-user-editor__check.is-wide[b-kzpy1fjyeg] {
    grid-column: 1 / -1;
}

.platform-user-editor__field > label[b-kzpy1fjyeg],
.platform-user-editor__scope strong[b-kzpy1fjyeg],
.platform-user-editor__check > span[b-kzpy1fjyeg] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.platform-user-editor__field > small[b-kzpy1fjyeg],
.platform-user-editor__scope small[b-kzpy1fjyeg] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.platform-user-editor__check[b-kzpy1fjyeg],
.platform-user-editor__scope[b-kzpy1fjyeg],
.platform-user-editor__status[b-kzpy1fjyeg] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    min-height: 44px;
}

.platform-user-editor__check[b-kzpy1fjyeg] {
    cursor: pointer;
}

.platform-user-editor__scope[b-kzpy1fjyeg],
.platform-user-editor__status[b-kzpy1fjyeg] {
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    padding: var(--innvilo-space-4);
}

.platform-user-editor__scope i[b-kzpy1fjyeg],
.platform-user-editor__status i[b-kzpy1fjyeg] {
    color: var(--innvilo-color-primary);
    flex: 0 0 auto;
    text-align: center;
    width: 1.25rem;
}

.platform-user-editor__status span[b-kzpy1fjyeg] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.45;
}

.platform-user-editor__status.is-error i[b-kzpy1fjyeg],
.platform-user-editor__status.is-warning i[b-kzpy1fjyeg] {
    color: var(--innvilo-color-accent);
}

@media (max-width: 47.99rem) {
    .platform-user-editor__form[b-kzpy1fjyeg] {
        grid-template-columns: 1fr;
    }

    .platform-user-editor__field[b-kzpy1fjyeg],
    .platform-user-editor__field.is-wide[b-kzpy1fjyeg],
    .platform-user-editor__scope.is-wide[b-kzpy1fjyeg],
    .platform-user-editor__check.is-wide[b-kzpy1fjyeg] {
        grid-column: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-user-editor *[b-kzpy1fjyeg],
    .platform-user-editor *[b-kzpy1fjyeg]::before,
    .platform-user-editor *[b-kzpy1fjyeg]::after {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/Platform/PlatformUsers.razor.rz.scp.css */
.platform-users-page[b-z5jt6y5b4g] {
    color: var(--innvilo-text-primary);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    gap: var(--innvilo-space-6);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: var(--innvilo-space-9);
    width: 100%;
}

.platform-users-body[b-z5jt6y5b4g] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.platform-users-state[b-z5jt6y5b4g],
.platform-users-stale[b-z5jt6y5b4g] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-8);
}

.platform-users-state[b-z5jt6y5b4g] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.platform-users-stale[b-z5jt6y5b4g] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.platform-users-state > i[b-z5jt6y5b4g],
.platform-users-stale > i[b-z5jt6y5b4g] {
    color: var(--innvilo-color-primary);
    font-size: 1.25rem;
    text-align: center;
    width: 1.5rem;
}

.platform-users-state > div:not(.platform-users-state__action)[b-z5jt6y5b4g],
.platform-users-stale > div:not(.platform-users-state__action)[b-z5jt6y5b4g] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.platform-users-state__action[b-z5jt6y5b4g] {
    display: flex;
    justify-content: flex-end;
}

.platform-users-state h2[b-z5jt6y5b4g],
.platform-users-stale strong[b-z5jt6y5b4g] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
}

.platform-users-state p[b-z5jt6y5b4g],
.platform-users-stale span[b-z5jt6y5b4g] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.55;
    margin: 0;
    max-width: 70ch;
}

@media (max-width: 47.99rem) {
    .platform-users-page[b-z5jt6y5b4g] {
        gap: var(--innvilo-space-6);
        padding-bottom: calc(var(--innvilo-space-11) + env(safe-area-inset-bottom));
    }

    .platform-users-state[b-z5jt6y5b4g],
    .platform-users-stale[b-z5jt6y5b4g] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-6);
    }

    .platform-users-state__action[b-z5jt6y5b4g] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-users-page *[b-z5jt6y5b4g],
    .platform-users-page *[b-z5jt6y5b4g]::before,
    .platform-users-page *[b-z5jt6y5b4g]::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/Platform/PlatformUsersWorkspace.razor.rz.scp.css */
.platform-users-workspace[b-kgkh9oyafi] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.platform-users-identity[b-kgkh9oyafi],
.platform-users-identity span[b-kgkh9oyafi],
.platform-users-mobile-heading > span[b-kgkh9oyafi] {
    min-width: 0;
}

.platform-users-identity[b-kgkh9oyafi],
.platform-users-mobile-heading > span[b-kgkh9oyafi] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.platform-users-identity strong[b-kgkh9oyafi],
.platform-users-mobile-heading strong[b-kgkh9oyafi] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    overflow-wrap: anywhere;
}

.platform-users-identity span[b-kgkh9oyafi],
.platform-users-mobile-heading small[b-kgkh9oyafi],
.platform-users-mobile-scope[b-kgkh9oyafi],
.platform-users-mobile-row p[b-kgkh9oyafi] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.platform-users-mobile-row[b-kgkh9oyafi] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-height: 44px;
    min-width: 0;
}

.platform-users-mobile-heading[b-kgkh9oyafi] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-width: 0;
}

.platform-users-mobile-scope[b-kgkh9oyafi] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    min-height: 44px;
}

.platform-users-mobile-scope i[b-kgkh9oyafi] {
    color: var(--innvilo-color-primary);
    text-align: center;
    width: 1rem;
}

.platform-users-mobile-row p[b-kgkh9oyafi] {
    margin: 0;
}

@media (max-width: 47.99rem) {
    .platform-users-workspace[b-kgkh9oyafi] {
        gap: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .platform-users-workspace *[b-kgkh9oyafi],
    .platform-users-workspace *[b-kgkh9oyafi]::before,
    .platform-users-workspace *[b-kgkh9oyafi]::after {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/Platform/PlatformWorkspace.razor.rz.scp.css */
.platform-workspace[b-kawjfjcc75] { display: grid; gap: 16px; min-width: 0; }
.platform-workspace__context[b-kawjfjcc75] { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border); }
.platform-workspace__context label[b-kawjfjcc75] { display: grid; gap: 4px; flex: 1 1 180px; min-width: 0; font-size: 14px; }
.platform-workspace__context select[b-kawjfjcc75] { width: 100%; min-height: 44px; padding: 8px 12px; color: var(--color-text); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--innvilo-radius-card); font: inherit; }
.platform-workspace__notice[b-kawjfjcc75] { display: flex; align-items: center; gap: 16px; margin: 0; color: var(--color-text-muted); font-size: 14px; }
.platform-workspace__notice a[b-kawjfjcc75] { color: var(--color-primary); padding-block: 8px; }
.platform-workspace :is(a, select):focus-visible[b-kawjfjcc75] { outline: 2px solid var(--color-primary); outline-offset: 4px; }
@media (max-width: 767px) { .platform-workspace__context label[b-kawjfjcc75] { max-width: none; flex-basis: 100%; } }
/* /Components/Pages/Platform/SumUpProviderOperatorPanel.razor.rz.scp.css */
.sumup-operator-panel[b-ee45ornw33] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-7);
    padding-top: var(--innvilo-space-7);
}

.sumup-operator-panel > header[b-ee45ornw33],
.sumup-operator-section-heading[b-ee45ornw33] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.sumup-operator-panel h3[b-ee45ornw33],
.sumup-operator-panel h4[b-ee45ornw33],
.sumup-operator-panel p[b-ee45ornw33] {
    margin: 0;
}

.sumup-operator-panel h3[b-ee45ornw33],
.sumup-operator-panel h4[b-ee45ornw33] {
    color: var(--innvilo-color-secondary);
    font-family: "Lato-Bold", Arial, sans-serif;
}

.sumup-operator-panel h3[b-ee45ornw33] {
    font-size: var(--innvilo-font-size-heading);
}

.sumup-operator-panel h4[b-ee45ornw33] {
    font-size: var(--innvilo-font-size-subheading);
}

.sumup-operator-panel header p[b-ee45ornw33],
.sumup-operator-section-heading p[b-ee45ornw33] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin-top: var(--innvilo-space-3);
    max-width: 52rem;
}

.sumup-operator-summary[b-ee45ornw33] {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.sumup-operator-summary > div[b-ee45ornw33] {
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.sumup-operator-summary > div + div[b-ee45ornw33] {
    border-left: 1px solid var(--innvilo-border-default);
}

.sumup-operator-summary dt[b-ee45ornw33] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.sumup-operator-summary dd[b-ee45ornw33] {
    color: var(--innvilo-color-secondary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.sumup-operator-list span[b-ee45ornw33],
.sumup-operator-payment-detail > span[b-ee45ornw33] {
    color: var(--innvilo-text-secondary);
    line-height: 1.45;
}

.sumup-operator-section[b-ee45ornw33] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-6);
    padding-top: var(--innvilo-space-7);
}

.sumup-operator-environment[b-ee45ornw33] {
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    flex: 0 0 auto;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
}

.sumup-operator-message[b-ee45ornw33],
.sumup-operator-empty[b-ee45ornw33],
.sumup-operator-payment-detail[b-ee45ornw33] {
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    color: var(--innvilo-text-secondary);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.sumup-operator-message.is-success[b-ee45ornw33] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
}

.sumup-operator-message.is-warning[b-ee45ornw33] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
}

.sumup-operator-empty.is-loading i[b-ee45ornw33] {
    animation: sumup-operator-loading-pulse-b-ee45ornw33 1.4s ease-in-out infinite alternate;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-card);
    display: block;
    min-height: 5rem;
}

.sumup-operator-form[b-ee45ornw33] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sumup-operator-form.is-revoke[b-ee45ornw33] {
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--innvilo-radius-card);
    padding: var(--innvilo-space-6);
}

.sumup-operator-field[b-ee45ornw33] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.sumup-operator-field.wide[b-ee45ornw33],
.sumup-operator-actions.wide[b-ee45ornw33] {
    grid-column: 1 / -1;
}

.sumup-operator-field label[b-ee45ornw33] {
    color: var(--innvilo-color-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.sumup-operator-field input[b-ee45ornw33],
.sumup-operator-field select[b-ee45ornw33],
.sumup-operator-field textarea[b-ee45ornw33] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    font-family: "Lato-Regular", Arial, sans-serif;
    min-height: 3rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    width: 100%;
}

.sumup-operator-field textarea[b-ee45ornw33] {
    min-height: 6rem;
    resize: vertical;
}

.sumup-operator-field input:focus-visible[b-ee45ornw33],
.sumup-operator-field select:focus-visible[b-ee45ornw33],
.sumup-operator-field textarea:focus-visible[b-ee45ornw33],
.sumup-operator-link-button:focus-visible[b-ee45ornw33] {
    border-color: var(--innvilo-border-focus);
    box-shadow: 0 0 0 var(--innvilo-space-2) var(--color-primary-focus-ring);
    outline: 0;
}

.sumup-operator-field small[b-ee45ornw33],
.sumup-operator-list small[b-ee45ornw33] {
    color: var(--innvilo-text-muted);
    line-height: 1.45;
}

.sumup-operator-check-field[b-ee45ornw33] {
    align-items: center;
    align-content: center;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3rem;
}

.sumup-operator-check-field input[b-ee45ornw33] {
    min-height: 1.25rem;
    width: 1.25rem;
}

.sumup-operator-actions[b-ee45ornw33] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
}

.sumup-operator-list[b-ee45ornw33] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.sumup-operator-list article[b-ee45ornw33] {
    align-items: flex-start;
    background: var(--innvilo-surface-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.sumup-operator-list article > div[b-ee45ornw33],
.sumup-operator-payment-detail[b-ee45ornw33] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.sumup-operator-list strong[b-ee45ornw33],
.sumup-operator-payment-detail strong[b-ee45ornw33] {
    color: var(--innvilo-color-secondary);
}

.sumup-operator-link-button[b-ee45ornw33] {
    background: transparent;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-color-secondary);
    cursor: pointer;
    flex: 0 0 auto;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    min-height: 3rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

@keyframes sumup-operator-loading-pulse-b-ee45ornw33 {
    from { opacity: .55; }
    to { opacity: 1; }
}

@media (hover: hover) and (pointer: fine) {
    .sumup-operator-link-button:hover:not(:disabled)[b-ee45ornw33] {
        background: var(--innvilo-surface-muted);
        border-color: var(--innvilo-border-focus);
    }
}

.sumup-operator-link-button:disabled[b-ee45ornw33] {
    cursor: not-allowed;
    opacity: .55;
}

@media (max-width: 47.99rem) {
    .sumup-operator-panel > header[b-ee45ornw33],
    .sumup-operator-section-heading[b-ee45ornw33],
    .sumup-operator-list article[b-ee45ornw33] {
        align-items: stretch;
        flex-direction: column;
    }

    .sumup-operator-summary[b-ee45ornw33],
    .sumup-operator-form[b-ee45ornw33] {
        grid-template-columns: minmax(0, 1fr);
    }

    .sumup-operator-summary > div[b-ee45ornw33] {
        padding: var(--innvilo-space-4) 0;
    }

    .sumup-operator-summary > div + div[b-ee45ornw33] {
        border-left: 0;
        border-top: 1px solid var(--innvilo-border-default);
    }

    .sumup-operator-environment[b-ee45ornw33] {
        align-self: flex-start;
    }

    .sumup-operator-link-button[b-ee45ornw33] {
        width: 100%;
    }

    .sumup-operator-actions[b-ee45ornw33] {
        align-items: stretch;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sumup-operator-empty.is-loading i[b-ee45ornw33] {
        animation: none;
        opacity: .7;
    }

    .sumup-operator-link-button[b-ee45ornw33] {
        transition: none;
    }
}
/* /Components/Pages/Public/BanquetOfferPage.razor.rz.scp.css */
/* Öffentliche Entscheidungsseite einer Veranstaltung. Ein Akzent (das Grün der öffentlichen Strecke), alles
   andere neutral aus derselben Familie. Keine Schatten, weil hier nichts über der Seite schwebt; Bewegung nur als
   Farbwechsel von 140ms. Die Maße kommen aus den gemeinsamen Tokens; der Abstand zwischen den Blöcken ist der
   Abschnittsrhythmus des Hauses (--innvilo-page-section-gap, 34px) und folgt deshalb bewusst nicht der 4px-Stufung,
   damit die Seite denselben Takt hält wie die Portalseiten. Alles innerhalb der Blöcke ist ein Vielfaches von vier. */

.bq-offer[b-u0xqmksfp8] {
    --bq-accent: var(--color-public-booking-forest);
    --bq-accent-hover: var(--color-public-booking-forest-hover);
    --bq-accent-soft: var(--color-public-booking-forest-soft);
    --bq-button-text: var(--color-public-booking-button-text);
    --bq-paper: var(--color-public-booking-paper);
    --bq-surface: var(--color-public-booking-surface);
    --bq-text: var(--color-public-booking-text);
    --bq-muted: var(--color-public-booking-muted);
    --bq-border: var(--color-public-booking-border);
    --bq-control-border: var(--color-public-booking-control-border);
    background: var(--bq-paper);
    color: var(--bq-text);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    grid-template-rows: auto 1fr auto;
    min-height: 100dvh;
    overflow-x: clip;
}

.bq-offer[b-u0xqmksfp8],
.bq-offer *[b-u0xqmksfp8] {
    box-sizing: border-box;
}

.bq-offer h1[b-u0xqmksfp8],
.bq-offer h2[b-u0xqmksfp8],
.bq-offer strong[b-u0xqmksfp8],
.bq-offer dd[b-u0xqmksfp8] {
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.bq-offer button[b-u0xqmksfp8],
.bq-offer textarea[b-u0xqmksfp8] {
    font: inherit;
}

.bq-offer a:focus-visible[b-u0xqmksfp8],
.bq-offer button:focus-visible[b-u0xqmksfp8],
.bq-offer input:focus-visible[b-u0xqmksfp8],
.bq-offer textarea:focus-visible[b-u0xqmksfp8],
.bq-offer [tabindex="-1"]:focus-visible[b-u0xqmksfp8] {
    outline: 3px solid var(--bq-accent);
    outline-offset: 3px;
}

.bq-offer-bar[b-u0xqmksfp8],
.bq-offer-content[b-u0xqmksfp8],
.bq-offer-foot[b-u0xqmksfp8] {
    margin-inline: auto;
    max-width: var(--innvilo-public-content-max);
    width: 100%;
}

.bq-offer-bar[b-u0xqmksfp8] {
    align-items: center;
    border-bottom: 1px solid var(--bq-border);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-height: 4.5rem;
    padding: var(--innvilo-space-5) var(--innvilo-page-gutter-desktop);
}

.bq-offer-brand[b-u0xqmksfp8] {
    color: var(--bq-text);
    display: inline-grid;
    gap: var(--innvilo-space-2);
    min-height: 2.75rem;
    place-content: center start;
    text-decoration: none;
}

.bq-offer-brand strong[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-body);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.2;
}

.bq-offer-brand span[b-u0xqmksfp8],
.bq-offer-reference[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.bq-offer-reference[b-u0xqmksfp8] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.bq-offer-content[b-u0xqmksfp8] {
    padding: var(--innvilo-page-section-gap) var(--innvilo-page-gutter-desktop) var(--innvilo-space-12);
}

.bq-offer-grid[b-u0xqmksfp8] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-page-section-gap);
    grid-template-columns: minmax(18rem, 22rem) minmax(0, 1fr);
}

.bq-offer-aside[b-u0xqmksfp8],
.bq-offer-panel[b-u0xqmksfp8] {
    border: 1px solid var(--bq-border);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
}

.bq-offer-aside[b-u0xqmksfp8] {
    background: var(--bq-accent-soft);
    display: grid;
    gap: var(--innvilo-space-7);
    padding: var(--innvilo-space-8);
    position: sticky;
    top: var(--innvilo-page-section-gap);
}

.bq-offer-aside-head[b-u0xqmksfp8] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.bq-offer-aside-head h2[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
    margin: 0;
}

.bq-offer-aside-head span[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-caption);
}

.bq-offer-when[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-2);
    margin: 0;
}

.bq-offer-when span[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.bq-offer-rooms[b-u0xqmksfp8] {
    border-top: 1px solid var(--bq-border);
    display: grid;
    gap: var(--innvilo-space-5);
    list-style: none;
    margin: 0;
    padding: var(--innvilo-space-7) 0 0;
}

.bq-offer-rooms li[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.bq-offer-rooms span[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.bq-offer-prices[b-u0xqmksfp8] {
    border-top: 1px solid var(--bq-border);
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
    padding: var(--innvilo-space-7) 0 0;
}

.bq-offer-prices > div[b-u0xqmksfp8] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.bq-offer-prices dt[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-label);
}

.bq-offer-prices dd[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
    text-align: right;
}

.bq-offer-prices-total[b-u0xqmksfp8] {
    border-top: 1px solid var(--bq-border);
    padding-top: var(--innvilo-space-4);
}

.bq-offer-prices-total dt[b-u0xqmksfp8] {
    color: var(--bq-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
}

.bq-offer-prices-total dd[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-subheading);
}

.bq-offer-note[b-u0xqmksfp8],
.bq-offer-valid[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
}

.bq-offer-valid[b-u0xqmksfp8] {
    color: var(--bq-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.bq-offer-panel[b-u0xqmksfp8] {
    background: var(--bq-surface);
    display: grid;
    gap: var(--innvilo-space-8);
    padding: var(--innvilo-space-9);
}

.bq-offer-head[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.bq-offer-head h1[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.18;
    margin: 0;
    text-wrap: balance;
}

.bq-offer-head p[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.6;
    margin: 0;
    max-width: 65ch;
    white-space: pre-line;
}

.bq-offer-details[b-u0xqmksfp8] {
    background: var(--bq-paper);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-7) var(--innvilo-space-9);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: var(--innvilo-space-8);
}

.bq-offer-details > div[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.bq-offer-details dt[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
}

.bq-offer-details dd[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.bq-offer-block[b-u0xqmksfp8] {
    border-top: 1px solid var(--bq-border);
    display: grid;
    gap: var(--innvilo-space-6);
    padding-top: var(--innvilo-space-8);
}

.bq-offer-block h2[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
    margin: 0;
}

/* Leistungen und Zahlungsplan: eine Zeile je Position, Betrag rechts auf gleicher Grundlinie. Keine Tabelle,
   weil jede Zeile für sich lesbar ist. */
.bq-offer-lines[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-5);
    list-style: none;
    margin: 0;
    padding: 0;
}

.bq-offer-lines li[b-u0xqmksfp8] {
    align-items: baseline;
    border-bottom: 1px solid var(--bq-border);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
    padding-bottom: var(--innvilo-space-5);
}

.bq-offer-lines li:last-child[b-u0xqmksfp8] {
    border-bottom: 0;
    padding-bottom: 0;
}

.bq-offer-line-text[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.bq-offer-line-text strong[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.bq-offer-line-text span[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.bq-offer-line-amount[b-u0xqmksfp8] {
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.bq-offer-terms[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-6);
    margin: 0;
}

.bq-offer-terms > div[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.bq-offer-terms dt[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-caption);
}

.bq-offer-terms dd[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.55;
    margin: 0;
    max-width: 65ch;
    white-space: pre-line;
}

.bq-offer-flow[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-8);
}

.bq-offer-field[b-u0xqmksfp8] {
    color: var(--bq-text);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.bq-offer-field > span[b-u0xqmksfp8],
.bq-offer-choices legend[b-u0xqmksfp8] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.bq-offer-field textarea[b-u0xqmksfp8] {
    background: var(--bq-surface);
    border: 1px solid var(--bq-control-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--bq-text);
    line-height: 1.5;
    min-height: 7rem;
    min-width: 0;
    padding: var(--innvilo-space-5);
    resize: vertical;
    transition: border-color 140ms ease-out;
    width: 100%;
}

.bq-offer-field textarea[aria-invalid="true"][b-u0xqmksfp8] {
    border-color: var(--color-error);
}

/* Bestätigung der verbindlichen Annahme: natives Kontrollkästchen, keine gebaute Schaltfläche, und das Label
   nennt den Betrag, damit die zweite Handlung eine Zahl bestätigt und nicht einen Knopf. */
.bq-offer-confirm[b-u0xqmksfp8] {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    gap: var(--innvilo-space-5);
    min-height: 2.75rem;
    min-width: 0;
}

.bq-offer-confirm input[b-u0xqmksfp8] {
    accent-color: var(--bq-accent);
    flex: 0 0 auto;
    height: 1.25rem;
    margin-top: var(--innvilo-space-2);
    width: 1.25rem;
}

.bq-offer-confirm span[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    max-width: 62ch;
}

.bq-offer-choices[b-u0xqmksfp8] {
    border: 0;
    display: grid;
    gap: var(--innvilo-space-5);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.bq-offer-choices legend[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-label);
    padding: 0;
}

.bq-offer-choice-grid[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bq-offer-choice[b-u0xqmksfp8] {
    align-items: center;
    background: var(--bq-surface);
    border: 1px solid var(--bq-border);
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: flex;
    gap: var(--innvilo-space-5);
    min-height: 2.75rem;
    min-width: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    transition: background-color 140ms ease-out, border-color 140ms ease-out;
}

.bq-offer-choice input[b-u0xqmksfp8] {
    accent-color: var(--bq-accent);
    flex: 0 0 auto;
    height: 1.25rem;
    width: 1.25rem;
}

.bq-offer-choice span[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.bq-offer-choice.is-selected[b-u0xqmksfp8] {
    background: var(--bq-accent-soft);
    border-color: var(--bq-accent);
}

.bq-offer-actions[b-u0xqmksfp8] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
}

.bq-offer-primary[b-u0xqmksfp8],
.bq-offer-secondary[b-u0xqmksfp8],
.bq-offer-tertiary[b-u0xqmksfp8] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    min-height: 2.75rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    text-align: center;
    text-decoration: none;
    transition: background-color 140ms ease-out, border-color 140ms ease-out, color 140ms ease-out;
}

.bq-offer-primary[b-u0xqmksfp8] {
    background: var(--bq-accent);
    border: 1px solid var(--bq-accent);
    color: var(--bq-button-text);
}

.bq-offer-secondary[b-u0xqmksfp8] {
    background: transparent;
    border: 1px solid var(--bq-control-border);
    color: var(--bq-text);
}

.bq-offer-tertiary[b-u0xqmksfp8] {
    background: transparent;
    border: 1px solid transparent;
    color: var(--bq-muted);
}

.bq-offer-primary:disabled[b-u0xqmksfp8],
.bq-offer-secondary:disabled[b-u0xqmksfp8],
.bq-offer-tertiary:disabled[b-u0xqmksfp8] {
    cursor: not-allowed;
    opacity: .58;
}

.bq-offer-panel[aria-busy="true"] button:disabled[b-u0xqmksfp8] {
    cursor: progress;
}

/* Meldungen tragen eine 2px-Linkslinie und Text, keine gefüllte Fläche: eine farbige Kachel nimmt mehr Platz
   ein, als sie Auskunft trägt, und auf einer Kundenseite liest sie sich als Alarm. */
.bq-offer-error[b-u0xqmksfp8],
.bq-offer-hint[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
    padding-left: var(--innvilo-space-5);
}

.bq-offer-error[b-u0xqmksfp8] {
    border-left: 2px solid var(--color-error);
    color: var(--color-error);
}

.bq-offer-hint[b-u0xqmksfp8] {
    border-left: 2px solid var(--bq-accent);
    color: var(--bq-text);
}

/* Zustände ohne Angebot: Laden, Fehler, ungültig, widerrufen, abgelaufen, entschieden. */
.bq-offer-state[b-u0xqmksfp8] {
    display: grid;
    min-height: 26rem;
    place-items: center;
    width: 100%;
}

.bq-offer-state-copy[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-6);
    justify-items: start;
    max-width: 38rem;
    width: 100%;
}

.bq-offer-state h1[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.18;
    margin: 0;
    text-wrap: balance;
}

.bq-offer-state p[b-u0xqmksfp8] {
    color: var(--bq-muted);
    line-height: 1.6;
    margin: 0;
    max-width: 65ch;
}

.bq-offer-state.is-error .bq-offer-state-copy[b-u0xqmksfp8] {
    border-left: 1px solid var(--color-error);
    padding-left: var(--innvilo-space-8);
}

.bq-offer-state.is-done .bq-offer-state-copy[b-u0xqmksfp8] {
    border-left: 1px solid var(--bq-accent);
    padding-left: var(--innvilo-space-8);
}

.bq-offer-facts[b-u0xqmksfp8] {
    border: 1px solid var(--bq-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6) var(--innvilo-space-9);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: var(--innvilo-space-7);
    width: 100%;
}

.bq-offer-facts > div[b-u0xqmksfp8] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.bq-offer-facts dt[b-u0xqmksfp8] {
    color: var(--bq-muted);
    font-size: var(--innvilo-font-size-caption);
}

.bq-offer-facts dd[b-u0xqmksfp8] {
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
    overflow-wrap: anywhere;
}

.bq-offer-foot[b-u0xqmksfp8] {
    align-items: center;
    border-top: 1px solid var(--bq-border);
    color: var(--bq-muted);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    line-height: 1.5;
    padding: var(--innvilo-space-6) var(--innvilo-page-gutter-desktop);
}

.bq-offer-foot nav[b-u0xqmksfp8] {
    display: flex;
    gap: var(--innvilo-space-4);
}

.bq-offer-foot a[b-u0xqmksfp8] {
    align-items: center;
    color: var(--bq-accent);
    display: inline-flex;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-4);
    transition: color 140ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
    .bq-offer-primary:hover:not(:disabled)[b-u0xqmksfp8] {
        background: var(--bq-accent-hover);
        border-color: var(--bq-accent-hover);
    }

    .bq-offer-secondary:hover:not(:disabled)[b-u0xqmksfp8],
    .bq-offer-tertiary:hover:not(:disabled)[b-u0xqmksfp8] {
        background: var(--bq-accent-soft);
        border-color: var(--bq-accent);
        color: var(--bq-text);
    }

    .bq-offer-choice:hover[b-u0xqmksfp8] {
        background: var(--bq-accent-soft);
        border-color: var(--bq-accent);
    }
}

@media (prefers-color-scheme: dark) {
    .bq-offer[b-u0xqmksfp8] {
        --bq-accent: var(--color-public-booking-dark-forest);
        --bq-accent-hover: var(--color-public-booking-dark-forest-hover);
        --bq-accent-soft: var(--color-public-booking-dark-forest-soft);
        --bq-button-text: var(--color-public-booking-dark-button-text);
        --bq-paper: var(--color-public-booking-dark-paper);
        --bq-surface: var(--color-public-booking-dark-surface);
        --bq-text: var(--color-public-booking-dark-text);
        --bq-muted: var(--color-public-booking-dark-muted);
        --bq-border: var(--color-public-booking-dark-border);
        --bq-control-border: var(--color-public-booking-dark-control-border);
    }
}

@media (max-width: 63.9375rem) {
    .bq-offer-bar[b-u0xqmksfp8],
    .bq-offer-content[b-u0xqmksfp8],
    .bq-offer-foot[b-u0xqmksfp8] {
        padding-inline: var(--innvilo-page-gutter-tablet);
    }

    .bq-offer-grid[b-u0xqmksfp8] {
        grid-template-columns: minmax(16rem, 19rem) minmax(0, 1fr);
    }

    .bq-offer-panel[b-u0xqmksfp8] {
        padding: var(--innvilo-space-8);
    }

    .bq-offer-details[b-u0xqmksfp8],
    .bq-offer-facts[b-u0xqmksfp8],
    .bq-offer-choice-grid[b-u0xqmksfp8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 47.9375rem) {
    .bq-offer-bar[b-u0xqmksfp8],
    .bq-offer-content[b-u0xqmksfp8],
    .bq-offer-foot[b-u0xqmksfp8] {
        padding-inline: var(--innvilo-page-gutter-mobile);
    }

    .bq-offer-content[b-u0xqmksfp8] {
        padding-block: var(--innvilo-page-section-gap) var(--innvilo-space-9);
    }

    .bq-offer-grid[b-u0xqmksfp8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .bq-offer-aside[b-u0xqmksfp8] {
        position: static;
    }

    .bq-offer-head h1[b-u0xqmksfp8],
    .bq-offer-state h1[b-u0xqmksfp8] {
        font-size: var(--innvilo-font-size-title);
    }

    .bq-offer-lines li[b-u0xqmksfp8] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-4);
    }

    .bq-offer-line-amount[b-u0xqmksfp8] {
        text-align: left;
    }

    .bq-offer-actions[b-u0xqmksfp8] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .bq-offer-actions button[b-u0xqmksfp8],
    .bq-offer-actions a[b-u0xqmksfp8] {
        width: 100%;
    }

    .bq-offer-state[b-u0xqmksfp8] {
        min-height: 20rem;
    }

    .bq-offer-foot[b-u0xqmksfp8] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-4);
    }
}

@media (max-width: 23.375rem) {
    .bq-offer-bar[b-u0xqmksfp8] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-4);
    }

    .bq-offer-reference[b-u0xqmksfp8] {
        text-align: left;
    }

    .bq-offer-aside[b-u0xqmksfp8],
    .bq-offer-panel[b-u0xqmksfp8] {
        padding: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bq-offer-primary[b-u0xqmksfp8],
    .bq-offer-secondary[b-u0xqmksfp8],
    .bq-offer-tertiary[b-u0xqmksfp8],
    .bq-offer-choice[b-u0xqmksfp8],
    .bq-offer-field textarea[b-u0xqmksfp8],
    .bq-offer-foot a[b-u0xqmksfp8] {
        transition: none;
    }
}
/* /Components/Pages/Public/GuestOfferPage.razor.rz.scp.css */
.offer-page[b-xlepqtjfh3] {
    --offer-accent: var(--color-public-booking-forest);
    --offer-accent-hover: var(--color-public-booking-forest-hover);
    --offer-accent-soft: var(--color-public-booking-forest-soft);
    --offer-button-text: var(--color-public-booking-button-text);
    --offer-paper: var(--color-public-booking-paper);
    --offer-surface: var(--color-public-booking-surface);
    --offer-text: var(--color-public-booking-text);
    --offer-muted: var(--color-public-booking-muted);
    --offer-border: var(--color-public-booking-border);
    --offer-control-border: var(--color-public-booking-control-border);
    background: var(--offer-paper);
    color: var(--offer-text);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    grid-template-rows: auto 1fr auto;
    min-height: 100dvh;
    overflow-x: clip;
}

.offer-page[b-xlepqtjfh3],
.offer-page *[b-xlepqtjfh3] {
    box-sizing: border-box;
}

.offer-page h1[b-xlepqtjfh3],
.offer-page h2[b-xlepqtjfh3],
.offer-page h3[b-xlepqtjfh3],
.offer-page strong[b-xlepqtjfh3],
.offer-page dd[b-xlepqtjfh3] {
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.offer-page button[b-xlepqtjfh3],
.offer-page input[b-xlepqtjfh3],
.offer-page textarea[b-xlepqtjfh3] {
    font: inherit;
}

.offer-page button:focus-visible[b-xlepqtjfh3],
.offer-page a:focus-visible[b-xlepqtjfh3],
.offer-page input:focus-visible[b-xlepqtjfh3],
.offer-page textarea:focus-visible[b-xlepqtjfh3],
.offer-page [tabindex="-1"]:focus-visible[b-xlepqtjfh3] {
    outline: 3px solid var(--offer-accent);
    outline-offset: 3px;
}

.offer-header[b-xlepqtjfh3],
.offer-content[b-xlepqtjfh3],
.offer-footer[b-xlepqtjfh3] {
    margin-inline: auto;
    max-width: var(--innvilo-public-content-max);
    width: 100%;
}

.offer-header[b-xlepqtjfh3] {
    align-items: center;
    border-bottom: 1px solid var(--offer-border);
    display: flex;
    justify-content: space-between;
    min-height: 4.5rem;
    padding: .75rem var(--innvilo-page-gutter-desktop);
}

.offer-brand[b-xlepqtjfh3] {
    color: var(--offer-text);
    display: inline-grid;
    gap: .125rem;
    min-height: 2.75rem;
    place-content: center start;
    text-decoration: none;
}

.offer-brand strong[b-xlepqtjfh3] {
    font-size: 1rem;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.2;
}

.offer-brand span[b-xlepqtjfh3],
.offer-reference[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.offer-reference[b-xlepqtjfh3] {
    text-align: right;
}

.offer-content[b-xlepqtjfh3] {
    padding: var(--innvilo-page-section-gap) var(--innvilo-page-gutter-desktop) var(--innvilo-space-12);
}

.offer-progress[b-xlepqtjfh3] {
    margin-bottom: var(--innvilo-page-section-gap);
}

.offer-progress ol[b-xlepqtjfh3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.offer-progress li[b-xlepqtjfh3] {
    border-bottom: 2px solid var(--offer-border);
    color: var(--offer-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    min-width: 0;
    padding: .75rem .5rem;
    text-align: center;
}

.offer-progress li.is-reached[b-xlepqtjfh3] {
    border-bottom-color: var(--offer-accent);
    color: var(--offer-text);
}

.offer-grid[b-xlepqtjfh3] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-page-section-gap);
    grid-template-columns: minmax(18rem, 22rem) minmax(0, 1fr);
}

.offer-summary[b-xlepqtjfh3],
.offer-decision[b-xlepqtjfh3] {
    border: 1px solid var(--offer-border);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
}

.offer-summary[b-xlepqtjfh3] {
    background: var(--offer-accent-soft);
    display: grid;
    gap: var(--innvilo-space-8);
    padding: var(--innvilo-space-8);
    position: sticky;
    top: var(--innvilo-page-section-gap);
}

.offer-summary-heading[b-xlepqtjfh3] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.offer-summary-heading h2[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
    margin: 0;
}

.offer-summary-heading span[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-label);
    white-space: nowrap;
}

.offer-stay[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin: 0;
}

.offer-stay strong[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.4;
}

.offer-stay span[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-label);
}

.offer-stay-facts[b-xlepqtjfh3] {
    border-top: 1px solid var(--offer-border);
    display: grid;
    gap: var(--innvilo-space-5);
    list-style: none;
    margin: 0;
    padding: var(--innvilo-space-7) 0 0;
}

.offer-stay-facts li[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.offer-stay-facts strong[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-label);
}

.offer-stay-facts span[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
}

.offer-price-lines[b-xlepqtjfh3] {
    border-top: 1px solid var(--offer-border);
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
    padding-top: var(--innvilo-space-7);
}

.offer-price-lines > div[b-xlepqtjfh3] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.offer-price-lines dt[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-label);
}

.offer-price-lines dd[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-label);
    margin: 0;
    text-align: right;
}

.offer-price-lines .offer-total[b-xlepqtjfh3] {
    border-top: 1px solid var(--offer-border);
    margin-top: var(--innvilo-space-3);
    padding-top: var(--innvilo-space-6);
}

.offer-price-lines .offer-total dt[b-xlepqtjfh3] {
    color: var(--offer-text);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.offer-price-lines .offer-total dd[b-xlepqtjfh3] {
    color: var(--offer-accent);
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1;
}

.offer-tax-note[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: calc(var(--innvilo-space-5) * -1) 0 0;
}

.offer-conditions-compact[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.offer-conditions-compact h3[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    margin: 0;
}

.offer-conditions-compact p[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.55;
    margin: 0;
}

.offer-decision[b-xlepqtjfh3] {
    background: var(--offer-surface);
    display: grid;
    gap: var(--innvilo-space-9);
    padding: var(--innvilo-space-9);
}

.offer-flow[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-9);
}

.offer-heading[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.offer-heading h1[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
    max-width: 22ch;
    text-wrap: balance;
}

.offer-heading p[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.6;
    margin: 0;
    max-width: 62ch;
}

.offer-details[b-xlepqtjfh3] {
    background: var(--offer-paper);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-7) var(--innvilo-space-9);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: var(--innvilo-space-8);
}

.offer-details > div[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.offer-details dt[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
}

.offer-details dd[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.offer-actions[b-xlepqtjfh3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
}

.offer-primary[b-xlepqtjfh3],
.offer-secondary[b-xlepqtjfh3],
.offer-tertiary[b-xlepqtjfh3] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    min-height: 2.75rem;
    padding: .625rem 1rem;
    text-align: center;
    text-decoration: none;
    transition:
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.offer-primary[b-xlepqtjfh3] {
    background: var(--offer-accent);
    border: 1px solid var(--offer-accent);
    color: var(--offer-button-text);
}

.offer-secondary[b-xlepqtjfh3] {
    background: transparent;
    border: 1px solid var(--offer-control-border);
    color: var(--offer-text);
}

.offer-tertiary[b-xlepqtjfh3] {
    background: transparent;
    border: 1px solid transparent;
    color: var(--offer-muted);
}

.offer-primary:active:not(:disabled)[b-xlepqtjfh3],
.offer-secondary:active:not(:disabled)[b-xlepqtjfh3],
.offer-tertiary:active:not(:disabled)[b-xlepqtjfh3],
.offer-choice:active:not(:disabled)[b-xlepqtjfh3] {
    transform: scale(var(--innvilo-press-scale));
}

.offer-primary:disabled[b-xlepqtjfh3],
.offer-secondary:disabled[b-xlepqtjfh3],
.offer-tertiary:disabled[b-xlepqtjfh3] {
    cursor: not-allowed;
    opacity: .58;
}

.offer-decision[aria-busy="true"] button:disabled[b-xlepqtjfh3] {
    cursor: progress;
}

.offer-form[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.offer-field-row[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.offer-field-row > .is-wide[b-xlepqtjfh3] {
    grid-column: span 1;
}

.offer-field[b-xlepqtjfh3] {
    color: var(--offer-text);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.offer-field > span[b-xlepqtjfh3],
.offer-topics legend[b-xlepqtjfh3] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.offer-field input[b-xlepqtjfh3],
.offer-field textarea[b-xlepqtjfh3] {
    background: var(--offer-surface);
    border: 1px solid var(--offer-control-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--offer-text);
    min-height: 3rem;
    min-width: 0;
    padding: .75rem;
    width: 100%;
}

.offer-field textarea[b-xlepqtjfh3] {
    line-height: 1.5;
    min-height: 7rem;
    resize: vertical;
}

.offer-field input[aria-invalid="true"][b-xlepqtjfh3],
.offer-field textarea[aria-invalid="true"][b-xlepqtjfh3] {
    border-color: var(--color-error);
}

.offer-guarantee[b-xlepqtjfh3] {
    border-top: 1px solid var(--offer-border);
    display: grid;
    gap: var(--innvilo-space-8);
    padding-top: var(--innvilo-space-8);
}

.offer-guarantee > div:first-child[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.offer-guarantee h2[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.25;
    margin: 0;
}

.offer-guarantee p[b-xlepqtjfh3] {
    color: var(--offer-muted);
    line-height: 1.55;
    margin: 0;
    max-width: 62ch;
}

.offer-branch[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.offer-choice[b-xlepqtjfh3] {
    align-items: start;
    background: var(--offer-surface);
    border: 1px solid var(--offer-control-border);
    border-radius: var(--innvilo-radius-card);
    color: var(--offer-text);
    cursor: pointer;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: 1.25rem minmax(0, 1fr);
    min-height: 5rem;
    padding: var(--innvilo-space-6);
    text-align: left;
    transition:
        background-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-decelerate),
        transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.offer-choice > input[b-xlepqtjfh3] {
    accent-color: var(--offer-accent);
    height: 1.25rem;
    margin: .125rem 0 0;
    width: 1.25rem;
}

.offer-choice-copy[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.offer-choice-copy > strong[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-body);
}

.offer-choice-copy > span[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.offer-choice.is-selected[b-xlepqtjfh3] {
    background: var(--offer-accent-soft);
    border-color: var(--offer-accent);
}

.offer-topics[b-xlepqtjfh3] {
    border: 0;
    display: grid;
    gap: var(--innvilo-space-5);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.offer-topics legend[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-label);
    padding: 0;
}

.offer-options-grid[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.offer-options-grid label[b-xlepqtjfh3] {
    align-items: center;
    border: 1px solid var(--offer-border);
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: flex;
    gap: var(--innvilo-space-5);
    min-height: 2.75rem;
    min-width: 0;
    padding: .625rem .75rem;
}

.offer-options-grid input[b-xlepqtjfh3] {
    accent-color: var(--offer-accent);
    flex: 0 0 auto;
    height: 1.25rem;
    width: 1.25rem;
}

.offer-options-grid span[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.offer-error[b-xlepqtjfh3],
.offer-busy[b-xlepqtjfh3] {
    border-radius: var(--innvilo-radius-sm);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    padding: .75rem 1rem;
}

.offer-error[b-xlepqtjfh3] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    color: var(--color-error);
}

.offer-busy[b-xlepqtjfh3] {
    background: var(--offer-accent-soft);
    color: var(--offer-text);
}

.offer-state[b-xlepqtjfh3] {
    display: grid;
    min-height: 28rem;
    place-items: center;
    width: 100%;
}

.offer-state-copy[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-6);
    justify-items: start;
    max-width: 38rem;
    width: 100%;
}

.offer-state h1[b-xlepqtjfh3] {
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.15;
    margin: 0;
    text-wrap: balance;
}

.offer-state p[b-xlepqtjfh3] {
    color: var(--offer-muted);
    line-height: 1.6;
    margin: 0;
    max-width: 62ch;
}

.offer-state.is-error .offer-state-copy[b-xlepqtjfh3] {
    border-left: 1px solid var(--color-error);
    padding-left: var(--innvilo-space-8);
}

.offer-done-mark[b-xlepqtjfh3] {
    color: var(--color-success);
    font-size: 1.5rem;
    line-height: 1;
}

.offer-confirmation-facts[b-xlepqtjfh3] {
    background: var(--offer-surface);
    border: 1px solid var(--offer-border);
    border-radius: var(--innvilo-radius-card);
    margin: 0;
    padding: var(--innvilo-space-7);
}

.offer-confirmation-facts div[b-xlepqtjfh3] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.offer-confirmation-facts dt[b-xlepqtjfh3] {
    color: var(--offer-muted);
    font-size: var(--innvilo-font-size-caption);
}

.offer-confirmation-facts dd[b-xlepqtjfh3] {
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.offer-skeleton[b-xlepqtjfh3] {
    animation: offer-skeleton-pulse-b-xlepqtjfh3 var(--innvilo-duration-slow) var(--innvilo-easing-standard) infinite alternate;
    background: var(--offer-border);
    border-radius: var(--innvilo-radius-sm);
    height: 1rem;
    max-width: 100%;
    width: 28rem;
}

.offer-skeleton.is-title[b-xlepqtjfh3] {
    height: 2.25rem;
    width: 22rem;
}

.offer-skeleton.is-short[b-xlepqtjfh3] {
    width: 16rem;
}

.offer-footer[b-xlepqtjfh3] {
    align-items: center;
    border-top: 1px solid var(--offer-border);
    color: var(--offer-muted);
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-page-gutter-desktop);
}

.offer-footer nav[b-xlepqtjfh3] {
    display: flex;
    gap: var(--innvilo-space-4);
}

.offer-footer a[b-xlepqtjfh3] {
    align-items: center;
    color: var(--offer-accent);
    display: inline-flex;
    min-height: 2.75rem;
    padding-inline: .5rem;
}

@media (hover: hover) and (pointer: fine) {
    .offer-primary:hover[b-xlepqtjfh3] {
        background: var(--offer-accent-hover);
        border-color: var(--offer-accent-hover);
    }

    .offer-secondary:hover[b-xlepqtjfh3],
    .offer-tertiary:hover[b-xlepqtjfh3] {
        background: var(--offer-accent-soft);
        border-color: var(--offer-accent);
        color: var(--offer-text);
    }

    .offer-choice:hover[b-xlepqtjfh3] {
        background: var(--offer-accent-soft);
        border-color: var(--offer-accent);
    }
}

@media (prefers-color-scheme: dark) {
    .offer-page[b-xlepqtjfh3] {
        --offer-paper: var(--color-public-booking-dark-paper);
        --offer-surface: var(--color-public-booking-dark-surface);
        --offer-text: var(--color-public-booking-dark-text);
        --offer-muted: var(--color-public-booking-dark-muted);
        --offer-border: var(--color-public-booking-dark-border);
        --offer-control-border: var(--color-public-booking-dark-control-border);
        --offer-accent: var(--color-public-booking-dark-forest);
        --offer-accent-hover: var(--color-public-booking-dark-forest-hover);
        --offer-accent-soft: var(--color-public-booking-dark-forest-soft);
        --offer-button-text: var(--color-public-booking-dark-button-text);
    }
}

@media (max-width: 63.9375rem) {
    .offer-header[b-xlepqtjfh3],
    .offer-footer[b-xlepqtjfh3] {
        padding-inline: var(--innvilo-page-gutter-tablet);
    }

    .offer-content[b-xlepqtjfh3] {
        padding-inline: var(--innvilo-page-gutter-tablet);
    }

    .offer-grid[b-xlepqtjfh3] {
        grid-template-columns: minmax(17rem, 19rem) minmax(0, 1fr);
    }

    .offer-summary[b-xlepqtjfh3],
    .offer-decision[b-xlepqtjfh3] {
        padding: var(--innvilo-space-8);
    }

    .offer-details[b-xlepqtjfh3],
    .offer-field-row[b-xlepqtjfh3],
    .offer-branch[b-xlepqtjfh3],
    .offer-options-grid[b-xlepqtjfh3] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 47.9375rem) {
    .offer-header[b-xlepqtjfh3],
    .offer-footer[b-xlepqtjfh3] {
        padding-inline: var(--innvilo-page-gutter-mobile);
    }

    .offer-content[b-xlepqtjfh3] {
        padding: var(--innvilo-page-section-gap) var(--innvilo-page-gutter-mobile) var(--innvilo-space-9);
    }

    .offer-progress li[b-xlepqtjfh3] {
        font-size: var(--innvilo-font-size-caption);
        overflow-wrap: anywhere;
        padding-inline: .25rem;
    }

    .offer-grid[b-xlepqtjfh3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .offer-summary[b-xlepqtjfh3] {
        position: static;
    }

    .offer-heading h1[b-xlepqtjfh3],
    .offer-state h1[b-xlepqtjfh3] {
        font-size: var(--innvilo-font-size-title);
    }

    .offer-actions[b-xlepqtjfh3] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .offer-actions .offer-primary[b-xlepqtjfh3] {
        grid-row: 1;
    }

    .offer-actions button[b-xlepqtjfh3] {
        width: 100%;
    }

    .offer-state[b-xlepqtjfh3] {
        min-height: 22rem;
    }

    .offer-footer[b-xlepqtjfh3] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-3);
    }
}

@media (max-width: 23.375rem) {
    .offer-header[b-xlepqtjfh3] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-3);
    }

    .offer-reference[b-xlepqtjfh3] {
        text-align: left;
    }

    .offer-summary[b-xlepqtjfh3],
    .offer-decision[b-xlepqtjfh3] {
        padding: var(--innvilo-space-6);
    }
}

@media (max-height: 31.25rem) and (orientation: landscape) {
    .offer-header[b-xlepqtjfh3] {
        min-height: 3.5rem;
        padding-block: .375rem;
    }

    .offer-content[b-xlepqtjfh3] {
        padding-block: var(--innvilo-space-6) var(--innvilo-space-9);
    }

    .offer-summary[b-xlepqtjfh3],
    .offer-decision[b-xlepqtjfh3] {
        padding: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .offer-primary[b-xlepqtjfh3],
    .offer-secondary[b-xlepqtjfh3],
    .offer-tertiary[b-xlepqtjfh3],
    .offer-choice[b-xlepqtjfh3],
    .offer-skeleton[b-xlepqtjfh3] {
        animation: none;
        transition: none;
    }
}

@keyframes offer-skeleton-pulse-b-xlepqtjfh3 {
    from { opacity: .55; }
    to { opacity: .9; }
}
/* /Components/Pages/Public/PublicLegalPage.razor.rz.scp.css */
.public-legal[b-e8jt7n43c2] {
    min-height: 100dvh;
    background: var(--innvilo-surface-app);
    color: var(--innvilo-text-primary);
    font-family: "Lato-Regular", Arial, sans-serif;
}

.public-legal__skip-link[b-e8jt7n43c2] {
    position: fixed;
    top: var(--innvilo-space-3);
    left: var(--innvilo-space-3);
    z-index: 10;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-md);
    background: var(--innvilo-surface-main);
    color: var(--innvilo-text-primary);
    transform: translateY(calc(-100% - var(--innvilo-space-5)));
}

.public-legal__skip-link:focus-visible[b-e8jt7n43c2] {
    transform: translateY(0);
}

.public-legal__header[b-e8jt7n43c2] {
    border-bottom: 1px solid var(--innvilo-border-default);
    background: var(--innvilo-surface-main);
}

.public-legal__header-inner[b-e8jt7n43c2],
.public-legal__footer-inner[b-e8jt7n43c2] {
    width: min(100%, var(--innvilo-public-content-max));
    margin-inline: auto;
    padding-inline: var(--innvilo-space-8);
}

.public-legal__header-inner[b-e8jt7n43c2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-6);
    min-height: 4.5rem;
}

.public-legal__brand[b-e8jt7n43c2] {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    color: var(--color-booking-hero-bg);
    font-family: "Lato-Bold", Arial, sans-serif;
    letter-spacing: .08em;
    text-decoration: none;
}

.public-legal__header nav[b-e8jt7n43c2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.public-legal__header nav a[b-e8jt7n43c2],
.public-legal__footer a[b-e8jt7n43c2] {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-secondary);
    text-decoration: none;
}

.public-legal__header nav a[b-e8jt7n43c2] {
    padding-inline: var(--innvilo-space-5);
}

.public-legal__header nav a[aria-current="page"][b-e8jt7n43c2] {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-color-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.public-legal__document[b-e8jt7n43c2] {
    width: min(calc(100% - (2 * var(--innvilo-space-8))), 56rem);
    margin: var(--innvilo-page-section-gap) auto var(--innvilo-space-12);
    scroll-margin-top: var(--innvilo-space-5);
}

.public-legal__context[b-e8jt7n43c2] {
    margin: 0 0 var(--innvilo-space-3);
    color: var(--innvilo-color-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.public-legal h1[b-e8jt7n43c2] {
    margin: 0;
    color: var(--color-booking-hero-bg);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: clamp(2.25rem, 4vw, 3rem);
    letter-spacing: -.02em;
    line-height: 1.12;
}

.public-legal h1:focus-visible[b-e8jt7n43c2],
.public-legal a:focus-visible[b-e8jt7n43c2] {
    outline: 3px solid var(--color-booking-step-border);
    outline-offset: 3px;
}

.public-legal__intro[b-e8jt7n43c2] {
    max-width: 42rem;
    margin: var(--innvilo-space-5) 0 var(--innvilo-space-10);
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.6;
}

.public-legal section[b-e8jt7n43c2] {
    display: grid;
    grid-template-columns: minmax(12rem, .65fr) minmax(0, 1.35fr);
    gap: var(--innvilo-space-6);
    padding-block: var(--innvilo-space-7);
    border-top: 1px solid var(--innvilo-border-default);
}

.public-legal section h2[b-e8jt7n43c2] {
    margin: 0;
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.45;
}

.public-legal section p[b-e8jt7n43c2],
.public-legal address[b-e8jt7n43c2] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--innvilo-text-secondary);
    font-style: normal;
    line-height: 1.65;
}

.public-legal__document a[b-e8jt7n43c2] {
    color: var(--innvilo-color-primary);
}

.public-legal__unavailable[b-e8jt7n43c2] {
    margin-top: var(--innvilo-space-8);
}

.public-legal__updated[b-e8jt7n43c2] {
    margin: var(--innvilo-space-8) 0 0;
    color: var(--innvilo-text-muted);
}

.public-legal__footer[b-e8jt7n43c2] {
    border-top: 1px solid var(--innvilo-border-default);
    background: var(--innvilo-surface-main);
}

.public-legal__footer-inner[b-e8jt7n43c2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--innvilo-space-6);
    min-height: 5rem;
    color: var(--innvilo-text-secondary);
}

@media (max-width: 48rem) {
    .public-legal__header-inner[b-e8jt7n43c2],
    .public-legal__footer-inner[b-e8jt7n43c2] {
        padding-inline: var(--innvilo-space-6);
    }

    .public-legal__document[b-e8jt7n43c2] {
        width: min(calc(100% - (2 * var(--innvilo-space-6))), 56rem);
    }
}

@media (max-width: 40rem) {
    .public-legal__header-inner[b-e8jt7n43c2] {
        display: grid;
        justify-content: stretch;
        gap: var(--innvilo-space-3);
        padding-block: var(--innvilo-space-4);
    }

    .public-legal__header nav[b-e8jt7n43c2] {
        justify-content: space-between;
    }

    .public-legal__header nav a[b-e8jt7n43c2] {
        justify-content: center;
        padding-inline: var(--innvilo-space-4);
    }

    .public-legal__document[b-e8jt7n43c2] {
        width: min(calc(100% - (2 * var(--innvilo-space-5))), 56rem);
        margin-bottom: var(--innvilo-space-9);
    }

    .public-legal section[b-e8jt7n43c2] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--innvilo-space-3);
    }

    .public-legal__footer-inner[b-e8jt7n43c2] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-2);
        padding-block: var(--innvilo-space-5);
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-legal__skip-link[b-e8jt7n43c2] {
        scroll-behavior: auto;
    }
}

@media (forced-colors: active) {
    .public-legal__header[b-e8jt7n43c2],
    .public-legal__footer[b-e8jt7n43c2],
    .public-legal section[b-e8jt7n43c2] {
        border-color: CanvasText;
    }
}

@media print {
    .public-legal__skip-link[b-e8jt7n43c2],
    .public-legal__header nav[b-e8jt7n43c2],
    .public-legal__footer[b-e8jt7n43c2] {
        display: none;
    }

    .public-legal__header[b-e8jt7n43c2] {
        border: 0;
    }

    .public-legal__document[b-e8jt7n43c2] {
        width: 100%;
        max-width: none;
        margin-block: var(--innvilo-space-8) 0;
    }
}
/* /Components/Pages/Public/VenueBookingPage.razor.rz.scp.css */
.venue-public[b-yjopdcuoay] {
    background: var(--public-booking-paper);
    color: var(--public-booking-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    min-height: 100dvh;
    overflow-x: clip;
}

.venue-public[b-yjopdcuoay],
.venue-public *[b-yjopdcuoay] {
    box-sizing: border-box;
}

.venue-public *[b-yjopdcuoay]::selection {
    background: var(--public-booking-accent-soft);
    color: var(--public-booking-text);
}

.venue-public h1[b-yjopdcuoay],
.venue-public h2[b-yjopdcuoay],
.venue-public h3[b-yjopdcuoay],
.venue-public p[b-yjopdcuoay],
.venue-public figure[b-yjopdcuoay],
.venue-public dl[b-yjopdcuoay],
.venue-public ol[b-yjopdcuoay] {
    margin: 0;
}

.venue-public h1[b-yjopdcuoay],
.venue-public h2[b-yjopdcuoay],
.venue-public h3[b-yjopdcuoay],
.venue-public strong[b-yjopdcuoay] {
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.venue-public a[b-yjopdcuoay] {
    color: var(--public-booking-accent);
    text-underline-offset: 0.2em;
}

.venue-public button[b-yjopdcuoay],
.venue-public input[b-yjopdcuoay],
.venue-public select[b-yjopdcuoay] {
    font: inherit;
}

.venue-public button:focus-visible[b-yjopdcuoay],
.venue-public a:focus-visible[b-yjopdcuoay],
.venue-public input:focus-visible[b-yjopdcuoay],
.venue-public select:focus-visible[b-yjopdcuoay],
.venue-public [tabindex="-1"]:focus-visible[b-yjopdcuoay] {
    outline: 3px solid var(--public-booking-accent);
    outline-offset: 3px;
}

.venue-public input[b-yjopdcuoay],
.venue-public select[b-yjopdcuoay] {
    caret-color: var(--public-booking-accent);
}

.venue-public input[type="checkbox"][b-yjopdcuoay] {
    accent-color: var(--public-booking-accent);
}

.venue-public-hero[b-yjopdcuoay] {
    background: transparent;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr) minmax(24rem, 0.95fr);
    margin-inline: auto;
    max-width: var(--innvilo-public-content-max);
    min-height: 0;
    overflow: visible;
    padding: 34px 2rem 0;
}

.venue-public-hero__copy[b-yjopdcuoay] {
    align-self: center;
    max-width: 40rem;
    padding: 2rem 0;
}

.venue-public-brand[b-yjopdcuoay] {
    color: var(--public-booking-accent);
    display: inline-grid;
    gap: 0.25rem;
    text-decoration: none;
}

.venue-public-brand > span[b-yjopdcuoay] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    letter-spacing: -0.01em;
}

.venue-public-brand > small[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: var(--innvilo-font-size-label);
}

.venue-public-hero h1[b-yjopdcuoay] {
    color: var(--public-booking-text);
    font-size: clamp(2rem, 4vw, 3.25rem);
    letter-spacing: -0.03em;
    line-height: 1.08;
    margin-top: 1.25rem;
    max-width: 13ch;
    text-wrap: balance;
}

.venue-public-hero p[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: 1.125rem;
    line-height: 1.6;
    margin-top: 1rem;
    max-width: 34rem;
}

.venue-public-hero__visual[b-yjopdcuoay] {
    align-self: stretch;
    min-height: 22rem;
}

.venue-public-hero__visual img[b-yjopdcuoay] {
    border-radius: var(--innvilo-radius-card);
    display: block;
    height: 100%;
    min-height: 22rem;
    object-fit: cover;
    width: 100%;
}

.venue-public-shell[b-yjopdcuoay] {
    display: block;
    margin: 34px auto 0;
    max-width: var(--innvilo-public-content-max);
    padding: 0 2rem 4rem;
    position: relative;
}

.public-booking-trust[b-yjopdcuoay] {
    align-items: stretch;
    background: transparent;
    border: 0;
    border-block: 1px solid var(--public-booking-border);
    border-radius: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-booking-trust span[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    display: grid;
    font-size: var(--innvilo-font-size-label);
    gap: 0.25rem;
    line-height: 1.45;
    min-width: 0;
    padding: 1rem 1.25rem;
}

.public-booking-trust span + span[b-yjopdcuoay] {
    border-left: 1px solid var(--public-booking-border);
}

.public-booking-trust strong[b-yjopdcuoay] {
    color: var(--public-booking-text);
}

.public-booking-trust small[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: var(--innvilo-font-size-label);
}

.venue-public-progress[b-yjopdcuoay] {
    background: transparent;
    border: 0;
    display: block;
    margin-top: 1.5rem;
}

.venue-public-progress ol[b-yjopdcuoay] {
    counter-reset: booking-step;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    padding: 0;
}

.venue-public-progress li[b-yjopdcuoay] {
    align-items: center;
    border-bottom: 2px solid var(--public-booking-border);
    color: var(--public-booking-muted);
    counter-increment: booking-step;
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: 0.625rem;
    min-width: 0;
    padding: 0.75rem 0.25rem;
    transition: border-color 180ms ease-out, color 180ms ease-out;
}

.venue-public-progress li[b-yjopdcuoay]::before {
    align-items: center;
    border: 1px solid var(--public-booking-border);
    border-radius: var(--innvilo-radius-full);
    color: inherit;
    content: counter(booking-step);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
    height: 1.75rem;
    justify-content: center;
    width: 1.75rem;
}

.venue-public-progress li.is-reached[b-yjopdcuoay] {
    border-bottom-color: var(--public-booking-accent);
    color: var(--public-booking-accent);
}

.venue-public-progress li.is-reached[b-yjopdcuoay]::before {
    background: var(--public-booking-accent-soft);
    border-color: var(--public-booking-accent);
}

.venue-public-panel[b-yjopdcuoay],
.venue-public-success[b-yjopdcuoay],
.venue-public-state[b-yjopdcuoay] {
    background: var(--public-booking-surface);
    border: 1px solid var(--public-booking-border);
    border-radius: var(--innvilo-radius-card);
    margin-top: 1rem;
    min-height: 0;
    padding: 2rem;
}

.venue-public-panel[b-yjopdcuoay],
.venue-public-success[b-yjopdcuoay] {
    animation: venue-public-content-in-b-yjopdcuoay 190ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.venue-public-state[b-yjopdcuoay] {
    align-content: center;
    display: grid;
    justify-items: start;
    min-height: 18rem;
}

.venue-public-state h2[b-yjopdcuoay] {
    color: var(--public-booking-text);
    font-size: var(--innvilo-font-size-title);
    line-height: 1.2;
}

.venue-public-state p[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    line-height: 1.55;
    margin-top: 0.75rem;
    max-width: 60ch;
}

.venue-public-state .venue-public-secondary[b-yjopdcuoay] {
    margin-top: 1.5rem;
}

.venue-public-state.is-error[b-yjopdcuoay] {
    border-color: var(--color-error-border);
}

.venue-public-skeleton[b-yjopdcuoay],
.venue-public-loading > span[b-yjopdcuoay] {
    background: var(--public-booking-border);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 1rem;
    margin-bottom: 0.75rem;
    width: min(30rem, 80%);
}

.venue-public-skeleton.is-short[b-yjopdcuoay],
.venue-public-loading > span:nth-child(2)[b-yjopdcuoay] {
    width: min(20rem, 55%);
}

.venue-public-state.is-loading h2[b-yjopdcuoay] {
    font-size: var(--innvilo-font-size-heading);
    margin-top: 1.25rem;
}

.venue-public-heading[b-yjopdcuoay] {
    align-items: start;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.venue-public-heading h2[b-yjopdcuoay],
.venue-public-success h2[b-yjopdcuoay] {
    color: var(--public-booking-text);
    font-size: clamp(1.5rem, 3vw, 2rem);
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-wrap: balance;
}

.venue-public-heading p[b-yjopdcuoay],
.venue-public-success p[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    line-height: 1.55;
    margin-top: 0.5rem;
    max-width: 68ch;
}

.venue-public-search-form[b-yjopdcuoay],
.venue-public-panel form[b-yjopdcuoay] {
    display: grid;
}

.venue-public-fields[b-yjopdcuoay] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.venue-public-fields.is-search[b-yjopdcuoay] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.venue-public-fields.is-search .is-date[b-yjopdcuoay],
.venue-public-fields.is-search .is-time[b-yjopdcuoay] {
    grid-column: span 2;
}

.venue-public-fields.is-search .is-attendees[b-yjopdcuoay],
.venue-public-fields.is-search .is-layout[b-yjopdcuoay] {
    grid-column: span 3;
}

.venue-public-fields.is-contact[b-yjopdcuoay] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venue-public-field[b-yjopdcuoay] {
    color: var(--public-booking-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: 0.5rem;
    min-width: 0;
}

.venue-public-field > small[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.venue-public-field input[b-yjopdcuoay],
.venue-public-field select[b-yjopdcuoay] {
    background: var(--public-booking-surface);
    border: 1px solid var(--public-booking-control-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--public-booking-text);
    min-height: 3rem;
    min-width: 0;
    padding: 0 0.875rem;
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out, background-color 150ms ease-out;
    width: 100%;
}

.venue-public-field input:hover[b-yjopdcuoay],
.venue-public-field select:hover[b-yjopdcuoay] {
    border-color: var(--public-booking-accent);
}

.venue-public-field input.invalid[b-yjopdcuoay],
.venue-public-field select.invalid[b-yjopdcuoay] {
    border-color: var(--color-error);
}

.venue-public-field .validation-message[b-yjopdcuoay] {
    color: var(--color-error);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.venue-public-primary[b-yjopdcuoay],
.venue-public-secondary[b-yjopdcuoay] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0.75rem 1.25rem;
    text-decoration: none;
    transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out, transform 120ms ease-out;
}

.venue-public-primary[b-yjopdcuoay] {
    background: var(--public-booking-accent);
    border: 1px solid var(--public-booking-accent);
    color: var(--public-booking-button-text);
    justify-self: start;
}

.venue-public-secondary[b-yjopdcuoay] {
    background: transparent;
    border: 1px solid var(--public-booking-control-border);
    color: var(--public-booking-accent);
}

.venue-public-primary:active[b-yjopdcuoay],
.venue-public-secondary:active[b-yjopdcuoay] {
    transform: scale(0.98);
}

.venue-public-primary:disabled[b-yjopdcuoay],
.venue-public-secondary:disabled[b-yjopdcuoay] {
    cursor: wait;
    opacity: 0.65;
    transform: none;
}

.venue-public-loading[b-yjopdcuoay] {
    margin-top: 1.5rem;
}

.venue-public-loading p[b-yjopdcuoay],
.venue-public-submit-status[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.venue-public-submit-status[b-yjopdcuoay] {
    margin-top: 0.75rem;
}

.venue-public-error[b-yjopdcuoay] {
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-error);
    display: grid;
    gap: 1rem;
    justify-items: start;
    margin-bottom: 1.5rem;
    max-width: 68ch;
    padding: 1rem;
}

.venue-public-error p[b-yjopdcuoay] {
    line-height: 1.5;
    margin: 0;
}

.venue-public-empty[b-yjopdcuoay] {
    border: 1px dashed var(--public-booking-border);
    border-radius: var(--innvilo-radius-card);
    padding: 2rem;
}

.venue-public-empty h3[b-yjopdcuoay] {
    color: var(--public-booking-text);
    font-size: var(--innvilo-font-size-heading);
}

.venue-public-empty p[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    line-height: 1.55;
    margin-top: 0.5rem;
    max-width: 60ch;
}

.venue-public-empty .venue-public-secondary[b-yjopdcuoay] {
    margin-top: 1.5rem;
}

.venue-public-offers[b-yjopdcuoay] {
    display: grid;
    gap: 1rem;
}

.venue-public-offers article[b-yjopdcuoay] {
    background: var(--public-booking-surface);
    border: 1px solid var(--public-booking-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    grid-template-columns: 13rem minmax(0, 1fr) 12rem;
    min-width: 0;
    overflow: hidden;
    transition: border-color 160ms ease-out, background-color 160ms ease-out;
}

.venue-public-offer-visual[b-yjopdcuoay] {
    background: var(--public-booking-paper);
    color: var(--public-booking-text);
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 11rem;
}

.venue-public-offer-visual img[b-yjopdcuoay] {
    height: 100%;
    min-height: 0;
    object-fit: cover;
    width: 100%;
}

.venue-public-offer-visual > span[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    padding: 0.625rem 0.875rem;
}

.venue-public-offer-copy[b-yjopdcuoay],
.venue-public-offers article > footer[b-yjopdcuoay] {
    align-content: center;
    display: grid;
    min-width: 0;
    padding: 1.25rem;
}

.venue-public-offer-copy h3[b-yjopdcuoay] {
    color: var(--public-booking-text);
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.venue-public-offer-copy p[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    line-height: 1.5;
    margin-top: 0.5rem;
}

.venue-public-offer-meta[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin-top: 0.75rem;
}

.venue-public-offers article > footer[b-yjopdcuoay] {
    border-left: 1px solid var(--public-booking-border);
    justify-items: end;
    text-align: right;
}

.venue-public-offers article > footer > strong[b-yjopdcuoay] {
    color: var(--public-booking-text);
    font-size: 1.35rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.venue-public-offers article > footer > span[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: var(--innvilo-font-size-label);
    margin-top: 0.25rem;
}

.venue-public-offers article > footer .venue-public-primary[b-yjopdcuoay] {
    justify-self: stretch;
    margin-top: 1rem;
    width: 100%;
}

.venue-public-selection[b-yjopdcuoay] {
    align-items: center;
    border-block: 1px solid var(--public-booking-border);
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding-block: 1rem;
}

.venue-public-selection > div[b-yjopdcuoay] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.venue-public-selection span[b-yjopdcuoay],
.venue-public-selection small[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.venue-public-selection > strong[b-yjopdcuoay] {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
}

.venue-public-choice[b-yjopdcuoay],
.venue-public-consent[b-yjopdcuoay] {
    align-items: flex-start;
    color: var(--public-booking-muted);
    cursor: pointer;
    display: flex;
    gap: 0.75rem;
    line-height: 1.5;
    margin: 0 0 1rem;
    min-height: 2.75rem;
    padding-block: 0.375rem;
}

.venue-public-choice > span[b-yjopdcuoay] {
    display: grid;
    gap: 0.25rem;
}

.venue-public-choice strong[b-yjopdcuoay] {
    color: var(--public-booking-text);
}

.venue-public-choice small[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: var(--innvilo-font-size-label);
}

.venue-public-choice input[b-yjopdcuoay],
.venue-public-consent input[b-yjopdcuoay] {
    flex: 0 0 auto;
    height: 1.5rem;
    margin-top: 0.0625rem;
    width: 1.5rem;
}

.venue-public-success[b-yjopdcuoay] {
    align-items: start;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.venue-public-success > i[b-yjopdcuoay] {
    background: transparent;
    color: var(--public-booking-accent);
    font-size: 1.5rem;
    padding-top: 0.25rem;
}

.venue-public-success > div > span[b-yjopdcuoay] {
    color: var(--public-booking-accent);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.venue-public-success dl[b-yjopdcuoay] {
    border-top: 1px solid var(--public-booking-border);
    display: grid;
    gap: 1.25rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 1.5rem;
}

.venue-public-success dt[b-yjopdcuoay] {
    color: var(--public-booking-muted);
    font-size: var(--innvilo-font-size-label);
}

.venue-public-success dd[b-yjopdcuoay] {
    color: var(--public-booking-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    margin: 0.375rem 0 0;
    overflow-wrap: anywhere;
}

.venue-public-success > .venue-public-secondary[b-yjopdcuoay] {
    grid-column: 1 / -1;
    justify-self: start;
}

.venue-public-footer[b-yjopdcuoay] {
    align-items: center;
    color: var(--public-booking-muted);
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--innvilo-public-content-max);
    padding: 0 2rem 2.5rem;
}

.venue-public-footer nav[b-yjopdcuoay] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

@media (hover: hover) and (pointer: fine) {
    .venue-public-primary:hover[b-yjopdcuoay] {
        background: var(--public-booking-accent-hover);
        border-color: var(--public-booking-accent-hover);
    }

    .venue-public-secondary:hover[b-yjopdcuoay] {
        background: var(--public-booking-accent-soft);
        border-color: var(--public-booking-accent);
    }

    .venue-public-offers article:hover[b-yjopdcuoay] {
        border-color: var(--public-booking-control-border);
    }
}

@media (max-width: 1023px) {
    .venue-public-hero[b-yjopdcuoay] {
        gap: 1.5rem;
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.85fr);
        padding-inline: 1.5rem;
    }

    .venue-public-hero__visual[b-yjopdcuoay],
    .venue-public-hero__visual img[b-yjopdcuoay] {
        min-height: 18rem;
    }

    .venue-public-shell[b-yjopdcuoay],
    .venue-public-footer[b-yjopdcuoay] {
        padding-inline: 1.5rem;
    }

    .venue-public-fields.is-search[b-yjopdcuoay] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-public-fields.is-search .is-date[b-yjopdcuoay] {
        grid-column: 1 / -1;
    }

    .venue-public-fields.is-search .is-time[b-yjopdcuoay],
    .venue-public-fields.is-search .is-attendees[b-yjopdcuoay],
    .venue-public-fields.is-search .is-layout[b-yjopdcuoay] {
        grid-column: span 1;
    }

    .venue-public-offers article[b-yjopdcuoay] {
        grid-template-columns: 12rem minmax(0, 1fr);
    }

    .venue-public-offers article > footer[b-yjopdcuoay] {
        align-items: center;
        border-left: 0;
        border-top: 1px solid var(--public-booking-border);
        display: grid;
        gap: 0.25rem 1rem;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) auto;
        justify-items: start;
        text-align: left;
    }

    .venue-public-offers article > footer .venue-public-primary[b-yjopdcuoay] {
        grid-column: 2;
        grid-row: 1 / span 2;
        margin-top: 0;
        min-width: 10rem;
    }

    .venue-public-success dl[b-yjopdcuoay] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .venue-public-hero[b-yjopdcuoay] {
        display: block;
        padding: 1.5rem 1rem 0;
    }

    .venue-public-hero__copy[b-yjopdcuoay] {
        max-width: none;
        padding: 0;
    }

    .venue-public-hero h1[b-yjopdcuoay] {
        font-size: 2rem;
        margin-top: 1rem;
        max-width: 15ch;
    }

    .venue-public-hero p[b-yjopdcuoay] {
        font-size: var(--innvilo-font-size-body);
        line-height: 1.5;
        margin-top: 0.75rem;
    }

    .venue-public-hero__visual[b-yjopdcuoay] {
        margin-top: 1.5rem;
        min-height: 0;
    }

    .venue-public-hero__visual img[b-yjopdcuoay] {
        aspect-ratio: 16 / 9;
        height: auto;
        min-height: 0;
    }

    .venue-public-shell[b-yjopdcuoay] {
        margin-top: 34px;
        padding: 0 1rem 3rem;
    }

    .public-booking-trust[b-yjopdcuoay] {
        grid-template-columns: 1fr;
    }

    .public-booking-trust span[b-yjopdcuoay] {
        padding: 0.875rem 0;
    }

    .public-booking-trust span + span[b-yjopdcuoay] {
        border-left: 0;
        border-top: 1px solid var(--public-booking-border);
    }

    .venue-public-progress ol[b-yjopdcuoay] {
        gap: 0.25rem;
    }

    .venue-public-progress li[b-yjopdcuoay] {
        align-items: flex-start;
        flex-direction: column;
        font-size: var(--innvilo-font-size-label);
        gap: 0.375rem;
        overflow-wrap: anywhere;
        padding: 0.625rem 0.125rem;
    }

    .venue-public-progress li[b-yjopdcuoay]::before {
        height: 1.5rem;
        width: 1.5rem;
    }

    .venue-public-panel[b-yjopdcuoay],
    .venue-public-success[b-yjopdcuoay],
    .venue-public-state[b-yjopdcuoay] {
        border-radius: var(--innvilo-radius-card);
        min-height: 0;
        padding: 1.25rem;
    }

    .venue-public-state[b-yjopdcuoay] {
        min-height: 16rem;
    }

    .venue-public-heading[b-yjopdcuoay] {
        display: grid;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .venue-public-heading h2[b-yjopdcuoay],
    .venue-public-success h2[b-yjopdcuoay] {
        font-size: 1.5rem;
    }

    .venue-public-heading .venue-public-secondary[b-yjopdcuoay] {
        justify-self: stretch;
        width: 100%;
    }

    .venue-public-fields[b-yjopdcuoay],
    .venue-public-fields.is-search[b-yjopdcuoay],
    .venue-public-fields.is-contact[b-yjopdcuoay] {
        grid-template-columns: 1fr;
    }

    .venue-public-fields.is-search .is-date[b-yjopdcuoay],
    .venue-public-fields.is-search .is-time[b-yjopdcuoay],
    .venue-public-fields.is-search .is-attendees[b-yjopdcuoay],
    .venue-public-fields.is-search .is-layout[b-yjopdcuoay] {
        grid-column: auto;
    }

    .venue-public-field input[b-yjopdcuoay],
    .venue-public-field select[b-yjopdcuoay] {
        min-height: 3rem;
    }

    .venue-public-primary[b-yjopdcuoay],
    .venue-public-error .venue-public-secondary[b-yjopdcuoay],
    .venue-public-empty .venue-public-secondary[b-yjopdcuoay],
    .venue-public-state .venue-public-secondary[b-yjopdcuoay] {
        justify-self: stretch;
        width: 100%;
    }

    .venue-public-offers article[b-yjopdcuoay] {
        grid-template-columns: 1fr;
    }

    .venue-public-offer-visual[b-yjopdcuoay] {
        min-height: 0;
    }

    .venue-public-offer-visual img[b-yjopdcuoay] {
        aspect-ratio: 16 / 9;
        height: auto;
    }

    .venue-public-offers article > footer[b-yjopdcuoay] {
        border-left: 0;
        border-top: 1px solid var(--public-booking-border);
        display: grid;
        grid-column: auto;
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .venue-public-offers article > footer .venue-public-primary[b-yjopdcuoay] {
        grid-column: auto;
        grid-row: auto;
        margin-top: 1rem;
        min-width: 0;
    }

    .venue-public-selection[b-yjopdcuoay] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
    }

    .venue-public-choice[b-yjopdcuoay],
    .venue-public-consent[b-yjopdcuoay] {
        min-height: 3rem;
    }

    .venue-public-success[b-yjopdcuoay] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .venue-public-success dl[b-yjopdcuoay] {
        gap: 1rem;
        grid-template-columns: 1fr;
    }

    .venue-public-success > .venue-public-secondary[b-yjopdcuoay] {
        justify-self: stretch;
        width: 100%;
    }

    .venue-public-footer[b-yjopdcuoay] {
        align-items: flex-start;
        flex-direction: column;
        padding: 0 1rem 2rem;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .venue-public-hero[b-yjopdcuoay] {
        padding-top: 1rem;
    }

    .venue-public-hero__copy[b-yjopdcuoay] {
        padding-block: 0.75rem;
    }

    .venue-public-hero h1[b-yjopdcuoay] {
        font-size: 2rem;
        margin-top: 0.75rem;
    }

    .venue-public-hero__visual[b-yjopdcuoay],
    .venue-public-hero__visual img[b-yjopdcuoay] {
        min-height: 12rem;
    }

    .venue-public-shell[b-yjopdcuoay] {
        margin-top: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .venue-public-panel[b-yjopdcuoay],
    .venue-public-success[b-yjopdcuoay] {
        animation: none;
    }

    .venue-public button[b-yjopdcuoay],
    .venue-public input[b-yjopdcuoay],
    .venue-public select[b-yjopdcuoay],
    .venue-public-progress li[b-yjopdcuoay],
    .venue-public-offers article[b-yjopdcuoay] {
        transition: none;
    }

    .venue-public-primary:active[b-yjopdcuoay],
    .venue-public-secondary:active[b-yjopdcuoay] {
        transform: none;
    }
}

@keyframes venue-public-content-in-b-yjopdcuoay {
    from {
        opacity: 0.78;
        transform: translateY(0.375rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Public/WebsiteBookingPage.razor.rz.scp.css */
.room-booking[b-sxsis4ytgg] {
    --room-booking-accent: var(--color-public-booking-forest);
    --room-booking-accent-hover: var(--color-public-booking-forest-hover);
    --room-booking-accent-soft: var(--color-public-booking-forest-soft);
    --room-booking-button-text: var(--color-public-booking-button-text);
    --room-booking-paper: var(--color-public-booking-paper);
    --room-booking-surface: var(--color-public-booking-surface);
    --room-booking-text: var(--color-public-booking-text);
    --room-booking-muted: var(--color-public-booking-muted);
    --room-booking-border: var(--color-public-booking-border);
    --room-booking-control-border: var(--color-public-booking-control-border);
    background: var(--room-booking-paper);
    color: var(--room-booking-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    min-height: 100dvh;
}

.room-booking[b-sxsis4ytgg],
.room-booking *[b-sxsis4ytgg] {
    box-sizing: border-box;
}

.room-booking h1[b-sxsis4ytgg],
.room-booking h2[b-sxsis4ytgg],
.room-booking h3[b-sxsis4ytgg],
.room-booking strong[b-sxsis4ytgg] {
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.room-booking button[b-sxsis4ytgg],
.room-booking input[b-sxsis4ytgg] {
    font: inherit;
}

.room-booking button:focus-visible[b-sxsis4ytgg],
.room-booking a:focus-visible[b-sxsis4ytgg],
.room-booking input:focus-visible[b-sxsis4ytgg],
.room-booking [tabindex="-1"]:focus-visible[b-sxsis4ytgg] {
    outline: 3px solid var(--room-booking-accent);
    outline-offset: 3px;
}

.room-booking__hero[b-sxsis4ytgg] {
    background: var(--room-booking-surface);
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    min-height: 22rem;
    overflow: hidden;
}

.room-booking__hero-copy[b-sxsis4ytgg] {
    align-self: center;
    max-width: 42rem;
    padding: 3rem clamp(1.5rem, 6vw, 5rem);
}

.room-booking__brand[b-sxsis4ytgg] {
    color: var(--room-booking-accent);
    display: inline-grid;
    gap: .2rem;
    min-height: 2.75rem;
    text-decoration: none;
}

.room-booking__brand > span[b-sxsis4ytgg] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 1rem;
    letter-spacing: -.01em;
}

.room-booking__brand > small[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    font-size: .8rem;
    letter-spacing: .03em;
}

.room-booking__hero h1[b-sxsis4ytgg] {
    color: var(--room-booking-text);
    font-size: clamp(2.25rem, 4vw, 3.25rem);
    letter-spacing: -.03em;
    line-height: 1.08;
    margin: 1.25rem 0 0;
    max-width: 14ch;
}

.room-booking__hero p[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    font-size: 1.0625rem;
    line-height: 1.55;
    margin: 1rem 0 0;
    max-width: 31rem;
}

.room-booking__hero-visual[b-sxsis4ytgg] {
    margin: 0;
    min-height: 22rem;
}

.room-booking__hero-visual img[b-sxsis4ytgg] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.room-booking__shell[b-sxsis4ytgg] {
    margin: -1.5rem auto 0;
    max-width: 74rem;
    padding: 0 1.5rem 4rem;
    position: relative;
}

.room-booking__site-state[b-sxsis4ytgg],
.room-booking__panel[b-sxsis4ytgg],
.room-booking__success[b-sxsis4ytgg] {
    background: var(--room-booking-surface);
    border: 1px solid var(--room-booking-border);
    border-radius: var(--innvilo-radius-card);
    min-height: 18rem;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.room-booking__site-state[b-sxsis4ytgg] {
    align-content: center;
    display: grid;
    justify-items: start;
}

.room-booking__site-state h2[b-sxsis4ytgg],
.room-booking__heading h2[b-sxsis4ytgg],
.room-booking__success h2[b-sxsis4ytgg] {
    color: var(--room-booking-text);
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.2;
    margin: 0;
}

.room-booking__site-state p[b-sxsis4ytgg],
.room-booking__heading p[b-sxsis4ytgg],
.room-booking__success p[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    line-height: 1.55;
    margin: .5rem 0 0;
    max-width: 44rem;
}

.room-booking__site-state.is-error[b-sxsis4ytgg] {
    border-color: var(--color-error);
}

.room-booking__skeleton[b-sxsis4ytgg] {
    background: var(--room-booking-border);
    border-radius: var(--innvilo-radius-sm);
    display: block;
    height: 1rem;
    margin-bottom: .75rem;
    max-width: 100%;
    width: 30rem;
    animation: room-booking-pulse-b-sxsis4ytgg 1400ms ease-in-out infinite alternate;
}

.room-booking__skeleton.is-short[b-sxsis4ytgg] {
    margin-bottom: 1.5rem;
    width: 20rem;
}

.room-booking__trust[b-sxsis4ytgg] {
    align-items: stretch;
    background: var(--room-booking-surface);
    border: 1px solid var(--room-booking-border);
    border-radius: var(--innvilo-radius-card) var(--innvilo-radius-card) 0 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.room-booking__trust span[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    display: grid;
    font-size: .875rem;
    gap: .25rem;
    line-height: 1.4;
    padding: 1rem 1.25rem;
}

.room-booking__trust span + span[b-sxsis4ytgg] {
    border-left: 1px solid var(--room-booking-border);
}

.room-booking__trust strong[b-sxsis4ytgg] {
    color: var(--room-booking-text);
}

.room-booking__trust small[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    font-size: .8rem;
}

.room-booking__progress[b-sxsis4ytgg] {
    background: var(--room-booking-surface);
    border: 1px solid var(--room-booking-border);
    border-top: 0;
}

.room-booking__progress ol[b-sxsis4ytgg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.room-booking__progress li[b-sxsis4ytgg] {
    border-bottom: 3px solid transparent;
    color: var(--room-booking-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: .875rem;
    padding: 1rem;
    text-align: center;
    transition: border-color 180ms ease-out, color 180ms ease-out;
}

.room-booking__progress li.is-reached[b-sxsis4ytgg] {
    border-bottom-color: var(--room-booking-accent);
    color: var(--room-booking-accent);
}

.room-booking__panel[b-sxsis4ytgg],
.room-booking__success[b-sxsis4ytgg] {
    border-radius: 0 0 var(--innvilo-radius-card) var(--innvilo-radius-card);
    border-top: 0;
    animation: room-booking-enter-b-sxsis4ytgg 180ms ease-out both;
}

.room-booking__heading[b-sxsis4ytgg] {
    margin-bottom: 2rem;
}

.room-booking__heading.is-split[b-sxsis4ytgg] {
    align-items: start;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

.room-booking__form[b-sxsis4ytgg] {
    display: grid;
}

.room-booking__fields[b-sxsis4ytgg] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1.5rem;
}

.room-booking__fields.is-search[b-sxsis4ytgg] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.room-booking__fields label[b-sxsis4ytgg] {
    color: var(--room-booking-text);
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: .875rem;
    gap: .5rem;
    min-width: 0;
}

.room-booking__fields label > small[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: .8rem;
    line-height: 1.35;
}

.room-booking__input[b-sxsis4ytgg] {
    background: var(--room-booking-surface);
    border: 1px solid var(--room-booking-control-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--room-booking-text);
    min-height: 3rem;
    min-width: 0;
    padding: .65rem .75rem;
    transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out;
    width: 100%;
}

.room-booking__input:hover[b-sxsis4ytgg] {
    border-color: var(--room-booking-accent);
}

.room-booking__input.invalid[b-sxsis4ytgg] {
    border-color: var(--color-error);
}

.room-booking__fields .validation-message[b-sxsis4ytgg] {
    color: var(--color-error);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.35;
}

.room-booking__primary[b-sxsis4ytgg],
.room-booking__secondary[b-sxsis4ytgg] {
    align-items: center;
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    justify-content: center;
    min-height: 2.75rem;
    padding: .65rem 1.1rem;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out, transform 120ms ease-out;
}

.room-booking__primary[b-sxsis4ytgg] {
    background: var(--room-booking-accent);
    border: 1px solid var(--room-booking-accent);
    color: var(--room-booking-button-text);
    justify-self: start;
}

.room-booking__secondary[b-sxsis4ytgg] {
    background: transparent;
    border: 1px solid var(--room-booking-border);
    color: var(--room-booking-text);
}

.room-booking__primary:active[b-sxsis4ytgg],
.room-booking__secondary:active[b-sxsis4ytgg] {
    transform: scale(.98);
}

.room-booking__primary:disabled[b-sxsis4ytgg],
.room-booking__secondary:disabled[b-sxsis4ytgg] {
    cursor: wait;
    opacity: .65;
}

.room-booking__offers[b-sxsis4ytgg] {
    display: grid;
    gap: 1rem;
}

.room-booking__offer[b-sxsis4ytgg] {
    align-items: stretch;
    border: 1px solid var(--room-booking-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    grid-template-columns: 13rem minmax(0, 1fr) minmax(13rem, auto);
    overflow: hidden;
    transition: background-color 160ms ease-out, border-color 160ms ease-out;
}

.room-booking__offer-media[b-sxsis4ytgg] {
    min-height: 10rem;
    overflow: hidden;
}

.room-booking__offer-media img[b-sxsis4ytgg] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.room-booking__offer-copy[b-sxsis4ytgg] {
    align-self: center;
    min-width: 0;
    padding: 1.25rem;
}

.room-booking__offer h3[b-sxsis4ytgg] {
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0 0 .35rem;
    overflow-wrap: anywhere;
}

.room-booking__offer p[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    margin: 0 0 .35rem;
}

.room-booking__offer small[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
}

.room-booking__price[b-sxsis4ytgg] {
    align-content: center;
    border-left: 1px solid var(--room-booking-border);
    display: grid;
    gap: .3rem;
    min-width: 13rem;
    padding: 1.25rem;
    text-align: right;
}

.room-booking__price > strong[b-sxsis4ytgg] {
    font-size: 1.5rem;
    font-variant-numeric: tabular-nums;
}

.room-booking__price > span[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    font-size: .8rem;
    line-height: 1.35;
    margin-bottom: .5rem;
}

.room-booking__price .room-booking__primary[b-sxsis4ytgg] {
    justify-self: stretch;
}

.room-booking__quote[b-sxsis4ytgg] {
    align-items: center;
    background: var(--room-booking-accent-soft);
    border: 1px solid var(--room-booking-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: .35rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
}

.room-booking__quote > span[b-sxsis4ytgg] {
    display: grid;
    gap: .3rem;
    min-width: 0;
}

.room-booking__quote > strong[b-sxsis4ytgg] {
    color: var(--room-booking-accent);
    font-size: 1.4rem;
    font-variant-numeric: tabular-nums;
    grid-row: span 2;
}

.room-booking__quote small[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    overflow-wrap: anywhere;
}

.room-booking__consent[b-sxsis4ytgg] {
    align-items: center;
    color: var(--room-booking-muted);
    cursor: pointer;
    display: flex;
    gap: .75rem;
    line-height: 1.45;
    margin: .5rem 0;
    min-height: 2.75rem;
}

.room-booking__consent input[b-sxsis4ytgg] {
    accent-color: var(--room-booking-accent);
    flex: 0 0 auto;
    height: 1.25rem;
    width: 1.25rem;
}

.room-booking__error[b-sxsis4ytgg],
.room-booking__validation[b-sxsis4ytgg] {
    background: var(--color-error-soft);
    border: 1px solid var(--color-error);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-error);
    line-height: 1.45;
    margin: 1rem 0;
    padding: .8rem 1rem;
}

.room-booking__error p[b-sxsis4ytgg],
.room-booking__validation[b-sxsis4ytgg] {
    margin-block: 1rem;
}

.room-booking__error p[b-sxsis4ytgg] {
    margin: 0;
}

.room-booking__busy[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    font-size: .875rem;
    line-height: 1.4;
    margin: .75rem 0 0;
}

.room-booking__empty[b-sxsis4ytgg] {
    align-content: center;
    border: 1px dashed var(--room-booking-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    justify-items: start;
    min-height: 13rem;
    padding: 2rem;
}

.room-booking__empty h3[b-sxsis4ytgg] {
    margin: 0;
}

.room-booking__empty p[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    line-height: 1.5;
    margin: .5rem 0 1.25rem;
}

.room-booking__actions[b-sxsis4ytgg] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-top: 1.25rem;
}

.room-booking__success[b-sxsis4ytgg] {
    align-items: start;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.room-booking__success-mark[b-sxsis4ytgg] {
    color: var(--room-booking-accent);
    font-size: 1.5rem;
    padding-top: .25rem;
}

.room-booking__success dl[b-sxsis4ytgg] {
    border-top: 1px solid var(--room-booking-border);
    display: grid;
    gap: 1rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: .5rem 0 0;
    padding-top: 1.5rem;
}

.room-booking__success dt[b-sxsis4ytgg] {
    color: var(--room-booking-muted);
    font-size: .8rem;
}

.room-booking__success dd[b-sxsis4ytgg] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    margin: .3rem 0 0;
    overflow-wrap: anywhere;
}

.room-booking__footer[b-sxsis4ytgg] {
    align-items: center;
    color: var(--room-booking-muted);
    display: flex;
    gap: 1.25rem;
    justify-content: center;
    margin: auto;
    max-width: 74rem;
    padding: 0 1.5rem max(2.5rem, env(safe-area-inset-bottom));
}

.room-booking__footer nav[b-sxsis4ytgg] {
    display: flex;
    gap: .5rem;
}

.room-booking__footer a[b-sxsis4ytgg] {
    align-items: center;
    color: var(--room-booking-accent);
    display: inline-flex;
    min-height: 2.75rem;
    padding-inline: .5rem;
}

@media (hover: hover) and (pointer: fine) {
    .room-booking__primary:hover[b-sxsis4ytgg] {
        background: var(--room-booking-accent-hover);
        border-color: var(--room-booking-accent-hover);
    }

    .room-booking__secondary:hover[b-sxsis4ytgg] {
        background: var(--room-booking-accent-soft);
        border-color: var(--room-booking-accent);
    }

    .room-booking__offer:hover[b-sxsis4ytgg] {
        background: var(--room-booking-accent-soft);
        border-color: var(--room-booking-accent);
    }
}

@media (prefers-color-scheme: dark) {
    .room-booking[b-sxsis4ytgg] {
        --room-booking-paper: var(--color-public-booking-dark-paper);
        --room-booking-surface: var(--color-public-booking-dark-surface);
        --room-booking-text: var(--color-public-booking-dark-text);
        --room-booking-muted: var(--color-public-booking-dark-muted);
        --room-booking-border: var(--color-public-booking-dark-border);
        --room-booking-control-border: var(--color-public-booking-dark-control-border);
        --room-booking-accent: var(--color-public-booking-dark-forest);
        --room-booking-accent-hover: var(--color-public-booking-dark-forest-hover);
        --room-booking-accent-soft: var(--color-public-booking-dark-forest-soft);
        --room-booking-button-text: var(--color-public-booking-dark-button-text);
    }
}

@media (max-width: 1099px) {
    .room-booking__hero[b-sxsis4ytgg] {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, .75fr);
        min-height: 20rem;
    }

    .room-booking__hero-visual[b-sxsis4ytgg] {
        min-height: 20rem;
    }

    .room-booking__fields.is-search[b-sxsis4ytgg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .room-booking__offer[b-sxsis4ytgg] {
        grid-template-columns: 11rem minmax(0, 1fr) minmax(12rem, auto);
    }
}

@media (max-width: 767px) {
    .room-booking__hero[b-sxsis4ytgg] {
        display: block;
        min-height: 0;
    }

    .room-booking__hero-copy[b-sxsis4ytgg] {
        padding: 1.5rem 1.25rem;
    }

    .room-booking__hero h1[b-sxsis4ytgg] {
        font-size: 2rem;
        margin-top: .75rem;
        max-width: 100%;
    }

    .room-booking__hero p[b-sxsis4ytgg] {
        font-size: 1rem;
    }

    .room-booking__hero-visual[b-sxsis4ytgg] {
        min-height: 0;
    }

    .room-booking__hero-visual img[b-sxsis4ytgg] {
        height: 9rem;
    }

    .room-booking__shell[b-sxsis4ytgg] {
        margin: 0;
        padding: 0 0 2rem;
    }

    .room-booking__site-state[b-sxsis4ytgg],
    .room-booking__panel[b-sxsis4ytgg],
    .room-booking__success[b-sxsis4ytgg] {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        min-height: 0;
        padding: 1.5rem 1.1rem;
    }

    .room-booking__trust[b-sxsis4ytgg] {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
    }

    .room-booking__trust span[b-sxsis4ytgg] {
        font-size: .8125rem;
        padding: .75rem .6rem;
    }

    .room-booking__trust small[b-sxsis4ytgg] {
        display: none;
    }

    .room-booking__progress[b-sxsis4ytgg] {
        border-left: 0;
        border-right: 0;
    }

    .room-booking__progress li[b-sxsis4ytgg] {
        font-size: .75rem;
        overflow-wrap: anywhere;
        padding: .8rem .2rem;
    }

    .room-booking__heading[b-sxsis4ytgg] {
        margin-bottom: 1.5rem;
    }

    .room-booking__heading.is-split[b-sxsis4ytgg] {
        display: grid;
        gap: .75rem;
    }

    .room-booking__heading.is-split .room-booking__secondary[b-sxsis4ytgg] {
        justify-self: start;
    }

    .room-booking__fields[b-sxsis4ytgg],
    .room-booking__fields.is-search[b-sxsis4ytgg] {
        grid-template-columns: 1fr;
    }

    .room-booking__primary[b-sxsis4ytgg] {
        justify-self: stretch;
        width: 100%;
    }

    .room-booking__offer[b-sxsis4ytgg] {
        grid-template-columns: 1fr;
    }

    .room-booking__offer-media[b-sxsis4ytgg] {
        min-height: 9rem;
    }

    .room-booking__price[b-sxsis4ytgg] {
        border-left: 0;
        border-top: 1px solid var(--room-booking-border);
        min-width: 0;
        text-align: left;
    }

    .room-booking__quote[b-sxsis4ytgg] {
        grid-template-columns: 1fr;
    }

    .room-booking__quote > strong[b-sxsis4ytgg] {
        grid-row: auto;
    }

    .room-booking__actions[b-sxsis4ytgg] {
        display: grid;
    }

    .room-booking__actions .room-booking__primary[b-sxsis4ytgg] {
        grid-row: 1;
    }

    .room-booking__success dl[b-sxsis4ytgg] {
        grid-template-columns: 1fr 1fr;
    }

    .room-booking__footer[b-sxsis4ytgg] {
        align-items: start;
        flex-direction: column;
        gap: .25rem;
    }
}

@media (max-width: 374px) {
    .room-booking__trust[b-sxsis4ytgg] {
        grid-template-columns: 1fr;
    }

    .room-booking__trust span + span[b-sxsis4ytgg] {
        border-left: 0;
        border-top: 1px solid var(--room-booking-border);
    }

    .room-booking__trust small[b-sxsis4ytgg] {
        display: block;
    }

    .room-booking__success dl[b-sxsis4ytgg] {
        grid-template-columns: 1fr;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .room-booking__hero[b-sxsis4ytgg] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(16rem, .75fr);
        min-height: 12rem;
    }

    .room-booking__hero-copy[b-sxsis4ytgg] {
        padding-block: 1.25rem;
    }

    .room-booking__hero h1[b-sxsis4ytgg] {
        font-size: 1.75rem;
        margin-top: .5rem;
    }

    .room-booking__hero p[b-sxsis4ytgg] {
        line-height: 1.4;
        margin-top: .5rem;
    }

    .room-booking__hero-visual[b-sxsis4ytgg],
    .room-booking__hero-visual img[b-sxsis4ytgg] {
        height: 100%;
        min-height: 12rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .room-booking__panel[b-sxsis4ytgg],
    .room-booking__success[b-sxsis4ytgg],
    .room-booking__skeleton[b-sxsis4ytgg] {
        animation: none;
    }

    .room-booking__progress li[b-sxsis4ytgg],
    .room-booking__fields input[b-sxsis4ytgg],
    .room-booking__primary[b-sxsis4ytgg],
    .room-booking__secondary[b-sxsis4ytgg],
    .room-booking__offer[b-sxsis4ytgg] {
        transition: none;
    }
}

@keyframes room-booking-enter-b-sxsis4ytgg {
    from {
        opacity: 0;
        transform: translateY(.25rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes room-booking-pulse-b-sxsis4ytgg {
    from { opacity: .5; }
    to { opacity: .85; }
}
/* /Components/Pages/Reporting/ReportTemplateDesigner.razor.rz.scp.css */
.report-designer-page[b-4qxrm5ues5] {
    color: var(--innvilo-text-primary);
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-page-section-gap);
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    width: 100%;
}

.report-designer-hero-shell[b-4qxrm5ues5] {
    display: grid;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.report-designer-workspace[b-4qxrm5ues5],
.report-designer-desktop-host[b-4qxrm5ues5],
.report-designer-frame[b-4qxrm5ues5] {
    min-width: 0;
    width: 100%;
}

.report-designer-action-link[b-4qxrm5ues5],
.report-designer-state-link[b-4qxrm5ues5] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    justify-content: center;
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-instant) var(--innvilo-easing-standard);
}

.report-designer-action-link--secondary[b-4qxrm5ues5],
.report-designer-state-link[b-4qxrm5ues5] {
    background: var(--innvilo-surface-main);
    color: var(--innvilo-text-primary);
}

.report-designer-action-link--primary[b-4qxrm5ues5] {
    background: var(--innvilo-color-primary);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-text-inverse);
}

.report-designer-action-link--secondary:hover[b-4qxrm5ues5],
.report-designer-state-link:hover[b-4qxrm5ues5] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.report-designer-action-link--primary:hover[b-4qxrm5ues5] {
    background: var(--innvilo-color-primary-hover);
    border-color: var(--innvilo-color-primary-hover);
    color: var(--innvilo-text-inverse);
}

.report-designer-action-link:focus-visible[b-4qxrm5ues5],
.report-designer-state-link:focus-visible[b-4qxrm5ues5] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.report-designer-action-link:active[b-4qxrm5ues5],
.report-designer-state-link:active[b-4qxrm5ues5] {
    transform: scale(0.98);
}

.report-designer-frame[b-4qxrm5ues5],
.report-designer-state[b-4qxrm5ues5] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    box-shadow: none;
}

.report-designer-frame[b-4qxrm5ues5] {
    overflow: hidden;
}

.report-designer-state[b-4qxrm5ues5] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-height: 12rem;
    padding: var(--innvilo-space-8);
}

.report-designer-state--loading[b-4qxrm5ues5] {
    grid-template-columns: minmax(12rem, 0.45fr) minmax(0, 1fr);
}

.report-designer-state--error[b-4qxrm5ues5] {
    border-color: var(--color-error-border);
}

.report-designer-state h2[b-4qxrm5ues5],
.report-designer-state p[b-4qxrm5ues5] {
    margin: 0;
}

.report-designer-state h2[b-4qxrm5ues5] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.report-designer-state p[b-4qxrm5ues5] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin-top: var(--innvilo-space-3);
    max-width: 65ch;
}

.report-designer-loading-preview[b-4qxrm5ues5] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.report-designer-loading-preview span[b-4qxrm5ues5] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: var(--innvilo-space-5);
}

.report-designer-loading-preview span:first-child[b-4qxrm5ues5] {
    width: 70%;
}

.report-designer-loading-preview span:nth-child(2)[b-4qxrm5ues5] {
    width: 92%;
}

.report-designer-loading-preview span:last-child[b-4qxrm5ues5] {
    width: 54%;
}

@media (max-width: 56.25rem) {
    .report-designer-state[b-4qxrm5ues5] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .report-designer-state-link[b-4qxrm5ues5] {
        justify-self: start;
    }
}

@media (max-width: 47.99rem) {
    .report-designer-action-link[b-4qxrm5ues5] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .report-designer-action-link[b-4qxrm5ues5],
    .report-designer-state-link[b-4qxrm5ues5] {
        transition: none;
    }
}
/* /Components/Pages/Reporting/ReportTemplateDesignerMobileFallback.razor.rz.scp.css */
.report-designer-mobile-fallback[b-i0kbqjksmf] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    box-shadow: none;
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.report-designer-mobile-fallback[data-state="invalid"][b-i0kbqjksmf],
.report-designer-mobile-fallback[data-state="denied"][b-i0kbqjksmf],
.report-designer-mobile-fallback[data-state="error"][b-i0kbqjksmf] {
    border-color: var(--color-error-border);
}

.report-designer-mobile-fallback h2[b-i0kbqjksmf],
.report-designer-mobile-fallback p[b-i0kbqjksmf] {
    margin: 0;
}

.report-designer-mobile-fallback h2[b-i0kbqjksmf] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.report-designer-mobile-fallback p[b-i0kbqjksmf] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin-top: var(--innvilo-space-4);
    max-width: 65ch;
}

.report-designer-mobile-fallback .report-designer-mobile-fallback__template[b-i0kbqjksmf] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    margin-top: var(--innvilo-space-6);
}

.report-designer-mobile-fallback__actions[b-i0kbqjksmf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.report-designer-mobile-link[b-i0kbqjksmf] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-sm);
    cursor: pointer;
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    justify-content: center;
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
                transform var(--innvilo-duration-instant) var(--innvilo-easing-standard);
}

.report-designer-mobile-link--primary[b-i0kbqjksmf] {
    background: var(--innvilo-color-primary);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-text-inverse);
}

.report-designer-mobile-link--secondary[b-i0kbqjksmf] {
    background: var(--innvilo-surface-main);
    color: var(--innvilo-text-primary);
}

.report-designer-mobile-link--primary:hover[b-i0kbqjksmf] {
    background: var(--innvilo-color-primary-hover);
    border-color: var(--innvilo-color-primary-hover);
    color: var(--innvilo-text-inverse);
}

.report-designer-mobile-link--secondary:hover[b-i0kbqjksmf] {
    background: var(--innvilo-surface-soft);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.report-designer-mobile-link:focus-visible[b-i0kbqjksmf] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.report-designer-mobile-link:active[b-i0kbqjksmf] {
    transform: scale(0.98);
}

@media (max-width: 47.99rem) {
    .report-designer-mobile-fallback[b-i0kbqjksmf] {
        padding: var(--innvilo-space-6);
    }

    .report-designer-mobile-fallback__actions[b-i0kbqjksmf] {
        align-items: stretch;
        flex-direction: column;
    }

    .report-designer-mobile-link[b-i0kbqjksmf] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .report-designer-mobile-link[b-i0kbqjksmf] {
        transition: none;
    }
}
/* /Components/Pages/Reports/Center/ReportCatalogPanel.razor.rz.scp.css */
/* Report catalog: search, three groups, one button per report. Desktop: left column of the workspace;
   under 70rem the groups become horizontal tabs above a single list. Mobile: native details groups. */

.reportcenter-catalog[b-s2ubalbgop] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.reportcenter-catalog.is-compact[b-s2ubalbgop] {
    padding: 0;
}

.reportcenter-catalog__search[b-s2ubalbgop] {
    min-width: 0;
}

.reportcenter-catalog__tabs[b-s2ubalbgop] {
    display: none;
    gap: var(--innvilo-space-2);
    overflow-x: auto;
    scrollbar-width: none;
}

.reportcenter-catalog__tab[b-s2ubalbgop] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.reportcenter-catalog__tab:hover[b-s2ubalbgop] {
    background: var(--innvilo-surface-app);
}

.reportcenter-catalog__tab.is-active[b-s2ubalbgop] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.reportcenter-catalog__none[b-s2ubalbgop] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
}

.reportcenter-catalog__group[b-s2ubalbgop] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.reportcenter-catalog__group h3[b-s2ubalbgop] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    margin: 0;
    padding: 0 var(--innvilo-space-5);
}

.reportcenter-catalog__list[b-s2ubalbgop] {
    display: grid;
    gap: var(--innvilo-space-1);
    list-style: none;
    margin: 0;
    padding: 0;
}

.reportcenter-catalog__item[b-s2ubalbgop] {
    align-items: flex-start;
    background: transparent;
    border: 0;
    border-left: 3px solid transparent;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    gap: var(--innvilo-space-4);
    min-height: 2.75rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5) var(--innvilo-space-4) calc(var(--innvilo-space-5) - 3px);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.reportcenter-catalog__item:hover[b-s2ubalbgop] {
    background: var(--innvilo-surface-app);
}

.reportcenter-catalog__item:focus-visible[b-s2ubalbgop] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.reportcenter-catalog__item.is-selected[b-s2ubalbgop] {
    background: var(--innvilo-color-primary-soft);
    border-left-color: var(--color-primary);
}

.reportcenter-catalog__item:disabled[b-s2ubalbgop] {
    cursor: default;
    opacity: .6;
}

.reportcenter-catalog__item > i[b-s2ubalbgop] {
    color: var(--innvilo-text-muted);
    flex: 0 0 1rem;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    margin-top: 1px;
    text-align: center;
}

.reportcenter-catalog__item.is-selected > i[b-s2ubalbgop] {
    color: var(--color-primary);
}

.reportcenter-catalog__item-text[b-s2ubalbgop] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.reportcenter-catalog__item-text strong[b-s2ubalbgop] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.reportcenter-catalog__item.is-selected .reportcenter-catalog__item-text strong[b-s2ubalbgop] {
    color: var(--color-primary);
}

.reportcenter-catalog__item-text small[b-s2ubalbgop] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Mobile: native details per group, 44px summary rows. */

.reportcenter-catalog.is-compact details[b-s2ubalbgop] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    gap: 0;
    overflow: hidden;
}

.reportcenter-catalog.is-compact summary[b-s2ubalbgop] {
    align-items: center;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    list-style: none;
    min-height: 2.75rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.reportcenter-catalog.is-compact summary[b-s2ubalbgop]::-webkit-details-marker {
    display: none;
}

.reportcenter-catalog.is-compact summary > i[b-s2ubalbgop] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-micro);
    margin-left: auto;
    transition: transform var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.reportcenter-catalog.is-compact details[open] summary > i[b-s2ubalbgop] {
    transform: rotate(180deg);
}

.reportcenter-catalog.is-compact summary:focus-visible[b-s2ubalbgop] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.reportcenter-catalog.is-compact summary small[b-s2ubalbgop] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.reportcenter-catalog.is-compact .reportcenter-catalog__list[b-s2ubalbgop] {
    border-top: 1px solid var(--innvilo-border-default);
    gap: 0;
    padding: var(--innvilo-space-2) 0;
}

.reportcenter-catalog.is-compact .reportcenter-catalog__item[b-s2ubalbgop] {
    border-radius: 0;
    padding-left: calc(var(--innvilo-space-6) - 3px);
    padding-right: var(--innvilo-space-6);
}

@media (max-width: 70rem) {
    .reportcenter-catalog:not(.is-compact)[b-s2ubalbgop] {
        border-bottom: 1px solid var(--innvilo-border-default);
    }

    .reportcenter-catalog:not(.is-compact) .reportcenter-catalog__tabs[b-s2ubalbgop] {
        display: flex;
    }

    .reportcenter-catalog:not(.is-compact) .reportcenter-catalog__group:not(.is-active)[b-s2ubalbgop] {
        display: none;
    }

    .reportcenter-catalog:not(.is-compact) .reportcenter-catalog__group h3[b-s2ubalbgop] {
        position: absolute;
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        width: 1px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reportcenter-catalog__tab[b-s2ubalbgop],
    .reportcenter-catalog__item[b-s2ubalbgop],
    .reportcenter-catalog.is-compact summary > i[b-s2ubalbgop] {
        transition: none;
    }
}
/* /Components/Pages/Reports/Center/ReportCenterBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.reportcenter-page[b-76zwixv8e8] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.reportcenter-viewport-skeleton[b-76zwixv8e8] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.reportcenter-viewport-skeleton span[b-76zwixv8e8] {
    animation: reportcenter-viewport-pulse-b-76zwixv8e8 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.reportcenter-viewport-skeleton .is-breadcrumb[b-76zwixv8e8] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.reportcenter-viewport-skeleton .is-title[b-76zwixv8e8] {
    height: 4.5rem;
}

.reportcenter-viewport-skeleton .is-kpis[b-76zwixv8e8] {
    height: 6rem;
}

.reportcenter-viewport-skeleton .is-content[b-76zwixv8e8] {
    height: 22rem;
}

@keyframes reportcenter-viewport-pulse-b-76zwixv8e8 {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .reportcenter-viewport-skeleton span[b-76zwixv8e8] {
        animation: none;
    }
}
/* /Components/Pages/Reports/Center/ReportCenterDesktop.razor.rz.scp.css */
/* Desktop workspace of the report center.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px) for surfaces, 8px for controls, one border colour, no shadows on static surfaces. */

.reportcenter-desktop[b-7zoz5d9051] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.reportcenter-breadcrumb[b-7zoz5d9051] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.reportcenter-breadcrumb a[b-7zoz5d9051] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.reportcenter-breadcrumb a:hover[b-7zoz5d9051],
.reportcenter-breadcrumb a:focus-visible[b-7zoz5d9051] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.reportcenter-breadcrumb a:focus-visible[b-7zoz5d9051] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.reportcenter-breadcrumb i[b-7zoz5d9051] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.reportcenter-breadcrumb [aria-current='page'][b-7zoz5d9051] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.reportcenter-head[b-7zoz5d9051] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.reportcenter-head__copy[b-7zoz5d9051] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.reportcenter-head__title-row[b-7zoz5d9051] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.reportcenter-head h1[b-7zoz5d9051] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.reportcenter-head__lead[b-7zoz5d9051] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.reportcenter-head__meta[b-7zoz5d9051] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.reportcenter-count-badge[b-7zoz5d9051] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.reportcenter-head__actions[b-7zoz5d9051] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* Download links styled like the app buttons (40px, control radius). The colour classes are shared. */

.reportcenter-link-button[b-7zoz5d9051] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-md);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    justify-content: center;
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-6);
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.reportcenter-link-button:focus-visible[b-7zoz5d9051] {
    box-shadow: 0 0 0 0.2rem var(--color-primary-focus-ring);
    outline: none;
}

.reportcenter-link-button.is-disabled[b-7zoz5d9051] {
    cursor: default;
    opacity: .5;
}

/* KPI strip: one surface, four cells, hairline dividers. */

.reportcenter-kpis[b-7zoz5d9051] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.reportcenter-kpi[b-7zoz5d9051] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.reportcenter-kpi + .reportcenter-kpi[b-7zoz5d9051] {
    border-left: 1px solid var(--innvilo-border-default);
}

.reportcenter-kpi.is-current[b-7zoz5d9051]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.reportcenter-kpi__label[b-7zoz5d9051] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.reportcenter-kpi__value[b-7zoz5d9051] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.reportcenter-kpi.is-current .reportcenter-kpi__value[b-7zoz5d9051] {
    color: var(--color-primary);
}

.reportcenter-kpi.is-attention .reportcenter-kpi__value[b-7zoz5d9051] {
    color: var(--color-warning-text);
}

.reportcenter-kpi__detail[b-7zoz5d9051] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: one white surface, catalog column left, viewer right. */

.reportcenter-workspace[b-7zoz5d9051] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: 18rem minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
}

.reportcenter-workspace__catalog[b-7zoz5d9051] {
    border-right: 1px solid var(--innvilo-border-default);
    min-width: 0;
}

.reportcenter-workspace__viewer[b-7zoz5d9051] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.reportcenter-page-error[b-7zoz5d9051] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-column: 1 / -1;
    justify-items: center;
    padding: var(--innvilo-space-11) var(--innvilo-space-9);
    text-align: center;
}

.reportcenter-page-error > i[b-7zoz5d9051] {
    color: var(--color-error);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.reportcenter-page-error h3[b-7zoz5d9051] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
}

.reportcenter-page-error p[b-7zoz5d9051] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0 0 var(--innvilo-space-2);
    max-width: 32rem;
}

@media (max-width: 70rem) {
    .reportcenter-kpis[b-7zoz5d9051] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reportcenter-kpi:nth-child(3)[b-7zoz5d9051] {
        border-left: 0;
    }

    .reportcenter-kpi:nth-child(n + 3)[b-7zoz5d9051] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .reportcenter-head[b-7zoz5d9051] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .reportcenter-head__actions[b-7zoz5d9051] {
        justify-content: flex-start;
    }

    .reportcenter-workspace[b-7zoz5d9051] {
        grid-template-columns: minmax(0, 1fr);
    }

    .reportcenter-workspace__catalog[b-7zoz5d9051] {
        border-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reportcenter-breadcrumb a[b-7zoz5d9051],
    .reportcenter-link-button[b-7zoz5d9051] {
        transition: none;
    }
}
/* /Components/Pages/Reports/Center/ReportCenterMobile.razor.rz.scp.css */
/* Mobile and tablet host of the report center: compact header, 2x2 KPI strip, catalog groups or the
   result view with back link. Vertical rhythm 24px between blocks. */

.reportcenter-mobile[b-7in66q51mk] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.reportcenter-breadcrumb[b-7in66q51mk] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.reportcenter-breadcrumb a[b-7in66q51mk] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.reportcenter-breadcrumb a:focus-visible[b-7in66q51mk] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.reportcenter-breadcrumb i[b-7in66q51mk] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.reportcenter-breadcrumb [aria-current='page'][b-7in66q51mk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.reportcenter-mobile-header[b-7in66q51mk] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.reportcenter-mobile-header__copy[b-7in66q51mk] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.reportcenter-mobile-header h1[b-7in66q51mk] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.reportcenter-mobile-header p[b-7in66q51mk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.reportcenter-mobile-header p span:first-child[b-7in66q51mk] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.reportcenter-mobile-header__actions[b-7in66q51mk] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns. */

.reportcenter-mobile-kpis[b-7in66q51mk] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.reportcenter-mobile-kpi[b-7in66q51mk] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.reportcenter-mobile-kpi:nth-child(even)[b-7in66q51mk] {
    border-left: 1px solid var(--innvilo-border-default);
}

.reportcenter-mobile-kpi:nth-child(n + 3)[b-7in66q51mk] {
    border-top: 1px solid var(--innvilo-border-default);
}

.reportcenter-mobile-kpi.is-current[b-7in66q51mk]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.reportcenter-mobile-kpi span[b-7in66q51mk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reportcenter-mobile-kpi strong[b-7in66q51mk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.reportcenter-mobile-kpi.is-current strong[b-7in66q51mk] {
    color: var(--color-primary);
}

.reportcenter-mobile-kpi.is-attention strong[b-7in66q51mk] {
    color: var(--color-warning-text);
}

/* Result view: back link, title, stacked period, downloads, document. */

.reportcenter-mobile-viewer[b-7in66q51mk] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    min-width: 0;
    overflow: hidden;
}

.reportcenter-back[b-7in66q51mk] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-link);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-6);
    text-align: left;
    width: 100%;
}

.reportcenter-back:focus-visible[b-7in66q51mk] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.reportcenter-back > i[b-7in66q51mk] {
    font-size: var(--innvilo-font-size-caption);
}

.reportcenter-mobile-viewer__title[b-7in66q51mk] {
    display: grid;
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-6) var(--innvilo-space-6) 0;
}

.reportcenter-mobile-viewer__title h2[b-7in66q51mk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
}

.reportcenter-mobile-viewer__title p[b-7in66q51mk] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
}

.reportcenter-mobile-downloads[b-7in66q51mk] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-7);
    padding: 0 var(--innvilo-space-6);
}

.reportcenter-mobile-downloads a[b-7in66q51mk] {
    align-items: center;
    color: var(--innvilo-text-link);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 2.75rem;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.reportcenter-mobile-downloads a:focus-visible[b-7in66q51mk] {
    border-radius: var(--innvilo-radius-xs);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* States and loading */

.reportcenter-mobile-state[b-7in66q51mk] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.reportcenter-mobile-state > i[b-7in66q51mk] {
    color: var(--color-error);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.reportcenter-mobile-state h2[b-7in66q51mk],
.reportcenter-mobile-state p[b-7in66q51mk] {
    margin: 0;
}

.reportcenter-mobile-state h2[b-7in66q51mk] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.reportcenter-mobile-state p[b-7in66q51mk] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.reportcenter-mobile-state > :last-child[b-7in66q51mk] {
    margin-top: var(--innvilo-space-5);
}

.reportcenter-mobile-skeleton[b-7in66q51mk] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.reportcenter-mobile-skeleton span[b-7in66q51mk] {
    animation: reportcenter-mobile-pulse-b-7in66q51mk 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes reportcenter-mobile-pulse-b-7in66q51mk {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .reportcenter-mobile-skeleton span[b-7in66q51mk] {
        animation: none;
    }
}
/* /Components/Pages/Reports/Center/ReportCenterPeriod.razor.rz.scp.css */
/* Period toolbar of the viewer: fields left, presets in the middle, the primary action right.
   Stacked on mobile and tablet with a full-width 44px action inside the surface. */

.reportcenter-period[b-319859rc46] {
    align-items: end;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.reportcenter-period__fields[b-319859rc46] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.reportcenter-period__field[b-319859rc46] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
    width: 11rem;
}

.reportcenter-period__field.is-narrow[b-319859rc46] {
    width: 7rem;
}

.reportcenter-period__field > span[b-319859rc46] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.reportcenter-period__presets[b-319859rc46] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.reportcenter-period__preset[b-319859rc46] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.25rem;
    padding: 0 var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.reportcenter-period__preset:hover[b-319859rc46] {
    background: var(--innvilo-surface-app);
}

.reportcenter-period__preset:focus-visible[b-319859rc46] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.reportcenter-period__preset:disabled[b-319859rc46] {
    cursor: default;
    opacity: .6;
}

.reportcenter-period__submit[b-319859rc46] {
    flex: 0 0 auto;
    margin-left: auto;
}

.reportcenter-period.is-stacked[b-319859rc46] {
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-6);
}

.reportcenter-period.is-stacked .reportcenter-period__fields[b-319859rc46] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
}

.reportcenter-period.is-stacked .reportcenter-period__field[b-319859rc46],
.reportcenter-period.is-stacked .reportcenter-period__field.is-narrow[b-319859rc46] {
    width: auto;
}

.reportcenter-period.is-stacked .reportcenter-period__preset[b-319859rc46] {
    min-height: 2.75rem;
}

.reportcenter-period.is-stacked .reportcenter-period__submit[b-319859rc46] {
    margin-left: 0;
}

@media (prefers-reduced-motion: reduce) {
    .reportcenter-period__preset[b-319859rc46] {
        transition: none;
    }
}
/* /Components/Pages/Reports/Center/ReportCenterResult.razor.rz.scp.css */
/* Report document: title block, KPI row as one surface, one native table per section inside a
   horizontal scroller. States (idle, generating, empty, error) replace the document in the viewer. */

.reportcenter-result[b-v9hdc0lsj6] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.reportcenter-result__head[b-v9hdc0lsj6] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.reportcenter-result__copy[b-v9hdc0lsj6] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.reportcenter-result h2[b-v9hdc0lsj6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.reportcenter-result__period[b-v9hdc0lsj6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: 0;
}

.reportcenter-result__meta[b-v9hdc0lsj6] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: 0;
}

.reportcenter-result__csv[b-v9hdc0lsj6] {
    align-items: center;
    color: var(--innvilo-text-link);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 2.5rem;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.reportcenter-result__csv:hover[b-v9hdc0lsj6] {
    color: var(--innvilo-text-link-hover);
}

.reportcenter-result__csv:focus-visible[b-v9hdc0lsj6] {
    border-radius: var(--innvilo-radius-xs);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* KPI row: one surface on the app grey, up to four cells with hairlines. */

.reportcenter-result__kpis[b-v9hdc0lsj6] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.reportcenter-result__kpi[b-v9hdc0lsj6] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.reportcenter-result__kpi + .reportcenter-result__kpi[b-v9hdc0lsj6] {
    border-left: 1px solid var(--innvilo-border-default);
}

.reportcenter-result__kpi-label[b-v9hdc0lsj6] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.reportcenter-result__kpi-value[b-v9hdc0lsj6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.reportcenter-result__kpi.is-accent .reportcenter-result__kpi-value[b-v9hdc0lsj6] {
    color: var(--color-primary);
}

.reportcenter-result__kpi.is-positive .reportcenter-result__kpi-value[b-v9hdc0lsj6] {
    color: var(--color-success);
}

.reportcenter-result__kpi.is-warning .reportcenter-result__kpi-value[b-v9hdc0lsj6] {
    color: var(--color-warning-text);
}

.reportcenter-result__kpi.is-critical .reportcenter-result__kpi-value[b-v9hdc0lsj6] {
    color: var(--color-error);
}

.reportcenter-result__kpi-detail[b-v9hdc0lsj6] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sections */

.reportcenter-section[b-v9hdc0lsj6] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.reportcenter-section__head[b-v9hdc0lsj6] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.reportcenter-section h3[b-v9hdc0lsj6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.4;
    margin: 0;
}

.reportcenter-section__head p[b-v9hdc0lsj6],
.reportcenter-section__empty[b-v9hdc0lsj6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
}

.reportcenter-section__empty[b-v9hdc0lsj6] {
    border: 1px dashed var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.reportcenter-table-wrap[b-v9hdc0lsj6] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow-x: auto;
}

.reportcenter-table[b-v9hdc0lsj6] {
    border-collapse: collapse;
    font-size: var(--innvilo-font-size-label);
    min-width: 100%;
    width: max-content;
}

.reportcenter-table th[b-v9hdc0lsj6] {
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-weight: normal;
    height: 2.5rem;
    padding: 0 var(--innvilo-space-6);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.reportcenter-table td[b-v9hdc0lsj6] {
    border-bottom: 1px solid var(--innvilo-border-soft);
    color: var(--innvilo-text-primary);
    line-height: 1.4;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    vertical-align: middle;
}

.reportcenter-table tbody tr:last-child td[b-v9hdc0lsj6] {
    border-bottom: 0;
}

.reportcenter-table .is-right[b-v9hdc0lsj6] {
    text-align: right;
}

.reportcenter-table .is-center[b-v9hdc0lsj6] {
    text-align: center;
}

.reportcenter-table .is-numeric[b-v9hdc0lsj6] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.reportcenter-table tbody tr.is-warning td[b-v9hdc0lsj6] {
    color: var(--color-warning-text);
}

.reportcenter-table tbody tr.is-critical td[b-v9hdc0lsj6] {
    color: var(--color-error);
}

.reportcenter-table tbody tr.is-positive td[b-v9hdc0lsj6] {
    color: var(--color-success);
}

.reportcenter-table tfoot td[b-v9hdc0lsj6] {
    background: var(--innvilo-surface-app);
    border-bottom: 0;
    border-top: 1px solid var(--innvilo-border-default);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

/* States: centred copy, the shared list illustration, one action at most. */

.reportcenter-state[b-v9hdc0lsj6] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.reportcenter-state > *[b-v9hdc0lsj6] {
    animation: reportcenter-state-in-b-v9hdc0lsj6 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.reportcenter-state > :nth-child(2)[b-v9hdc0lsj6] { animation-delay: 40ms; }
.reportcenter-state > :nth-child(3)[b-v9hdc0lsj6] { animation-delay: 80ms; }

@keyframes reportcenter-state-in-b-v9hdc0lsj6 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.reportcenter-state > i[b-v9hdc0lsj6] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.reportcenter-state--error[b-v9hdc0lsj6] {
    padding-block: var(--innvilo-space-11);
}

.reportcenter-state--error > i[b-v9hdc0lsj6] {
    color: var(--color-error);
}

.reportcenter-state__copy[b-v9hdc0lsj6] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.reportcenter-state h3[b-v9hdc0lsj6] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.reportcenter-state p[b-v9hdc0lsj6] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.reportcenter-state__actions[b-v9hdc0lsj6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

/* Illustration: three list rows drawn in CSS, the icon sits on the bottom row without a container. */

.reportcenter-state__art[b-v9hdc0lsj6] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.reportcenter-state__art > span[b-v9hdc0lsj6] {
    animation: reportcenter-state-row-in-b-v9hdc0lsj6 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.reportcenter-state__art > span[b-v9hdc0lsj6]::before,
.reportcenter-state__art > span[b-v9hdc0lsj6]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.reportcenter-state__art > span[b-v9hdc0lsj6]::before {
    top: 0.625rem;
    width: 38%;
}

.reportcenter-state__art > span[b-v9hdc0lsj6]::after {
    bottom: 0.625rem;
    width: 58%;
}

.reportcenter-state__art > span:nth-child(1)[b-v9hdc0lsj6] {
    opacity: .35;
    transform: scale(.94);
}

.reportcenter-state__art > span:nth-child(2)[b-v9hdc0lsj6] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.reportcenter-state__art > span:nth-child(3)[b-v9hdc0lsj6] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.reportcenter-state__art > i[b-v9hdc0lsj6] {
    align-items: center;
    animation: reportcenter-state-in-b-v9hdc0lsj6 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.reportcenter-state__art.is-filtered > span:nth-child(3)[b-v9hdc0lsj6]::before,
.reportcenter-state__art.is-filtered > span:nth-child(3)[b-v9hdc0lsj6]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes reportcenter-state-row-in-b-v9hdc0lsj6 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* Generating: skeleton of title, KPI row and four table rows. */

.reportcenter-generating[b-v9hdc0lsj6] {
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-8);
}

.reportcenter-generating span[b-v9hdc0lsj6] {
    animation: reportcenter-pulse-b-v9hdc0lsj6 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 2.75rem;
}

.reportcenter-generating .is-title[b-v9hdc0lsj6] {
    height: 3.5rem;
    max-width: 24rem;
}

.reportcenter-generating .is-kpis[b-v9hdc0lsj6] {
    height: 6rem;
    margin-bottom: var(--innvilo-space-4);
}

@keyframes reportcenter-pulse-b-v9hdc0lsj6 {
    50% { opacity: .55; }
}

@media (max-width: 48rem) {
    .reportcenter-result[b-v9hdc0lsj6] {
        gap: var(--innvilo-space-6);
        padding: var(--innvilo-space-6);
    }

    .reportcenter-result__kpis[b-v9hdc0lsj6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reportcenter-result__kpi:nth-child(3)[b-v9hdc0lsj6] {
        border-left: 0;
    }

    .reportcenter-result__kpi:nth-child(n + 3)[b-v9hdc0lsj6] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .reportcenter-state[b-v9hdc0lsj6] {
        padding: var(--innvilo-space-10) var(--innvilo-space-6);
    }

    .reportcenter-generating[b-v9hdc0lsj6] {
        padding: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .reportcenter-state > *[b-v9hdc0lsj6],
    .reportcenter-state__art > span[b-v9hdc0lsj6],
    .reportcenter-state__art > i[b-v9hdc0lsj6],
    .reportcenter-generating span[b-v9hdc0lsj6] {
        animation: none;
    }
}
/* /Components/Pages/Reports/ReportDayView.razor.rz.scp.css */
.report-view[b-ra200blm9n] { display: grid; gap: var(--innvilo-space-6); min-width: 0; }
.report-layout[b-ra200blm9n] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-6); }
.report-panel[b-ra200blm9n] { min-width: 0; padding: var(--innvilo-space-6); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-card); background: var(--innvilo-surface-card); }
.report-panel--wide[b-ra200blm9n] { grid-column: 1 / -1; }
.report-panel__header[b-ra200blm9n] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--innvilo-space-5); margin-bottom: var(--innvilo-space-5); }
.report-panel__header span[b-ra200blm9n] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.report-panel__header h2[b-ra200blm9n] { margin: var(--innvilo-space-1) 0 0; font-size: var(--innvilo-font-size-subheading); }
.report-panel__header p[b-ra200blm9n] { margin: var(--innvilo-space-2) 0 0; color: var(--innvilo-text-secondary); }
.report-checklist ul[b-ra200blm9n] { display: grid; gap: var(--innvilo-space-3); margin: 0; padding: 0; list-style: none; }
.report-checklist li[b-ra200blm9n] { display: flex; gap: var(--innvilo-space-3); padding: var(--innvilo-space-3); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-muted); }
.report-checklist li > i[b-ra200blm9n] { margin-top: var(--innvilo-space-1); color: var(--innvilo-text-secondary); }
.report-checklist li.is-done > i[b-ra200blm9n] { color: var(--innvilo-color-primary); }
.report-checklist li.is-blocker > i[b-ra200blm9n],
.report-checklist li.is-warning > i[b-ra200blm9n] { color: var(--innvilo-text-link); }
.report-checklist li div[b-ra200blm9n] { display: grid; gap: var(--innvilo-space-1); }
.report-checklist small[b-ra200blm9n] { color: var(--innvilo-text-secondary); }
.report-checklist a[b-ra200blm9n] { min-height: 2.75rem; display: inline-flex; align-items: center; color: var(--innvilo-text-link); font-weight: 700; }
.report-summary-grid[b-ra200blm9n] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--innvilo-space-3); margin: 0; }
.report-summary-grid div[b-ra200blm9n] { padding: var(--innvilo-space-3); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-muted); }
.report-summary-grid dt[b-ra200blm9n] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); }
.report-summary-grid dd[b-ra200blm9n] { margin: var(--innvilo-space-1) 0 0; font-weight: 800; }
.report-summary-grid .is-difference dd[b-ra200blm9n] { color: var(--innvilo-text-link); }
.report-note[b-ra200blm9n] { margin: var(--innvilo-space-4) 0 0; }
.report-cash-form[b-ra200blm9n] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-6); }
.report-cash-form section[b-ra200blm9n] { display: grid; align-content: start; gap: var(--innvilo-space-3); padding: var(--innvilo-space-5); border-radius: var(--innvilo-radius-card); background: var(--innvilo-surface-muted); }
.report-cash-form h3[b-ra200blm9n],
.report-cash-form p[b-ra200blm9n] { margin: 0; }
.report-cash-form label[b-ra200blm9n] { display: grid; gap: var(--innvilo-space-2); font-weight: 700; }
.report-cash-form input[b-ra200blm9n] { min-height: 3rem; width: 100%; padding: 0 var(--innvilo-space-3); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-sm); color: var(--innvilo-text-primary); background: var(--innvilo-surface-card); font: inherit; }
.report-cash-form__notes[b-ra200blm9n],
.report-cash-form footer[b-ra200blm9n] { grid-column: 1 / -1; }
.report-cash-form footer[b-ra200blm9n] { display: flex; align-items: center; gap: var(--innvilo-space-4); }
.report-difference[b-ra200blm9n] { padding: var(--innvilo-space-2) var(--innvilo-space-3); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-card); }
.report-card-row[b-ra200blm9n] { color: var(--innvilo-text-secondary); }
.report-primary-button[b-ra200blm9n] { min-height: 2.75rem; padding: 0 var(--innvilo-space-5); border: 0; border-radius: var(--innvilo-radius-sm); color: var(--innvilo-text-inverse); background: var(--innvilo-color-primary); font: inherit; font-weight: 800; cursor: pointer; }
.report-primary-button:disabled[b-ra200blm9n] { color: var(--innvilo-text-disabled); background: var(--innvilo-surface-muted); cursor: not-allowed; }
.report-primary-button:focus-visible[b-ra200blm9n],
.report-cash-form input:focus-visible[b-ra200blm9n] { outline: 2px solid var(--innvilo-border-focus); outline-offset: 2px; }
.report-terminal[b-ra200blm9n] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--innvilo-space-4); padding-top: var(--innvilo-space-5); border-top: 1px solid var(--innvilo-border-default); }
.report-terminal:first-of-type[b-ra200blm9n] { padding-top: 0; border-top: 0; }
.report-terminal + .report-terminal[b-ra200blm9n] { margin-top: var(--innvilo-space-5); }
.report-terminal__header[b-ra200blm9n] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--innvilo-space-3); }
.report-terminal__header h3[b-ra200blm9n] { margin: 0; font-size: var(--innvilo-font-size-body); }
.report-terminal__empty[b-ra200blm9n] { margin: 0; color: var(--innvilo-text-secondary); }
.report-terminal .report-note[b-ra200blm9n] { margin: 0; }
.report-terminal__receipt summary[b-ra200blm9n] { min-height: 2.75rem; display: inline-flex; align-items: center; color: var(--innvilo-text-link); font-weight: 700; cursor: pointer; }
.report-terminal__receipt summary:focus-visible[b-ra200blm9n] { outline: 2px solid var(--innvilo-border-focus); outline-offset: 2px; }
.report-terminal__receipt pre[b-ra200blm9n] { max-height: 24rem; margin: var(--innvilo-space-2) 0 0; padding: var(--innvilo-space-4); overflow: auto; border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-sm); color: var(--innvilo-text-primary); background: var(--innvilo-surface-muted); font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace; font-size: var(--innvilo-font-size-label); white-space: pre; }
@media (max-width: 63.99rem) { .report-layout[b-ra200blm9n] { grid-template-columns: 1fr; } .report-panel--wide[b-ra200blm9n] { grid-column: auto; } .report-summary-grid[b-ra200blm9n] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 47.99rem) { .report-panel[b-ra200blm9n] { padding: var(--innvilo-space-4); } .report-panel__header[b-ra200blm9n] { flex-direction: column; } .report-cash-form[b-ra200blm9n] { grid-template-columns: 1fr; } .report-cash-form__notes[b-ra200blm9n], .report-cash-form footer[b-ra200blm9n] { grid-column: auto; } .report-cash-form footer[b-ra200blm9n] { align-items: stretch; flex-direction: column; } .report-primary-button[b-ra200blm9n] { width: 100%; min-height: 3rem; } }
/* /Components/Pages/Reports/ReportMonthView.razor.rz.scp.css */
.report-view[b-6s6r9okzku] { display: grid; gap: var(--innvilo-space-6); min-width: 0; }
.report-layout[b-6s6r9okzku] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-6); }
.report-panel[b-6s6r9okzku] { min-width: 0; padding: var(--innvilo-space-6); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-card); background: var(--innvilo-surface-card); }
.report-panel--wide[b-6s6r9okzku] { grid-column: 1 / -1; }
.report-panel__header[b-6s6r9okzku] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--innvilo-space-5); margin-bottom: var(--innvilo-space-5); }
.report-panel__header span[b-6s6r9okzku] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.report-panel__header h2[b-6s6r9okzku] { margin: var(--innvilo-space-1) 0 0; font-size: var(--innvilo-font-size-subheading); }
.report-panel__header p[b-6s6r9okzku] { max-width: 46rem; margin: var(--innvilo-space-2) 0 0; color: var(--innvilo-text-secondary); }
.missing-days[b-6s6r9okzku] { display: flex; align-items: center; gap: var(--innvilo-space-4); padding: var(--innvilo-space-4) var(--innvilo-space-5); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-card); background: var(--innvilo-surface-muted); }
.missing-days > div[b-6s6r9okzku] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--innvilo-space-2); }
.missing-days button[b-6s6r9okzku] { min-height: 2.75rem; padding: 0 var(--innvilo-space-3); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-sm); color: var(--innvilo-text-link); background: var(--innvilo-surface-card); font: inherit; font-weight: 700; cursor: pointer; }
.report-primary-button[b-6s6r9okzku] { display: inline-flex; align-items: center; justify-content: center; gap: var(--innvilo-space-2); min-height: 2.75rem; padding: 0 var(--innvilo-space-5); border: 0; border-radius: var(--innvilo-radius-sm); color: var(--innvilo-text-inverse); background: var(--innvilo-color-primary); font: inherit; font-weight: 800; white-space: nowrap; cursor: pointer; }
.report-primary-button:disabled[b-6s6r9okzku] { color: var(--innvilo-text-disabled); background: var(--innvilo-surface-muted); cursor: not-allowed; }
.settlement-summary[b-6s6r9okzku],
.accounting-summary[b-6s6r9okzku] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--innvilo-space-3); margin: 0 0 var(--innvilo-space-5); }
.settlement-summary div[b-6s6r9okzku],
.accounting-summary div[b-6s6r9okzku] { min-width: 0; padding: var(--innvilo-space-3); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-muted); }
.settlement-summary dt[b-6s6r9okzku],
.accounting-summary dt[b-6s6r9okzku] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); }
.settlement-summary dd[b-6s6r9okzku],
.accounting-summary dd[b-6s6r9okzku] { margin: var(--innvilo-space-1) 0 0; font-weight: 800; overflow-wrap: anywhere; }
.settlement-summary .is-difference dd[b-6s6r9okzku] { color: var(--innvilo-text-link); }
.fee-rate[b-6s6r9okzku] { margin: 0 0 var(--innvilo-space-5); color: var(--innvilo-text-secondary); }
.accounting-summary[b-6s6r9okzku] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.report-action-link[b-6s6r9okzku] { display: inline-flex; align-items: center; gap: var(--innvilo-space-2); min-height: 2.75rem; color: var(--innvilo-text-link); font-weight: 800; }
button:focus-visible[b-6s6r9okzku],
a:focus-visible[b-6s6r9okzku] { outline: 2px solid var(--innvilo-border-focus); outline-offset: 2px; }
@media (max-width: 63.99rem) { .report-layout[b-6s6r9okzku] { grid-template-columns: 1fr; } .report-panel--wide[b-6s6r9okzku] { grid-column: auto; } .settlement-summary[b-6s6r9okzku] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .accounting-summary[b-6s6r9okzku] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 47.99rem) { .report-panel[b-6s6r9okzku] { padding: var(--innvilo-space-4); } .report-panel__header[b-6s6r9okzku] { flex-direction: column; } .report-panel__header--action .report-primary-button[b-6s6r9okzku] { width: 100%; min-height: 3rem; } .missing-days[b-6s6r9okzku] { align-items: stretch; flex-direction: column; padding: var(--innvilo-space-4); } .settlement-summary[b-6s6r9okzku], .accounting-summary[b-6s6r9okzku] { grid-template-columns: 1fr; } }
/* /Components/Pages/Reports/ReportPeriodNavigator.razor.rz.scp.css */
.report-period[b-yilm4mb4xn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-card);
}

.report-period__controls[b-yilm4mb4xn],
.report-period__context[b-yilm4mb4xn] {
    display: flex;
    align-items: center;
    gap: var(--innvilo-space-3);
}

.report-period__button[b-yilm4mb4xn] {
    display: inline-grid;
    place-items: center;
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    background: var(--innvilo-surface-card);
    cursor: pointer;
}

.report-period__button:hover:not(:disabled)[b-yilm4mb4xn] { background: var(--innvilo-surface-muted); }
.report-period__button:focus-visible[b-yilm4mb4xn] { outline: 2px solid var(--innvilo-border-focus); outline-offset: 2px; }
.report-period__button:disabled[b-yilm4mb4xn] { color: var(--innvilo-text-disabled); cursor: not-allowed; }

.report-period__date input[b-yilm4mb4xn] {
    min-width: 10.5rem;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-3);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    background: var(--innvilo-surface-card);
    font: inherit;
}

.report-period__title[b-yilm4mb4xn] { min-width: 10rem; text-align: center; }
.report-period__context small[b-yilm4mb4xn] { color: var(--innvilo-text-secondary); }

@media (max-width: 47.99rem) {
    .report-period[b-yilm4mb4xn] { align-items: stretch; flex-direction: column; padding: var(--innvilo-space-4); }
    .report-period__controls[b-yilm4mb4xn] { justify-content: space-between; }
    .report-period__context[b-yilm4mb4xn] { justify-content: space-between; }
    .report-period__date[b-yilm4mb4xn] { flex: 1; }
    .report-period__date input[b-yilm4mb4xn] { width: 100%; min-width: 0; }
    .report-period__title[b-yilm4mb4xn] { min-width: 0; }
}
/* /Components/Pages/Reports/ReportPortfolioView.razor.rz.scp.css */
.report-view[b-gg089zb5rs] { display: grid; gap: var(--innvilo-space-6); min-width: 0; }
.report-panel[b-gg089zb5rs] { min-width: 0; padding: var(--innvilo-space-6); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-card); background: var(--innvilo-surface-card); }
.report-panel__header[b-gg089zb5rs] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--innvilo-space-5); margin-bottom: var(--innvilo-space-5); }
.report-panel__header span[b-gg089zb5rs] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.report-panel__header h2[b-gg089zb5rs] { margin: var(--innvilo-space-1) 0 0; font-size: var(--innvilo-font-size-subheading); }
.report-panel__header p[b-gg089zb5rs] { margin: var(--innvilo-space-2) 0 0; color: var(--innvilo-text-secondary); }
@media (max-width: 47.99rem) { .report-panel[b-gg089zb5rs] { padding: var(--innvilo-space-4); } .report-panel__header[b-gg089zb5rs] { flex-direction: column; } }
/* /Components/Pages/Reports/Reports.razor.rz.scp.css */
.reports-page[b-ricb7w0bu1] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
    color: var(--innvilo-text-primary);
}

.reports-tabs[b-ricb7w0bu1] {
    display: flex;
    min-width: 0;
    gap: var(--innvilo-space-2);
    padding-bottom: var(--innvilo-space-2);
    border-bottom: 1px solid var(--innvilo-border-default);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.reports-tab[b-ricb7w0bu1] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-secondary);
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.reports-tab:hover[b-ricb7w0bu1] { color: var(--innvilo-text-primary); background: var(--innvilo-surface-muted); }
.reports-tab.is-active[b-ricb7w0bu1] { color: var(--innvilo-text-primary); background: var(--innvilo-color-primary-soft); }
.reports-tab.is-active[b-ricb7w0bu1]::after { position: absolute; right: var(--innvilo-space-3); bottom: calc(var(--innvilo-space-2) * -1 - 1px); left: var(--innvilo-space-3); height: 2px; background: var(--innvilo-color-primary); content: ""; }
.reports-tab:focus-visible[b-ricb7w0bu1] { outline: 2px solid var(--innvilo-border-focus); outline-offset: 2px; }

.reports-error[b-ricb7w0bu1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-6);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-card);
}

.reports-error__icon[b-ricb7w0bu1] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-link);
    background: var(--innvilo-surface-muted);
}

.reports-error h2[b-ricb7w0bu1] { margin: 0; font-size: var(--innvilo-font-size-subheading); }
.reports-error p[b-ricb7w0bu1] { margin: var(--innvilo-space-1) 0 0; color: var(--innvilo-text-secondary); }

.reports-secondary-button[b-ricb7w0bu1] {
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    background: var(--innvilo-surface-card);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.reports-secondary-button:hover[b-ricb7w0bu1] { background: var(--innvilo-surface-muted); }
.reports-secondary-button:focus-visible[b-ricb7w0bu1] { outline: 2px solid var(--innvilo-border-focus); outline-offset: 2px; }

@media (max-width: 47.99rem) {
    .reports-page[b-ricb7w0bu1] { gap: var(--innvilo-space-6); }
    .reports-tabs[b-ricb7w0bu1] { margin-inline: calc(var(--innvilo-space-4) * -1); padding-inline: var(--innvilo-space-4); }
    .reports-tab[b-ricb7w0bu1] { min-height: 3rem; }
    .reports-error[b-ricb7w0bu1] { grid-template-columns: auto minmax(0, 1fr); padding: var(--innvilo-space-4); }
    .reports-secondary-button[b-ricb7w0bu1] { grid-column: 1 / -1; width: 100%; min-height: 3rem; }
}
/* /Components/Pages/Reports/ReportSettlementDialog.razor.rz.scp.css */
.settlement-form[b-rfukw8zdmg] { display: grid; gap: var(--innvilo-space-4); }
.settlement-form__row[b-rfukw8zdmg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-4); }
.settlement-form label[b-rfukw8zdmg] { display: grid; gap: var(--innvilo-space-2); font-weight: 700; }
.settlement-form input[b-rfukw8zdmg],
.settlement-form select[b-rfukw8zdmg] { width: 100%; min-height: 3rem; padding: 0 var(--innvilo-space-3); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-sm); color: var(--innvilo-text-primary); background: var(--innvilo-surface-card); font: inherit; }
.settlement-form input:focus-visible[b-rfukw8zdmg],
.settlement-form select:focus-visible[b-rfukw8zdmg] { outline: 2px solid var(--innvilo-border-focus); outline-offset: 2px; }
.settlement-form__net[b-rfukw8zdmg] { margin: 0; padding: var(--innvilo-space-3); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-muted); }
@media (max-width: 39.99rem) { .settlement-form__row[b-rfukw8zdmg] { grid-template-columns: 1fr; } }
/* /Components/Pages/Reports/ReportsShimmer.razor.rz.scp.css */
.reports-shimmer[b-wmk8qrs4sl] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.reports-shimmer__period[b-wmk8qrs4sl],
.reports-shimmer__kpis span[b-wmk8qrs4sl],
.reports-shimmer__content span[b-wmk8qrs4sl] {
    display: block;
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-muted);
    animation: report-shimmer-b-wmk8qrs4sl 1.4s ease-in-out infinite alternate;
}

.reports-shimmer__period[b-wmk8qrs4sl] {
    width: min(100%, 32rem);
    height: 3rem;
}

.reports-shimmer__kpis[b-wmk8qrs4sl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--innvilo-space-6);
}

.reports-shimmer__kpis span[b-wmk8qrs4sl] {
    min-height: 7.5rem;
}

.reports-shimmer__content[b-wmk8qrs4sl] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.reports-shimmer__content span[b-wmk8qrs4sl] {
    min-height: 11rem;
}

@keyframes report-shimmer-b-wmk8qrs4sl {
    from { opacity: .55; }
    to { opacity: 1; }
}

@media (max-width: 47.99rem) {
    .reports-shimmer__kpis[b-wmk8qrs4sl] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
    .reports-shimmer__period[b-wmk8qrs4sl],
    .reports-shimmer__kpis span[b-wmk8qrs4sl],
    .reports-shimmer__content span[b-wmk8qrs4sl] { animation: none; }
}
/* /Components/Pages/Reports/ReportYearView.razor.rz.scp.css */
.report-view[b-l9kpr77z5p] { display: grid; gap: var(--innvilo-space-6); min-width: 0; }
.report-layout[b-l9kpr77z5p] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-6); }
.report-panel[b-l9kpr77z5p] { min-width: 0; padding: var(--innvilo-space-6); border: 1px solid var(--innvilo-border-default); border-radius: var(--innvilo-radius-card); background: var(--innvilo-surface-card); }
.report-panel--wide[b-l9kpr77z5p] { grid-column: 1 / -1; }
.report-panel__header[b-l9kpr77z5p] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--innvilo-space-5); margin-bottom: var(--innvilo-space-5); }
.report-panel__header span[b-l9kpr77z5p] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.report-panel__header h2[b-l9kpr77z5p] { margin: var(--innvilo-space-1) 0 0; font-size: var(--innvilo-font-size-subheading); }
.accounting-summary[b-l9kpr77z5p] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--innvilo-space-3); margin: 0 0 var(--innvilo-space-5); }
.accounting-summary div[b-l9kpr77z5p] { min-width: 0; padding: var(--innvilo-space-3); border-radius: var(--innvilo-radius-sm); background: var(--innvilo-surface-muted); }
.accounting-summary dt[b-l9kpr77z5p] { color: var(--innvilo-text-secondary); font-size: var(--innvilo-font-size-label); }
.accounting-summary dd[b-l9kpr77z5p] { margin: var(--innvilo-space-1) 0 0; font-weight: 800; overflow-wrap: anywhere; }
.report-action-link[b-l9kpr77z5p] { display: inline-flex; align-items: center; gap: var(--innvilo-space-2); min-height: 2.75rem; color: var(--innvilo-text-link); font-weight: 800; }
.report-action-link:focus-visible[b-l9kpr77z5p] { outline: 2px solid var(--innvilo-border-focus); outline-offset: 2px; }
@media (max-width: 63.99rem) { .report-layout[b-l9kpr77z5p] { grid-template-columns: 1fr; } .report-panel--wide[b-l9kpr77z5p] { grid-column: auto; } .accounting-summary[b-l9kpr77z5p] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 47.99rem) { .report-panel[b-l9kpr77z5p] { padding: var(--innvilo-space-4); } .report-panel__header[b-l9kpr77z5p] { flex-direction: column; } .accounting-summary[b-l9kpr77z5p] { grid-template-columns: 1fr; } }
/* /Components/Pages/Reputation/ReputationBadge.razor.rz.scp.css */
.reputation-badge[b-3c2kh9ee1c] {
    align-items: center;
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-text-muted);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: .69rem;
    font-weight: normal;
    gap: .34rem;
    line-height: 1.1;
    max-width: 100%;
    min-height: 1.65rem;
    padding: .2rem .52rem;
    white-space: nowrap;
}

.reputation-badge i[b-3c2kh9ee1c] { font-size: .66rem; }
.reputation-badge.is-success[b-3c2kh9ee1c] { background: var(--color-success-soft); border-color: var(--color-success-border); color: var(--color-success); }
.reputation-badge.is-warning[b-3c2kh9ee1c] { background: var(--color-warning-soft); border-color: var(--color-warning-border); color: var(--color-warning-text); }
.reputation-badge.is-danger[b-3c2kh9ee1c],
.reputation-badge.is-critical[b-3c2kh9ee1c] { background: var(--color-error-soft); border-color: var(--color-error); color: var(--color-error); }
.reputation-badge.is-critical[b-3c2kh9ee1c] { font-weight: 900; }
.reputation-badge.is-info[b-3c2kh9ee1c] { background: var(--color-accent-soft); border-color: var(--color-primary); color: var(--color-primary); }

@media (forced-colors: active) {
    .reputation-badge[b-3c2kh9ee1c] { border: 1px solid CanvasText; }
}
/* /Components/Pages/Reputation/ReputationOverview.razor.rz.scp.css */
.reputation-overview[b-c245a2icch] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    font-family: "Lato-Regular", Arial, sans-serif;
}

.reputation-overview__hero[b-c245a2icch] {
    display: grid;
    min-width: 0;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
}

.reputation-overview__step[b-c245a2icch],
.reputation-chart-grid[b-c245a2icch],
.reputation-chart-panel[b-c245a2icch],
.reputation-action-center[b-c245a2icch],
.reputation-action-center__items[b-c245a2icch],
.reputation-action-center__items article[b-c245a2icch],
.reputation-action-center__items article > div[b-c245a2icch] {
    min-width: 0;
}

.reputation-chart-grid[b-c245a2icch] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(20rem, .85fr);
    gap: var(--innvilo-space-8);
}

.reputation-chart-panel[b-c245a2icch],
.reputation-action-center[b-c245a2icch] {
    overflow: hidden;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-main);
}

.reputation-chart-panel > header[b-c245a2icch],
.reputation-action-center > header[b-c245a2icch] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-8);
}

.reputation-chart-panel > header[b-c245a2icch] {
    padding-bottom: var(--innvilo-space-5);
}

.reputation-chart-panel header span[b-c245a2icch],
.reputation-action-center header span[b-c245a2icch] {
    color: var(--innvilo-text-secondary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.reputation-chart-panel h2[b-c245a2icch],
.reputation-action-center h2[b-c245a2icch],
.reputation-overview__empty h2[b-c245a2icch],
.reputation-state h2[b-c245a2icch] {
    margin: var(--innvilo-space-2) 0 0;
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
}

.reputation-dx-chart[b-c245a2icch] {
    min-width: 0;
    padding: 0 var(--innvilo-space-4) var(--innvilo-space-4);
}

.reputation-action-center > header[b-c245a2icch] {
    align-items: end;
    border-bottom: 1px solid var(--innvilo-border-default);
}

.reputation-action-center > header p[b-c245a2icch],
.reputation-overview__empty p[b-c245a2icch],
.reputation-state p[b-c245a2icch] {
    margin: 0;
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.reputation-action-center > header p[b-c245a2icch] {
    max-width: 34rem;
    text-align: right;
}

.reputation-action-center__items[b-c245a2icch] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reputation-action-center__items article[b-c245a2icch] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    border-right: 1px solid var(--innvilo-border-default);
}

.reputation-action-center__items article:last-child[b-c245a2icch] {
    border-right: 0;
}

.reputation-action-center__items article > div[b-c245a2icch] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.reputation-action-center__items strong[b-c245a2icch] {
    overflow-wrap: anywhere;
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
}

.reputation-action-center__items small[b-c245a2icch] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
}

.reputation-action-center__icon[b-c245a2icch],
.reputation-overview__empty-icon[b-c245a2icch],
.reputation-state__icon[b-c245a2icch] {
    color: var(--innvilo-color-primary);
    font-size: 1.25rem;
}

.reputation-action-center__icon.is-critical[b-c245a2icch],
.reputation-state--error .reputation-state__icon[b-c245a2icch],
.reputation-state--denied .reputation-state__icon[b-c245a2icch] {
    color: var(--color-error);
}

.reputation-state--unavailable .reputation-state__icon[b-c245a2icch] {
    color: var(--color-warning-text);
}

.reputation-overview__empty[b-c245a2icch],
.reputation-state[b-c245a2icch] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--innvilo-space-6);
    min-height: 10rem;
    padding: var(--innvilo-space-8);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-main);
}

.reputation-overview__empty h2[b-c245a2icch],
.reputation-overview__empty p[b-c245a2icch],
.reputation-state h2[b-c245a2icch],
.reputation-state p[b-c245a2icch] {
    margin-left: 0;
    margin-right: 0;
}

.reputation-overview__empty p[b-c245a2icch],
.reputation-state p[b-c245a2icch] {
    margin-top: var(--innvilo-space-3);
}

.reputation-state--error[b-c245a2icch],
.reputation-state--denied[b-c245a2icch] {
    border-color: var(--color-error-border);
}

.reputation-overview__skeleton[b-c245a2icch] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(20rem, .85fr);
    gap: var(--innvilo-space-8);
}

.reputation-overview__skeleton i[b-c245a2icch] {
    min-height: 19rem;
    border-radius: var(--innvilo-radius-card);
    background: var(--innvilo-surface-muted);
}

.reputation-overview__skeleton i:last-child[b-c245a2icch] {
    grid-column: 1 / -1;
    min-height: 8rem;
}

@media (max-width: 72rem) {
    .reputation-chart-grid[b-c245a2icch],
    .reputation-overview__skeleton[b-c245a2icch] {
        grid-template-columns: minmax(0, 1fr);
    }

    .reputation-overview__skeleton i:last-child[b-c245a2icch] {
        grid-column: auto;
    }

    .reputation-action-center__items[b-c245a2icch] {
        grid-template-columns: minmax(0, 1fr);
    }

    .reputation-action-center__items article[b-c245a2icch] {
        border-right: 0;
        border-bottom: 1px solid var(--innvilo-border-default);
    }

    .reputation-action-center__items article:last-child[b-c245a2icch] {
        border-bottom: 0;
    }
}

@media (max-width: 48rem) {
    .reputation-chart-panel > header[b-c245a2icch],
    .reputation-action-center > header[b-c245a2icch] {
        align-items: stretch;
        flex-direction: column;
    }

    .reputation-action-center > header p[b-c245a2icch] {
        max-width: none;
        text-align: left;
    }

    .reputation-action-center__items article[b-c245a2icch] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-7);
    }

    .reputation-overview__empty[b-c245a2icch],
    .reputation-state[b-c245a2icch] {
        grid-template-columns: minmax(0, 1fr);
        padding: var(--innvilo-space-7);
        text-align: left;
    }

    .reputation-overview__empty-icon[b-c245a2icch],
    .reputation-state__icon[b-c245a2icch] {
        justify-self: start;
    }

    .reputation-overview__skeleton i[b-c245a2icch] {
        min-height: 14rem;
    }

    .reputation-overview__skeleton i:last-child[b-c245a2icch] {
        min-height: 7rem;
    }
}

@media (max-width: 30rem) {
    .reputation-action-center__items article[b-c245a2icch] {
        grid-template-columns: minmax(0, 1fr);
    }

    .reputation-chart-panel > header[b-c245a2icch],
    .reputation-action-center > header[b-c245a2icch],
    .reputation-action-center__items article[b-c245a2icch],
    .reputation-overview__empty[b-c245a2icch],
    .reputation-state[b-c245a2icch] {
        padding-left: var(--innvilo-space-6);
        padding-right: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .reputation-overview *[b-c245a2icch],
    .reputation-overview *[b-c245a2icch]::before,
    .reputation-overview *[b-c245a2icch]::after {
        scroll-behavior: auto;
    }
}

@media (forced-colors: active) {
    .reputation-chart-panel[b-c245a2icch],
    .reputation-action-center[b-c245a2icch],
    .reputation-overview__empty[b-c245a2icch],
    .reputation-state[b-c245a2icch] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/Reputation/ReviewInbox.razor.rz.scp.css */
.reputation-inbox[b-mm2tfl7h5o] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-page-section-gap);
    margin-inline: auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    width: 100%;
}

.reputation-inbox__hero[b-mm2tfl7h5o] {
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-hero-gap));
    min-width: 0;
}

.reputation-inbox__step[b-mm2tfl7h5o],
.reputation-inbox__results[b-mm2tfl7h5o] {
    min-width: 0;
}

.reputation-state[b-mm2tfl7h5o] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 10rem;
    padding: var(--innvilo-space-6);
}

.reputation-state__icon[b-mm2tfl7h5o] {
    color: var(--color-primary);
    font-size: 1.5rem;
}

.reputation-state h2[b-mm2tfl7h5o],
.reputation-state p[b-mm2tfl7h5o] {
    margin: 0;
}

.reputation-state h2[b-mm2tfl7h5o] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-section-title);
    font-weight: normal;
}

.reputation-state p[b-mm2tfl7h5o] {
    color: var(--color-text-muted);
    line-height: 1.5;
    margin-top: var(--innvilo-space-1);
}

.reputation-state--denied[b-mm2tfl7h5o],
.reputation-state--error[b-mm2tfl7h5o] {
    border-color: var(--color-error-border);
}

.reputation-state--denied .reputation-state__icon[b-mm2tfl7h5o],
.reputation-state--error .reputation-state__icon[b-mm2tfl7h5o] {
    color: var(--color-error);
}

.reputation-inbox__skeleton[b-mm2tfl7h5o] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--innvilo-space-4);
    min-height: 20rem;
    padding: var(--innvilo-space-6);
}

.reputation-inbox__skeleton i[b-mm2tfl7h5o] {
    background: var(--color-surface-raised);
    border-radius: var(--radius-sm);
    display: block;
    min-height: 3.5rem;
}

.reputation-desktop-host[b-mm2tfl7h5o] {
    display: block;
    min-width: 0;
}

.reputation-mobile-host[b-mm2tfl7h5o] {
    display: block;
    min-width: 0;
}

@media (max-width: 48rem) {
    .reputation-state[b-mm2tfl7h5o] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--innvilo-space-4);
    }

}

@media (prefers-reduced-motion: reduce) {
    .reputation-inbox *[b-mm2tfl7h5o],
    .reputation-inbox *[b-mm2tfl7h5o]::before,
    .reputation-inbox *[b-mm2tfl7h5o]::after {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}

@media (forced-colors: active) {
    .reputation-state[b-mm2tfl7h5o],
    .reputation-inbox__skeleton[b-mm2tfl7h5o] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/Reputation/ReviewInboxDesktop.razor.rz.scp.css */
.reputation-workbench[b-fynfxfkp3a] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-family: "Lato-Regular", Arial, sans-serif;
    min-width: 0;
    overflow: hidden;
}

.reputation-workbench__header[b-fynfxfkp3a] {
    align-items: center;
    background: var(--color-surface-soft);
    border-bottom: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    min-height: 4.75rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.reputation-workbench__header > div:first-child[b-fynfxfkp3a] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.reputation-workbench__header h2[b-fynfxfkp3a] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-section-title);
    font-weight: normal;
    margin: 0;
}

.reputation-workbench__header p[b-fynfxfkp3a],
.reputation-workbench__legend[b-fynfxfkp3a] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-body-sm);
    margin: 0;
}

.reputation-workbench__legend[b-fynfxfkp3a],
.reputation-portal[b-fynfxfkp3a],
.reputation-reviewer[b-fynfxfkp3a],
.reputation-score > span[b-fynfxfkp3a],
.reputation-sla[b-fynfxfkp3a] {
    align-items: center;
    display: flex;
}

.reputation-workbench__legend[b-fynfxfkp3a] {
    gap: var(--innvilo-space-2);
}

.reputation-workbench__legend i[b-fynfxfkp3a],
.reputation-portal > i[b-fynfxfkp3a],
.reputation-sla i[b-fynfxfkp3a] {
    color: var(--color-primary);
}

.reputation-portal[b-fynfxfkp3a],
.reputation-reviewer[b-fynfxfkp3a] {
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.reputation-portal[b-fynfxfkp3a] {
    font-family: "Lato-Bold", Arial, sans-serif;
}

.reputation-portal > span[b-fynfxfkp3a],
.reputation-reviewer strong[b-fynfxfkp3a],
.reputation-review-copy strong[b-fynfxfkp3a],
.reputation-date strong[b-fynfxfkp3a] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.reputation-reviewer > span:first-child[b-fynfxfkp3a] {
    color: var(--color-primary);
    flex: 0 0 auto;
    font-family: "Lato-Bold", Arial, sans-serif;
    min-width: 2rem;
}

.reputation-reviewer > span:last-child[b-fynfxfkp3a],
.reputation-review-copy[b-fynfxfkp3a],
.reputation-date[b-fynfxfkp3a],
.reputation-score[b-fynfxfkp3a] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.reputation-reviewer strong[b-fynfxfkp3a],
.reputation-review-copy strong[b-fynfxfkp3a],
.reputation-date strong[b-fynfxfkp3a] {
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-weight: normal;
}

.reputation-reviewer small[b-fynfxfkp3a],
.reputation-review-copy small[b-fynfxfkp3a],
.reputation-date small[b-fynfxfkp3a],
.reputation-score small[b-fynfxfkp3a] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-body-sm);
    overflow: hidden;
    text-overflow: ellipsis;
}

.reputation-score > span[b-fynfxfkp3a] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: 1rem;
    gap: var(--innvilo-space-1);
}

.reputation-score i[b-fynfxfkp3a] {
    color: var(--color-warning-text);
}

.reputation-sla[b-fynfxfkp3a] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-body-sm);
    gap: var(--innvilo-space-1);
}

.reputation-sla.is-overdue[b-fynfxfkp3a],
.reputation-sla.is-overdue i[b-fynfxfkp3a] {
    color: var(--color-error);
}

@media (max-width: 72rem) {
    .reputation-workbench__legend[b-fynfxfkp3a] {
        display: none;
    }
}

@media (forced-colors: active) {
    .reputation-workbench[b-fynfxfkp3a] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/Reputation/ReviewInboxMobile.razor.rz.scp.css */
.reputation-mobile[b-cjjy96tnad],
.reputation-mobile__list[b-cjjy96tnad] {
    display: grid;
    font-family: "Lato-Regular", Arial, sans-serif;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.reputation-mobile__toolbar[b-cjjy96tnad] {
    align-items: end;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) minmax(11rem, auto);
    padding: var(--innvilo-space-4);
}

.reputation-mobile__toolbar h2[b-cjjy96tnad],
.reputation-mobile__toolbar p[b-cjjy96tnad],
.reputation-empty h3[b-cjjy96tnad],
.reputation-empty p[b-cjjy96tnad] {
    margin: 0;
}

.reputation-mobile__toolbar h2[b-cjjy96tnad],
.reputation-empty h3[b-cjjy96tnad],
.reputation-review-card__copy h3[b-cjjy96tnad] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-section-title);
    font-weight: normal;
}

.reputation-mobile__toolbar p[b-cjjy96tnad],
.reputation-empty p[b-cjjy96tnad],
.reputation-review-card__copy p[b-cjjy96tnad],
.reputation-review-card__portal[b-cjjy96tnad],
.reputation-review-card__score span[b-cjjy96tnad],
.reputation-review-card__sla[b-cjjy96tnad],
.reputation-mobile__pager[b-cjjy96tnad],
.reputation-mobile__loading[b-cjjy96tnad],
.reputation-mobile__error[b-cjjy96tnad] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-body-sm);
}

.reputation-mobile__toolbar > div:first-child[b-cjjy96tnad],
.reputation-mobile__sort[b-cjjy96tnad],
.reputation-review-card__copy[b-cjjy96tnad] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.reputation-mobile__sort label[b-cjjy96tnad] {
    color: var(--color-text-muted);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body-sm);
}

.reputation-mobile__sort select[b-cjjy96tnad] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font: inherit;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-3);
    width: 100%;
}

.reputation-mobile__sort select:focus-visible[b-cjjy96tnad] {
    border-color: var(--innvilo-border-focus);
    box-shadow: 0 0 0 0.2rem var(--color-primary-focus-ring);
    outline: none;
}

.reputation-empty[b-cjjy96tnad],
.reputation-mobile__error[b-cjjy96tnad],
.reputation-mobile__loading[b-cjjy96tnad],
.reputation-mobile__pager[b-cjjy96tnad] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: flex;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.reputation-empty > i[b-cjjy96tnad] {
    color: var(--color-primary);
    font-size: 1.25rem;
}

.reputation-review-card[b-cjjy96tnad] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-4);
}

.reputation-review-card > header[b-cjjy96tnad],
.reputation-review-card > footer[b-cjjy96tnad],
.reputation-review-card__portal[b-cjjy96tnad],
.reputation-review-card__score[b-cjjy96tnad],
.reputation-review-card__sla[b-cjjy96tnad],
.reputation-mobile__pager[b-cjjy96tnad] {
    align-items: center;
    display: flex;
}

.reputation-review-card > header[b-cjjy96tnad],
.reputation-review-card > footer[b-cjjy96tnad],
.reputation-mobile__pager[b-cjjy96tnad] {
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.reputation-review-card__portal[b-cjjy96tnad],
.reputation-review-card__score[b-cjjy96tnad],
.reputation-review-card__sla[b-cjjy96tnad] {
    gap: var(--innvilo-space-2);
}

.reputation-review-card__portal i[b-cjjy96tnad],
.reputation-review-card__sla i[b-cjjy96tnad] {
    color: var(--color-primary);
}

.reputation-review-card__score[b-cjjy96tnad] {
    align-items: baseline;
}

.reputation-review-card__score i[b-cjjy96tnad] {
    color: var(--color-warning-text);
}

.reputation-review-card__score strong[b-cjjy96tnad] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: 1.5rem;
    font-variant-numeric: tabular-nums;
}

.reputation-review-card__copy h3[b-cjjy96tnad] {
    margin: 0;
}

.reputation-review-card__badges[b-cjjy96tnad] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.reputation-review-card > footer[b-cjjy96tnad] {
    border-top: 1px solid var(--color-border);
    padding-top: var(--innvilo-space-4);
}

.reputation-review-card__sla.is-overdue[b-cjjy96tnad],
.reputation-review-card__sla.is-overdue i[b-cjjy96tnad],
.reputation-mobile__error > i[b-cjjy96tnad] {
    color: var(--color-error);
}

.reputation-review-card__open[b-cjjy96tnad] {
    align-items: center;
    background: var(--color-accent-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    cursor: pointer;
    display: inline-flex;
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body-sm);
    gap: var(--innvilo-space-2);
    justify-content: center;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-4);
    transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.reputation-review-card__open:hover[b-cjjy96tnad] {
    background: var(--color-surface-raised);
    border-color: var(--innvilo-border-focus);
}

.reputation-review-card__open:active[b-cjjy96tnad] {
    transform: scale(0.98);
}

.reputation-review-card__open:focus-visible[b-cjjy96tnad] {
    border-color: var(--innvilo-border-focus);
    box-shadow: 0 0 0 0.2rem var(--color-primary-focus-ring);
    outline: none;
}

.reputation-mobile__error[b-cjjy96tnad] {
    border-color: var(--color-error-border);
}

.reputation-mobile__loading > i[b-cjjy96tnad] {
    color: var(--color-primary);
}

.reputation-mobile__pager[b-cjjy96tnad] {
    justify-content: flex-end;
}

@media (max-width: 32rem) {
    .reputation-mobile__toolbar[b-cjjy96tnad] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .reputation-review-card > footer[b-cjjy96tnad],
    .reputation-mobile__pager[b-cjjy96tnad],
    .reputation-mobile__error[b-cjjy96tnad] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (forced-colors: active) {
    .reputation-mobile__toolbar[b-cjjy96tnad],
    .reputation-empty[b-cjjy96tnad],
    .reputation-mobile__error[b-cjjy96tnad],
    .reputation-mobile__loading[b-cjjy96tnad],
    .reputation-mobile__pager[b-cjjy96tnad],
    .reputation-review-card[b-cjjy96tnad] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/Reputation/ReviewResponseWorkspace.razor.rz.scp.css */
.reputation-response-workspace[b-805wi3upij] {
    background: var(--color-surface-soft);
    font-family: "Lato-Regular", Arial, sans-serif;
    height: 100%;
    min-height: 0;
}

.reputation-response-layout[b-805wi3upij] {
    display: grid;
    grid-template-columns: minmax(20rem, 22.5rem) minmax(0, 1fr);
    height: 100%;
    min-height: 0;
}

.reputation-review-context[b-805wi3upij] {
    background: var(--color-surface);
    border-right: 1px solid var(--color-border);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    min-height: 0;
    overflow: hidden;
}

.reputation-response-summary[b-805wi3upij],
.reputation-original-review[b-805wi3upij],
.reputation-answer-studio[b-805wi3upij],
.reputation-draft[b-805wi3upij],
.reputation-response-summary__identity > div[b-805wi3upij],
.reputation-response-actions__state > span[b-805wi3upij],
.reputation-publication-status > header div[b-805wi3upij],
.reputation-timeline > header > div[b-805wi3upij],
.reputation-timeline li > div[b-805wi3upij] {
    display: grid;
}

.reputation-response-summary[b-805wi3upij] {
    border-bottom: 1px solid var(--color-border);
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.reputation-response-summary__identity[b-805wi3upij],
.reputation-response-summary__portal[b-805wi3upij],
.reputation-response-summary__score[b-805wi3upij],
.reputation-response-summary__badges[b-805wi3upij],
.reputation-response-critical[b-805wi3upij],
.reputation-public-context[b-805wi3upij],
.reputation-workflow-rail li[b-805wi3upij],
.reputation-answer-studio > header[b-805wi3upij],
.reputation-answer-studio__policy[b-805wi3upij],
.reputation-answer-empty[b-805wi3upij],
.reputation-draft > header[b-805wi3upij],
.reputation-draft > footer[b-805wi3upij],
.reputation-draft > footer span[b-805wi3upij],
.reputation-guardrail-result[b-805wi3upij],
.reputation-publication-status > header[b-805wi3upij],
.reputation-timeline > header[b-805wi3upij],
.reputation-response-actions[b-805wi3upij],
.reputation-response-actions__state[b-805wi3upij],
.reputation-response-actions__buttons[b-805wi3upij] {
    align-items: center;
    display: flex;
}

.reputation-response-summary__identity[b-805wi3upij],
.reputation-response-summary__portal[b-805wi3upij],
.reputation-response-summary__score[b-805wi3upij],
.reputation-response-actions__state[b-805wi3upij] {
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.reputation-response-summary__portal[b-805wi3upij] {
    color: var(--color-primary);
    flex: 0 0 auto;
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body-sm);
}

.reputation-response-summary__identity > div[b-805wi3upij],
.reputation-response-actions__state > span[b-805wi3upij],
.reputation-publication-status > header div[b-805wi3upij],
.reputation-timeline > header > div[b-805wi3upij],
.reputation-timeline li > div[b-805wi3upij] {
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.reputation-response-summary__identity span:last-child[b-805wi3upij],
.reputation-response-summary__score span[b-805wi3upij],
.reputation-response-critical p[b-805wi3upij],
.reputation-public-context p[b-805wi3upij],
.reputation-answer-empty p[b-805wi3upij],
.reputation-draft > header[b-805wi3upij],
.reputation-draft > footer[b-805wi3upij],
.reputation-guardrail-result p[b-805wi3upij],
.reputation-publication-status dt[b-805wi3upij],
.reputation-timeline > header span[b-805wi3upij],
.reputation-timeline li time[b-805wi3upij],
.reputation-timeline li p[b-805wi3upij],
.reputation-timeline__empty[b-805wi3upij],
.reputation-response-actions__state small[b-805wi3upij],
.reputation-response-actions__state em[b-805wi3upij] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-body-sm);
}

.reputation-response-summary__score[b-805wi3upij] {
    align-items: baseline;
}

.reputation-response-summary__score i[b-805wi3upij] {
    color: var(--color-warning-text);
}

.reputation-response-summary__score strong[b-805wi3upij] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: 1.5rem;
    font-variant-numeric: tabular-nums;
}

.reputation-response-summary__badges[b-805wi3upij],
.reputation-draft > footer[b-805wi3upij],
.reputation-response-actions__buttons[b-805wi3upij] {
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.reputation-response-critical[b-805wi3upij],
.reputation-public-context[b-805wi3upij],
.reputation-answer-empty[b-805wi3upij],
.reputation-guardrail-result[b-805wi3upij] {
    align-items: flex-start;
    gap: var(--innvilo-space-3);
}

.reputation-response-critical[b-805wi3upij] {
    background: var(--color-error-soft);
    border-bottom: 1px solid var(--color-error-border);
    color: var(--color-error);
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.reputation-response-critical p[b-805wi3upij],
.reputation-public-context p[b-805wi3upij],
.reputation-answer-empty p[b-805wi3upij],
.reputation-guardrail-result p[b-805wi3upij] {
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
}

.reputation-original-review[b-805wi3upij] {
    gap: var(--innvilo-space-4);
    min-height: 0;
    overflow: auto;
    padding: var(--innvilo-space-4);
}

.reputation-original-review header[b-805wi3upij],
.reputation-original-review a[b-805wi3upij] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-body-sm);
}

.reputation-original-review header[b-805wi3upij],
.reputation-publication-status > header[b-805wi3upij],
.reputation-timeline > header[b-805wi3upij],
.reputation-response-actions[b-805wi3upij] {
    justify-content: space-between;
}

.reputation-original-review h3[b-805wi3upij],
.reputation-answer-studio h3[b-805wi3upij],
.reputation-publication-status h3[b-805wi3upij],
.reputation-timeline h3[b-805wi3upij] {
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-section-title);
    font-weight: normal;
    margin: 0;
}

.reputation-original-review p[b-805wi3upij],
.reputation-draft > p[b-805wi3upij] {
    font-size: var(--innvilo-font-size-body);
    line-height: 1.65;
    margin: 0;
    max-width: 65ch;
    white-space: pre-wrap;
}

.reputation-original-review a[b-805wi3upij] {
    color: var(--color-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    width: max-content;
}

.reputation-public-context[b-805wi3upij] {
    background: var(--color-accent-soft);
    border-top: 1px solid var(--color-border);
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.reputation-public-context > i[b-805wi3upij],
.reputation-guardrail-result > span[b-805wi3upij] {
    color: var(--color-primary);
}

.reputation-response-flow[b-805wi3upij] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    min-width: 0;
}

.reputation-workflow-rail[b-805wi3upij] {
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
    margin: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
}

.reputation-workflow-rail li[b-805wi3upij] {
    color: var(--color-text-muted);
    gap: var(--innvilo-space-2);
    min-height: 2.75rem;
    padding: var(--innvilo-space-2);
    position: relative;
}

.reputation-workflow-rail li:not(:last-child)[b-805wi3upij]::after {
    background: var(--color-border);
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    width: var(--innvilo-space-2);
}

.reputation-workflow-rail li > span[b-805wi3upij] {
    color: var(--color-text-muted);
    min-width: 1.5rem;
    text-align: center;
}

.reputation-workflow-rail .is-complete[b-805wi3upij],
.reputation-workflow-rail .is-complete > span[b-805wi3upij] {
    color: var(--color-success);
}

.reputation-workflow-rail .is-current[b-805wi3upij],
.reputation-workflow-rail .is-current > span[b-805wi3upij] {
    color: var(--color-primary);
}

.reputation-response-main[b-805wi3upij] {
    background: var(--color-surface);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    min-width: 0;
}

.reputation-response-main__content[b-805wi3upij] {
    min-height: 0;
    overflow: auto;
    padding: var(--innvilo-space-5);
}

.reputation-answer-studio[b-805wi3upij],
.reputation-timeline[b-805wi3upij],
.reputation-publication-status[b-805wi3upij] {
    margin-inline: auto;
    max-width: 48rem;
}

.reputation-answer-studio[b-805wi3upij],
.reputation-draft[b-805wi3upij] {
    gap: var(--innvilo-space-4);
}

.reputation-answer-studio > header[b-805wi3upij] {
    justify-content: space-between;
}

.reputation-answer-studio__policy[b-805wi3upij] {
    background: var(--color-success-soft);
    border: 1px solid var(--color-success-border);
    border-radius: var(--radius-sm);
    color: var(--color-success);
    font-size: var(--innvilo-font-size-body-sm);
    gap: var(--innvilo-space-2);
    min-height: 2rem;
    padding-inline: var(--innvilo-space-3);
}

.reputation-answer-empty[b-805wi3upij],
.reputation-draft[b-805wi3upij],
.reputation-publication-status[b-805wi3upij] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.reputation-answer-empty[b-805wi3upij] {
    background: var(--color-surface-soft);
    padding: var(--innvilo-space-5);
}

.reputation-answer-empty > span[b-805wi3upij],
.reputation-response-actions__state > i[b-805wi3upij] {
    color: var(--color-primary);
    flex: 0 0 auto;
    min-width: 1.5rem;
    text-align: center;
}

.reputation-answer-empty h4[b-805wi3upij],
.reputation-answer-empty p[b-805wi3upij] {
    margin: 0;
}

.reputation-draft[b-805wi3upij] {
    background: var(--color-surface);
    padding: var(--innvilo-space-5);
}

.reputation-draft > header[b-805wi3upij] {
    justify-content: space-between;
}

.reputation-draft > footer[b-805wi3upij] {
    border-top: 1px solid var(--color-border);
    padding-top: var(--innvilo-space-3);
}

.reputation-guardrail-result[b-805wi3upij] {
    background: var(--color-success-soft);
    border: 1px solid var(--color-success-border);
    border-radius: var(--radius-sm);
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.reputation-publication-status[b-805wi3upij] {
    overflow: hidden;
}

.reputation-publication-status > header[b-805wi3upij] {
    background: var(--color-surface-soft);
    border-bottom: 1px solid var(--color-border);
    padding: var(--innvilo-space-4);
}

.reputation-publication-status > header > i[b-805wi3upij] {
    color: var(--color-primary);
    font-size: 1.25rem;
}

.reputation-publication-status dl[b-805wi3upij] {
    margin: 0;
}

.reputation-publication-status dl > div[b-805wi3upij] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(10rem, 0.7fr) 1fr;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.reputation-publication-status dl > div:not(:last-child)[b-805wi3upij] {
    border-bottom: 1px solid var(--color-border);
}

.reputation-publication-status dd[b-805wi3upij] {
    margin: 0;
    overflow-wrap: anywhere;
}

.reputation-timeline > header[b-805wi3upij] {
    margin-bottom: var(--innvilo-space-4);
}

.reputation-timeline > header > span[b-805wi3upij] {
    color: var(--color-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
}

.reputation-timeline ol[b-805wi3upij] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.reputation-timeline li[b-805wi3upij] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: 2rem minmax(0, 1fr);
    min-height: 4.25rem;
    position: relative;
}

.reputation-timeline li:not(:last-child)[b-805wi3upij]::before {
    background: var(--color-border);
    bottom: 0;
    content: "";
    left: 1rem;
    position: absolute;
    top: 2rem;
    width: 1px;
}

.reputation-timeline li > span[b-805wi3upij] {
    color: var(--color-primary);
    position: relative;
    text-align: center;
    z-index: 1;
}

.reputation-timeline li.is-success > span[b-805wi3upij] {
    color: var(--color-success);
}

.reputation-timeline li.is-warning > span[b-805wi3upij] {
    color: var(--color-warning-text);
}

.reputation-timeline li.is-danger > span[b-805wi3upij] {
    color: var(--color-error);
}

.reputation-response-actions[b-805wi3upij] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    gap: var(--innvilo-space-4);
    min-height: 4.75rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.reputation-response-actions__state > span[b-805wi3upij] {
    min-width: 0;
}

.reputation-response-actions__state em[b-805wi3upij] {
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reputation-response-actions__buttons[b-805wi3upij] {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.reputation-response-workspace__loading[b-805wi3upij] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.reputation-response-workspace__loading i[b-805wi3upij] {
    background: var(--color-surface-raised);
    border-radius: var(--radius-sm);
    height: 5rem;
}

@media (max-width: 56rem) {
    .reputation-response-workspace[b-805wi3upij] {
        overflow: auto;
    }

    .reputation-response-layout[b-805wi3upij] {
        display: block;
        height: auto;
    }

    .reputation-review-context[b-805wi3upij] {
        border-bottom: 1px solid var(--color-border);
        border-right: 0;
        display: grid;
        grid-template-columns: minmax(15rem, 0.75fr) minmax(0, 1.25fr);
        overflow: visible;
    }

    .reputation-response-summary[b-805wi3upij] {
        border-bottom: 0;
        border-right: 1px solid var(--color-border);
    }

    .reputation-response-critical[b-805wi3upij],
    .reputation-public-context[b-805wi3upij] {
        grid-column: 1 / -1;
    }

    .reputation-original-review[b-805wi3upij] {
        max-height: 15rem;
    }

    .reputation-response-flow[b-805wi3upij] {
        min-height: 32rem;
    }
}

@media (max-width: 48rem) {
    .reputation-review-context[b-805wi3upij] {
        display: block;
    }

    .reputation-response-summary[b-805wi3upij] {
        border-bottom: 1px solid var(--color-border);
        border-right: 0;
    }

    .reputation-original-review[b-805wi3upij] {
        max-height: none;
        overflow: visible;
    }

    .reputation-workflow-rail[b-805wi3upij] {
        overflow-x: auto;
    }

    .reputation-workflow-rail li[b-805wi3upij] {
        min-width: 7rem;
    }

    .reputation-response-main__content[b-805wi3upij] {
        padding: var(--innvilo-space-4);
    }

    .reputation-answer-studio > header[b-805wi3upij] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--innvilo-space-2);
    }

    .reputation-publication-status dl > div[b-805wi3upij] {
        gap: var(--innvilo-space-2);
        grid-template-columns: 1fr;
    }

    .reputation-response-actions[b-805wi3upij] {
        align-items: stretch;
        bottom: 0;
        flex-direction: column;
        padding-bottom: calc(var(--innvilo-space-3) + env(safe-area-inset-bottom));
        position: sticky;
        z-index: 2;
    }

    .reputation-response-actions__buttons[b-805wi3upij] {
        display: grid;
    }

    .reputation-response-actions__state em[b-805wi3upij] {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reputation-response-workspace *[b-805wi3upij],
    .reputation-response-workspace *[b-805wi3upij]::before,
    .reputation-response-workspace *[b-805wi3upij]::after {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}

@media (forced-colors: active) {
    .reputation-answer-empty[b-805wi3upij],
    .reputation-draft[b-805wi3upij],
    .reputation-publication-status[b-805wi3upij] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/Reservations/Inquiries/InquiryBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.inquiry-page[b-itm28m5cxq] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.inquiry-viewport-skeleton[b-itm28m5cxq] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.inquiry-viewport-skeleton span[b-itm28m5cxq] {
    animation: inquiry-viewport-pulse-b-itm28m5cxq 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.inquiry-viewport-skeleton .is-breadcrumb[b-itm28m5cxq] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.inquiry-viewport-skeleton .is-title[b-itm28m5cxq] {
    height: 4.5rem;
}

.inquiry-viewport-skeleton .is-toolbar[b-itm28m5cxq] {
    height: 6rem;
}

.inquiry-viewport-skeleton .is-content[b-itm28m5cxq] {
    height: 22rem;
}

@keyframes inquiry-viewport-pulse-b-itm28m5cxq {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .inquiry-viewport-skeleton span[b-itm28m5cxq] {
        animation: none;
    }
}
/* /Components/Pages/Reservations/Inquiries/InquiryBoardDesktop.razor.rz.scp.css */
/* Desktop workspace of the inquiry board.
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces. */

.inquiry-desktop[b-w1ifsrqjq3] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.inquiry-breadcrumb[b-w1ifsrqjq3] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.inquiry-breadcrumb a[b-w1ifsrqjq3] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.inquiry-breadcrumb a:hover[b-w1ifsrqjq3],
.inquiry-breadcrumb a:focus-visible[b-w1ifsrqjq3] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.inquiry-breadcrumb a:focus-visible[b-w1ifsrqjq3] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.inquiry-breadcrumb i[b-w1ifsrqjq3] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-micro);
}

.inquiry-breadcrumb [aria-current='page'][b-w1ifsrqjq3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.inquiry-hero[b-w1ifsrqjq3] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.inquiry-hero__copy[b-w1ifsrqjq3] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.inquiry-hero__title-row[b-w1ifsrqjq3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.inquiry-hero h1[b-w1ifsrqjq3] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.inquiry-hero__lead[b-w1ifsrqjq3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.inquiry-hero__meta[b-w1ifsrqjq3] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.inquiry-open-badge[b-w1ifsrqjq3] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.inquiry-hero__actions[b-w1ifsrqjq3] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface, four cells, 1px dividers instead of four floating cards. */

.inquiry-kpis[b-w1ifsrqjq3] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.inquiry-kpi[b-w1ifsrqjq3] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.inquiry-kpi + .inquiry-kpi[b-w1ifsrqjq3] {
    border-left: 1px solid var(--innvilo-border-default);
}

.inquiry-kpi.is-current[b-w1ifsrqjq3]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: -1px -1px auto -1px;
    position: absolute;
}

.inquiry-kpi__label[b-w1ifsrqjq3] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.inquiry-kpi__value[b-w1ifsrqjq3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.inquiry-kpi.is-current .inquiry-kpi__value[b-w1ifsrqjq3] {
    color: var(--color-primary);
}

.inquiry-kpi.is-attention .inquiry-kpi__value[b-w1ifsrqjq3] {
    color: var(--color-warning-text);
}

.inquiry-kpi.is-positive .inquiry-kpi__value[b-w1ifsrqjq3] {
    color: var(--color-success);
}

.inquiry-kpi__detail[b-w1ifsrqjq3] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: title row plus toolbar, then filter panel, then grid or state. */

.inquiry-workspace[b-w1ifsrqjq3] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.inquiry-toolbar[b-w1ifsrqjq3] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.inquiry-search[b-w1ifsrqjq3] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.inquiry-toolbar__filters[b-w1ifsrqjq3] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.inquiry-pills[b-w1ifsrqjq3] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.inquiry-pills__label[b-w1ifsrqjq3] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.inquiry-pills__list[b-w1ifsrqjq3] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.inquiry-pill[b-w1ifsrqjq3] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.inquiry-pill > span[b-w1ifsrqjq3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inquiry-pill__remove[b-w1ifsrqjq3] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.inquiry-pill__remove:hover[b-w1ifsrqjq3] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.inquiry-pill__remove:focus-visible[b-w1ifsrqjq3],
.inquiry-pills__clear:focus-visible[b-w1ifsrqjq3] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.inquiry-pills__clear[b-w1ifsrqjq3] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.inquiry-grid-host[b-w1ifsrqjq3] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. */

.inquiry-pager[b-w1ifsrqjq3] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.inquiry-pager__size[b-w1ifsrqjq3] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.inquiry-pager__size > span[b-w1ifsrqjq3] {
    white-space: nowrap;
}

.inquiry-pager__nav[b-w1ifsrqjq3] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.inquiry-pager__page[b-w1ifsrqjq3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.inquiry-pager__page strong[b-w1ifsrqjq3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.inquiry-grid-results[b-w1ifsrqjq3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    margin: calc(var(--innvilo-space-4) - var(--innvilo-page-section-gap)) 0 0;
    padding: 0 var(--innvilo-space-2);
    text-align: right;
}

/* Grid cells */

.inquiry-guest-cell[b-w1ifsrqjq3],
.inquiry-stay-cell[b-w1ifsrqjq3] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.inquiry-guest-cell strong[b-w1ifsrqjq3],
.inquiry-stay-cell strong[b-w1ifsrqjq3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.inquiry-guest-cell small[b-w1ifsrqjq3],
.inquiry-stay-cell small[b-w1ifsrqjq3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.inquiry-guest-cell__number[b-w1ifsrqjq3] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inquiry-amount[b-w1ifsrqjq3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.inquiry-next-action[b-w1ifsrqjq3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.inquiry-next-action.is-urgent[b-w1ifsrqjq3] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.inquiry-state[b-w1ifsrqjq3] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.inquiry-state > *[b-w1ifsrqjq3] {
    animation: inquiry-state-in-b-w1ifsrqjq3 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.inquiry-state > :nth-child(2)[b-w1ifsrqjq3] { animation-delay: 40ms; }
.inquiry-state > :nth-child(3)[b-w1ifsrqjq3] { animation-delay: 80ms; }
.inquiry-state > :nth-child(4)[b-w1ifsrqjq3] { animation-delay: 120ms; }

@keyframes inquiry-state-in-b-w1ifsrqjq3 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.inquiry-state > i[b-w1ifsrqjq3] {
    color: var(--innvilo-text-muted);
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.inquiry-state--error > i[b-w1ifsrqjq3] {
    color: var(--color-error);
}

.inquiry-state__copy[b-w1ifsrqjq3] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.inquiry-state h3[b-w1ifsrqjq3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.inquiry-state p[b-w1ifsrqjq3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.inquiry-state__actions[b-w1ifsrqjq3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.inquiry-state--filtered[b-w1ifsrqjq3],
.inquiry-state--error[b-w1ifsrqjq3] {
    padding-block: var(--innvilo-space-11);
}

.inquiry-process[b-w1ifsrqjq3] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: var(--innvilo-space-4) 0 0;
    max-width: 52rem;
    padding: var(--innvilo-space-8) 0 0;
    text-align: left;
    width: 100%;
}

.inquiry-process li[b-w1ifsrqjq3] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.inquiry-process li > span[b-w1ifsrqjq3] {
    align-items: center;
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    width: 1.5rem;
}

.inquiry-process li > div[b-w1ifsrqjq3] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.inquiry-process strong[b-w1ifsrqjq3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.inquiry-process small[b-w1ifsrqjq3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

/* Loading */

.inquiry-desktop-skeleton[b-w1ifsrqjq3] {
    display: grid;
    gap: 1px;
}

.inquiry-desktop-skeleton span[b-w1ifsrqjq3] {
    animation: inquiry-pulse-b-w1ifsrqjq3 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.inquiry-desktop-skeleton span.is-header[b-w1ifsrqjq3] {
    height: 2.75rem;
}

@keyframes inquiry-pulse-b-w1ifsrqjq3 {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .inquiry-kpis[b-w1ifsrqjq3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inquiry-kpi:nth-child(3)[b-w1ifsrqjq3] {
        border-left: 0;
    }

    .inquiry-kpi:nth-child(n + 3)[b-w1ifsrqjq3] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .inquiry-search[b-w1ifsrqjq3] {
        flex: 1 1 100%;
    }

    .inquiry-toolbar__filters[b-w1ifsrqjq3] {
        width: 100%;
    }

    .inquiry-process[b-w1ifsrqjq3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .inquiry-hero[b-w1ifsrqjq3] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .inquiry-hero__actions[b-w1ifsrqjq3] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .inquiry-breadcrumb a[b-w1ifsrqjq3] {
        transition: none;
    }

    .inquiry-state > *[b-w1ifsrqjq3],
    .inquiry-state__art > span[b-w1ifsrqjq3],
    .inquiry-state__art > i[b-w1ifsrqjq3] {
        animation: none;
    }

    .inquiry-desktop-skeleton span[b-w1ifsrqjq3] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.inquiry-state__art[b-w1ifsrqjq3] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.inquiry-state__art > span[b-w1ifsrqjq3] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.inquiry-state__art > span[b-w1ifsrqjq3]::before,
.inquiry-state__art > span[b-w1ifsrqjq3]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.inquiry-state__art > span[b-w1ifsrqjq3]::before {
    top: 0.625rem;
    width: 38%;
}

.inquiry-state__art > span[b-w1ifsrqjq3]::after {
    bottom: 0.625rem;
    width: 58%;
}

.inquiry-state__art > span:nth-child(1)[b-w1ifsrqjq3] {
    opacity: .35;
    transform: scale(.94);
}

.inquiry-state__art > span:nth-child(2)[b-w1ifsrqjq3] {
    opacity: .6;
    transform: scale(.97);
}

.inquiry-state__art > span:nth-child(3)[b-w1ifsrqjq3] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.inquiry-state__art > i[b-w1ifsrqjq3] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.inquiry-state__art.is-filtered > span:nth-child(3)[b-w1ifsrqjq3]::before,
.inquiry-state__art.is-filtered > span:nth-child(3)[b-w1ifsrqjq3]::after {
    background: var(--color-primary-focus-ring);
}

.inquiry-state__art > span[b-w1ifsrqjq3] {
    animation: inquiry-state-row-in-b-w1ifsrqjq3 300ms var(--innvilo-easing-settle) both;
}

.inquiry-state__art > span:nth-child(2)[b-w1ifsrqjq3] { animation-delay: 60ms; }
.inquiry-state__art > span:nth-child(3)[b-w1ifsrqjq3] { animation-delay: 120ms; }

.inquiry-state__art > i[b-w1ifsrqjq3] {
    animation: inquiry-state-in-b-w1ifsrqjq3 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes inquiry-state-row-in-b-w1ifsrqjq3 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* /Components/Pages/Reservations/Inquiries/InquiryBoardMobile.razor.rz.scp.css */
/* Mobile workspace of the inquiry board: header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.inquiry-mobile[b-4rs7gr5f5w] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.inquiry-breadcrumb[b-4rs7gr5f5w] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.inquiry-breadcrumb a[b-4rs7gr5f5w] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.inquiry-breadcrumb a:focus-visible[b-4rs7gr5f5w] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.inquiry-breadcrumb i[b-4rs7gr5f5w] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-micro);
}

.inquiry-breadcrumb [aria-current='page'][b-4rs7gr5f5w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.inquiry-mobile-header[b-4rs7gr5f5w] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.inquiry-mobile-header__copy[b-4rs7gr5f5w] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.inquiry-mobile-header h1[b-4rs7gr5f5w] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.inquiry-mobile-header p[b-4rs7gr5f5w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.inquiry-mobile-header p span[b-4rs7gr5f5w] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.inquiry-mobile-kpis[b-4rs7gr5f5w] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.inquiry-mobile-kpi[b-4rs7gr5f5w] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.inquiry-mobile-kpi:nth-child(even)[b-4rs7gr5f5w] {
    border-left: 1px solid var(--innvilo-border-default);
}

.inquiry-mobile-kpi:nth-child(n + 3)[b-4rs7gr5f5w] {
    border-top: 1px solid var(--innvilo-border-default);
}

.inquiry-mobile-kpi.is-current[b-4rs7gr5f5w]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.inquiry-mobile-kpi span[b-4rs7gr5f5w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inquiry-mobile-kpi strong[b-4rs7gr5f5w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.inquiry-mobile-kpi.is-current strong[b-4rs7gr5f5w] {
    color: var(--color-primary);
}

.inquiry-mobile-kpi.is-attention strong[b-4rs7gr5f5w] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.inquiry-mobile-header__actions[b-4rs7gr5f5w] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

.inquiry-mobile-tools[b-4rs7gr5f5w] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.inquiry-mobile-tools > :first-child + *[b-4rs7gr5f5w] {
    flex: 1 1 auto;
    min-width: 0;
}

.inquiry-mobile-filter__count[b-4rs7gr5f5w] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills (list and overlay share the same markup). */

.inquiry-pills[b-4rs7gr5f5w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.inquiry-pills__label[b-4rs7gr5f5w] {
    align-self: center;
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.inquiry-pills__list[b-4rs7gr5f5w] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.inquiry-pill[b-4rs7gr5f5w] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.inquiry-pill > span[b-4rs7gr5f5w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inquiry-pill__remove[b-4rs7gr5f5w] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.inquiry-pill__remove:focus-visible[b-4rs7gr5f5w],
.inquiry-pills__clear:focus-visible[b-4rs7gr5f5w],
.inquiry-overlay__row:focus-visible[b-4rs7gr5f5w],
.inquiry-overlay__close:focus-visible[b-4rs7gr5f5w],
.inquiry-overlay__back:focus-visible[b-4rs7gr5f5w] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.inquiry-pills__clear[b-4rs7gr5f5w] {
    align-self: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.75rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.inquiry-overlay[b-4rs7gr5f5w] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.inquiry-overlay__head[b-4rs7gr5f5w] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.inquiry-overlay__head h2[b-4rs7gr5f5w] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.inquiry-overlay__close[b-4rs7gr5f5w],
.inquiry-overlay__back[b-4rs7gr5f5w] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.inquiry-overlay__back[b-4rs7gr5f5w] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.inquiry-overlay__close[b-4rs7gr5f5w] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.inquiry-overlay__body[b-4rs7gr5f5w] {
    min-height: 0;
    overflow-y: auto;
}

.inquiry-overlay__pills[b-4rs7gr5f5w] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.inquiry-overlay__rows[b-4rs7gr5f5w] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.inquiry-overlay__row[b-4rs7gr5f5w] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.inquiry-overlay__row-label[b-4rs7gr5f5w] {
    flex: 1 1 auto;
    min-width: 0;
}

.inquiry-overlay__row-count[b-4rs7gr5f5w] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.inquiry-overlay__row > i[b-4rs7gr5f5w] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.inquiry-overlay__foot[b-4rs7gr5f5w] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.inquiry-mobile-list[b-4rs7gr5f5w],
.inquiry-mobile-group__cards[b-4rs7gr5f5w] {
    display: grid;
    min-width: 0;
}

.inquiry-mobile-list[b-4rs7gr5f5w] {
    gap: var(--innvilo-space-8);
}

.inquiry-mobile-group__cards[b-4rs7gr5f5w] {
    gap: var(--innvilo-space-5);
}

.inquiry-mobile-card[b-4rs7gr5f5w] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.inquiry-mobile-card.is-urgent[b-4rs7gr5f5w]::before {
    background: var(--color-warning);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    top: -1px;
    width: 3px;
}

.inquiry-mobile-card__header[b-4rs7gr5f5w] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.inquiry-mobile-card__identity[b-4rs7gr5f5w] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.inquiry-mobile-card__identity > strong[b-4rs7gr5f5w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.inquiry-mobile-card__identity span[b-4rs7gr5f5w],
.inquiry-mobile-card__meta[b-4rs7gr5f5w],
.inquiry-mobile-card__next[b-4rs7gr5f5w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.inquiry-mobile-card__number[b-4rs7gr5f5w] {
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inquiry-mobile-card__amount[b-4rs7gr5f5w] {
    color: var(--innvilo-text-primary);
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    max-width: 45%;
    text-align: right;
    white-space: nowrap;
}

.inquiry-mobile-card__status[b-4rs7gr5f5w] {
    display: flex;
    min-width: 0;
}

.inquiry-mobile-card__meta[b-4rs7gr5f5w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.inquiry-mobile-card__meta span[b-4rs7gr5f5w] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.inquiry-mobile-card__meta i[b-4rs7gr5f5w] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.inquiry-mobile-card__footer[b-4rs7gr5f5w] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.inquiry-mobile-card__next[b-4rs7gr5f5w] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.inquiry-mobile-card__next.is-urgent[b-4rs7gr5f5w] {
    color: var(--color-warning-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* States */

.inquiry-mobile-state[b-4rs7gr5f5w] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.inquiry-mobile-state > *[b-4rs7gr5f5w] {
    animation: inquiry-mobile-state-in-b-4rs7gr5f5w var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.inquiry-mobile-state > :nth-child(2)[b-4rs7gr5f5w] { animation-delay: 40ms; }
.inquiry-mobile-state > :nth-child(3)[b-4rs7gr5f5w] { animation-delay: 80ms; }
.inquiry-mobile-state > :nth-child(4)[b-4rs7gr5f5w] { animation-delay: 120ms; }

@keyframes inquiry-mobile-state-in-b-4rs7gr5f5w {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.inquiry-mobile-state > i[b-4rs7gr5f5w] {
    color: var(--innvilo-text-muted);
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.inquiry-mobile-state--error > i[b-4rs7gr5f5w] {
    color: var(--color-error);
}

.inquiry-mobile-state h2[b-4rs7gr5f5w],
.inquiry-mobile-state p[b-4rs7gr5f5w] {
    margin: 0;
}

.inquiry-mobile-state h2[b-4rs7gr5f5w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.inquiry-mobile-state p[b-4rs7gr5f5w] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.inquiry-mobile-state > :last-child[b-4rs7gr5f5w] {
    margin-top: var(--innvilo-space-5);
}

/* Loading */

.inquiry-mobile-skeleton[b-4rs7gr5f5w] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.inquiry-mobile-skeleton span[b-4rs7gr5f5w] {
    animation: inquiry-mobile-pulse-b-4rs7gr5f5w 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes inquiry-mobile-pulse-b-4rs7gr5f5w {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .inquiry-mobile-card[b-4rs7gr5f5w] {
        padding: var(--innvilo-space-5);
    }

    .inquiry-mobile-card__footer[b-4rs7gr5f5w] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .inquiry-mobile-skeleton span[b-4rs7gr5f5w],
    .inquiry-mobile-state > *[b-4rs7gr5f5w],
    .inquiry-state__art > span[b-4rs7gr5f5w],
    .inquiry-state__art > i[b-4rs7gr5f5w] {
        animation: none;
    }
}
/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.inquiry-state__art[b-4rs7gr5f5w] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.inquiry-state__art > span[b-4rs7gr5f5w] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.inquiry-state__art > span[b-4rs7gr5f5w]::before,
.inquiry-state__art > span[b-4rs7gr5f5w]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.inquiry-state__art > span[b-4rs7gr5f5w]::before {
    top: 0.625rem;
    width: 38%;
}

.inquiry-state__art > span[b-4rs7gr5f5w]::after {
    bottom: 0.625rem;
    width: 58%;
}

.inquiry-state__art > span:nth-child(1)[b-4rs7gr5f5w] {
    opacity: .35;
    transform: scale(.94);
}

.inquiry-state__art > span:nth-child(2)[b-4rs7gr5f5w] {
    opacity: .6;
    transform: scale(.97);
}

.inquiry-state__art > span:nth-child(3)[b-4rs7gr5f5w] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.inquiry-state__art > i[b-4rs7gr5f5w] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.inquiry-state__art.is-filtered > span:nth-child(3)[b-4rs7gr5f5w]::before,
.inquiry-state__art.is-filtered > span:nth-child(3)[b-4rs7gr5f5w]::after {
    background: var(--color-primary-focus-ring);
}

.inquiry-state__art > span[b-4rs7gr5f5w] {
    animation: inquiry-mobile-state-row-in-b-4rs7gr5f5w 300ms var(--innvilo-easing-settle) both;
}

.inquiry-state__art > span:nth-child(2)[b-4rs7gr5f5w] { animation-delay: 60ms; }
.inquiry-state__art > span:nth-child(3)[b-4rs7gr5f5w] { animation-delay: 120ms; }

.inquiry-state__art > i[b-4rs7gr5f5w] {
    animation: inquiry-mobile-state-in-b-4rs7gr5f5w 200ms var(--innvilo-easing-settle) 220ms both;
}

@keyframes inquiry-mobile-state-row-in-b-4rs7gr5f5w {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

/* /Components/Pages/Reservations/Inquiries/InquiryFilterDropdown.razor.rz.scp.css */
/* One filter button plus the dropdown panel under it. The DevExpress dropdown root is styled
   in global.scss (.inquiry-filter-dropdown__panel); the body is InquiryFilterForm. */

.inquiry-filter-dropdown[b-txjg2ezdd3] {
    flex: 0 0 auto;
    min-width: 0;
    position: relative;
}

.inquiry-filter-dropdown__label[b-txjg2ezdd3] {
    white-space: nowrap;
}

.inquiry-filter-dropdown__count[b-txjg2ezdd3] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.inquiry-filter-dropdown__chevron[b-txjg2ezdd3] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-micro);
}
/* /Components/Pages/Reservations/Inquiries/InquiryFilterForm.razor.rz.scp.css */
/* Body of one filter (dropdown on desktop, overlay section on mobile).
   Title row with reset link, editors, two equal-width actions. */

.inquiry-filter-form[b-bzu3hceznx] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.inquiry-filter-form__head[b-bzu3hceznx] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.inquiry-filter-form__head h3[b-bzu3hceznx] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
    margin: 0;
}

.inquiry-filter-form__reset[b-bzu3hceznx] {
    background: none;
    border: 0;
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.inquiry-filter-form__reset:hover[b-bzu3hceznx] {
    color: var(--innvilo-text-primary);
}

.inquiry-filter-form__reset:focus-visible[b-bzu3hceznx] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.inquiry-filter-form__dates[b-bzu3hceznx] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inquiry-filter-form__dates label[b-bzu3hceznx] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.inquiry-filter-form__dates label > span[b-bzu3hceznx] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.inquiry-filter-form__search[b-bzu3hceznx] {
    min-width: 0;
}

.inquiry-filter-form__listbox[b-bzu3hceznx] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-1);
    max-height: 9rem;
    overflow-y: auto;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.inquiry-filter-form__option[b-bzu3hceznx] {
    align-items: center;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    line-height: 1.35;
    min-height: 2.25rem;
    padding: 0 var(--innvilo-space-3);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.inquiry-filter-form__option:hover[b-bzu3hceznx] {
    background: var(--innvilo-surface-app);
}

.inquiry-filter-form__option.is-all[b-bzu3hceznx] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.inquiry-filter-form__empty[b-bzu3hceznx] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
    padding: var(--innvilo-space-3);
}

.inquiry-filter-form__count[b-bzu3hceznx] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
    margin: calc(var(--innvilo-space-3) * -1) 0 0;
}

.inquiry-filter-form__actions[b-bzu3hceznx] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: var(--innvilo-space-2);
}

@media (max-width: 30rem) {
    .inquiry-filter-form__dates[b-bzu3hceznx] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .inquiry-filter-form__reset[b-bzu3hceznx],
    .inquiry-filter-form__option[b-bzu3hceznx] {
        transition: none;
    }
}

.inquiry-filter-form__dates.is-single[b-bzu3hceznx] {
    grid-template-columns: minmax(0, 1fr);
}
/* /Components/Pages/Reservations/Inquiries/InquiryRowActions.razor.rz.scp.css */
.inquiry-row-actions[b-cj1q9vanld] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
    min-width: 0;
}
/* /Components/Pages/Reservations/NewBooking/AddressSearchField.razor.rz.scp.css */
/* Adresssuche: ein Eingabefeld, darunter die Vorschlagsliste als einzige schwebende Fläche (Popover-Schatten). */

.nb-address-search[b-ebye466gvd] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    position: relative;
}

.nb-address-search > label[b-ebye466gvd] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.nb-address-search__combo[b-ebye466gvd] {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    position: relative;
}

.nb-address-search__input[b-ebye466gvd] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    font: inherit;
    font-size: var(--innvilo-font-size-body);
    grid-column: 1 / -1;
    grid-row: 1;
    line-height: 1.4;
    min-height: 2.5rem;
    min-width: 0;
    padding: var(--innvilo-space-2) 2.5rem var(--innvilo-space-2) var(--innvilo-space-4);
    transition: border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.nb-address-search__input[b-ebye466gvd]::placeholder {
    color: var(--innvilo-text-muted);
}

.nb-address-search__input:hover[b-ebye466gvd] {
    border-color: var(--innvilo-border-strong);
}

.nb-address-search__input:focus-visible[b-ebye466gvd] {
    border-color: var(--innvilo-border-focus);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -1px;
}

.nb-address-search__clear[b-ebye466gvd],
.nb-address-search__spinner[b-ebye466gvd] {
    grid-column: 2;
    grid-row: 1;
    margin-right: var(--innvilo-space-2);
}

.nb-address-search__clear[b-ebye466gvd] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.nb-address-search__clear:hover[b-ebye466gvd] {
    background: var(--innvilo-surface-app);
    color: var(--innvilo-text-primary);
}

.nb-address-search__clear:focus-visible[b-ebye466gvd] {
    outline: 2px solid var(--innvilo-border-focus);
}

.nb-address-search__spinner[b-ebye466gvd] {
    animation: nb-address-spin-b-ebye466gvd 0.8s linear infinite;
    border: 2px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    border-top-color: var(--innvilo-color-primary);
    height: 1rem;
    width: 1rem;
}

.nb-address-search__status[b-ebye466gvd] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.nb-address-search[data-state='error'] .nb-address-search__status[b-ebye466gvd] {
    color: var(--innvilo-danger);
}

.nb-address-search__list[b-ebye466gvd] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-shadow: var(--innvilo-shadow-popover);
    left: 0;
    list-style: none;
    margin: 0;
    max-height: 18rem;
    overflow-y: auto;
    padding: var(--innvilo-space-1);
    position: absolute;
    right: 0;
    top: calc(100% - 1.25rem - var(--innvilo-space-2));
    z-index: var(--innvilo-z-dropdown);
}

.nb-address-search__option[b-ebye466gvd] {
    border-radius: var(--innvilo-radius-xs);
    cursor: pointer;
    display: grid;
    gap: var(--innvilo-space-1);
    min-height: 2.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.nb-address-search__option.is-active[b-ebye466gvd] {
    background: var(--innvilo-color-primary-subtle);
}

.nb-address-search__primary[b-ebye466gvd] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.nb-address-search__secondary[b-ebye466gvd] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.nb-address-search__message[b-ebye466gvd] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    padding: var(--innvilo-space-3);
}

.nb-address-search__message.is-error[b-ebye466gvd] {
    color: var(--innvilo-danger);
}

@keyframes nb-address-spin-b-ebye466gvd {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-address-search__spinner[b-ebye466gvd] {
        animation: none;
        border-top-color: var(--innvilo-border-default);
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingBookerStep.razor.rz.scp.css */
/* Hauptbucher: Abschnitte mit Hairline-Trennung, je Abschnitt Titelzeile (Zwischentitel links, kurzer
   Stand rechts), darunter das Feldraster. Auswahlkarten und Editoren sind global gestylt. Ein Akzent,
   ein Radius, keine Schatten. */

.nb-booker[b-3vgw0jwaxr] {
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
}

.nb-booker__section[b-3vgw0jwaxr] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

.nb-booker__section:first-child[b-3vgw0jwaxr] {
    border-top: 0;
    padding-top: 0;
}

.nb-booker__head[b-3vgw0jwaxr] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    justify-content: space-between;
}

.nb-booker__head > span[b-3vgw0jwaxr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

/* Schalter mit optionalem Folgefeld (Zimmer des Hauptbuchers). */
.nb-booker__toggle-row[b-3vgw0jwaxr] {
    display: grid;
    gap: var(--innvilo-space-4);
}

/* Eine Spalte statt des Zweispalters: der Zimmername ist lang und darf nicht abgeschnitten werden. */
.nb-booker__room[b-3vgw0jwaxr] {
    grid-template-columns: minmax(0, 24rem);
}

.nb-booker__toggle-field[b-3vgw0jwaxr] {
    align-items: center;
    display: flex;
    min-height: 2.75rem;
}

/* Stornobedingung: Frist und Garantie als zwei ruhige Zeilen. */
.nb-booker__facts[b-3vgw0jwaxr] {
    color: var(--innvilo-text-secondary);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-1);
    line-height: 1.5;
    margin: 0;
}

.nb-booker__facts strong[b-3vgw0jwaxr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Dokumentwahl innerhalb von Zahlung & Dokument. */
.nb-booker__document[b-3vgw0jwaxr] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.nb-booker__document-label[b-3vgw0jwaxr] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

/* Prüfliste: Fakten als Definitionsliste, Gesamtpreis als einziger Akzent. */
.nb-booker__facts-list[b-3vgw0jwaxr] {
    display: grid;
    gap: var(--innvilo-space-2) var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.nb-booker__facts-list > div[b-3vgw0jwaxr] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.nb-booker__facts-list dt[b-3vgw0jwaxr] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.nb-booker__facts-list dd[b-3vgw0jwaxr] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
}

.nb-booker__total[b-3vgw0jwaxr] {
    align-items: baseline;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    padding-top: var(--innvilo-space-3);
}

.nb-booker__total span[b-3vgw0jwaxr] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.nb-booker__total strong[b-3vgw0jwaxr] {
    animation: nb-total-enter-b-3vgw0jwaxr var(--innvilo-duration-normal) var(--innvilo-easing-decelerate) both;
    color: var(--innvilo-color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
}

@keyframes nb-total-enter-b-3vgw0jwaxr {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@container nb-shell (max-width: 44rem) {
    .nb-booker__facts-list[b-3vgw0jwaxr] {
        grid-template-columns: minmax(0, 1fr);
    }

    .nb-booker__room[b-3vgw0jwaxr] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-booker__total strong[b-3vgw0jwaxr] {
        animation: none;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingCompanyFields.razor.rz.scp.css */
/* Firmenauswahl: Umschalter, dann Suche oder Formular. Trennung nur durch Abstand. */

.nb-company[b-0znpvl8wve] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.nb-company__search[b-0znpvl8wve] {
    display: grid;
    gap: var(--innvilo-space-3);
    position: relative;
}

.nb-company__status[b-0znpvl8wve] {
    align-items: baseline;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.4;
    margin: 0;
}

.nb-company__subtitle[b-0znpvl8wve] {
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    margin: 0;
    padding-top: var(--innvilo-space-5);
}
/* /Components/Pages/Reservations/NewBooking/BookingCompletionScene.razor.rz.scp.css */
/* Abschlussszene: ruhige Fläche, ein Ring mit dem Icon der aktuellen Phase, drei Stationen mit
   Punkten und Verbindungslinie. Bewegung nur als Ladering und einmalige Einblendung, unter
   reduced-motion aus. Die aktive Station wird über Farbe und Schriftschnitt gezeigt, nicht über
   eine dauerhafte Animation. */

.nb-completion[b-00dei5wuol] {
    animation: nb-completion-enter-b-00dei5wuol var(--innvilo-duration-slow) var(--innvilo-easing-decelerate) both;
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    justify-items: center;
    padding: var(--innvilo-space-11) var(--innvilo-space-8);
    text-align: center;
}

.nb-completion__mark[b-00dei5wuol] {
    align-items: center;
    color: var(--innvilo-color-primary);
    display: inline-flex;
    height: 4rem;
    justify-content: center;
    position: relative;
    width: 4rem;
}

.nb-completion__mark i[b-00dei5wuol] {
    font-size: 1.5rem;
}

.nb-completion__mark[b-00dei5wuol]::before {
    animation: nb-completion-spin-b-00dei5wuol 1.1s linear infinite;
    border: 3px solid var(--innvilo-color-primary-soft);
    border-radius: var(--innvilo-radius-full);
    border-top-color: var(--innvilo-color-primary);
    content: '';
    inset: 0;
    position: absolute;
}

.nb-completion h2[b-00dei5wuol] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.nb-completion p[b-00dei5wuol] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 48ch;
}

/* Stationen: Punkt mit Häkchen, Verbindungslinie zwischen den Punkten. */

.nb-completion__path[b-00dei5wuol] {
    display: grid;
    grid-auto-columns: 8rem;
    grid-auto-flow: column;
    list-style: none;
    margin: var(--innvilo-space-4) 0 0;
    padding: 0;
}

.nb-completion__path li[b-00dei5wuol] {
    color: var(--innvilo-text-muted);
    display: grid;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    justify-items: center;
    letter-spacing: var(--innvilo-tracking-caption);
    position: relative;
}

.nb-completion__path li:not(:last-child)[b-00dei5wuol]::after {
    background: var(--innvilo-border-default);
    content: '';
    height: 2px;
    left: calc(50% + 0.875rem);
    position: absolute;
    right: calc(-50% + 0.875rem);
    top: 0.75rem;
}

.nb-completion__path li.is-complete:not(:last-child)[b-00dei5wuol]::after {
    background: var(--innvilo-color-primary);
}

.nb-completion__dot[b-00dei5wuol] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 2px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: transparent;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.625rem;
    justify-content: center;
    transition: background-color var(--innvilo-duration-normal) var(--innvilo-easing-standard),
        border-color var(--innvilo-duration-normal) var(--innvilo-easing-standard),
        color var(--innvilo-duration-normal) var(--innvilo-easing-standard);
    width: 1.625rem;
}

.nb-completion__path li.is-complete[b-00dei5wuol] {
    color: var(--innvilo-text-secondary);
}

.nb-completion__path li.is-complete .nb-completion__dot[b-00dei5wuol] {
    background: var(--innvilo-color-primary);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-text-inverse);
}

.nb-completion__path li.is-active[b-00dei5wuol] {
    color: var(--innvilo-color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.nb-completion__path li.is-active .nb-completion__dot[b-00dei5wuol] {
    border-color: var(--innvilo-color-primary);
}

.nb-completion small[b-00dei5wuol] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

@keyframes nb-completion-enter-b-00dei5wuol {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes nb-completion-spin-b-00dei5wuol {
    to {
        transform: rotate(360deg);
    }
}

@container nb-page (max-width: 36rem) {
    .nb-completion__path[b-00dei5wuol] {
        grid-auto-columns: minmax(0, 1fr);
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-completion[b-00dei5wuol],
    .nb-completion__mark[b-00dei5wuol]::before {
        animation: none;
    }

    .nb-completion__mark[b-00dei5wuol]::before {
        border-top-color: var(--innvilo-color-primary-soft);
    }

    .nb-completion__dot[b-00dei5wuol] {
        transition: none;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingGuestFields.razor.rz.scp.css */
/* Gastdaten: Suche oben, dann Person, Kontakt, Adresse. Trennung nur durch Abstand. */

.nb-guest[b-1b6wu3sow1] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.nb-guest__search[b-1b6wu3sow1] {
    display: grid;
    gap: var(--innvilo-space-3);
    position: relative;
}

.nb-guest__status[b-1b6wu3sow1] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}
/* /Components/Pages/Reservations/NewBooking/BookingRatePicker.razor.rz.scp.css */
/* Ratenwahl: Auslöser als Sekundärbutton, daneben der aktuelle Stand; im Fenster eine Liste mit Radiomarke,
   Textspalten und rechtsbündigen Beträgen. Popover- und Sheet-Basis liegen in _booking-flow.scss. */

.nb-rate-picker[b-kin6fximv1] {
    align-items: center;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-3);
}

.nb-rate-picker__trigger[b-kin6fximv1] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-2);
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.nb-rate-picker__trigger i[b-kin6fximv1] {
    color: var(--innvilo-color-primary);
    font-size: var(--innvilo-font-size-label);
}

.nb-rate-picker__trigger:hover:not(:disabled)[b-kin6fximv1] {
    background: var(--innvilo-surface-app);
    border-color: var(--innvilo-color-primary);
}

.nb-rate-picker__trigger:focus-visible[b-kin6fximv1] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.nb-rate-picker__trigger:disabled[b-kin6fximv1] {
    border-color: var(--innvilo-border-disabled);
    color: var(--innvilo-text-disabled);
    cursor: not-allowed;
}

.nb-rate-picker__trigger:disabled i[b-kin6fximv1] {
    color: var(--innvilo-text-disabled);
}

.nb-rate-picker__status[b-kin6fximv1] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

/* Liste */

.nb-rate-list[b-kin6fximv1] {
    display: grid;
    gap: 0;
}

.nb-rate-list__columns[b-kin6fximv1],
.nb-rate-row[b-kin6fximv1] {
    align-items: center;
    column-gap: var(--innvilo-space-3);
    display: grid;
    grid-template-columns: auto minmax(9rem, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto auto;
    min-width: 0;
}

.nb-rate-row__cell[b-kin6fximv1],
.nb-rate-row__name[b-kin6fximv1] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.nb-rate-list__columns[b-kin6fximv1] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    padding: 0 var(--innvilo-space-3) var(--innvilo-space-2) calc(1.125rem + var(--innvilo-space-3) * 2);
}

.nb-rate-list__columns span:first-child[b-kin6fximv1] {
    grid-column: 2;
}

.nb-rate-list__columns .is-amount[b-kin6fximv1] {
    text-align: right;
}

.nb-rate-row[b-kin6fximv1] {
    background: transparent;
    border: 0;
    border-top: 1px solid var(--innvilo-border-soft);
    box-shadow: inset 3px 0 0 transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    min-height: 3.5rem;
    padding: var(--innvilo-space-3);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        box-shadow var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.nb-rate-row:last-child[b-kin6fximv1] {
    border-bottom: 1px solid var(--innvilo-border-soft);
}

.nb-rate-row:hover[b-kin6fximv1] {
    background: var(--innvilo-surface-app);
}

.nb-rate-row.is-selected[b-kin6fximv1] {
    background: var(--innvilo-color-primary-soft);
    box-shadow: inset 3px 0 0 var(--innvilo-color-primary);
}

.nb-rate-row:focus-visible[b-kin6fximv1] {
    border-radius: var(--innvilo-radius-xs);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.nb-rate-row--manual[b-kin6fximv1] {
    grid-template-columns: auto minmax(0, 1fr);
}

.nb-rate-row__check[b-kin6fximv1] {
    border: 2px solid var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-full);
    display: inline-block;
    height: 1.125rem;
    position: relative;
    width: 1.125rem;
}

.nb-rate-row__check[b-kin6fximv1]::after {
    background: var(--innvilo-color-primary);
    border-radius: var(--innvilo-radius-full);
    content: '';
    inset: 3px;
    opacity: 0;
    position: absolute;
    transform: scale(0.6);
    transition: opacity var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        transform var(--innvilo-duration-fast) var(--innvilo-easing-decelerate);
}

.nb-rate-row.is-selected .nb-rate-row__check[b-kin6fximv1] {
    border-color: var(--innvilo-color-primary);
}

.nb-rate-row.is-selected .nb-rate-row__check[b-kin6fximv1]::after {
    opacity: 1;
    transform: scale(1);
}

.nb-rate-row__name[b-kin6fximv1],
.nb-rate-row__amount[b-kin6fximv1] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.nb-rate-row__name strong[b-kin6fximv1] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.nb-rate-row.is-selected .nb-rate-row__name strong[b-kin6fximv1] {
    color: var(--innvilo-color-primary);
}

.nb-rate-row__name small[b-kin6fximv1],
.nb-rate-row__amount small[b-kin6fximv1] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.nb-rate-row__cell[b-kin6fximv1] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    min-width: 0;
    overflow-wrap: anywhere;
}

.nb-rate-row__amount[b-kin6fximv1] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.nb-rate-row__amount.is-total strong[b-kin6fximv1] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.nb-rate-row.is-selected .nb-rate-row__amount.is-total strong[b-kin6fximv1] {
    color: var(--innvilo-color-primary);
}

.nb-rate-row__amount.is-total small[b-kin6fximv1] {
    white-space: normal;
}

/* Sheet und schmale Fenster: Textspalten untereinander mit Beschriftung, Beträge rechts. */
.nb-sheet .nb-rate-list__columns[b-kin6fximv1] {
    display: none;
}

.nb-sheet .nb-rate-row[b-kin6fximv1] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    row-gap: var(--innvilo-space-1);
}

.nb-sheet .nb-rate-row__cell[b-kin6fximv1],
.nb-sheet .nb-rate-row__amount:not(.is-total)[b-kin6fximv1] {
    grid-column: 2 / span 2;
    text-align: left;
}

.nb-sheet .nb-rate-row__cell[b-kin6fximv1]::before,
.nb-sheet .nb-rate-row__amount:not(.is-total)[b-kin6fximv1]::before {
    content: attr(data-label) ': ';
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.nb-sheet .nb-rate-row__amount.is-total[b-kin6fximv1] {
    grid-column: 3;
    grid-row: 1;
}

@media (prefers-reduced-motion: reduce) {
    .nb-rate-row[b-kin6fximv1],
    .nb-rate-row__check[b-kin6fximv1]::after,
    .nb-rate-picker__trigger[b-kin6fximv1] {
        transition: none;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingResultPanel.razor.rz.scp.css */
/* Erfolgszustand: eine Fläche, Nummer groß, Fakten als Liste, Dokument und Versand in einem Block. */

.nb-result[b-s8umvrvqtv] {
    animation: nb-result-enter-b-s8umvrvqtv var(--innvilo-duration-slow) var(--innvilo-easing-decelerate) both;
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-7);
    padding: var(--innvilo-space-8);
}

.nb-result__head[b-s8umvrvqtv] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.nb-result__head h2[b-s8umvrvqtv] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.nb-result__head p:last-child[b-s8umvrvqtv] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 70ch;
}

.nb-result__facts[b-s8umvrvqtv] {
    border-bottom: 1px solid var(--innvilo-border-default);
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-5) var(--innvilo-space-8);
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    margin: 0;
    padding: var(--innvilo-space-5) 0;
}

.nb-result__facts > div[b-s8umvrvqtv] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.nb-result__facts .is-number[b-s8umvrvqtv] {
    grid-column: 1 / -1;
}

.nb-result__facts dt[b-s8umvrvqtv] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.nb-result__facts dd[b-s8umvrvqtv] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    overflow-wrap: anywhere;
}

.nb-result__number[b-s8umvrvqtv] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
    line-height: 1.1;
}

.nb-result__rooms[b-s8umvrvqtv] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
    overflow-wrap: anywhere;
}

.nb-result__link[b-s8umvrvqtv] {
    max-width: 44rem;
}

.nb-result__delivery[b-s8umvrvqtv] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.nb-result__delivery-head[b-s8umvrvqtv] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    justify-content: space-between;
}

.nb-result__delivery-head h3[b-s8umvrvqtv] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    margin: 0;
}

.nb-result__send[b-s8umvrvqtv] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: minmax(0, 24rem) max-content;
    justify-content: start;
}

.nb-result__sent[b-s8umvrvqtv] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}

.nb-result__actions[b-s8umvrvqtv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

@keyframes nb-result-enter-b-s8umvrvqtv {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@container nb-page (max-width: 44rem) {
    .nb-result[b-s8umvrvqtv] {
        padding: var(--innvilo-space-5) var(--innvilo-space-4);
    }

    .nb-result__send[b-s8umvrvqtv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .nb-result__number[b-s8umvrvqtv] {
        font-size: var(--innvilo-font-size-heading);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-result[b-s8umvrvqtv] {
        animation: none;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingRoomBilling.razor.rz.scp.css */
/* Zimmergäste bei „Jeder Gast zahlt sein Zimmer“: je Zimmer ein Block mit Hairline-Trennung, Kopf mit
   Zimmer und Kategorie, darunter das Feldraster des Assistenten. Keine Schatten, kein eigener Akzent. */

.nb-room-guests[b-f1xim2a5j3] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.nb-room-guest[b-f1xim2a5j3] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding-top: var(--innvilo-space-4);
}

.nb-room-guest__head[b-f1xim2a5j3] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    justify-content: space-between;
}

.nb-room-guest__head h4[b-f1xim2a5j3] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-weight: 400;
    margin: 0;
}

.nb-room-guest__head span[b-f1xim2a5j3],
.nb-room-guest__booker[b-f1xim2a5j3] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
}
/* /Components/Pages/Reservations/NewBooking/BookingRoomPicker.razor.rz.scp.css */
/* Zimmerauswahl: Filterzeile, Liste mit Kontrollkästchen, Vorschau der Entwurfsauswahl. Popover- und Sheet-Basis liegen in _booking-flow.scss. */

.nb-picker[b-614ylwqzrl] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.nb-picker__filters[b-614ylwqzrl] {
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
}

.nb-picker__state[b-614ylwqzrl] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-2) var(--innvilo-space-3);
    line-height: 1.5;
    margin: 0;
    padding: var(--innvilo-space-5) 0;
}

.nb-picker__state i[b-614ylwqzrl] {
    color: var(--innvilo-color-primary);
}

.nb-picker__state.is-error[b-614ylwqzrl] {
    color: var(--innvilo-danger);
}

.nb-picker__list[b-614ylwqzrl] {
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    list-style: none;
    margin: 0;
    max-height: 18rem;
    overflow-y: auto;
    padding: 0;
    scrollbar-width: thin;
}

.nb-picker__item[b-614ylwqzrl] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 2.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-2);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.nb-picker__item:hover[b-614ylwqzrl] {
    background: var(--innvilo-surface-app);
}

.nb-picker__item.is-checked[b-614ylwqzrl] {
    background: var(--innvilo-color-primary-subtle);
}

.nb-picker__item.is-unavailable .nb-picker__label strong[b-614ylwqzrl] {
    color: var(--innvilo-text-secondary);
    text-decoration: line-through;
}

.nb-picker__item.is-unavailable .nb-picker__label small[b-614ylwqzrl] {
    color: var(--innvilo-danger);
}

.nb-picker__label[b-614ylwqzrl] {
    align-items: baseline;
    column-gap: var(--innvilo-space-3);
    cursor: pointer;
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr) auto;
    min-width: 0;
}

.nb-picker__label strong[b-614ylwqzrl] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
}

.nb-picker__label span[b-614ylwqzrl] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nb-picker__label small[b-614ylwqzrl] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.nb-picker__preview[b-614ylwqzrl] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.nb-picker__preview strong[b-614ylwqzrl] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    margin-right: var(--innvilo-space-1);
}

@container nb-shell (max-width: 36rem) {
    .nb-picker__filters[b-614ylwqzrl] {
        grid-template-columns: minmax(0, 1fr);
    }

    .nb-picker__label[b-614ylwqzrl] {
        grid-template-columns: 3.5rem minmax(0, 1fr);
    }

    .nb-picker__label small[b-614ylwqzrl] {
        grid-column: 2;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-picker__item[b-614ylwqzrl] {
        transition: none;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingRoomTable.razor.rz.scp.css */
/* Zimmertabelle (Desktop) und Zimmerkarten (Handy). Hairlines statt Rahmen, Zahlen tabellarisch,
   ein Radius, kein Schatten. Nicht verfügbare Zeilen tragen die Bedeutungsfarbe nur im Hinweis. */

.nb-room-table[b-op977ngjfp] {
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.nb-room-table table[b-op977ngjfp] {
    border-collapse: collapse;
    min-width: 46rem;
    width: 100%;
}

.nb-room-table th[b-op977ngjfp],
.nb-room-table td[b-op977ngjfp] {
    border-bottom: 1px solid var(--innvilo-border-soft);
    padding: var(--innvilo-space-3) var(--innvilo-space-2);
    text-align: left;
    vertical-align: top;
}

.nb-room-table thead th[b-op977ngjfp] {
    border-bottom-color: var(--innvilo-border-default);
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    padding-top: 0;
    white-space: nowrap;
}

.nb-room-table tbody th[b-op977ngjfp] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    padding-top: calc(var(--innvilo-space-3) + 0.625rem);
    white-space: nowrap;
}

.nb-room-table tbody td[b-op977ngjfp] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
}

.nb-room-table tbody td:not(.is-editor):not(.is-price):not(.is-actions)[b-op977ngjfp] {
    padding-top: calc(var(--innvilo-space-3) + 0.75rem);
}

.nb-room-table td.is-editor[b-op977ngjfp] {
    width: 7.5rem;
}

.nb-room-table td.is-guest[b-op977ngjfp] {
    min-width: 12rem;
    width: auto;
}

.nb-room-table th.is-price[b-op977ngjfp],
.nb-room-table td.is-price[b-op977ngjfp] {
    text-align: right;
    width: 12rem;
}

.nb-room-table td.is-actions[b-op977ngjfp] {
    padding-top: calc(var(--innvilo-space-3) + 0.375rem);
    width: 2.5rem;
}

/* Zeile mit Meldungen: die Hairline wandert unter die Meldung. */
.nb-room-table__row.has-messages th[b-op977ngjfp],
.nb-room-table__row.has-messages td[b-op977ngjfp],
.nb-room-table__detail td[b-op977ngjfp] {
    border-bottom: 0;
}

.nb-room-table__detail td[b-op977ngjfp],
.nb-room-table__messages td[b-op977ngjfp] {
    padding-top: 0;
}

.nb-room-table__row.is-unavailable th[b-op977ngjfp],
.nb-room-table__row.is-unavailable td:not(.is-actions)[b-op977ngjfp] {
    color: var(--innvilo-text-secondary);
}

.nb-room-table__number[b-op977ngjfp] {
    font-variant-numeric: tabular-nums;
}

/* Entfernen: Textgroßes Icon ohne Container, Fläche nur beim Zeigen. */
.nb-room-table__remove[b-op977ngjfp] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 2rem;
}

.nb-room-table__remove:hover:not(:disabled)[b-op977ngjfp] {
    background: var(--innvilo-surface-app);
    color: var(--innvilo-danger);
}

.nb-room-table__remove:focus-visible[b-op977ngjfp] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.nb-room-table__remove:disabled[b-op977ngjfp] {
    color: var(--innvilo-text-disabled);
    cursor: default;
}

/* Preis mit Aufschlüsselung */

.nb-room-price[b-op977ngjfp] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: end;
    min-width: 0;
}

.nb-room-price__toggle[b-op977ngjfp] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: inherit;
    column-gap: var(--innvilo-space-2);
    cursor: pointer;
    display: grid;
    font: inherit;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 2.75rem;
    padding: var(--innvilo-space-1) var(--innvilo-space-2);
    text-align: right;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.nb-room-price__toggle:hover[b-op977ngjfp] {
    background: var(--innvilo-surface-app);
}

.nb-room-price__toggle:focus-visible[b-op977ngjfp] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.nb-room-price__toggle strong[b-op977ngjfp] {
    animation: nb-amount-enter-b-op977ngjfp var(--innvilo-duration-normal) var(--innvilo-easing-decelerate) both;
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.nb-room-price__toggle small[b-op977ngjfp] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    grid-column: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nb-room-price__toggle i[b-op977ngjfp] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    grid-column: 2;
    grid-row: 1 / span 2;
}

.nb-room-price__manual[b-op977ngjfp] {
    display: grid;
    gap: var(--innvilo-space-1);
    justify-items: stretch;
    text-align: left;
    width: 100%;
}

.nb-room-price__manual label[b-op977ngjfp] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    margin-top: var(--innvilo-space-2);
}

.nb-room-price__manual label:first-child[b-op977ngjfp] {
    margin-top: 0;
}

/* Aufschlüsselung als Definitionsliste, rechtsbündige Beträge. */
.nb-room-breakdown[b-op977ngjfp] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-1);
    margin: 0;
    max-width: 24rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
}

.nb-room-table .nb-room-breakdown[b-op977ngjfp] {
    margin-left: auto;
}

.nb-room-breakdown > div[b-op977ngjfp] {
    display: flex;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.nb-room-breakdown > div:last-child[b-op977ngjfp] {
    border-top: 1px solid var(--innvilo-border-default);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    margin-top: var(--innvilo-space-1);
    padding-top: var(--innvilo-space-2);
}

.nb-room-breakdown dt[b-op977ngjfp] {
    color: var(--innvilo-text-secondary);
}

.nb-room-breakdown dd[b-op977ngjfp] {
    color: var(--innvilo-text-primary);
    font-variant-numeric: tabular-nums;
    margin: 0;
    white-space: nowrap;
}

.nb-room-messages[b-op977ngjfp] {
    display: grid;
    gap: var(--innvilo-space-2);
    padding-bottom: var(--innvilo-space-2);
}

.nb-room-messages .nb-notice[b-op977ngjfp] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
}

/* Karten (Handy) */

.nb-room-cards[b-op977ngjfp] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.nb-room-card[b-op977ngjfp] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-4);
}

.nb-room-card__head[b-op977ngjfp] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-1) var(--innvilo-space-3);
    grid-template-columns: minmax(0, 1fr) auto;
}

.nb-room-card__head h4[b-op977ngjfp] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: 0;
}

.nb-room-card__head span[b-op977ngjfp] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    grid-column: 1;
}

.nb-room-card__head .nb-room-table__remove[b-op977ngjfp] {
    grid-column: 2;
    grid-row: 1 / span 2;
    height: 2.75rem;
    width: 2.75rem;
}

.nb-room-card__price[b-op977ngjfp] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-3);
}

.nb-room-card .nb-room-price[b-op977ngjfp] {
    justify-items: start;
}

.nb-room-card .nb-room-price__toggle[b-op977ngjfp] {
    text-align: left;
    width: 100%;
}

.nb-room-card .nb-room-price__toggle strong[b-op977ngjfp] {
    font-size: var(--innvilo-font-size-label);
}

.nb-room-card .nb-room-breakdown[b-op977ngjfp] {
    max-width: none;
}

.nb-visually-hidden[b-op977ngjfp] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@keyframes nb-amount-enter-b-op977ngjfp {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-room-price__toggle strong[b-op977ngjfp] {
        animation: none;
    }

    .nb-room-table__remove[b-op977ngjfp],
    .nb-room-price__toggle[b-op977ngjfp] {
        transition: none;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingStayPeriod.razor.rz.scp.css */
/* Zeitraum: Datumsfelder, zwei Kennzahlen in Editorhöhe und der Auslöser für die Zimmerauswahl auf einer Linie. */

.nb-period[b-z414l5y8qw] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.nb-period__stat[b-z414l5y8qw] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    display: flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1;
    min-height: 2.75rem;
}

.nb-period__trigger[b-z414l5y8qw] {
    grid-column: span 2;
}

.nb-period__status[b-z414l5y8qw] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
    min-height: 1.25rem;
}

.nb-period[data-availability-state='error'] .nb-period__status[b-z414l5y8qw] {
    color: var(--innvilo-danger);
}

@container nb-shell (max-width: 44rem) {
    .nb-period__trigger[b-z414l5y8qw] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingStayRecap.razor.rz.scp.css */
/* Zusammenfassung von Schritt 1: Definitionsliste mit Hairlines, Gesamtbetrag als einziger Akzent. */

.nb-recap[b-ey3mcexn4t] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    padding-top: var(--innvilo-space-5);
}

.nb-recap h3:focus-visible[b-ey3mcexn4t] {
    border-radius: var(--innvilo-radius-xs);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 4px;
}

.nb-recap__list[b-ey3mcexn4t] {
    display: grid;
    gap: 0;
    margin: 0;
}

.nb-recap__list > div[b-ey3mcexn4t] {
    border-top: 1px solid var(--innvilo-border-soft);
    display: grid;
    gap: var(--innvilo-space-1) var(--innvilo-space-6);
    grid-template-columns: 10rem minmax(0, 1fr);
    padding: var(--innvilo-space-3) 0;
}

.nb-recap__list dt[b-ey3mcexn4t] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.nb-recap__list dd[b-ey3mcexn4t] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.nb-recap__total[b-ey3mcexn4t] {
    align-items: baseline;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding-top: var(--innvilo-space-4);
}

.nb-recap__total span[b-ey3mcexn4t] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.nb-recap__total strong[b-ey3mcexn4t] {
    animation: nb-recap-enter-b-ey3mcexn4t var(--innvilo-duration-normal) var(--innvilo-easing-decelerate) both;
    color: var(--innvilo-color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
}

@keyframes nb-recap-enter-b-ey3mcexn4t {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@container nb-shell (max-width: 36rem) {
    .nb-recap__list > div[b-ey3mcexn4t] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-recap__total strong[b-ey3mcexn4t] {
        animation: none;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingStayStep.razor.rz.scp.css */
/* Schritt 1: Zeitraum, Zimmertabelle, Preiszeile (Rate und Leistungen), Zusammenfassung. Trennung nur durch Abstand und Hairlines. */

.nb-stay-step[b-w68iwvtmfm] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.nb-stay-step__pricing[b-w68iwvtmfm] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
    padding-top: var(--innvilo-space-5);
}
/* /Components/Pages/Reservations/NewBooking/BookingStepper.razor.rz.scp.css */
/* Schrittleiste: eine Fläche, zwei gleich breite Stationen (Nummer links, Titel und Zustand rechts),
   darunter eine Fortschrittslinie, die bis zur aktuellen Station gefüllt ist. Ein Akzent, keine Schatten. */

.nb-stepper[b-4sz46ozui0] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.nb-stepper ol[b-4sz46ozui0] {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nb-stepper__item[b-4sz46ozui0] {
    border-right: 1px solid var(--innvilo-border-soft);
    display: grid;
    min-width: 0;
}

.nb-stepper__item:last-child[b-4sz46ozui0] {
    border-right: 0;
}

.nb-stepper__button[b-4sz46ozui0] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3.75rem;
    min-width: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.nb-stepper__button:not(:disabled):hover[b-4sz46ozui0] {
    background: var(--innvilo-surface-app);
}

.nb-stepper__button:disabled[b-4sz46ozui0] {
    cursor: default;
}

.nb-stepper__button:focus-visible[b-4sz46ozui0] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.nb-stepper__index[b-4sz46ozui0] {
    align-items: center;
    border: 2px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard),
        color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.75rem;
}

.nb-stepper__index i[b-4sz46ozui0] {
    font-size: var(--innvilo-font-size-micro);
}

.nb-stepper__copy[b-4sz46ozui0] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.nb-stepper__label[b-4sz46ozui0] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nb-stepper__state[b-4sz46ozui0] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.3;
    white-space: nowrap;
}

/* Zustände */

.nb-stepper__item.is-active .nb-stepper__button[b-4sz46ozui0] {
    background: var(--innvilo-color-primary-soft);
    color: var(--innvilo-text-primary);
}

.nb-stepper__item.is-active .nb-stepper__index[b-4sz46ozui0] {
    background: var(--innvilo-color-primary);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-text-inverse);
}

.nb-stepper__item.is-active .nb-stepper__label[b-4sz46ozui0] {
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.nb-stepper__item.is-active .nb-stepper__state[b-4sz46ozui0] {
    color: var(--innvilo-color-primary);
}

.nb-stepper__item.is-completed .nb-stepper__button[b-4sz46ozui0] {
    color: var(--innvilo-text-primary);
}

.nb-stepper__item.is-completed .nb-stepper__index[b-4sz46ozui0] {
    background: var(--innvilo-color-primary-subtle);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.nb-stepper__item.is-error .nb-stepper__button[b-4sz46ozui0] {
    color: var(--innvilo-danger);
}

.nb-stepper__item.is-error .nb-stepper__index[b-4sz46ozui0] {
    border-color: var(--innvilo-danger);
    color: var(--innvilo-danger);
}

.nb-stepper__item.is-error .nb-stepper__state[b-4sz46ozui0] {
    color: var(--innvilo-danger);
}

.nb-stepper__button:not(:disabled):hover .nb-stepper__index[b-4sz46ozui0] {
    border-color: var(--innvilo-color-primary);
}

/* Fortschrittslinie: Grundlinie über die volle Breite, Füllung bis zur Mitte der aktuellen Station. */

.nb-stepper__progress[b-4sz46ozui0] {
    background: var(--innvilo-border-default);
    display: block;
    height: 3px;
    position: relative;
    width: 100%;
}

.nb-stepper__progress[b-4sz46ozui0]::after {
    background: var(--innvilo-color-primary);
    content: '';
    inset: 0 auto 0 0;
    position: absolute;
    transition: width var(--innvilo-duration-normal) var(--innvilo-easing-decelerate);
    width: var(--nb-progress, 0%);
}

/* Unter 44rem: nur die aktive Station zeigt Titel und Zustand, die übrigen ihre Nummer. */
@container nb-shell (max-width: 44rem) {
    .nb-stepper__button[b-4sz46ozui0] {
        justify-items: center;
        min-height: 3.25rem;
        padding-inline: var(--innvilo-space-2);
    }

    .nb-stepper__item:not(.is-active) .nb-stepper__button[b-4sz46ozui0] {
        grid-template-columns: auto;
    }

    .nb-stepper__item:not(.is-active) .nb-stepper__copy[b-4sz46ozui0] {
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .nb-stepper__item.is-active[b-4sz46ozui0] {
        min-width: 9rem;
    }

    .nb-stepper__item.is-active .nb-stepper__label[b-4sz46ozui0] {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-stepper__button[b-4sz46ozui0],
    .nb-stepper__index[b-4sz46ozui0],
    .nb-stepper__progress[b-4sz46ozui0]::after {
        transition: none;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingSummary.razor.rz.scp.css */
/* Zusammenfassung: kompakte Fakten, Preiszerlegung, Gesamt als einzige Betonung. Kein Rahmen, keine Schatten. */

.nb-summary[b-41jsp69j97] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.nb-summary dl[b-41jsp69j97] {
    display: grid;
    gap: var(--innvilo-space-2);
    margin: 0;
}

.nb-summary dl > div[b-41jsp69j97] {
    align-items: baseline;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 6rem minmax(0, 1fr);
}

.nb-summary dt[b-41jsp69j97] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.nb-summary dd[b-41jsp69j97] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.nb-summary__prices[b-41jsp69j97] {
    border-top: 1px solid var(--innvilo-border-default);
    padding-top: var(--innvilo-space-4);
}

.nb-summary__prices > div[b-41jsp69j97] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.nb-summary__prices dd[b-41jsp69j97] {
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.nb-summary__total[b-41jsp69j97] {
    align-items: baseline;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding-top: var(--innvilo-space-4);
}

.nb-summary__total span[b-41jsp69j97] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.nb-summary__amount[b-41jsp69j97] {
    animation: nb-summary-refresh-b-41jsp69j97 var(--innvilo-duration-normal) var(--innvilo-easing-decelerate) both;
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.nb-summary__status[b-41jsp69j97] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
    text-align: right;
}

@keyframes nb-summary-refresh-b-41jsp69j97 {
    from {
        opacity: 0.35;
        transform: translateY(2px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-summary__amount[b-41jsp69j97] {
        animation: none;
    }
}
/* /Components/Pages/Reservations/NewBooking/BookingWizardShell.razor.rz.scp.css */
/* Hülle des Assistenten. Desktop: Panel links, Zusammenfassung rechts als eigene Spalte. Handy und
   Tablet: einspaltig, feste Aktionsleiste unten mit aufklappbarer Zusammenfassung. Eine Fläche, ein
   Radius, Trennung durch Hintergrundstufe und Hairlines, keine Schatten außer der Aktionsleiste. */

.nb-shell[b-aa30tqzadb] {
    container-name: nb-shell;
    container-type: inline-size;
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
}

.nb-shell__body[b-aa30tqzadb] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-7);
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

.nb-shell--desktop .nb-shell__body[b-aa30tqzadb] {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 21rem);
}

/* Linke Spalte: Schrittleiste und Panel teilen sich exakt eine Kante und eine Breite. */
.nb-shell__main[b-aa30tqzadb] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

/* Schrittpanel */

.nb-panel[b-aa30tqzadb] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8) var(--innvilo-space-6);
}

.nb-panel__stage[b-aa30tqzadb] {
    animation: nb-step-enter-b-aa30tqzadb var(--innvilo-duration-normal) var(--innvilo-easing-decelerate) both;
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

/* Kopf: Titelblock links, in Schritt 1 rechts der Umschalter Buchung/Anfrage. */
.nb-panel__head[b-aa30tqzadb] {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.nb-panel__title[b-aa30tqzadb] {
    display: grid;
    flex: 1 1 20rem;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.nb-mode[b-aa30tqzadb] {
    display: inline-flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-2);
}

.nb-panel__count[b-aa30tqzadb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    margin: 0;
}

.nb-panel__head h2[b-aa30tqzadb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.2;
    margin: 0;
    outline: none;
}

.nb-panel__head h2:focus-visible[b-aa30tqzadb] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 4px;
}

.nb-panel__title p:last-child[b-aa30tqzadb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 70ch;
}

.nb-panel__content[b-aa30tqzadb] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.nb-panel__footer[b-aa30tqzadb] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    padding-top: var(--innvilo-space-5);
}

/* Hinweis, warum Schritt 1 noch nicht verlassen werden kann; leer, sobald alles steht. */
.nb-panel__footer-hint[b-aa30tqzadb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    max-width: 40ch;
}

.nb-panel__footer-hint:empty[b-aa30tqzadb] {
    display: none;
}

/* Zusammenfassung (Desktop) */

.nb-shell__aside[b-aa30tqzadb] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-6);
    position: sticky;
    top: var(--innvilo-space-4);
}

.nb-shell__aside-head[b-aa30tqzadb] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-1);
    padding-bottom: var(--innvilo-space-4);
}

.nb-shell__aside-head strong[b-aa30tqzadb] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
}

.nb-shell__aside-head span[b-aa30tqzadb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

/* Aktionsleiste (Handy und Tablet) */

.nb-bar[b-aa30tqzadb] {
    background: var(--innvilo-surface-card);
    border-top: 1px solid var(--innvilo-border-default);
    bottom: 0;
    box-shadow: var(--innvilo-shadow-bar);
    display: grid;
    left: 0;
    position: fixed;
    right: 0;
    z-index: var(--innvilo-z-sticky);
}

.nb-shell--mobile .nb-bar[b-aa30tqzadb] {
    bottom: calc(4rem + env(safe-area-inset-bottom));
}

.nb-bar__row[b-aa30tqzadb] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: minmax(0, 1fr) auto;
    padding: var(--innvilo-space-3) var(--innvilo-page-gutter-mobile);
}

.nb-bar__toggle[b-aa30tqzadb] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0 var(--innvilo-space-2);
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 2.75rem;
    min-width: 0;
    padding: 0;
    text-align: left;
}

.nb-bar__toggle:focus-visible[b-aa30tqzadb] {
    border-radius: var(--innvilo-radius-xs);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.nb-bar__label[b-aa30tqzadb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    grid-column: 1;
    letter-spacing: var(--innvilo-tracking-caption);
}

.nb-bar__total[b-aa30tqzadb] {
    animation: nb-step-enter-b-aa30tqzadb var(--innvilo-duration-normal) var(--innvilo-easing-decelerate) both;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    grid-column: 1;
}

.nb-bar__toggle i[b-aa30tqzadb] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    grid-column: 2;
    grid-row: 1 / span 2;
}

.nb-bar__sheet[b-aa30tqzadb] {
    animation: nb-sheet-enter-b-aa30tqzadb var(--innvilo-duration-normal) var(--innvilo-easing-decelerate) both;
    border-bottom: 1px solid var(--innvilo-border-default);
    max-height: 60dvh;
    overflow-y: auto;
    padding: var(--innvilo-space-5) var(--innvilo-page-gutter-mobile);
}

/* Platz für die Aktionsleiste unter dem Inhalt */

.nb-shell--mobile[b-aa30tqzadb],
.nb-shell--tablet[b-aa30tqzadb] {
    padding-bottom: 4.5rem;
}

@keyframes nb-step-enter-b-aa30tqzadb {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes nb-sheet-enter-b-aa30tqzadb {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@container nb-shell (max-width: 44rem) {
    .nb-panel[b-aa30tqzadb] {
        padding: var(--innvilo-space-5) var(--innvilo-space-4) var(--innvilo-space-5);
    }

    .nb-panel__footer[b-aa30tqzadb] {
        justify-content: flex-start;
    }

    .nb-mode[b-aa30tqzadb] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-panel__stage[b-aa30tqzadb],
    .nb-bar__total[b-aa30tqzadb],
    .nb-bar__sheet[b-aa30tqzadb] {
        animation: none;
    }
}
/* /Components/Pages/Reservations/NewReservation.razor.rz.scp.css */
/* Seite „Neue Buchung / Neue Anfrage“: Hero, dann Assistent, Abschlussszene oder Ergebnis.
   Rhythmus über --innvilo-page-section-gap, Trennung nur durch Hintergrundstufe und Weißraum. */

.nb-page[b-fzsj5ss61d] {
    container-name: nb-page;
    container-type: inline-size;
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.nb-page__anchor[b-fzsj5ss61d] {
    display: block;
    height: 0;
    outline: none;
    width: 0;
}

/* Fehler beim Laden: eine Fläche, zwei Aktionen */

.nb-error[b-fzsj5ss61d] {
    background: var(--innvilo-surface-card);
    border-left: 2px solid var(--innvilo-danger);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-6);
}

.nb-error strong[b-fzsj5ss61d] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.nb-error p[b-fzsj5ss61d] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 70ch;
}

.nb-error__actions[b-fzsj5ss61d] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

/* Ladezustand: vier ruhige Flächen in der Form der späteren Seite */

.nb-skeleton[b-fzsj5ss61d] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.nb-skeleton > span[b-fzsj5ss61d] {
    animation: nb-skeleton-pulse-b-fzsj5ss61d 1.4s var(--innvilo-easing-standard) infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.nb-skeleton .is-title[b-fzsj5ss61d] {
    height: 2rem;
    width: min(100%, 18rem);
}

.nb-skeleton .is-lead[b-fzsj5ss61d] {
    height: 1rem;
    width: min(100%, 36rem);
}

.nb-skeleton .is-steps[b-fzsj5ss61d] {
    height: 3rem;
    width: 100%;
}

.nb-skeleton .is-panel[b-fzsj5ss61d] {
    height: 22rem;
    width: 100%;
}

@keyframes nb-skeleton-pulse-b-fzsj5ss61d {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.55;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nb-skeleton > span[b-fzsj5ss61d] {
        animation: none;
    }
}

/* Handy und Tablet: engerer Blockabstand wie die Arbeitslisten. */
@media (max-width: 61.9375rem) {
    .nb-page[b-fzsj5ss61d] {
        gap: var(--innvilo-space-8);
    }
}
/* /Components/Pages/Reservations/Workspace/ReservationGroupBillingEditor.razor.rz.scp.css */
/* Inline-Editor der Abrechnung im Übersichtsblock: Moduswahl, je Zimmer ein Feldsatz mit Hairline,
   Aktionen rechts. Felder nutzen das Raster der Reservierungsdialoge; unter 600px eine Spalte. */

.rw-billing-editor[b-a7utelet2t] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-7);
}

.rw-billing-editor__modes[b-a7utelet2t],
.rw-billing-editor__actions[b-a7utelet2t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.rw-billing-editor__actions[b-a7utelet2t] {
    justify-content: flex-end;
}

.rw-billing-editor__hint[b-a7utelet2t],
.rw-billing-editor__current[b-a7utelet2t] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
    max-width: 68ch;
}

.rw-billing-editor__room[b-a7utelet2t] {
    border: 0;
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
    min-width: 0;
    padding: var(--innvilo-space-4) 0 0;
}

.rw-billing-editor__room legend[b-a7utelet2t] {
    color: var(--innvilo-text-primary);
    float: left;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    padding: 0;
    width: 100%;
}

.rw-billing-editor__check[b-a7utelet2t] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    min-height: 2.75rem;
}

@media (max-width: 37.4375rem) {
    .rw-billing-editor[b-a7utelet2t] {
        padding: var(--innvilo-space-5);
    }

    .rw-billing-editor .reservation-dialog__form[b-a7utelet2t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .rw-billing-editor__actions[b-a7utelet2t] {
        justify-content: stretch;
    }
}
/* /Components/Pages/Reservations/Workspace/ReservationJourney.razor.rz.scp.css */
/* Reiseband: waagerechte Stationen auf einer Fläche, kompakt senkrecht. Nur Layout und Größen des eigenen
   Markups; Farben kommen aus den Tokens. */
.rw-journey[b-wycsuyppp9] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
}

.rw-journey__stop[b-wycsuyppp9] {
    min-width: 0;
    padding-top: var(--innvilo-space-7);
    position: relative;
}

/* Linie und Punkt der Station. Beide sind dekorativ; die Aussage steht im Text darunter. */
.rw-journey__stop[b-wycsuyppp9]::before {
    background: var(--innvilo-border-default);
    border-radius: 2px;
    content: '';
    height: 3px;
    inset: 5px 0 auto 0;
    position: absolute;
}

.rw-journey__stop[b-wycsuyppp9]::after {
    background: var(--innvilo-border-default);
    border: 3px solid var(--innvilo-surface-card);
    border-radius: 50%;
    content: '';
    height: 13px;
    left: 0;
    position: absolute;
    top: 0;
    width: 13px;
}

.rw-journey__stop.is-done[b-wycsuyppp9]::before,
.rw-journey__stop.is-now[b-wycsuyppp9]::before,
.rw-journey__stop.is-done[b-wycsuyppp9]::after,
.rw-journey__stop.is-now[b-wycsuyppp9]::after {
    background: var(--innvilo-color-primary);
}

.rw-journey__stop.is-now[b-wycsuyppp9]::after {
    box-shadow: 0 0 0 3px var(--innvilo-color-primary-soft);
}

.rw-journey__stop b[b-wycsuyppp9] {
    color: var(--innvilo-text-primary);
    display: block;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-weight: 400;
    letter-spacing: var(--innvilo-tracking-caption);
}

.rw-journey__stop.is-todo b[b-wycsuyppp9] {
    color: var(--innvilo-text-secondary);
}

.rw-journey__stop span[b-wycsuyppp9] {
    color: var(--innvilo-text-secondary);
    display: block;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
    margin-top: var(--innvilo-space-1);
}

@media (max-width: 61.9375rem) {
    .rw-journey[b-wycsuyppp9] {
        gap: var(--innvilo-space-5);
        grid-template-columns: minmax(0, 1fr);
        padding: var(--innvilo-space-6);
    }

    .rw-journey__stop[b-wycsuyppp9] {
        padding-left: var(--innvilo-space-8);
        padding-top: 0;
    }

    .rw-journey__stop[b-wycsuyppp9]::before {
        bottom: calc(var(--innvilo-space-5) * -1);
        height: auto;
        left: 5px;
        right: auto;
        top: 0;
        width: 3px;
    }

    .rw-journey__stop:last-child[b-wycsuyppp9]::before {
        display: none;
    }
}
/* /Components/Pages/Reservations/Workspace/ReservationOverview.razor.rz.scp.css */
/* 12-Spalten-Blockraster der Übersicht (Vorlage: HousekeepingManagementDay.razor.css). Blöcke haben einen Kopf
   und darunter eine Fläche; ab 992px stehen col-4, col-6 und col-8 nebeneinander, darunter eine Spalte.
   Nur Layout und Größen des eigenen Markups. */
/* Blöcke einer Reihe stehen auf einer Linie: das Raster streckt sie auf dieselbe Höhe, der Kopf hat eine
   Mindesthöhe, damit die Flächen darunter gemeinsam beginnen, und die Fläche füllt den Rest der Reihe. */
.rw-grid[b-b1vz3xtpip] {
    align-items: stretch;
    display: grid;
    gap: var(--innvilo-page-section-gap) var(--innvilo-space-7);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    min-width: 0;
}

.rw-block[b-b1vz3xtpip] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-5);
    grid-column: span 12;
    min-width: 0;
}

.rw-block > .pms-worklist-panel[b-b1vz3xtpip] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.rw-block__head[b-b1vz3xtpip] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-7);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.rw-block__head h2[b-b1vz3xtpip] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-weight: 400;
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
}

.rw-block__head p[b-b1vz3xtpip] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: var(--innvilo-space-2) 0 0;
    max-width: 68ch;
}

.rw-block__actions[b-b1vz3xtpip] {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--innvilo-space-4);
}

@media (min-width: 62rem) {
    .rw-block--4[b-b1vz3xtpip] { grid-column: span 4; }
    .rw-block--6[b-b1vz3xtpip] { grid-column: span 6; }
    .rw-block--8[b-b1vz3xtpip] { grid-column: span 8; }

    /* Köpfe einer Reihe haben dieselbe Höhe, damit die Flächen darunter auf derselben Linie beginnen.
       Überschrift und Beschreibung brechen höchstens zweizeilig; die Mindesthöhe deckt den jeweils
       längsten Fall der Breite ab: 24 + 4 + 41 = 69px ab 1200px, 48 + 4 + 41 = 93px darunter. */
    .rw-block--4 > .rw-block__head[b-b1vz3xtpip],
    .rw-block--6 > .rw-block__head[b-b1vz3xtpip],
    .rw-block--8 > .rw-block__head[b-b1vz3xtpip] {
        min-height: 6.25rem;
    }

    .rw-block--4 > .rw-block__head h2[b-b1vz3xtpip],
    .rw-block--6 > .rw-block__head h2[b-b1vz3xtpip],
    .rw-block--8 > .rw-block__head h2[b-b1vz3xtpip],
    .rw-block--4 > .rw-block__head p[b-b1vz3xtpip],
    .rw-block--6 > .rw-block__head p[b-b1vz3xtpip],
    .rw-block--8 > .rw-block__head p[b-b1vz3xtpip] {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}

@media (min-width: 75rem) {
    .rw-block--4 > .rw-block__head[b-b1vz3xtpip],
    .rw-block--6 > .rw-block__head[b-b1vz3xtpip],
    .rw-block--8 > .rw-block__head[b-b1vz3xtpip] {
        min-height: 4.5rem;
    }
}

/* ---------------------------------------------------------------- Zu erledigen */

/* Innenabstand wie in allen Flächen der Übersicht: 20px horizontal, damit die linke Textkante über alle
   Reihen hinweg dieselbe ist. */
.rw-todo__item[b-b1vz3xtpip] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    border-left: 3px solid transparent;
    display: flex;
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-6) var(--innvilo-space-7);
}

.rw-todo__item.is-now[b-b1vz3xtpip] { border-left-color: var(--color-error); }
.rw-todo__item.is-soon[b-b1vz3xtpip] { border-left-color: var(--color-warning); }

.rw-todo__when[b-b1vz3xtpip] {
    border-radius: var(--innvilo-radius-xs);
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    font-weight: 400;
    letter-spacing: var(--innvilo-tracking-overline);
    padding: var(--innvilo-space-1) var(--innvilo-space-4);
    text-transform: uppercase;
    white-space: nowrap;
}

.rw-todo__item.is-now .rw-todo__when[b-b1vz3xtpip] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

.rw-todo__item.is-soon .rw-todo__when[b-b1vz3xtpip] {
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.rw-todo__action-host[b-b1vz3xtpip] {
    flex: 0 0 auto;
}

.rw-todo__text[b-b1vz3xtpip] {
    flex: 1 1 auto;
    font-size: var(--innvilo-font-size-body);
    min-width: 0;
}

.rw-todo__text small[b-b1vz3xtpip] {
    color: var(--innvilo-text-secondary);
    display: block;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin-top: var(--innvilo-space-2);
    max-width: 68ch;
}

.rw-todo__done[b-b1vz3xtpip] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-7);
}

.rw-todo__done b[b-b1vz3xtpip] {
    color: var(--color-success);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-weight: 400;
}

/* ---------------------------------------------------------------- Rechnung */

.rw-money[b-b1vz3xtpip] {
    display: flex;
    flex-direction: column;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-7);
}

.rw-money__open[b-b1vz3xtpip] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.rw-money__open span[b-b1vz3xtpip] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.rw-money__open b[b-b1vz3xtpip] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-kpi-value);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    letter-spacing: var(--innvilo-tracking-title);
}

.rw-money__open b.is-open[b-b1vz3xtpip] { color: var(--color-warning-text); }
.rw-money__open b.is-settled[b-b1vz3xtpip] { color: var(--color-success); }

.rw-money__bar[b-b1vz3xtpip] {
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-full);
    display: flex;
    height: 8px;
    overflow: hidden;
}

.rw-money__bar-paid[b-b1vz3xtpip] {
    background: var(--innvilo-color-primary);
    display: block;
    height: 100%;
}

.rw-money__facts[b-b1vz3xtpip] {
    display: flex;
    flex-direction: column;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    margin: 0;
}

.rw-money__facts div[b-b1vz3xtpip] {
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.rw-money__facts dt[b-b1vz3xtpip] { color: var(--innvilo-text-secondary); }

.rw-money__facts dd[b-b1vz3xtpip] {
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.rw-money__actions[b-b1vz3xtpip] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    padding-top: var(--innvilo-space-2);
}

/* -------------------------------------------- Gemeinsame Merkmalliste: Gast und Aufenthalt
   Beide Blöcke benutzen dieselbe Liste: gleicher Innenabstand, gleiche zwei Spalten, gleiche Zeilenhöhe und
   gleiche Beschriftungsspalte. Dadurch sitzen die Werte beider Blöcke einer Reihe auf derselben Grundlinie. */

.rw-facts[b-b1vz3xtpip] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-7) var(--innvilo-space-8);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: var(--innvilo-space-7);
}

/* align-content hält Beschriftung und Wert am oberen Rand der Zeile: bricht ein Wert der Nachbarspalte
   zweizeilig um, bleibt der kürzere Wert trotzdem auf derselben Grundlinie. */
.rw-facts div[b-b1vz3xtpip] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.rw-facts .is-wide[b-b1vz3xtpip] { grid-column: span 2; }

.rw-facts dt[b-b1vz3xtpip] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.rw-facts dd[b-b1vz3xtpip] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    margin: 0;
    overflow-wrap: anywhere;
}

/* Ein fehlender Wert trägt einen Ersatztext und liest sich zurückhaltender als ein erfasster. */
.rw-facts dd.is-missing[b-b1vz3xtpip] {
    color: var(--innvilo-text-muted);
}

/* ---------------------------------------------------------------- Hauptbucher und Hinweise */

.rw-person__name[b-b1vz3xtpip] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-weight: 400;
}

.rw-person__hints[b-b1vz3xtpip] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-6) var(--innvilo-space-7);
}

.rw-person__hints p[b-b1vz3xtpip] {
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
    line-height: 1.45;
    margin: 0;
}

.rw-person__hints i[b-b1vz3xtpip] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: 0.875rem;
    margin-top: 0.15rem;
}

/* ---------------------------------------------------------------- Kompakt */

@media (max-width: 61.9375rem) {
    .rw-grid[b-b1vz3xtpip] {
        gap: var(--innvilo-space-8);
    }

    .rw-todo__item[b-b1vz3xtpip] {
        align-items: start;
        display: grid;
        gap: var(--innvilo-space-4) var(--innvilo-space-5);
        grid-template-columns: auto minmax(0, 1fr);
    }

    .rw-todo__when[b-b1vz3xtpip] { grid-column: 1; justify-self: start; }
    .rw-todo__text[b-b1vz3xtpip] { grid-column: 2; }
    .rw-todo__action-host[b-b1vz3xtpip] { grid-column: 2; justify-self: start; }

    .rw-facts[b-b1vz3xtpip] {
        grid-template-columns: minmax(0, 1fr);
    }

    .rw-facts .is-wide[b-b1vz3xtpip] { grid-column: span 1; }
}
/* /Components/Pages/Reservations/Workspace/ReservationScopeBar.razor.rz.scp.css */
/* Arbeitsbereich-Leiste: Beschriftung, Knopfreihe, darunter bei eingeschränkter Ansicht ein Hinweis. */
.rw-scope[b-587yheiz5f] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-5);
    min-width: 0;
}

.rw-scope__label[b-587yheiz5f] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.rw-scope__chips[b-587yheiz5f] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.rw-scope__chip[b-587yheiz5f] {
    align-items: flex-start;
    appearance: none;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    font: inherit;
    min-height: 2.75rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-5);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
        transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

.rw-scope__chip b[b-587yheiz5f] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
}

.rw-scope__chip small[b-587yheiz5f] {
    font-size: var(--innvilo-font-size-micro);
}

.rw-scope__chip:hover[b-587yheiz5f] {
    background: var(--innvilo-surface-muted);
    border-color: var(--innvilo-border-strong);
}

.rw-scope__chip:active[b-587yheiz5f] {
    transform: scale(var(--innvilo-press-scale));
}

.rw-scope__chip:focus-visible[b-587yheiz5f] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.rw-scope__chip[aria-pressed='true'][b-587yheiz5f],
.rw-scope__chip[aria-pressed='true'] b[b-587yheiz5f] {
    background: var(--innvilo-color-primary);
    border-color: var(--innvilo-color-primary);
    color: var(--innvilo-surface-card);
}

.rw-scope__hint[b-587yheiz5f] {
    color: var(--innvilo-text-secondary);
    flex: 1 0 100%;
    font-size: var(--innvilo-font-size-caption);
    margin: 0;
    max-width: 68ch;
}

@media (prefers-reduced-motion: reduce) {
    .rw-scope__chip[b-587yheiz5f] {
        transition: none;
    }

    .rw-scope__chip:active[b-587yheiz5f] {
        transform: none;
    }
}
/* /Components/Pages/Reservations/Workspace/ReservationStayTable.razor.rz.scp.css */
/* Zimmer und Gäste: Zellinhalte, Kartenansicht und Summenzeile. Die DevExpress-Haken des Grids liegen in
   _worklist.scss und greifen über die Klasse .pms-worklist am Wurzelelement. */
.rw-stays[b-zs4c35r12n] {
    min-width: 0;
}

.rw-stays__cell[b-zs4c35r12n] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.rw-stays__cell.is-number[b-zs4c35r12n] {
    font-variant-numeric: tabular-nums;
    justify-items: end;
}

.rw-stays__cell strong[b-zs4c35r12n] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
}

.rw-stays__cell strong.is-open[b-zs4c35r12n] {
    color: var(--color-warning-text);
}

.rw-stays__cell small[b-zs4c35r12n] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.rw-stays__row-actions[b-zs4c35r12n] {
    display: flex;
    justify-content: flex-end;
}

/* Summenzeile am Fuß der Fläche. */
.rw-stays__sum[b-zs4c35r12n] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3) var(--innvilo-space-6);
    justify-content: space-between;
    margin: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.rw-stays__sum-money[b-zs4c35r12n] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

/* Kompakt: je Aufenthalt eine Karte statt einer Zeile. */
.rw-stays__cards[b-zs4c35r12n] {
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4);
}

.rw-stays__card[b-zs4c35r12n] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
}

.rw-stays__card.is-attention[b-zs4c35r12n] {
    border-left: 3px solid var(--color-warning);
}

.rw-stays__card header[b-zs4c35r12n] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.rw-stays__card header div[b-zs4c35r12n] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.rw-stays__card header strong[b-zs4c35r12n],
.rw-stays__card-guest strong[b-zs4c35r12n] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
}

.rw-stays__card header span[b-zs4c35r12n],
.rw-stays__card-guest span[b-zs4c35r12n] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.rw-stays__card-guest[b-zs4c35r12n] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.rw-stays__facts[b-zs4c35r12n] {
    display: grid;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
    margin: 0;
}

.rw-stays__facts div[b-zs4c35r12n] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.rw-stays__facts dt[b-zs4c35r12n] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.rw-stays__facts dd[b-zs4c35r12n] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
}
/* /Components/Pages/SmsDelivery/SmsConfigurationPage.razor.rz.scp.css */
.email-config-page[b-rbriuglqmo] {
    display: grid;
    font-family: Lato, sans-serif;
    gap: calc(var(--innvilo-page-section-gap) - (var(--innvilo-page-hero-gap) - var(--innvilo-space-6)));
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    padding-bottom: var(--innvilo-space-8);
    width: 100%;
}

.sms-config-content[b-rbriuglqmo],
.sms-config-after-kpis[b-rbriuglqmo] {
    margin-top: calc(var(--innvilo-page-hero-gap) - var(--innvilo-space-6));
}

.sms-config-content[b-rbriuglqmo] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.sms-config-content.is-platform[b-rbriuglqmo] {
    margin-top: 0;
}

.email-config-layout[b-rbriuglqmo] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
}

.email-config-layout.is-single[b-rbriuglqmo] {
    grid-template-columns: minmax(0, 52rem);
}

.email-config-main[b-rbriuglqmo],
.email-config-side[b-rbriuglqmo] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.email-config-panel[b-rbriuglqmo],
.email-config-loading[b-rbriuglqmo],
.email-config-state[b-rbriuglqmo] {
    background: var(--innvilo-surface);
    border: 1px solid var(--innvilo-border);
    border-radius: var(--innvilo-radius-card);
    box-shadow: none;
}

.email-config-state:focus-visible[b-rbriuglqmo] {
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 3px;
}

.email-config-panel[b-rbriuglqmo] {
    display: grid;
    gap: var(--innvilo-space-7);
    padding: var(--innvilo-space-7);
}

.email-config-panel.is-compact[b-rbriuglqmo] {
    gap: var(--innvilo-space-6);
    padding: var(--innvilo-space-6);
}

.email-config-panel.is-fallback[b-rbriuglqmo] {
    background: var(--innvilo-surface-soft);
}

.email-config-panel-header[b-rbriuglqmo] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.email-config-panel-header > div > span[b-rbriuglqmo] {
    color: var(--innvilo-text-secondary);
    display: block;
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.4;
}

.email-config-panel-header h2[b-rbriuglqmo] {
    font-size: 1.125rem;
    line-height: 1.35;
    margin: .2rem 0 0;
}

.email-config-panel p[b-rbriuglqmo],
.email-config-panel small[b-rbriuglqmo] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.email-config-toggle[b-rbriuglqmo] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    font-weight: 700;
    gap: var(--innvilo-space-3);
    min-height: 2.75rem;
}

.email-config-fallback-notice[b-rbriuglqmo] {
    align-items: start;
    background: var(--innvilo-teal-soft);
    border-radius: var(--innvilo-radius-sm);
    color: var(--innvilo-text-primary);
    display: flex;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
}

.email-config-fallback-notice > i[b-rbriuglqmo] {
    color: var(--innvilo-teal);
    margin-top: .15rem;
}

.email-config-fallback-notice div[b-rbriuglqmo],
.email-config-empty div[b-rbriuglqmo] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.email-config-actions[b-rbriuglqmo] {
    border-top: 1px solid var(--innvilo-border);
    display: flex;
    justify-content: end;
    margin-top: var(--innvilo-space-7);
    padding-top: var(--innvilo-space-6);
}

.email-provider-field[b-rbriuglqmo] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.email-provider-field > span[b-rbriuglqmo] {
    font-weight: 700;
}

.email-config-validation[b-rbriuglqmo],
.email-config-error[b-rbriuglqmo] {
    color: var(--innvilo-danger);
    margin: 0;
}

.email-config-error:focus-visible[b-rbriuglqmo] {
    border-radius: var(--innvilo-radius-sm);
    outline: 3px solid var(--color-primary-focus-ring);
    outline-offset: 3px;
}

.email-config-status-list[b-rbriuglqmo] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
}

.email-config-status-list div[b-rbriuglqmo] {
    border-bottom: 1px solid var(--innvilo-border);
    display: grid;
    gap: var(--innvilo-space-1);
    padding-bottom: var(--innvilo-space-4);
}

.email-config-status-list div:last-child[b-rbriuglqmo] {
    border-bottom: 0;
    padding-bottom: 0;
}

.email-config-status-list dt[b-rbriuglqmo] {
    color: var(--innvilo-text-secondary);
    font-size: .8125rem;
}

.email-config-status-list dd[b-rbriuglqmo] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    margin: 0;
    overflow-wrap: anywhere;
}

.email-config-test-message[b-rbriuglqmo],
.email-config-empty[b-rbriuglqmo] {
    background: var(--innvilo-surface-soft);
    border-radius: var(--innvilo-radius-sm);
    padding: var(--innvilo-space-4);
}

.email-config-empty[b-rbriuglqmo] {
    align-items: start;
    color: var(--innvilo-text-secondary);
    display: flex;
    gap: var(--innvilo-space-4);
}

.email-config-empty > i[b-rbriuglqmo] {
    color: var(--innvilo-teal);
    margin-top: .15rem;
}

.email-config-empty strong[b-rbriuglqmo] {
    color: var(--innvilo-text-primary);
}

.email-config-loading[b-rbriuglqmo] {
    display: grid;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-7);
}

.email-config-loading div[b-rbriuglqmo] {
    animation: sms-config-pulse-b-rbriuglqmo 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-raised);
    border-radius: var(--innvilo-radius-sm);
    height: 2.75rem;
}

.email-config-loading div:nth-child(2)[b-rbriuglqmo] { width: 74%; }
.email-config-loading div:nth-child(3)[b-rbriuglqmo] { width: 52%; }
.email-config-loading span[b-rbriuglqmo] { color: var(--innvilo-text-secondary); }

.email-config-state[b-rbriuglqmo] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-7);
}

.email-config-state > i[b-rbriuglqmo] {
    color: var(--innvilo-danger);
    font-size: 1.25rem;
    margin-top: .15rem;
}

.email-config-state--permission > i[b-rbriuglqmo] {
    color: var(--innvilo-teal);
}

.email-config-state > div[b-rbriuglqmo] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.email-config-state h2[b-rbriuglqmo],
.email-config-state p[b-rbriuglqmo] {
    margin: 0;
}

.email-config-state h2[b-rbriuglqmo] {
    font-size: 1.125rem;
}

.email-config-state p[b-rbriuglqmo] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
}

@keyframes sms-config-pulse-b-rbriuglqmo {
    50% { opacity: .55; }
}

@media (max-width: 900px) {
    .email-config-layout[b-rbriuglqmo],
    .email-config-layout.is-single[b-rbriuglqmo] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .email-config-panel-header[b-rbriuglqmo] {
        flex-direction: column;
    }

    .email-config-panel[b-rbriuglqmo],
    .email-config-panel.is-compact[b-rbriuglqmo],
    .email-config-loading[b-rbriuglqmo],
    .email-config-state[b-rbriuglqmo] {
        padding: var(--innvilo-space-5);
    }

    .email-config-actions[b-rbriuglqmo] {
        justify-content: stretch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .email-config-loading div[b-rbriuglqmo] {
        animation: none;
    }
}
/* /Components/Pages/SmsDelivery/SmsProviderEditor.razor.rz.scp.css */
.email-provider-editor[b-exymkeaald], .email-provider-section[b-exymkeaald] { display: grid; gap: var(--innvilo-space-7); }
.email-provider-grid[b-exymkeaald] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--innvilo-space-6); }
.email-provider-field[b-exymkeaald] { display: grid; gap: var(--innvilo-space-2); min-width: 0; }
.email-provider-field > span[b-exymkeaald], .email-provider-check > span[b-exymkeaald] { font-weight: 700; }
.email-provider-field > small[b-exymkeaald], .email-provider-section header small[b-exymkeaald] { color: var(--innvilo-text-secondary); line-height: 1.45; }
.email-provider-field.is-wide[b-exymkeaald], .email-provider-check.is-wide[b-exymkeaald] { grid-column: 1 / -1; }
.email-provider-check[b-exymkeaald] { align-items: center; display: flex; gap: var(--innvilo-space-4); min-height: 2.75rem; }
.email-provider-secret-action[b-exymkeaald] { color: var(--innvilo-text-secondary); }
.email-provider-secret-state[b-exymkeaald] { align-items: start; background: var(--innvilo-gold-soft); border: 1px solid var(--innvilo-border); border-radius: var(--innvilo-radius-sm); color: var(--innvilo-text-primary); display: flex; gap: var(--innvilo-space-3); line-height: 1.5; padding: var(--innvilo-space-4); }
.email-provider-secret-state > i[b-exymkeaald] { color: var(--innvilo-gold); margin-top: .2rem; }
.email-provider-readonly[b-exymkeaald] { align-items: center; background: var(--innvilo-surface-soft); border: 1px solid var(--innvilo-border); border-radius: var(--innvilo-radius-md); display: flex; min-height: 3rem; overflow-wrap: anywhere; padding: var(--innvilo-space-3) var(--innvilo-space-4); }
.email-provider-section[b-exymkeaald] { border-top: 1px solid var(--innvilo-border); padding-top: var(--innvilo-space-7); }
.email-provider-section header[b-exymkeaald] { align-items: end; display: flex; gap: var(--innvilo-space-6); justify-content: space-between; }
.email-provider-section header span[b-exymkeaald] { color: var(--innvilo-text-secondary); font-size: .8125rem; font-weight: 700; line-height: 1.4; }
.email-provider-section h2[b-exymkeaald] { font-size: 1.05rem; line-height: 1.35; margin: .2rem 0 0; }
@media (max-width: 760px) { .email-provider-grid[b-exymkeaald] { grid-template-columns: 1fr; } .email-provider-field.is-wide[b-exymkeaald], .email-provider-check.is-wide[b-exymkeaald] { grid-column: auto; } .email-provider-section header[b-exymkeaald] { align-items: start; flex-direction: column; } }
/* /Components/Pages/TimeTracking/TimeTracking.razor.rz.scp.css */
.time-tracking-page[b-o8bnnxuhz9] {
    color: #08213b;
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    padding-bottom: 1.5rem;
    width: 100%;
}

.time-kpis span[b-o8bnnxuhz9],
.time-list-panel > header span[b-o8bnnxuhz9],
.time-clock-panel > header span[b-o8bnnxuhz9],
.time-entry-card header span[b-o8bnnxuhz9] {
    color: #0e8f83;
    display: block;
    font-size: 0.73rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.time-tracking-note[b-o8bnnxuhz9],
.time-entry-card p[b-o8bnnxuhz9],
.time-device-list small[b-o8bnnxuhz9],
.time-audit-list p[b-o8bnnxuhz9] {
    color: #50657d;
    margin: 0;
}

.time-tracking-tabs[b-o8bnnxuhz9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.time-tracking-tabs a[b-o8bnnxuhz9] {
    background: #ffffff;
    border: 1px solid #cfe0ee;
    border-radius: 0.55rem;
    color: #38546d;
    font-weight: 850;
    padding: 0.6rem 0.9rem;
    text-decoration: none;
}

.time-tracking-tabs a.active[b-o8bnnxuhz9] {
    background: #0e8f83;
    border-color: #0e8f83;
    color: #ffffff;
}

.time-disabled[b-o8bnnxuhz9],
.time-clock-panel[b-o8bnnxuhz9],
.time-list-panel[b-o8bnnxuhz9],
.time-kpis article[b-o8bnnxuhz9],
.time-entry-card[b-o8bnnxuhz9],
.time-employee-card[b-o8bnnxuhz9],
.time-device-list article[b-o8bnnxuhz9],
.time-audit-list article[b-o8bnnxuhz9] {
    background: #ffffff;
    border: 1px solid #dce7f1;
    border-radius: 0.65rem;
    box-shadow: 0 16px 38px rgba(8, 33, 59, 0.055);
}

.time-disabled[b-o8bnnxuhz9],
.time-clock-panel[b-o8bnnxuhz9],
.time-list-panel[b-o8bnnxuhz9] {
    align-content: start;
    display: grid;
    gap: 0.9rem;
    min-width: 0;
    padding: 1rem;
}

.time-disabled h2[b-o8bnnxuhz9],
.time-clock-panel h2[b-o8bnnxuhz9],
.time-list-panel h2[b-o8bnnxuhz9],
.time-entry-card h3[b-o8bnnxuhz9] {
    margin: 0.15rem 0 0;
}

.time-tracking-workspace[b-o8bnnxuhz9] {
    display: grid;
    gap: 1rem;
}

.time-area-heading[b-o8bnnxuhz9] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dce7f1;
    border-radius: 0.65rem;
    box-shadow: 0 16px 38px rgba(8, 33, 59, 0.055);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.time-area-heading span[b-o8bnnxuhz9] {
    color: #0e8f83;
    display: block;
    font-size: 0.73rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.time-area-heading h2[b-o8bnnxuhz9],
.time-area-heading p[b-o8bnnxuhz9] {
    margin: 0;
}

.time-area-heading p[b-o8bnnxuhz9] {
    color: #50657d;
    max-width: 42rem;
}

.is-hidden[b-o8bnnxuhz9] {
    display: none !important;
}

.time-manager-grid[b-o8bnnxuhz9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(24rem, 1fr) minmax(24rem, 1fr);
}

.time-clock-panel > header[b-o8bnnxuhz9],
.time-list-panel > header[b-o8bnnxuhz9],
.time-entry-card header[b-o8bnnxuhz9],
.time-employee-card[b-o8bnnxuhz9],
.time-device-list article[b-o8bnnxuhz9],
.time-audit-list article[b-o8bnnxuhz9] {
    align-items: start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.time-kpis[b-o8bnnxuhz9] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.time-kpis article[b-o8bnnxuhz9] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 0;
    padding: 0.9rem 1rem;
}

.time-kpis strong[b-o8bnnxuhz9] {
    font-size: 1.6rem;
    line-height: 1;
}

.time-clock-current[b-o8bnnxuhz9],
.time-employee-card dl[b-o8bnnxuhz9] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.time-entry-card dl[b-o8bnnxuhz9] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    margin: 0;
}

.time-clock-current div[b-o8bnnxuhz9],
.time-entry-card dl div[b-o8bnnxuhz9],
.time-employee-card dl div[b-o8bnnxuhz9] {
    background: #f6fafc;
    border: 1px solid #dce7f1;
    border-radius: 0.55rem;
    min-width: 0;
    padding: 0.7rem;
}

.time-clock-current dt[b-o8bnnxuhz9],
.time-entry-card dt[b-o8bnnxuhz9],
.time-employee-card dt[b-o8bnnxuhz9] {
    color: #60758a;
    font-size: 0.76rem;
    font-weight: 850;
}

.time-clock-current dd[b-o8bnnxuhz9],
.time-entry-card dd[b-o8bnnxuhz9],
.time-employee-card dd[b-o8bnnxuhz9] {
    font-weight: 900;
    margin: 0.2rem 0 0;
    overflow-wrap: normal;
    word-break: normal;
}

.time-entry-card dd[b-o8bnnxuhz9] {
    white-space: nowrap;
}

.time-tracking-form-grid[b-o8bnnxuhz9] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.time-clock-panel form[b-o8bnnxuhz9],
.time-list-panel form[b-o8bnnxuhz9] {
    align-self: start;
    display: grid;
    gap: 0.75rem;
}

.time-clock-panel label[b-o8bnnxuhz9],
.time-list-panel label[b-o8bnnxuhz9] {
    display: grid;
    gap: 0.35rem;
}

.time-clock-panel label > span[b-o8bnnxuhz9],
.time-list-panel label > span[b-o8bnnxuhz9] {
    color: #38546d;
    font-size: 0.78rem;
    font-weight: 850;
}

.time-tracking-input[b-o8bnnxuhz9] {
    background: #ffffff;
    border: 1px solid #cfe0ee;
    border-radius: 0.45rem;
    color: #08213b;
    min-height: 2.5rem;
    padding: 0.5rem 0.65rem;
    width: 100%;
}

textarea.time-tracking-input[b-o8bnnxuhz9] {
    min-height: 5.5rem;
    resize: vertical;
}

.time-checkbox[b-o8bnnxuhz9] {
    align-items: center;
    display: flex !important;
    flex-direction: row;
    gap: 0.5rem !important;
}

.time-checkbox input[b-o8bnnxuhz9] {
    height: 1rem;
    width: 1rem;
}

.time-approval-stack[b-o8bnnxuhz9],
.time-employee-grid[b-o8bnnxuhz9],
.time-device-list[b-o8bnnxuhz9],
.time-audit-list[b-o8bnnxuhz9] {
    display: grid;
    gap: 0.75rem;
}

.time-action-strip[b-o8bnnxuhz9] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dce7f1;
    border-radius: 0.65rem;
    box-shadow: 0 16px 38px rgba(8, 33, 59, 0.055);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.time-action-strip span[b-o8bnnxuhz9] {
    color: #0e8f83;
    display: block;
    font-size: 0.73rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.time-action-strip strong[b-o8bnnxuhz9] {
    display: block;
    margin-top: 0.15rem;
}

.time-export-button[b-o8bnnxuhz9] {
    background: #0e8f83;
    border-radius: 0.55rem;
    color: #ffffff;
    font-weight: 900;
    padding: 0.65rem 0.9rem;
    text-decoration: none;
    white-space: nowrap;
}

.time-employee-grid[b-o8bnnxuhz9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.time-entry-card[b-o8bnnxuhz9] {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
}

.time-entry-card footer[b-o8bnnxuhz9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.time-nfc-panel[b-o8bnnxuhz9] {
    background: var(--innvilo-surface-soft, #f5f3ef);
    border: 1px solid var(--innvilo-border, #dbdad6);
    border-radius: var(--innvilo-radius, 0.5rem);
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
}

.time-nfc-panel > header[b-o8bnnxuhz9],
.time-nfc-actions[b-o8bnnxuhz9] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.time-nfc-panel h3[b-o8bnnxuhz9] {
    color: var(--innvilo-navy-deep, #00182c);
    font-family: "Hanken Grotesk", Inter, "Segoe UI", system-ui, sans-serif;
    font-size: 1rem;
    letter-spacing: 0;
    margin: 0.15rem 0 0;
}

.time-nfc-panel > header strong[b-o8bnnxuhz9] {
    background: #ffffff;
    border: 1px solid var(--innvilo-border, #dbdad6);
    border-radius: 999px;
    color: var(--innvilo-teal, #006a62);
    font-size: 0.78rem;
    font-weight: 900;
    padding: 0.32rem 0.58rem;
    white-space: nowrap;
}

.time-employee-card[b-o8bnnxuhz9] {
    display: grid;
    padding: 0.9rem;
}

.time-employee-card.is-open[b-o8bnnxuhz9] {
    border-color: #13a69b;
    box-shadow: inset 0.35rem 0 0 #13a69b, 0 16px 38px rgba(8, 33, 59, 0.055);
}

.time-employee-card > div[b-o8bnnxuhz9] {
    display: grid;
    gap: 0.2rem;
}

.time-employee-card > div span[b-o8bnnxuhz9],
.time-device-list span[b-o8bnnxuhz9],
.time-audit-list span[b-o8bnnxuhz9] {
    color: #50657d;
    font-size: 0.86rem;
}

.time-device-list article[b-o8bnnxuhz9],
.time-audit-list article[b-o8bnnxuhz9] {
    display: grid;
    justify-content: stretch;
    padding: 0.85rem;
}

.time-audit-list time[b-o8bnnxuhz9] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 850;
}

@media (max-width: 1180px) {
    .time-manager-grid[b-o8bnnxuhz9],
    .time-employee-grid[b-o8bnnxuhz9] {
        grid-template-columns: 1fr;
    }

    .time-clock-current[b-o8bnnxuhz9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .time-kpis[b-o8bnnxuhz9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .time-tracking-form-grid[b-o8bnnxuhz9] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 560px) {
    .time-tracking-page[b-o8bnnxuhz9] {
        gap: 0.75rem;
    }

    .time-kpis[b-o8bnnxuhz9],
    .time-clock-current[b-o8bnnxuhz9],
    .time-entry-card dl[b-o8bnnxuhz9],
    .time-employee-card dl[b-o8bnnxuhz9] {
        grid-template-columns: 1fr;
    }

    .time-clock-panel > header[b-o8bnnxuhz9],
    .time-list-panel > header[b-o8bnnxuhz9],
    .time-entry-card header[b-o8bnnxuhz9],
    .time-nfc-panel > header[b-o8bnnxuhz9],
    .time-nfc-actions[b-o8bnnxuhz9] {
        display: grid;
    }

    .time-clock-panel[b-o8bnnxuhz9],
    .time-list-panel[b-o8bnnxuhz9],
    .time-entry-card[b-o8bnnxuhz9],
    .time-employee-card[b-o8bnnxuhz9] {
        padding: 0.85rem;
    }
}

.time-tracking-page[b-o8bnnxuhz9] { color: var(--innvilo-text, #1b1c1a); max-width: var(--innvilo-content-max); }
.time-area-heading[b-o8bnnxuhz9],
.time-kpis article[b-o8bnnxuhz9],
.time-clock-panel[b-o8bnnxuhz9],
.time-list-panel[b-o8bnnxuhz9],
.time-entry-card[b-o8bnnxuhz9],
.time-employee-card[b-o8bnnxuhz9] {
    background: var(--innvilo-surface, #ffffff);
    border-color: var(--innvilo-border, #dbdad6);
    border-radius: var(--innvilo-radius, 0.5rem);
    box-shadow: var(--innvilo-shadow, 0 1rem 2.5rem rgba(15, 45, 70, 0.05));
}
.time-area-heading span[b-o8bnnxuhz9],
.time-kpis span[b-o8bnnxuhz9],
.time-clock-panel > header span[b-o8bnnxuhz9],
.time-list-panel > header span[b-o8bnnxuhz9],
.time-entry-card header span[b-o8bnnxuhz9] { color: var(--innvilo-teal, #006a62); }
.time-area-heading h2[b-o8bnnxuhz9],
.time-kpis strong[b-o8bnnxuhz9],
.time-clock-panel h2[b-o8bnnxuhz9],
.time-list-panel h2[b-o8bnnxuhz9],
.time-entry-card h3[b-o8bnnxuhz9],
.time-employee-card h3[b-o8bnnxuhz9] {
    color: var(--innvilo-navy-deep, #00182c);
    font-family: "Hanken Grotesk", Inter, "Segoe UI", system-ui, sans-serif;
    letter-spacing: 0;
}
.time-area-heading p[b-o8bnnxuhz9],
.time-entry-card dt[b-o8bnnxuhz9],
.time-employee-card dt[b-o8bnnxuhz9] { color: var(--innvilo-muted, #43474d); }

.time-tracking-tabs[b-o8bnnxuhz9] {
    background: var(--innvilo-surface, #ffffff);
    border: 1px solid var(--innvilo-border, #dbdad6);
    border-radius: var(--innvilo-radius, 0.5rem);
    box-shadow: var(--innvilo-shadow, 0 1rem 2.5rem rgba(15, 45, 70, 0.05));
    display: inline-flex;
    gap: 0.25rem;
    justify-self: start;
    padding: 0.25rem;
}

.time-tracking-tabs a[b-o8bnnxuhz9] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0.35rem;
    color: var(--innvilo-muted, #43474d);
    display: inline-flex;
    font-weight: 900;
    min-height: 2.25rem;
    padding: 0 0.85rem;
    text-decoration: none;
}

.time-tracking-tabs a.active[b-o8bnnxuhz9] {
    background: var(--innvilo-teal, #006a62);
    border-color: var(--innvilo-teal, #006a62);
    color: #ffffff;
}

.time-clock-panel[b-o8bnnxuhz9],
.time-list-panel[b-o8bnnxuhz9],
.time-disabled[b-o8bnnxuhz9],
.time-action-strip[b-o8bnnxuhz9],
.time-kpis article[b-o8bnnxuhz9],
.time-entry-card[b-o8bnnxuhz9],
.time-employee-card[b-o8bnnxuhz9],
.time-device-list article[b-o8bnnxuhz9],
.time-audit-list article[b-o8bnnxuhz9],
.time-clock-current div[b-o8bnnxuhz9],
.time-entry-card dl div[b-o8bnnxuhz9],
.time-employee-card dl div[b-o8bnnxuhz9] {
    background: var(--innvilo-surface, #ffffff);
    border: 1px solid var(--innvilo-border, #dbdad6);
    border-radius: var(--innvilo-radius, 0.5rem);
    box-shadow: var(--innvilo-shadow, 0 1rem 2.5rem rgba(15, 45, 70, 0.05));
}

.time-clock-current div[b-o8bnnxuhz9],
.time-entry-card dl div[b-o8bnnxuhz9],
.time-employee-card dl div[b-o8bnnxuhz9] {
    background: var(--innvilo-surface-soft, #f5f3ef);
    box-shadow: none;
}

.time-clock-panel label > span[b-o8bnnxuhz9],
.time-list-panel label > span[b-o8bnnxuhz9],
.time-action-strip span[b-o8bnnxuhz9] {
    color: var(--innvilo-teal, #006a62);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.time-tracking-input[b-o8bnnxuhz9] {
    background: #ffffff;
    border: 1px solid var(--innvilo-border-strong, #c3c7ce);
    border-radius: 0.45rem;
    color: var(--innvilo-text, #1b1c1a);
    min-height: 2.5rem;
    padding: 0.6rem 0.75rem;
}

textarea.time-tracking-input[b-o8bnnxuhz9] {
    appearance: none;
    border-radius: 0.45rem !important;
    min-height: 3.25rem;
    resize: vertical;
}

.time-export-button[b-o8bnnxuhz9] {
    background: var(--innvilo-teal, #006a62);
    border: 1px solid var(--innvilo-teal, #006a62);
    border-radius: 0.45rem;
    color: #ffffff;
    box-shadow: none;
}

@media (max-width: 1100px) {
    .time-tracking-page[b-o8bnnxuhz9] {
        max-width: 100%;
    }

    .time-tracking-tabs[b-o8bnnxuhz9] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        width: 100%;
    }

    .time-tracking-tabs a[b-o8bnnxuhz9] {
        justify-content: center;
    }

    .time-area-heading[b-o8bnnxuhz9] {
        align-items: start;
        display: grid;
    }
}

@media (max-width: 720px) {
    .time-tracking-tabs[b-o8bnnxuhz9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TimeTracking/TimeTrackingComponents/TimeTrackingAdjustmentCorrectionDialog.razor.rz.scp.css */
.time-adjustment-correction[b-e387o6w9hu] { display: grid; gap: var(--innvilo-space-6); min-width: 0; }
.time-adjustment-correction__identity[b-e387o6w9hu] { background: var(--color-surface-soft); border: 1px solid var(--color-border); border-radius: var(--innvilo-radius-control); display: grid; gap: var(--innvilo-space-1); padding: var(--innvilo-space-4); }
.time-adjustment-correction__identity span[b-e387o6w9hu],
.time-adjustment-correction small[b-e387o6w9hu] { color: var(--color-text-muted); font-size: var(--innvilo-font-size-label); }
.time-adjustment-correction__identity strong[b-e387o6w9hu] { color: var(--color-text); font-family: 'Lato-Bold', Arial, sans-serif; }
.time-adjustment-correction__grid[b-e387o6w9hu] { display: grid; gap: var(--innvilo-space-5); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.time-adjustment-correction label[b-e387o6w9hu] { color: var(--color-text); display: grid; font-family: 'Lato-SemiBold', Arial, sans-serif; gap: var(--innvilo-space-2); min-width: 0; }
.time-adjustment-correction input[b-e387o6w9hu],
.time-adjustment-correction textarea[b-e387o6w9hu] { background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: var(--innvilo-radius-control); color: var(--color-text); font: inherit; line-height: 1.4; min-height: 48px; padding: var(--innvilo-space-3) var(--innvilo-space-4); width: 100%; }
.time-adjustment-correction textarea[b-e387o6w9hu] { min-height: 88px; resize: vertical; }
.time-adjustment-correction input:focus-visible[b-e387o6w9hu],
.time-adjustment-correction textarea:focus-visible[b-e387o6w9hu] { border-color: var(--color-primary); box-shadow: var(--innvilo-focus-ring); outline: 0; }
.time-adjustment-correction__error[b-e387o6w9hu] { align-items: start; border: 1px solid var(--color-error-text); border-radius: var(--innvilo-radius-control); color: var(--color-error-text); display: flex; gap: var(--innvilo-space-3); line-height: 1.5; margin: 0; padding: var(--innvilo-space-4); }
.time-adjustment-correction__error > div[b-e387o6w9hu] { display: grid; gap: var(--innvilo-space-3); }
.time-adjustment-correction__error button[b-e387o6w9hu] { background: transparent; border: 1px solid currentColor; border-radius: var(--innvilo-radius-control); color: inherit; cursor: pointer; font: inherit; font-family: 'Lato-SemiBold', Arial, sans-serif; min-height: 44px; padding: var(--innvilo-space-2) var(--innvilo-space-4); width: fit-content; }
.time-adjustment-correction__error button:focus-visible[b-e387o6w9hu] { box-shadow: var(--innvilo-focus-ring); outline: 0; }
@media (max-width: 47.99rem) { .time-adjustment-correction__grid[b-e387o6w9hu] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .time-adjustment-correction *[b-e387o6w9hu] { scroll-behavior: auto; transition-duration: 0.01ms; } }
/* /Components/Pages/TimeTracking/TimeTrackingComponents/TimeTrackingAdjustmentsGrid.razor.rz.scp.css */
.time-adjustment-mobile[b-3ik906na9m] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.time-adjustment-mobile header[b-3ik906na9m] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.time-adjustment-mobile header > div[b-3ik906na9m] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.time-adjustment-mobile strong[b-3ik906na9m] {
    color: var(--color-text);
    font-family: 'Lato-Bold', Arial, sans-serif;
}

.time-adjustment-mobile span[b-3ik906na9m],
.time-adjustment-mobile dt[b-3ik906na9m] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
}

.time-adjustment-mobile dl[b-3ik906na9m] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.time-adjustment-mobile dl > div[b-3ik906na9m] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.time-adjustment-mobile dd[b-3ik906na9m] {
    color: var(--color-text);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 23rem) {
    .time-adjustment-mobile dl[b-3ik906na9m] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .time-adjustment-mobile *[b-3ik906na9m] { scroll-behavior: auto; }
}
/* /Components/Pages/TimeTracking/TimeTrackingComponents/TimeTrackingAdjustmentsManualDialog.razor.rz.scp.css */
.time-adjustment-dialog[b-u6vvsq2qs0] { display: grid; gap: var(--innvilo-space-6); min-width: 0; }
.time-adjustment-dialog__grid[b-u6vvsq2qs0] { display: grid; gap: var(--innvilo-space-5); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.time-adjustment-dialog label[b-u6vvsq2qs0] { color: var(--color-text); display: grid; font-family: 'Lato-SemiBold', Arial, sans-serif; gap: var(--innvilo-space-2); min-width: 0; }
.time-adjustment-dialog input[b-u6vvsq2qs0],
.time-adjustment-dialog select[b-u6vvsq2qs0],
.time-adjustment-dialog textarea[b-u6vvsq2qs0] { background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: var(--innvilo-radius-control); color: var(--color-text); font: inherit; line-height: 1.4; min-height: 48px; padding: var(--innvilo-space-3) var(--innvilo-space-4); width: 100%; }
.time-adjustment-dialog textarea[b-u6vvsq2qs0] { min-height: 88px; resize: vertical; }
.time-adjustment-dialog input:focus-visible[b-u6vvsq2qs0],
.time-adjustment-dialog select:focus-visible[b-u6vvsq2qs0],
.time-adjustment-dialog textarea:focus-visible[b-u6vvsq2qs0] { border-color: var(--color-primary); box-shadow: var(--innvilo-focus-ring); outline: 0; }
.time-adjustment-dialog small[b-u6vvsq2qs0] { color: var(--color-text-muted); font-family: 'Lato-Regular', Arial, sans-serif; line-height: 1.45; }
.time-adjustment-dialog__hint[b-u6vvsq2qs0],
.time-adjustment-dialog__error[b-u6vvsq2qs0] { align-items: start; border: 1px solid var(--color-border); border-radius: var(--innvilo-radius-control); display: flex; gap: var(--innvilo-space-3); line-height: 1.5; margin: 0; padding: var(--innvilo-space-4); }
.time-adjustment-dialog__hint[b-u6vvsq2qs0] { background: var(--color-surface-soft); color: var(--color-text-muted); }
.time-adjustment-dialog__error[b-u6vvsq2qs0] { color: var(--color-error-text); }
@media (max-width: 47.99rem) { .time-adjustment-dialog__grid[b-u6vvsq2qs0] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .time-adjustment-dialog *[b-u6vvsq2qs0] { scroll-behavior: auto; transition-duration: 0.01ms; } }
/* /Components/Pages/TimeTracking/TimeTrackingComponents/TimeTrackingAdjustmentsWorkspace.razor.rz.scp.css */
.time-adjustments-page[b-ue9rs70hch] {
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding-bottom: var(--innvilo-space-9);
    width: 100%;
}

.time-adjustments-page > *[b-ue9rs70hch] { min-width: 0; }
.time-adjustments-filter-shell[b-ue9rs70hch],
.time-adjustments-workspace[b-ue9rs70hch],
.time-adjustments-loading[b-ue9rs70hch] { margin-top: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6)); }

.time-adjustments-workspace[b-ue9rs70hch] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
    overflow: hidden;
}

.time-adjustments-workspace__header[b-ue9rs70hch] {
    align-items: start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
}

.time-adjustments-workspace__header h2[b-ue9rs70hch],
.time-adjustments-state h2[b-ue9rs70hch],
.time-adjustments-stale strong[b-ue9rs70hch] { color: var(--color-text); font-family: 'Lato-Bold', Arial, sans-serif; }
.time-adjustments-workspace__header h2[b-ue9rs70hch],
.time-adjustments-state h2[b-ue9rs70hch] { font-size: var(--innvilo-font-size-subheading); line-height: 1.3; margin: 0; }
.time-adjustments-workspace__header p[b-ue9rs70hch],
.time-adjustments-state p[b-ue9rs70hch],
.time-adjustments-stale span[b-ue9rs70hch],
.time-adjustments-notice[b-ue9rs70hch] { color: var(--color-text-muted); line-height: 1.5; }
.time-adjustments-workspace__header p[b-ue9rs70hch] { margin: var(--innvilo-space-2) 0 0; }
.time-adjustments-workspace__header > span[b-ue9rs70hch] { background: var(--color-surface-soft); border: 1px solid var(--color-border); border-radius: var(--innvilo-radius-full); color: var(--color-text-muted); flex: 0 0 auto; font-family: 'Lato-SemiBold', Arial, sans-serif; font-size: var(--innvilo-font-size-label); padding: var(--innvilo-space-2) var(--innvilo-space-4); }

.time-adjustments-state[b-ue9rs70hch],
.time-adjustments-stale[b-ue9rs70hch],
.time-adjustments-notice[b-ue9rs70hch] { align-items: start; background: var(--color-surface); border: 1px solid var(--color-border); display: grid; gap: var(--innvilo-space-5); grid-template-columns: auto minmax(0, 1fr); padding: var(--innvilo-space-6); }
.time-adjustments-state[b-ue9rs70hch] { border-radius: var(--innvilo-radius-card); padding: var(--innvilo-space-8); }
.time-adjustments-state > i[b-ue9rs70hch] { color: var(--color-primary); font-size: var(--innvilo-font-size-subheading); }
.time-adjustments-state p[b-ue9rs70hch] { margin: var(--innvilo-space-3) 0 var(--innvilo-space-6); max-width: 68ch; }
.time-adjustments-stale[b-ue9rs70hch] { align-items: center; background: var(--color-surface-soft); border-width: 0 0 1px; grid-template-columns: auto minmax(0, 1fr) auto; }
.time-adjustments-stale > i[b-ue9rs70hch] { color: var(--color-warning-text); }
.time-adjustments-stale > div[b-ue9rs70hch] { display: grid; gap: var(--innvilo-space-2); }
.time-adjustments-notice[b-ue9rs70hch] { background: var(--color-surface-soft); border-width: 0 0 1px; }
.time-adjustments-notice > i[b-ue9rs70hch] { color: var(--color-primary); }

.time-adjustments-pager[b-ue9rs70hch] { align-items: center; border-top: 1px solid var(--color-border); display: flex; gap: var(--innvilo-space-5); justify-content: flex-end; padding: var(--innvilo-space-5) var(--innvilo-space-6); }
.time-adjustments-pager > span[b-ue9rs70hch] { color: var(--color-text-muted); font-variant-numeric: tabular-nums; }

@media (max-width: 47.99rem) {
    .time-adjustments-workspace__header[b-ue9rs70hch] { padding: var(--innvilo-space-6); }
    .time-adjustments-state[b-ue9rs70hch] { grid-template-columns: 1fr; padding: var(--innvilo-space-6); }
    .time-adjustments-stale[b-ue9rs70hch] { grid-template-columns: auto minmax(0, 1fr); }
    .time-adjustments-stale > :last-child[b-ue9rs70hch] { grid-column: 1 / -1; width: 100%; }
    .time-adjustments-pager[b-ue9rs70hch] { justify-content: space-between; }
}

@media (max-width: 27rem) {
    .time-adjustments-workspace__header[b-ue9rs70hch] { align-items: stretch; flex-direction: column; }
    .time-adjustments-workspace__header > span[b-ue9rs70hch] { justify-self: start; }
    .time-adjustments-pager[b-ue9rs70hch] { align-items: stretch; flex-direction: column; }
    .time-adjustments-pager > span[b-ue9rs70hch] { order: -1; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    .time-adjustments-page *[b-ue9rs70hch],
    .time-adjustments-page *[b-ue9rs70hch]::before,
    .time-adjustments-page *[b-ue9rs70hch]::after { scroll-behavior: auto; transition-duration: 0.01ms; }
}
/* /Components/Pages/TimeTracking/TimeTrackingComponents/TimeTrackingCorrectionDialog.razor.rz.scp.css */
.time-correction-dialog[b-xaecb2xelj] { display: grid; gap: var(--innvilo-space-7); }

.time-correction-dialog__identity[b-xaecb2xelj] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.time-correction-dialog__identity > span[b-xaecb2xelj],
.time-correction-dialog__identity small[b-xaecb2xelj],
.time-correction-dialog label small[b-xaecb2xelj] { color: var(--color-text-muted); font-size: var(--innvilo-font-size-label); }
.time-correction-dialog__identity strong[b-xaecb2xelj],
.time-correction-dialog label > span[b-xaecb2xelj] { color: var(--color-text); font-family: 'Lato-SemiBold', Arial, sans-serif; }

.time-correction-dialog__grid[b-xaecb2xelj] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.time-correction-dialog label[b-xaecb2xelj] { display: grid; gap: var(--innvilo-space-2); min-width: 0; }
.time-correction-dialog input[b-xaecb2xelj],
.time-correction-dialog textarea[b-xaecb2xelj] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-control);
    color: var(--color-text);
    font: inherit;
    line-height: 1.5;
    min-width: 0;
    padding: var(--innvilo-space-4);
    width: 100%;
}

.time-correction-dialog input[b-xaecb2xelj] { min-height: 44px; }
.time-correction-dialog textarea[b-xaecb2xelj] { resize: vertical; }
.time-correction-dialog input:focus-visible[b-xaecb2xelj],
.time-correction-dialog textarea:focus-visible[b-xaecb2xelj] { border-color: var(--color-primary); outline: 2px solid var(--color-primary); outline-offset: 2px; }
.time-correction-dialog input:disabled[b-xaecb2xelj],
.time-correction-dialog textarea:disabled[b-xaecb2xelj] { background: var(--color-surface-muted); color: var(--color-text-muted); }

.time-correction-dialog__error[b-xaecb2xelj] {
    align-items: start;
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-control);
    color: var(--color-error);
    display: flex;
    gap: var(--innvilo-space-3);
    margin: 0;
    padding: var(--innvilo-space-4);
}

@media (max-width: 42rem) {
    .time-correction-dialog__grid[b-xaecb2xelj] { grid-template-columns: 1fr; }
}
/* /Components/Pages/TimeTracking/TimeTrackingComponents/TimeTrackingReviewDialog.razor.rz.scp.css */
.time-review-dialog[b-nwfnxdyinw] { display: grid; gap: var(--innvilo-space-7); }

.time-review-dialog__summary[b-nwfnxdyinw] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: var(--innvilo-space-6);
}

.time-review-dialog__summary > div[b-nwfnxdyinw],
.time-review-dialog label[b-nwfnxdyinw] { display: grid; gap: var(--innvilo-space-2); }
.time-review-dialog dt[b-nwfnxdyinw],
.time-review-dialog small[b-nwfnxdyinw] { color: var(--color-text-muted); font-size: var(--innvilo-font-size-label); }
.time-review-dialog dd[b-nwfnxdyinw] { color: var(--color-text); font-family: 'Lato-SemiBold', Arial, sans-serif; margin: 0; }
.time-review-dialog label > span[b-nwfnxdyinw] { color: var(--color-text); font-family: 'Lato-SemiBold', Arial, sans-serif; }

.time-review-dialog textarea[b-nwfnxdyinw] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-control);
    color: var(--color-text);
    font: inherit;
    line-height: 1.5;
    min-height: 7rem;
    padding: var(--innvilo-space-4);
    resize: vertical;
}

.time-review-dialog textarea:focus-visible[b-nwfnxdyinw] { border-color: var(--color-primary); outline: 2px solid var(--color-primary); outline-offset: 2px; }
.time-review-dialog textarea:disabled[b-nwfnxdyinw] { background: var(--color-surface-muted); color: var(--color-text-muted); }

.time-review-dialog__error[b-nwfnxdyinw] {
    align-items: start;
    background: var(--color-error-surface);
    border: 1px solid var(--color-error-border);
    border-radius: var(--innvilo-radius-control);
    color: var(--color-error);
    display: flex;
    gap: var(--innvilo-space-3);
    margin: 0;
    padding: var(--innvilo-space-4);
}

@media (max-width: 35rem) {
    .time-review-dialog__summary[b-nwfnxdyinw] { grid-template-columns: 1fr; }
}
/* /Components/Pages/TimeTracking/TimeTrackingComponents/TimeTrackingTeamReviewMobileEntry.razor.rz.scp.css */
.time-review-mobile-entry[b-vv3xtkzcy1] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.time-review-mobile-entry header[b-vv3xtkzcy1] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.time-review-mobile-entry header > div[b-vv3xtkzcy1] { display: grid; gap: var(--innvilo-space-1); min-width: 0; }
.time-review-mobile-entry strong[b-vv3xtkzcy1] { color: var(--color-text); font-family: 'Lato-Bold', Arial, sans-serif; }
.time-review-mobile-entry header span[b-vv3xtkzcy1] { color: var(--color-text-muted); font-size: var(--innvilo-font-size-label); }

.time-review-mobile-entry dl[b-vv3xtkzcy1] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.time-review-mobile-entry dl > div[b-vv3xtkzcy1] { display: grid; gap: var(--innvilo-space-1); min-width: 0; }
.time-review-mobile-entry dt[b-vv3xtkzcy1] { color: var(--color-text-muted); font-size: var(--innvilo-font-size-label); }
.time-review-mobile-entry dd[b-vv3xtkzcy1] { color: var(--color-text); font-family: 'Lato-SemiBold', Arial, sans-serif; margin: 0; overflow-wrap: anywhere; }
.time-review-mobile-entry__primary[b-vv3xtkzcy1] { justify-self: stretch; min-height: 44px; width: 100%; }

@media (max-width: 23rem) {
    .time-review-mobile-entry dl[b-vv3xtkzcy1] { grid-template-columns: 1fr; }
}
/* /Components/Pages/TimeTracking/TimeTrackingComponents/TimeTrackingTeamReviewWorkspace.razor.rz.scp.css */
.time-review-page[b-4mh8jpm9b4] {
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding-bottom: var(--innvilo-space-9);
    width: 100%;
}

.time-review-page > *[b-4mh8jpm9b4] { min-width: 0; }

.time-review-filter-shell[b-4mh8jpm9b4],
.time-review-workspace[b-4mh8jpm9b4],
.time-review-loading[b-4mh8jpm9b4] {
    margin-top: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
}

.time-review-workspace[b-4mh8jpm9b4] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
    overflow: hidden;
}

.time-review-workspace__header[b-4mh8jpm9b4] {
    align-items: start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
}

.time-review-workspace__header h2[b-4mh8jpm9b4],
.time-review-state h2[b-4mh8jpm9b4],
.time-review-stale strong[b-4mh8jpm9b4] { font-family: 'Lato-Bold', Arial, sans-serif; }

.time-review-workspace__header h2[b-4mh8jpm9b4],
.time-review-state h2[b-4mh8jpm9b4] {
    color: var(--color-text);
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    margin: 0;
}

.time-review-workspace__header p[b-4mh8jpm9b4],
.time-review-state p[b-4mh8jpm9b4],
.time-review-stale span[b-4mh8jpm9b4] {
    color: var(--color-text-muted);
    line-height: 1.5;
}

.time-review-workspace__header p[b-4mh8jpm9b4] { margin: var(--innvilo-space-2) 0 0; }

.time-review-workspace__header > span[b-4mh8jpm9b4] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-full);
    color: var(--color-text-muted);
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.time-review-state[b-4mh8jpm9b4],
.time-review-stale[b-4mh8jpm9b4] {
    align-items: start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-8);
}

.time-review-state > i[b-4mh8jpm9b4] { color: var(--color-primary); font-size: var(--innvilo-font-size-subheading); }
.time-review-state p[b-4mh8jpm9b4] { margin: var(--innvilo-space-3) 0 var(--innvilo-space-6); max-width: 68ch; }

.time-review-stale[b-4mh8jpm9b4] {
    align-items: center;
    background: var(--color-surface-soft);
    border-radius: 0;
    border-width: 0 0 1px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}
.time-review-stale > i[b-4mh8jpm9b4] { color: var(--color-warning-text); }
.time-review-stale > div[b-4mh8jpm9b4] { display: grid; gap: var(--innvilo-space-2); }

.time-review-loading[b-4mh8jpm9b4] { min-width: 0; }

@media (max-width: 47.99rem) {
    .time-review-workspace__header[b-4mh8jpm9b4] { padding: var(--innvilo-space-6); }
    .time-review-state[b-4mh8jpm9b4] { grid-template-columns: 1fr; padding: var(--innvilo-space-6); }
    .time-review-stale[b-4mh8jpm9b4] { grid-template-columns: auto minmax(0, 1fr); }
    .time-review-stale > :last-child[b-4mh8jpm9b4] { grid-column: 1 / -1; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .time-review-page *[b-4mh8jpm9b4],
    .time-review-page *[b-4mh8jpm9b4]::before,
    .time-review-page *[b-4mh8jpm9b4]::after { scroll-behavior: auto; }
}
/* /Components/Pages/TimeTracking/TimeTrackingDevices.razor.rz.scp.css */
.time-devices-page[b-2ex683alsp] {
    color: var(--color-text);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding-bottom: var(--innvilo-space-9);
    width: 100%;
}

.time-devices-page > *[b-2ex683alsp] {
    min-width: 0;
}

.time-devices-workspace[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(20rem, 0.9fr) minmax(0, 1.1fr);
    margin-top: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
    min-width: 0;
}

.time-device-panel[b-2ex683alsp],
.time-device-state[b-2ex683alsp] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
}

.time-device-panel[b-2ex683alsp] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-8);
    padding: var(--innvilo-space-8);
}

.time-device-panel-header[b-2ex683alsp] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.time-device-panel-header > div[b-2ex683alsp] {
    min-width: 0;
}

.time-device-eyebrow[b-2ex683alsp] {
    color: var(--color-text-subtle);
    display: block;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
}

.time-device-panel-header h2[b-2ex683alsp],
.time-device-state h2[b-2ex683alsp] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.25;
    margin: var(--innvilo-space-2) 0 0;
}

.time-device-panel-header p[b-2ex683alsp],
.time-device-state p[b-2ex683alsp] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: var(--innvilo-space-3) 0 0;
    max-width: 60ch;
}

.time-device-count[b-2ex683alsp],
.time-device-status[b-2ex683alsp] {
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-full);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1.2;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.time-device-count[b-2ex683alsp],
.time-device-status.is-neutral[b-2ex683alsp] {
    background: var(--color-surface-raised);
    color: var(--color-text-muted);
}

.time-device-status.is-positive[b-2ex683alsp] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.time-device-status.is-critical[b-2ex683alsp] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.time-reader-capabilities[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.time-reader-card[b-2ex683alsp] {
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.time-reader-card__icon[b-2ex683alsp],
.time-device-card__icon[b-2ex683alsp] {
    align-items: center;
    background: var(--color-accent-soft);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.time-reader-card > div[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.time-reader-card strong[b-2ex683alsp] {
    color: var(--color-text);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.time-reader-card > div > span[b-2ex683alsp] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.time-device-form-grid[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.time-device-field[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.time-device-field.is-wide[b-2ex683alsp] {
    grid-column: 1 / -1;
}

.time-device-field label[b-2ex683alsp] {
    color: var(--color-text);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.time-device-control[b-2ex683alsp] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text);
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    min-height: 3rem;
    padding: 0 var(--innvilo-space-5);
    width: 100%;
}

.time-device-control:hover:not(:disabled):not([readonly])[b-2ex683alsp] {
    border-color: var(--color-primary);
}

.time-device-control:focus-visible[b-2ex683alsp] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem var(--color-primary-focus-ring);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.time-device-control[aria-invalid='true'][b-2ex683alsp] {
    border-color: var(--color-error);
}

.time-device-control:disabled[b-2ex683alsp],
.time-device-token-value[b-2ex683alsp] {
    background: var(--color-surface-soft);
    color: var(--color-text-muted);
}

.time-device-checkbox[b-2ex683alsp] {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 2.75rem;
}

.time-device-checkbox input[b-2ex683alsp] {
    accent-color: var(--color-primary);
    height: 1.25rem;
    width: 1.25rem;
}

.time-device-checkbox > span[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.time-device-checkbox strong[b-2ex683alsp] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.time-device-checkbox small[b-2ex683alsp] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.time-token-read-result[b-2ex683alsp],
.time-device-card__facts[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-4);
    margin: 0;
}

.time-token-read-result[b-2ex683alsp] {
    background: var(--color-surface-soft);
    border-radius: var(--innvilo-radius-sm);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: var(--innvilo-space-6);
}

.time-token-read-result > div[b-2ex683alsp],
.time-device-card__facts > div[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.time-token-read-result dt[b-2ex683alsp],
.time-device-card__facts dt[b-2ex683alsp] {
    color: var(--color-text-subtle);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.3;
}

.time-token-read-result dd[b-2ex683alsp],
.time-device-card__facts dd[b-2ex683alsp] {
    color: var(--color-text);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.time-device-feedback[b-2ex683alsp] {
    align-items: start;
    border: 1px solid;
    border-radius: var(--innvilo-radius-sm);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    line-height: 1.45;
    margin: 0;
    padding: var(--innvilo-space-5);
}

.time-device-feedback.is-success[b-2ex683alsp] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.time-device-feedback.is-error[b-2ex683alsp] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.time-device-actions[b-2ex683alsp] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

.time-device-capability-list[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.time-device-capability-card[b-2ex683alsp] {
    border: 1px solid var(--color-border);
    border-inline-start: 3px solid var(--color-primary);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-6);
}

.time-device-capability-card.is-disabled[b-2ex683alsp] {
    border-inline-start-color: var(--color-border-strong);
}

.time-device-card__topline[b-2ex683alsp] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.time-device-card__body[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.time-device-card__body > span[b-2ex683alsp] {
    color: var(--color-text-subtle);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.35;
}

.time-device-card__body h3[b-2ex683alsp] {
    color: var(--color-text);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    margin: 0;
    overflow-wrap: anywhere;
}

.time-device-card__facts[b-2ex683alsp] {
    border-top: 1px solid var(--color-border);
    padding-top: var(--innvilo-space-5);
}

.time-device-card__facts code[b-2ex683alsp] {
    background: var(--color-surface-soft);
    border-radius: var(--innvilo-radius-xs);
    color: var(--color-text);
    display: inline-block;
    font-size: var(--innvilo-font-size-caption);
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: var(--innvilo-space-2) var(--innvilo-space-3);
    white-space: normal;
}

.time-device-inline-state[b-2ex683alsp],
.time-device-state[b-2ex683alsp] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr);
}

.time-device-inline-state[b-2ex683alsp] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text-muted);
    padding: var(--innvilo-space-6);
}

.time-device-inline-state.is-warning[b-2ex683alsp] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
}

.time-device-inline-state.is-error[b-2ex683alsp] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.time-device-inline-state > i[b-2ex683alsp],
.time-device-state > i[b-2ex683alsp] {
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.4;
}

.time-device-inline-state > div[b-2ex683alsp] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.time-device-inline-state strong[b-2ex683alsp] {
    color: currentColor;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
}

.time-device-inline-state span[b-2ex683alsp] {
    color: currentColor;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
}

.time-device-state[b-2ex683alsp] {
    padding: var(--innvilo-space-8);
}

.time-device-state > i[b-2ex683alsp] {
    color: var(--color-primary);
}

.time-device-state p[b-2ex683alsp] {
    margin-bottom: var(--innvilo-space-6);
}

.time-device-loading-card span[b-2ex683alsp],
.time-device-loading-card strong[b-2ex683alsp],
.time-device-loading-card i[b-2ex683alsp] {
    animation: time-device-pulse-b-2ex683alsp 1.3s ease-in-out infinite alternate;
    background: var(--color-surface-raised);
    border-radius: var(--innvilo-radius-sm);
    display: block;
}

.time-device-loading-card span[b-2ex683alsp] {
    height: 0.75rem;
    width: 7rem;
}

.time-device-loading-card strong[b-2ex683alsp] {
    height: 1.5rem;
    width: min(16rem, 70%);
}

.time-device-loading-card i[b-2ex683alsp] {
    height: 4.5rem;
    width: 100%;
}

@keyframes time-device-pulse-b-2ex683alsp {
    from { opacity: 0.55; }
    to { opacity: 1; }
}

@media (max-width: 68rem) {
    .time-devices-workspace[b-2ex683alsp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .time-device-capability-list[b-2ex683alsp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 56rem) {
    .time-device-capability-list[b-2ex683alsp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 47.99rem) {
    .time-device-panel[b-2ex683alsp],
    .time-device-state[b-2ex683alsp] {
        padding: var(--innvilo-space-6);
    }

    .time-device-panel-header[b-2ex683alsp] {
        align-items: start;
        flex-direction: column;
    }

    .time-device-form-grid[b-2ex683alsp],
    .time-token-read-result[b-2ex683alsp],
    .time-device-capability-list[b-2ex683alsp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .time-reader-card[b-2ex683alsp] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .time-reader-card > .time-device-status[b-2ex683alsp] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .time-device-actions[b-2ex683alsp] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-height: 32.5rem) and (max-width: 56.25rem) {
    .time-device-capability-list[b-2ex683alsp] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 34rem) {
    .time-device-card__topline[b-2ex683alsp] {
        align-items: start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .time-device-loading-card span[b-2ex683alsp],
    .time-device-loading-card strong[b-2ex683alsp],
    .time-device-loading-card i[b-2ex683alsp] {
        animation: none;
    }
}
/* /Components/Pages/TimeTracking/TimeTrackingHome.razor.rz.scp.css */
.time-home-page[b-a9d5q944u9] {
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding-bottom: var(--innvilo-space-9);
    width: 100%;
}

.time-home-page > *[b-a9d5q944u9] { min-width: 0; }

.time-home-workspace[b-a9d5q944u9] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(20rem, .78fr) minmax(0, 1.22fr);
    margin-top: calc(var(--innvilo-page-section-gap) - var(--innvilo-space-6));
    min-width: 0;
}

.time-home-stale-state[b-a9d5q944u9] {
    align-items: center;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-md);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.time-home-stale-state > i[b-a9d5q944u9] { color: var(--color-warning-text); }
.time-home-stale-state > div[b-a9d5q944u9] { display: grid; gap: var(--innvilo-space-2); }

.time-home-stale-state strong[b-a9d5q944u9],
.time-home-history__header h2[b-a9d5q944u9],
.time-home-state h2[b-a9d5q944u9] { font-family: 'Lato-Bold', Arial, sans-serif; }

.time-home-stale-state span[b-a9d5q944u9],
.time-home-history__header p[b-a9d5q944u9],
.time-home-state p[b-a9d5q944u9] {
    color: var(--color-text-muted);
    line-height: 1.5;
}

.time-home-history[b-a9d5q944u9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
    overflow: hidden;
}

.time-home-history__header[b-a9d5q944u9] {
    align-items: start;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
}

.time-home-history__header h2[b-a9d5q944u9] {
    color: var(--color-text);
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    margin: 0;
}

.time-home-history__header p[b-a9d5q944u9] {
    font-size: var(--innvilo-font-size-body);
    margin: var(--innvilo-space-2) 0 0;
}

.time-home-history__header > span[b-a9d5q944u9] {
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-full);
    color: var(--color-text-muted);
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.3;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.time-home-state[b-a9d5q944u9] {
    align-items: start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-text);
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-8);
}

.time-home-state > i[b-a9d5q944u9] {
    color: var(--color-primary);
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.4;
}

.time-home-state h2[b-a9d5q944u9] {
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    margin: 0;
}

.time-home-state p[b-a9d5q944u9] {
    font-size: var(--innvilo-font-size-body);
    margin: var(--innvilo-space-3) 0 var(--innvilo-space-6);
    max-width: 68ch;
}

.time-home-loading-card[b-a9d5q944u9] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-5);
    min-height: 20rem;
    padding: var(--innvilo-space-8);
}

.time-home-loading-card > *[b-a9d5q944u9] {
    animation: time-home-pulse-b-a9d5q944u9 var(--innvilo-duration-slow) var(--innvilo-easing-standard) infinite alternate;
    background: var(--color-surface-soft);
    border-radius: var(--innvilo-radius-sm);
    display: block;
    height: 1rem;
}

.time-home-loading-card > span[b-a9d5q944u9] { width: 34%; }
.time-home-loading-card > strong[b-a9d5q944u9] { height: 2rem; width: 66%; }
.time-home-loading-card > i[b-a9d5q944u9] { width: 100%; }

@keyframes time-home-pulse-b-a9d5q944u9 {
    from { opacity: .58; }
    to { opacity: 1; }
}

@media (max-width: 64rem) {
    .time-home-workspace[b-a9d5q944u9] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 47.99rem) {
    .time-home-stale-state[b-a9d5q944u9] {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .time-home-stale-state > :last-child[b-a9d5q944u9] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .time-home-history__header[b-a9d5q944u9] { padding: var(--innvilo-space-6); }

    .time-home-state[b-a9d5q944u9] {
        grid-template-columns: 1fr;
        padding: var(--innvilo-space-6);
    }
}

@media (max-width: 56.25rem) and (max-height: 32.5rem) {
    .time-home-workspace[b-a9d5q944u9] { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .time-home-loading-card > *[b-a9d5q944u9] { animation: none; }
}
/* /Components/Pages/TimeTracking/TimeTrackingHomeMobileEntry.razor.rz.scp.css */
.time-home-mobile-entry[b-uznfiks2qt] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.time-home-mobile-entry > header[b-uznfiks2qt] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.time-home-mobile-entry > header > div[b-uznfiks2qt] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.time-home-mobile-entry > header strong[b-uznfiks2qt] {
    color: var(--color-text);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.35;
}

.time-home-mobile-entry > header span[b-uznfiks2qt] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
}

.time-home-mobile-entry dl[b-uznfiks2qt] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.time-home-mobile-entry dl > div[b-uznfiks2qt] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.time-home-mobile-entry dt[b-uznfiks2qt] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.time-home-mobile-entry dd[b-uznfiks2qt] {
    color: var(--color-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
    margin: 0;
    overflow-wrap: anywhere;
}

.time-home-mobile-entry p[b-uznfiks2qt] {
    background: var(--color-surface-soft);
    border-radius: var(--innvilo-radius-sm);
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
    padding: var(--innvilo-space-4);
}

.time-home-mobile-entry p span[b-uznfiks2qt] {
    color: var(--color-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

@media (max-width: 23rem) {
    .time-home-mobile-entry > header[b-uznfiks2qt] { flex-direction: column; }
    .time-home-mobile-entry dl[b-uznfiks2qt] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Components/Pages/TimeTracking/TimeTrackingHomeShiftPanel.razor.rz.scp.css */
.time-home-shift-panel[b-kvbmzemyi8] {
    align-content: start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    color: var(--color-text);
    display: grid;
    gap: var(--innvilo-space-7);
    min-width: 0;
    padding: var(--innvilo-space-8);
}

.time-home-shift-panel__header[b-kvbmzemyi8] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
}

.time-home-shift-panel__header h2[b-kvbmzemyi8] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    margin: 0;
}

.time-home-shift-panel__header p[b-kvbmzemyi8] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: var(--innvilo-space-2) 0 0;
}

.time-home-shift-panel__header > span[b-kvbmzemyi8] {
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-full);
    color: var(--color-text-muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 2rem;
    padding: 0 var(--innvilo-space-4);
}

.time-home-shift-panel__header > span.is-live i[b-kvbmzemyi8] { color: var(--color-success); }
.time-home-shift-panel__header > span.is-ready i[b-kvbmzemyi8] { color: var(--color-text-subtle); }
.time-home-shift-panel__header > span i[b-kvbmzemyi8] { font-size: .5rem; }

.time-home-shift-intro[b-kvbmzemyi8] {
    align-items: start;
    background: var(--color-surface-soft);
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--innvilo-space-6);
}

.time-home-shift-intro > i[b-kvbmzemyi8] {
    color: var(--color-primary);
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
}

.time-home-shift-intro > div[b-kvbmzemyi8] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.time-home-shift-intro strong[b-kvbmzemyi8] { font-family: 'Lato-Bold', Arial, sans-serif; }

.time-home-shift-intro span[b-kvbmzemyi8] {
    color: var(--color-text-muted);
    line-height: 1.5;
}

form[b-kvbmzemyi8] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.time-home-field[b-kvbmzemyi8] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.time-home-field label[b-kvbmzemyi8] {
    color: var(--color-text);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.time-home-field label span[b-kvbmzemyi8] {
    color: var(--color-text-muted);
    font-family: 'Lato-Regular', Arial, sans-serif;
}

.time-home-control[b-kvbmzemyi8] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--innvilo-radius-sm);
    box-sizing: border-box;
    color: var(--color-text);
    font: inherit;
    line-height: 1.45;
    min-height: 3rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    transition: border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), box-shadow var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 100%;
}

.time-home-textarea[b-kvbmzemyi8] {
    min-height: 6.5rem;
    resize: vertical;
}

.time-home-control:hover:not(:disabled)[b-kvbmzemyi8] { border-color: var(--color-primary); }

.time-home-control:focus-visible[b-kvbmzemyi8] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 .2rem var(--color-primary-focus-ring);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.time-home-control:disabled[b-kvbmzemyi8] {
    background: var(--color-surface-raised);
    color: var(--color-text-muted);
    cursor: not-allowed;
}

.time-home-current-shift[b-kvbmzemyi8] {
    display: grid;
    gap: var(--innvilo-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.time-home-current-shift > div[b-kvbmzemyi8] {
    border-bottom: 1px solid var(--color-border);
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding-bottom: var(--innvilo-space-5);
}

.time-home-current-shift dt[b-kvbmzemyi8] {
    color: var(--color-text-muted);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.time-home-current-shift dd[b-kvbmzemyi8] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.time-home-shift-feedback[b-kvbmzemyi8] {
    align-items: start;
    border-radius: var(--innvilo-radius-sm);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    line-height: 1.5;
    padding: var(--innvilo-space-5);
}

.time-home-shift-feedback.is-success[b-kvbmzemyi8] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.time-home-shift-feedback.is-error[b-kvbmzemyi8] {
    background: var(--color-error-soft);
    color: var(--color-error);
}

@media (max-width: 30rem) {
    .time-home-shift-panel[b-kvbmzemyi8] { padding: var(--innvilo-space-6); }

    .time-home-shift-panel__header[b-kvbmzemyi8] { align-items: start; flex-direction: column; }
    .time-home-current-shift[b-kvbmzemyi8] { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .time-home-control[b-kvbmzemyi8] { transition: none; }
}
/* /Components/Pages/Workforce/AbsenceComponents/AbsenceDirectoryDesktop.razor.rz.scp.css */
.absence-directory-grid[b-s7c3n38hs9] {
    min-width: 0;
}
/* /Components/Pages/Workforce/AbsenceComponents/AbsenceDirectoryMobile.razor.rz.scp.css */
.absence-mobile-card[b-xtgdcih5s1] {
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.absence-mobile-card > header[b-xtgdcih5s1] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    min-width: 0;
}

.absence-mobile-card__type[b-xtgdcih5s1] {
    display: flex;
}

.absence-mobile-card dl[b-xtgdcih5s1] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.absence-mobile-card dl > div[b-xtgdcih5s1] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.absence-mobile-card dt[b-xtgdcih5s1] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.absence-mobile-card dd[b-xtgdcih5s1] {
    color: var(--innvilo-text-primary);
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 24rem) {
    .absence-mobile-card dl[b-xtgdcih5s1] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Workforce/Absences.razor.rz.scp.css */
.absence-page[b-ibih7k8yd8] {
    box-sizing: border-box;
    display: grid;
    gap: var(--innvilo-space-6);
    margin-inline: auto;
    max-width: var(--innvilo-content-max);
    min-width: 0;
    width: 100%;
}

.absence-content[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.absence-filter-host[b-ibih7k8yd8],
.absence-directory[b-ibih7k8yd8] {
    min-width: 0;
}

.absence-directory-actions[b-ibih7k8yd8] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

.absence-state[b-ibih7k8yd8] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    gap: var(--innvilo-space-6);
    min-height: 9rem;
    padding: var(--innvilo-space-8);
}

.absence-inline-state[b-ibih7k8yd8] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.absence-inline-state > i[b-ibih7k8yd8] {
    color: var(--innvilo-color-primary);
    flex: 0 0 auto;
    font-size: 1.25rem;
}

.absence-inline-state > div[b-ibih7k8yd8] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.absence-inline-state strong[b-ibih7k8yd8],
.absence-inline-state span[b-ibih7k8yd8] {
    margin: 0;
}

.absence-inline-state strong[b-ibih7k8yd8] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    font-weight: 700;
}

.absence-inline-state span[b-ibih7k8yd8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

.absence-inline-state.is-warning[b-ibih7k8yd8] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning);
}

.absence-inline-state.is-warning > i[b-ibih7k8yd8] {
    color: var(--color-warning);
}

.absence-state > i[b-ibih7k8yd8] {
    color: var(--innvilo-color-primary);
    flex: 0 0 auto;
    font-size: 1.25rem;
}

.absence-state > div[b-ibih7k8yd8] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.absence-state h2[b-ibih7k8yd8],
.absence-state p[b-ibih7k8yd8],
.absence-tab-empty h3[b-ibih7k8yd8],
.absence-tab-empty p[b-ibih7k8yd8] {
    margin: 0;
}

.absence-state h2[b-ibih7k8yd8] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-heading);
    font-weight: 700;
    line-height: 1.25;
}

.absence-state p[b-ibih7k8yd8],
.absence-tab-empty p[b-ibih7k8yd8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

.absence-state--error[b-ibih7k8yd8],
.absence-dialog-error[b-ibih7k8yd8] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
}

.absence-identity[b-ibih7k8yd8] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.absence-avatar[b-ibih7k8yd8] {
    align-items: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-color-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.absence-identity > div[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.absence-identity strong[b-ibih7k8yd8],
.absence-identity span[b-ibih7k8yd8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.absence-identity strong[b-ibih7k8yd8] {
    color: var(--innvilo-text-primary);
    font-weight: 700;
}

.absence-identity > div > span[b-ibih7k8yd8] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.absence-period[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.absence-period small[b-ibih7k8yd8] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.absence-conflict[b-ibih7k8yd8] {
    align-items: center;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    font-weight: 700;
    gap: var(--innvilo-space-2);
    min-height: 1.75rem;
    padding-inline: var(--innvilo-space-4);
    white-space: nowrap;
}

.absence-conflict.is-clear[b-ibih7k8yd8] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.absence-conflict.is-critical[b-ibih7k8yd8] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.absence-dialog-form[b-ibih7k8yd8],
.absence-details[b-ibih7k8yd8] {
    max-height: calc(100dvh - 12rem);
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.absence-dialog-form[b-ibih7k8yd8],
.absence-dialog-section[b-ibih7k8yd8],
.absence-details[b-ibih7k8yd8],
.absence-details__panel[b-ibih7k8yd8] {
    display: grid;
}

.absence-dialog-form[b-ibih7k8yd8] {
    gap: var(--innvilo-space-8);
}

.absence-dialog-section[b-ibih7k8yd8] {
    gap: var(--innvilo-space-6);
}

.absence-dialog-section__title[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.absence-dialog-section__title > span[b-ibih7k8yd8] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-heading);
    font-weight: 700;
    line-height: 1.25;
}

.absence-dialog-section__title p[b-ibih7k8yd8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.absence-form-grid[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.absence-form-grid > label[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.absence-form-grid > label > span[b-ibih7k8yd8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-weight: 700;
}

.absence-form-grid .is-wide[b-ibih7k8yd8],
.absence-detail-list .is-wide[b-ibih7k8yd8] {
    grid-column: 1 / -1;
}

.absence-dialog-note[b-ibih7k8yd8],
.absence-dialog-error[b-ibih7k8yd8],
.absence-conflict-callout[b-ibih7k8yd8] {
    align-items: flex-start;
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.absence-dialog-note[b-ibih7k8yd8] {
    background: var(--innvilo-surface-muted);
}

.absence-dialog-note > div[b-ibih7k8yd8],
.absence-conflict-callout > div[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.absence-dialog-note span[b-ibih7k8yd8],
.absence-conflict-callout span[b-ibih7k8yd8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
}

.absence-dialog-error[b-ibih7k8yd8] {
    color: var(--color-error);
    margin: 0;
}

.absence-details[b-ibih7k8yd8] {
    gap: var(--innvilo-space-8);
}

.absence-details__identity[b-ibih7k8yd8] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.absence-details__identity > div:last-child[b-ibih7k8yd8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.absence-details__panel[b-ibih7k8yd8] {
    min-height: 13rem;
    padding-block: var(--innvilo-space-6);
}

.absence-detail-list[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.absence-detail-list > div[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.absence-detail-list dt[b-ibih7k8yd8] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.absence-detail-list dd[b-ibih7k8yd8] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    font-weight: 700;
    margin: 0;
    overflow-wrap: anywhere;
}

.absence-planning-detail[b-ibih7k8yd8],
.absence-shift-list[b-ibih7k8yd8],
.absence-timeline[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.absence-conflict-callout.is-critical[b-ibih7k8yd8] {
    background: var(--color-error-surface);
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.absence-conflict-callout.is-clear[b-ibih7k8yd8] {
    background: var(--color-success-surface);
    border-color: var(--color-success-border);
    color: var(--color-success);
}

.absence-shift-list article[b-ibih7k8yd8],
.absence-timeline article[b-ibih7k8yd8] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.absence-shift-list article[b-ibih7k8yd8] {
    align-items: center;
    grid-template-columns: 7rem minmax(0, 1fr) auto;
}

.absence-shift-list article > div[b-ibih7k8yd8],
.absence-timeline article > div[b-ibih7k8yd8] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.absence-shift-list time[b-ibih7k8yd8],
.absence-shift-list span[b-ibih7k8yd8],
.absence-shift-list em[b-ibih7k8yd8],
.absence-timeline time[b-ibih7k8yd8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-style: normal;
}

.absence-tab-empty[b-ibih7k8yd8] {
    align-content: center;
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    min-height: 11rem;
    text-align: center;
}

.absence-tab-empty > i[b-ibih7k8yd8] {
    color: var(--innvilo-color-primary);
    font-size: 1.5rem;
}

.absence-timeline article[b-ibih7k8yd8] {
    align-items: start;
    grid-template-columns: 8.5rem minmax(0, 1fr);
}

.absence-timeline span[b-ibih7k8yd8] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .absence-directory-actions[b-ibih7k8yd8] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
        width: 100%;
    }

    .absence-dialog-form[b-ibih7k8yd8],
    .absence-details[b-ibih7k8yd8] {
        max-height: calc(100dvh - 10rem - env(safe-area-inset-bottom));
    }

    .absence-form-grid[b-ibih7k8yd8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .absence-form-grid .is-wide[b-ibih7k8yd8] {
        grid-column: auto;
    }
}

@media (max-width: 32rem) {
    .absence-state[b-ibih7k8yd8],
    .absence-inline-state[b-ibih7k8yd8],
    .absence-details__identity[b-ibih7k8yd8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .absence-directory-actions[b-ibih7k8yd8],
    .absence-detail-list[b-ibih7k8yd8],
    .absence-timeline article[b-ibih7k8yd8],
    .absence-shift-list article[b-ibih7k8yd8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .absence-page .fa-spin[b-ibih7k8yd8],
    .absence-dialog-form .fa-spin[b-ibih7k8yd8] {
        animation: none;
    }
}
/* /Components/Pages/Workforce/Payroll/PayrollBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.payroll-page[b-v8n2kt38pu] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.payroll-viewport-skeleton[b-v8n2kt38pu] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.payroll-viewport-skeleton span[b-v8n2kt38pu] {
    animation: payroll-viewport-pulse-b-v8n2kt38pu 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.payroll-viewport-skeleton .is-breadcrumb[b-v8n2kt38pu] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.payroll-viewport-skeleton .is-title[b-v8n2kt38pu] {
    height: 4.5rem;
}

.payroll-viewport-skeleton .is-toolbar[b-v8n2kt38pu] {
    height: 6rem;
}

.payroll-viewport-skeleton .is-content[b-v8n2kt38pu] {
    height: 22rem;
}

@keyframes payroll-viewport-pulse-b-v8n2kt38pu {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .payroll-viewport-skeleton span[b-v8n2kt38pu] {
        animation: none;
    }
}
/* /Components/Pages/Workforce/Payroll/PayrollDesktop.razor.rz.scp.css */
/* Desktop workspace of the payroll board (Lohnexport).
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks. */

.payroll-desktop[b-bkovq9nhh2] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.payroll-breadcrumb[b-bkovq9nhh2] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.payroll-breadcrumb a[b-bkovq9nhh2] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.payroll-breadcrumb a:hover[b-bkovq9nhh2],
.payroll-breadcrumb a:focus-visible[b-bkovq9nhh2] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.payroll-breadcrumb a:focus-visible[b-bkovq9nhh2] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.payroll-breadcrumb i[b-bkovq9nhh2] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.payroll-breadcrumb [aria-current='page'][b-bkovq9nhh2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.payroll-head[b-bkovq9nhh2] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(26rem, 1fr) minmax(0, 38rem);
    min-width: 0;
}

.payroll-head__copy[b-bkovq9nhh2] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.payroll-head__title-row[b-bkovq9nhh2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.payroll-head h1[b-bkovq9nhh2] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.payroll-head__lead[b-bkovq9nhh2] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.payroll-head__meta[b-bkovq9nhh2] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.payroll-period-badge[b-bkovq9nhh2] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.payroll-head__actions[b-bkovq9nhh2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    justify-content: flex-end;
    min-width: 0;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.payroll-kpis[b-bkovq9nhh2] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.payroll-kpi[b-bkovq9nhh2] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.payroll-kpi + .payroll-kpi[b-bkovq9nhh2] {
    border-left: 1px solid var(--innvilo-border-default);
}

.payroll-kpi.is-current[b-bkovq9nhh2]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.payroll-kpi__label[b-bkovq9nhh2] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.payroll-kpi__value[b-bkovq9nhh2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.payroll-kpi.is-current .payroll-kpi__value[b-bkovq9nhh2] {
    color: var(--color-primary);
}

.payroll-kpi.is-attention .payroll-kpi__value[b-bkovq9nhh2] {
    color: var(--color-warning-text);
}

.payroll-kpi.is-positive .payroll-kpi__value[b-bkovq9nhh2] {
    color: var(--color-success);
}

.payroll-kpi__detail[b-bkovq9nhh2] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: toolbar, optional pill row, then grid or state. */

.payroll-workspace[b-bkovq9nhh2] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.payroll-toolbar[b-bkovq9nhh2] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.payroll-search[b-bkovq9nhh2] {
    flex: 0 1 22rem;
    min-width: 12rem;
}

.payroll-toolbar__filters[b-bkovq9nhh2] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.payroll-pills[b-bkovq9nhh2] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.payroll-pills__label[b-bkovq9nhh2] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.payroll-pills__list[b-bkovq9nhh2] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.payroll-pill[b-bkovq9nhh2] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.payroll-pill > span[b-bkovq9nhh2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payroll-pill__remove[b-bkovq9nhh2] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.payroll-pill__remove:hover[b-bkovq9nhh2] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.payroll-pill__remove:focus-visible[b-bkovq9nhh2],
.payroll-pills__clear:focus-visible[b-bkovq9nhh2] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.payroll-pills__clear[b-bkovq9nhh2] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.payroll-grid-host[b-bkovq9nhh2] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. The grid only holds the current page. */

.payroll-pager[b-bkovq9nhh2] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    margin-top: var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.payroll-pager__size[b-bkovq9nhh2] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.payroll-pager__size > span[b-bkovq9nhh2] {
    white-space: nowrap;
}

/* Below 1200px the label of the page size is read by assistive tech only, so the counter and the navigation stay on one line. */
@media (max-width: 74.99rem) {
    .payroll-pager[b-bkovq9nhh2] {
        gap: var(--innvilo-space-3) var(--innvilo-space-4);
        padding-inline: var(--innvilo-space-4);
    }

    .payroll-pager__size > span[b-bkovq9nhh2] {
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.payroll-pager__nav[b-bkovq9nhh2] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.payroll-pager__page[b-bkovq9nhh2] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.payroll-pager__page strong[b-bkovq9nhh2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Result counter sits in the same row as page size and navigation; on narrow widths it wraps under the page size. */
.payroll-grid-results[b-bkovq9nhh2] {
    color: var(--innvilo-text-secondary);
    flex: 1 1 12rem;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
    margin: 0;
    min-width: 0;
    text-align: left;
    white-space: nowrap;
}

/* Grid cells */

.payroll-cell[b-bkovq9nhh2] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.payroll-cell.is-right[b-bkovq9nhh2] {
    justify-items: end;
    text-align: right;
}

.payroll-cell strong[b-bkovq9nhh2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.payroll-cell small[b-bkovq9nhh2] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.payroll-number[b-bkovq9nhh2] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

/* Name links to the record. */
.payroll-cell__link[b-bkovq9nhh2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.payroll-cell__link:hover[b-bkovq9nhh2],
.payroll-cell__link:focus-visible[b-bkovq9nhh2] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.payroll-cell__link:focus-visible[b-bkovq9nhh2] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.payroll-text[b-bkovq9nhh2] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.payroll-row-actions[b-bkovq9nhh2] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

/* The three row actions (open, edit, deactivate) share one size: 40px square, one radius, 16px icon.
   The open action is a link, the other two are DevExpress buttons; global.scss aligns the DevExpress root. */
.payroll-row-action[b-bkovq9nhh2] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 2.5rem;
    font-size: 1rem;
    height: 2.5rem;
    justify-content: center;
    line-height: 1;
    min-height: 2.5rem;
    min-width: 2.5rem;
    padding: 0;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 2.5rem;
}

.payroll-row-action:hover[b-bkovq9nhh2],
.payroll-row-action:focus-visible[b-bkovq9nhh2] {
    background: var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
}

.payroll-row-action:focus-visible[b-bkovq9nhh2] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.payroll-state[b-bkovq9nhh2] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.payroll-state > *[b-bkovq9nhh2] {
    animation: payroll-state-in-b-bkovq9nhh2 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.payroll-state > :nth-child(2)[b-bkovq9nhh2] { animation-delay: 40ms; }
.payroll-state > :nth-child(3)[b-bkovq9nhh2] { animation-delay: 80ms; }
.payroll-state > :nth-child(4)[b-bkovq9nhh2] { animation-delay: 120ms; }

@keyframes payroll-state-in-b-bkovq9nhh2 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.payroll-state > i[b-bkovq9nhh2] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.payroll-state--error > i[b-bkovq9nhh2] {
    color: var(--color-error);
}

.payroll-state__copy[b-bkovq9nhh2] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.payroll-state h3[b-bkovq9nhh2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.payroll-state p[b-bkovq9nhh2] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.payroll-state__actions[b-bkovq9nhh2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.payroll-state--filtered[b-bkovq9nhh2],
.payroll-state--error[b-bkovq9nhh2] {
    padding-block: var(--innvilo-space-11);
}

/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.payroll-state__art[b-bkovq9nhh2] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.payroll-state__art > span[b-bkovq9nhh2] {
    animation: payroll-state-row-in-b-bkovq9nhh2 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.payroll-state__art > span[b-bkovq9nhh2]::before,
.payroll-state__art > span[b-bkovq9nhh2]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.payroll-state__art > span[b-bkovq9nhh2]::before {
    top: 0.625rem;
    width: 38%;
}

.payroll-state__art > span[b-bkovq9nhh2]::after {
    bottom: 0.625rem;
    width: 58%;
}

.payroll-state__art > span:nth-child(1)[b-bkovq9nhh2] {
    opacity: .35;
    transform: scale(.94);
}

.payroll-state__art > span:nth-child(2)[b-bkovq9nhh2] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.payroll-state__art > span:nth-child(3)[b-bkovq9nhh2] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.payroll-state__art > i[b-bkovq9nhh2] {
    align-items: center;
    animation: payroll-state-in-b-bkovq9nhh2 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.payroll-state__art.is-filtered > span:nth-child(3)[b-bkovq9nhh2]::before,
.payroll-state__art.is-filtered > span:nth-child(3)[b-bkovq9nhh2]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes payroll-state-row-in-b-bkovq9nhh2 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
}

/* Loading */

.payroll-desktop-skeleton[b-bkovq9nhh2] {
    display: grid;
    gap: 1px;
}

.payroll-desktop-skeleton span[b-bkovq9nhh2] {
    animation: payroll-pulse-b-bkovq9nhh2 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.payroll-desktop-skeleton span.is-header[b-bkovq9nhh2] {
    height: 2.75rem;
}

@keyframes payroll-pulse-b-bkovq9nhh2 {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .payroll-kpis[b-bkovq9nhh2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .payroll-kpi:nth-child(3)[b-bkovq9nhh2] {
        border-left: 0;
    }

    .payroll-kpi:nth-child(n + 3)[b-bkovq9nhh2] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .payroll-search[b-bkovq9nhh2] {
        flex: 1 1 100%;
    }

    .payroll-toolbar__filters[b-bkovq9nhh2] {
        width: 100%;
    }

    .payroll-head[b-bkovq9nhh2] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .payroll-head__actions[b-bkovq9nhh2] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .payroll-breadcrumb a[b-bkovq9nhh2],
    .payroll-pill__remove[b-bkovq9nhh2],
    .payroll-cell__link[b-bkovq9nhh2] {
        transition: none;
    }

    .payroll-state > *[b-bkovq9nhh2],
    .payroll-state__art > span[b-bkovq9nhh2],
    .payroll-state__art > i[b-bkovq9nhh2],
    .payroll-desktop-skeleton span[b-bkovq9nhh2] {
        animation: none;
    }
}


/* Month switch under the lead: two 36px arrows and the "Vormonat" shortcut in one row. */

.payroll-period[b-bkovq9nhh2] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
    margin-top: var(--innvilo-space-2);
}

/* Provider bar: DATEV mark, masked numbers, last transmission and the connection hint on one surface, no outline. */

.payroll-provider-bar[b-bkovq9nhh2] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-8);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-8);
}

.payroll-provider-facts[b-bkovq9nhh2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-8);
    margin: 0;
    min-width: 0;
}

.payroll-provider-facts > div[b-bkovq9nhh2] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.payroll-provider-facts dt[b-bkovq9nhh2] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.payroll-provider-facts dd[b-bkovq9nhh2] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.payroll-provider-bar__hint[b-bkovq9nhh2] {
    color: var(--innvilo-text-secondary);
    flex: 1 1 24rem;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
    max-width: 70ch;
}

/* Row actions: statement, prepare, open record. 40px square, one radius, 16px icon. */

.payroll-row-actions[b-bkovq9nhh2] {
    align-items: center;
}

.payroll-row-action[b-bkovq9nhh2] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 2.5rem;
    font-size: 1rem;
    height: 2.5rem;
    justify-content: center;
    line-height: 1;
    min-height: 2.5rem;
    min-width: 2.5rem;
    padding: 0;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 2.5rem;
}

.payroll-row-action:hover[b-bkovq9nhh2],
.payroll-row-action:focus-visible[b-bkovq9nhh2] {
    background: var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
}

.payroll-row-action:focus-visible[b-bkovq9nhh2] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Hours and pay cells: tabular numbers, the balance carries its sign and tone. */

.payroll-amount[b-bkovq9nhh2] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    white-space: nowrap;
}

.payroll-text.is-muted[b-bkovq9nhh2] {
    color: var(--innvilo-text-muted);
}

/* Result counter in the pager row; wraps below the page size on narrow widths. */

.payroll-grid-results[b-bkovq9nhh2] {
    flex: 1 1 12rem;
    margin: 0;
    min-width: 0;
    text-align: left;
    white-space: nowrap;
}

.payroll-pager[b-bkovq9nhh2] {
    margin-top: var(--innvilo-space-4);
    padding-block: var(--innvilo-space-4);
}
/* /Components/Pages/Workforce/Payroll/PayrollMobile.razor.rz.scp.css */
/* Mobile workspace of the payroll board (Lohnexport): header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.payroll-mobile[b-13e8okuu02] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.payroll-breadcrumb[b-13e8okuu02] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.payroll-breadcrumb a[b-13e8okuu02] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.payroll-breadcrumb a:focus-visible[b-13e8okuu02] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.payroll-breadcrumb i[b-13e8okuu02] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.payroll-breadcrumb [aria-current='page'][b-13e8okuu02] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.payroll-mobile-header[b-13e8okuu02] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

/* The month switcher is part of the hero and takes its own full-width row. */
.payroll-mobile-header > .payroll-mobile-period[b-13e8okuu02] {
    flex: 1 1 100%;
}

.payroll-mobile-header__copy[b-13e8okuu02] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.payroll-mobile-header h1[b-13e8okuu02] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.payroll-mobile-header p[b-13e8okuu02] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.payroll-mobile-header p span:first-child[b-13e8okuu02] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.payroll-mobile-header__actions[b-13e8okuu02] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.payroll-mobile-kpis[b-13e8okuu02] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.payroll-mobile-kpi[b-13e8okuu02] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.payroll-mobile-kpi:nth-child(even)[b-13e8okuu02] {
    border-left: 1px solid var(--innvilo-border-default);
}

.payroll-mobile-kpi:nth-child(n + 3)[b-13e8okuu02] {
    border-top: 1px solid var(--innvilo-border-default);
}

.payroll-mobile-kpi.is-current[b-13e8okuu02]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.payroll-mobile-kpi span[b-13e8okuu02] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payroll-mobile-kpi strong[b-13e8okuu02] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.payroll-mobile-kpi.is-current strong[b-13e8okuu02] {
    color: var(--color-primary);
}

.payroll-mobile-kpi.is-attention strong[b-13e8okuu02] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.payroll-mobile-tools[b-13e8okuu02] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.payroll-mobile-tools > :first-child + *[b-13e8okuu02] {
    flex: 1 1 auto;
    min-width: 0;
}

.payroll-mobile-filter__count[b-13e8okuu02] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills */

.payroll-pills[b-13e8okuu02] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.payroll-pills__list[b-13e8okuu02] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.payroll-pill[b-13e8okuu02] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.payroll-pill > span[b-13e8okuu02] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payroll-pill__remove[b-13e8okuu02] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.payroll-pill__remove:focus-visible[b-13e8okuu02],
.payroll-overlay__row:focus-visible[b-13e8okuu02],
.payroll-overlay__close:focus-visible[b-13e8okuu02],
.payroll-overlay__back:focus-visible[b-13e8okuu02] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.payroll-overlay[b-13e8okuu02] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.payroll-overlay__head[b-13e8okuu02] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.payroll-overlay__head h2[b-13e8okuu02] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.payroll-overlay__close[b-13e8okuu02],
.payroll-overlay__back[b-13e8okuu02] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.payroll-overlay__back[b-13e8okuu02] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.payroll-overlay__close[b-13e8okuu02] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.payroll-overlay__body[b-13e8okuu02] {
    min-height: 0;
    overflow-y: auto;
}

.payroll-overlay__rows[b-13e8okuu02] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.payroll-overlay__row[b-13e8okuu02] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.payroll-overlay__row-label[b-13e8okuu02] {
    flex: 1 1 auto;
    min-width: 0;
}

.payroll-overlay__row-count[b-13e8okuu02] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.payroll-overlay__row > i[b-13e8okuu02] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.payroll-overlay__foot[b-13e8okuu02] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.payroll-mobile-list[b-13e8okuu02],
.payroll-mobile-cards[b-13e8okuu02] {
    display: grid;
    min-width: 0;
}

.payroll-mobile-list[b-13e8okuu02] {
    gap: var(--innvilo-space-6);
}

.payroll-mobile-cards[b-13e8okuu02] {
    gap: var(--innvilo-space-5);
}

.payroll-mobile-card[b-13e8okuu02] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.payroll-mobile-card.is-no-contract[b-13e8okuu02]::before {
    background: var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.payroll-mobile-card__header[b-13e8okuu02] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.payroll-mobile-card__identity[b-13e8okuu02] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.payroll-mobile-card__identity > strong[b-13e8okuu02] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.payroll-mobile-card__identity span[b-13e8okuu02] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.payroll-number[b-13e8okuu02] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.payroll-mobile-card__facts[b-13e8okuu02] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.payroll-mobile-card__fact[b-13e8okuu02] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.payroll-mobile-card__fact span[b-13e8okuu02] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.payroll-mobile-card__fact strong[b-13e8okuu02] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.payroll-mobile-card__footer[b-13e8okuu02] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

/* Der Nachweis (wenn vorhanden) steht als volle Zeile über den beiden Aktionen. */
.payroll-mobile-card__footer > :first-child:nth-last-child(3)[b-13e8okuu02] {
    grid-column: 1 / -1;
}

/* States */

.payroll-mobile-state[b-13e8okuu02] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.payroll-mobile-state > *[b-13e8okuu02] {
    animation: payroll-mobile-state-in-b-13e8okuu02 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.payroll-mobile-state > :nth-child(2)[b-13e8okuu02] { animation-delay: 40ms; }
.payroll-mobile-state > :nth-child(3)[b-13e8okuu02] { animation-delay: 80ms; }
.payroll-mobile-state > :nth-child(4)[b-13e8okuu02] { animation-delay: 120ms; }

@keyframes payroll-mobile-state-in-b-13e8okuu02 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.payroll-mobile-state > i[b-13e8okuu02] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.payroll-mobile-state--error > i[b-13e8okuu02] {
    color: var(--color-error);
}

.payroll-mobile-state h2[b-13e8okuu02],
.payroll-mobile-state p[b-13e8okuu02] {
    margin: 0;
}

.payroll-mobile-state h2[b-13e8okuu02] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.payroll-mobile-state p[b-13e8okuu02] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.payroll-mobile-state > :last-child[b-13e8okuu02] {
    margin-top: var(--innvilo-space-5);
}

/* Illustration for the empty states, shared with the desktop host. */

.payroll-state__art[b-13e8okuu02] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.payroll-state__art > span[b-13e8okuu02] {
    animation: payroll-mobile-state-row-in-b-13e8okuu02 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.payroll-state__art > span[b-13e8okuu02]::before,
.payroll-state__art > span[b-13e8okuu02]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.payroll-state__art > span[b-13e8okuu02]::before {
    top: 0.625rem;
    width: 38%;
}

.payroll-state__art > span[b-13e8okuu02]::after {
    bottom: 0.625rem;
    width: 58%;
}

.payroll-state__art > span:nth-child(1)[b-13e8okuu02] {
    opacity: .35;
    transform: scale(.94);
}

.payroll-state__art > span:nth-child(2)[b-13e8okuu02] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.payroll-state__art > span:nth-child(3)[b-13e8okuu02] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.payroll-state__art > i[b-13e8okuu02] {
    align-items: center;
    animation: payroll-mobile-state-in-b-13e8okuu02 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.payroll-state__art.is-filtered > span:nth-child(3)[b-13e8okuu02]::before,
.payroll-state__art.is-filtered > span:nth-child(3)[b-13e8okuu02]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes payroll-mobile-state-row-in-b-13e8okuu02 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
}

/* Loading */

.payroll-mobile-skeleton[b-13e8okuu02] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.payroll-mobile-skeleton span[b-13e8okuu02] {
    animation: payroll-mobile-pulse-b-13e8okuu02 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes payroll-mobile-pulse-b-13e8okuu02 {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .payroll-mobile-card[b-13e8okuu02] {
        padding: var(--innvilo-space-5);
    }

    .payroll-mobile-card__footer[b-13e8okuu02] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .payroll-mobile-skeleton span[b-13e8okuu02],
    .payroll-mobile-state > *[b-13e8okuu02],
    .payroll-state__art > span[b-13e8okuu02],
    .payroll-state__art > i[b-13e8okuu02] {
        animation: none;
    }
}

.payroll-mobile-card__fact small[b-13e8okuu02] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}


/* Month switch as its own row under the header. */

.payroll-mobile-period[b-13e8okuu02] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

/* Provider card: mark, masked numbers, hint and the actions the header does not hold. */

.payroll-mobile-provider[b-13e8okuu02] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.payroll-mobile-provider__head[b-13e8okuu02] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
}

.payroll-mobile-provider__head span[b-13e8okuu02] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.payroll-mobile-provider p[b-13e8okuu02] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
    margin: 0;
}

.payroll-mobile-provider__actions[b-13e8okuu02] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payroll-mobile-card__fact small[b-13e8okuu02] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}
/* /Components/Pages/Workforce/Roster/RosterAssistantPanel.razor.rz.scp.css */
/* Planungsprüfung: Seitenleiste auf dem Desktop, einklappbarer Abschnitt auf dem Handy.
   Eine Fläche, Hairlines als Trenner, ein Radius, kein Schatten. Farbe nur als Bedeutung (kritisch, Warnung). */

.roster-assistant[b-11vb157331] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
}

.roster-assistant__head[b-11vb157331] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.roster-assistant__title[b-11vb157331] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.roster-assistant__title h2[b-11vb157331] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.3;
    margin: 0;
}

.roster-assistant__title p[b-11vb157331] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.roster-assistant__toggle[b-11vb157331] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-caption);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 2.75rem;
}

.roster-assistant__toggle:hover[b-11vb157331] {
    background: var(--innvilo-surface-muted);
}

.roster-assistant__toggle:focus-visible[b-11vb157331],
.roster-assistant__filter:focus-visible[b-11vb157331],
.roster-issue__main:focus-visible[b-11vb157331],
.roster-issue__action:focus-visible[b-11vb157331] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.roster-assistant__body[b-11vb157331] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.roster-assistant__body[hidden][b-11vb157331] {
    display: none;
}

/* Filter-Segmente: vier Zellen mit Anzahl, aktive Zelle in Primärfarbe. */

.roster-assistant__filters[b-11vb157331] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.roster-assistant__filter[b-11vb157331] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: grid;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-1);
    justify-items: center;
    min-height: 2.75rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-1);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.roster-assistant__filter strong[b-11vb157331] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.roster-assistant__filter:hover[b-11vb157331] {
    border-color: var(--innvilo-border-strong);
}

.roster-assistant__filter.is-active[b-11vb157331] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--innvilo-text-inverse);
}

.roster-assistant__filter.is-active strong[b-11vb157331] {
    color: var(--innvilo-text-inverse);
}

.roster-assistant__empty[b-11vb157331] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    padding: var(--innvilo-space-8) var(--innvilo-space-6);
}

/* Befunde: Liste mit Hairlines, Klick auf den Eintrag hebt ihn hervor und springt im Plan zum Tag. */

.roster-issue-list[b-11vb157331] {
    display: grid;
    list-style: none;
    margin: 0;
    min-height: 0;
    overflow-y: auto;
    padding: 0;
}

.roster-issue[b-11vb157331] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
    position: relative;
}

.roster-issue:last-child[b-11vb157331] {
    border-bottom: 0;
}

.roster-issue.is-highlighted[b-11vb157331] {
    background: var(--innvilo-color-primary-soft);
}

.roster-issue.is-highlighted[b-11vb157331]::before {
    background: var(--color-primary);
    content: '';
    inset: 0 auto 0 0;
    position: absolute;
    width: 3px;
}

.roster-issue__main[b-11vb157331] {
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-2);
    padding: 0;
    text-align: left;
    width: 100%;
}

.roster-issue__head[b-11vb157331] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.roster-issue__head strong[b-11vb157331] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
}

.roster-issue__detail[b-11vb157331],
.roster-issue__suggestion[b-11vb157331] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.45;
}

.roster-issue__suggestion[b-11vb157331] {
    color: var(--innvilo-text-primary);
}

.roster-issue__meta[b-11vb157331] {
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    line-height: 1.4;
}

.roster-issue__actions[b-11vb157331] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

.roster-issue__action[b-11vb157331] {
    background: var(--innvilo-surface-muted);
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.25rem;
    padding: 0 var(--innvilo-space-4);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.roster-issue__action:hover[b-11vb157331] {
    background: var(--innvilo-border-default);
}

/* Angedockt (Desktop): eigener Block in voller Breite unter dem Monatsplan. Filter links im Kopf,
   Befunde als Spaltenraster, das mit jedem Neuladen des Monats aktualisiert wird. */

.roster-assistant.is-docked[b-11vb157331] {
    border-radius: 0;
    border-top: 1px solid var(--innvilo-border-default);
}

.roster-assistant.is-docked .roster-assistant__filters[b-11vb157331] {
    grid-template-columns: repeat(4, minmax(0, 8rem));
}

.roster-assistant.is-docked .roster-issue-list[b-11vb157331] {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
    max-height: 32rem;
}

.roster-assistant.is-docked .roster-issue[b-11vb157331] {
    border-right: 1px solid var(--innvilo-border-default);
}

.roster-assistant.is-docked .roster-issue:last-child[b-11vb157331] {
    border-bottom: 1px solid var(--innvilo-border-default);
}

/* Kompakt (Handy): Abschnitt in voller Breite, Liste ohne eigenen Scrollbereich, Touch-Ziele 44px. */

.roster-assistant.is-compact .roster-assistant__head[b-11vb157331] {
    padding-inline: var(--innvilo-space-5);
}

.roster-assistant.is-compact .roster-assistant__filters[b-11vb157331],
.roster-assistant.is-compact .roster-issue[b-11vb157331] {
    padding-inline: var(--innvilo-space-5);
}

.roster-assistant.is-compact .roster-issue-list[b-11vb157331] {
    max-height: 28rem;
}

.roster-assistant.is-compact .roster-issue__action[b-11vb157331],
.roster-assistant.is-compact .roster-assistant__toggle[b-11vb157331] {
    min-height: 2.75rem;
}

@media (prefers-reduced-motion: reduce) {
    .roster-assistant__toggle[b-11vb157331],
    .roster-assistant__filter[b-11vb157331],
    .roster-issue__action[b-11vb157331] {
        transition: none;
    }
}
/* /Components/Pages/Workforce/Roster/RosterBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.roster-page[b-b9623h28a8] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.roster-viewport-skeleton[b-b9623h28a8] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.roster-viewport-skeleton span[b-b9623h28a8] {
    animation: roster-viewport-pulse-b-b9623h28a8 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.roster-viewport-skeleton .is-breadcrumb[b-b9623h28a8] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.roster-viewport-skeleton .is-title[b-b9623h28a8] {
    height: 4.5rem;
}

.roster-viewport-skeleton .is-toolbar[b-b9623h28a8] {
    height: 6rem;
}

.roster-viewport-skeleton .is-content[b-b9623h28a8] {
    height: 22rem;
}

@keyframes roster-viewport-pulse-b-b9623h28a8 {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .roster-viewport-skeleton span[b-b9623h28a8] {
        animation: none;
    }
}
/* /Components/Pages/Workforce/Roster/RosterDesktop.razor.rz.scp.css */
/* Desktop workspace of the roster (Dienstplan).
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks.
   DevExpress roots (.dxbl-*) inside the scheduler are styled in global.scss under "Personal / Dienstplan". */

.roster-desktop[b-jtexrh37cu] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.roster-breadcrumb[b-jtexrh37cu] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.roster-breadcrumb a[b-jtexrh37cu] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.roster-breadcrumb a:hover[b-jtexrh37cu],
.roster-breadcrumb a:focus-visible[b-jtexrh37cu] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.roster-breadcrumb a:focus-visible[b-jtexrh37cu] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.roster-breadcrumb i[b-jtexrh37cu] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.roster-breadcrumb [aria-current='page'][b-jtexrh37cu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.roster-head[b-jtexrh37cu] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(26rem, 1fr) minmax(0, 36rem);
    min-width: 0;
}

.roster-head__copy[b-jtexrh37cu] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.roster-head__title-row[b-jtexrh37cu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.roster-head h1[b-jtexrh37cu] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.roster-head__lead[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.roster-head__meta[b-jtexrh37cu] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.roster-period-badge[b-jtexrh37cu] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.roster-period[b-jtexrh37cu] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
    margin-top: var(--innvilo-space-2);
}

.roster-head__actions[b-jtexrh37cu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    justify-content: flex-end;
    min-width: 0;
}

.roster-check__badge[b-jtexrh37cu] {
    align-items: center;
    background: var(--color-error);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    margin-left: var(--innvilo-space-1);
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.roster-kpis[b-jtexrh37cu] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.roster-kpi[b-jtexrh37cu] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.roster-kpi + .roster-kpi[b-jtexrh37cu] {
    border-left: 1px solid var(--innvilo-border-default);
}

.roster-kpi.is-current[b-jtexrh37cu]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.roster-kpi__label[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.roster-kpi__value[b-jtexrh37cu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.roster-kpi.is-current .roster-kpi__value[b-jtexrh37cu] {
    color: var(--color-primary);
}

.roster-kpi.is-attention .roster-kpi__value[b-jtexrh37cu] {
    color: var(--color-warning-text);
}

.roster-kpi__detail[b-jtexrh37cu] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: toolbar, optional pill row, then plan with assistant or a state. */

.roster-workspace[b-jtexrh37cu] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.roster-toolbar[b-jtexrh37cu] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

/* Search on the left, every control (view, week navigation, filters, absences) right-aligned. */

.roster-search[b-jtexrh37cu] {
    flex: 1 1 16rem;
    max-width: 24rem;
    min-width: 12rem;
}

.roster-toolbar__controls[b-jtexrh37cu] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-6);
    justify-content: flex-end;
    margin-left: auto;
    min-width: 0;
}

.roster-toolbar__filters[b-jtexrh37cu] {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    justify-content: flex-end;
    min-width: 0;
}

.roster-toolbar__views[b-jtexrh37cu] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
}

/* Toggle (absences) and view segments: 40px, one radius, the active state in the primary colour. */

.roster-toggle[b-jtexrh37cu],
.roster-view[b-jtexrh37cu] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    justify-content: center;
    min-height: 2.5rem;
    padding: 0 var(--innvilo-space-4);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.roster-view[b-jtexrh37cu] {
    min-width: 4.5rem;
}

.roster-toggle:hover[b-jtexrh37cu],
.roster-view:hover[b-jtexrh37cu] {
    border-color: var(--innvilo-border-strong);
}

.roster-toggle.is-active[b-jtexrh37cu],
.roster-view.is-active[b-jtexrh37cu] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.roster-toggle:focus-visible[b-jtexrh37cu],
.roster-view:focus-visible[b-jtexrh37cu],
.roster-pill__remove:focus-visible[b-jtexrh37cu],
.roster-pills__clear:focus-visible[b-jtexrh37cu] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.roster-toggle[disabled][b-jtexrh37cu],
.roster-view[disabled][b-jtexrh37cu] {
    cursor: default;
    opacity: .6;
}

.roster-week__label[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-2);
    white-space: nowrap;
}

/* Active filter pills under the toolbar */

.roster-pills[b-jtexrh37cu] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.roster-pills__label[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.roster-pills__list[b-jtexrh37cu] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.roster-pill[b-jtexrh37cu] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.roster-pill > span[b-jtexrh37cu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roster-pill__remove[b-jtexrh37cu] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.roster-pill__remove:hover[b-jtexrh37cu] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.roster-pills__clear[b-jtexrh37cu] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

/* Plan and assistant: the scheduler takes the full workspace width, the assistant (Planungsprüfung)
   follows as its own block below and refreshes with every month reload. */

.roster-plan[b-jtexrh37cu] {
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

.roster-scheduler[b-jtexrh37cu] {
    display: grid;
    gap: 0;
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
}

/* Horizontal scrolling lives here: the resource column stays sticky, days scroll. */
.roster-scheduler-scroll[b-jtexrh37cu] {
    min-width: 0;
    overflow: auto;
    overscroll-behavior-x: contain;
}

/* Day header: weekday, day number, arrivals / departures and occupancy, a dot for open demand. */

.roster-day[b-jtexrh37cu] {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    gap: var(--innvilo-space-1);
    height: 100%;
    justify-items: center;
    min-height: 3.75rem;
    padding: var(--innvilo-space-2) 0;
    position: relative;
    width: 100%;
}

.roster-day__weekday[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1;
}

.roster-day__date[b-jtexrh37cu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.roster-day__occupancy[b-jtexrh37cu] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-micro);
    font-variant-numeric: tabular-nums;
    line-height: 1;
    white-space: nowrap;
}

.roster-day.is-weekend .roster-day__weekday[b-jtexrh37cu],
.roster-day.is-weekend .roster-day__date[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
}

.roster-day.is-today .roster-day__date[b-jtexrh37cu] {
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    height: 1.5rem;
    line-height: 1.5rem;
    min-width: 1.5rem;
    padding: 0 var(--innvilo-space-1);
    text-align: center;
}

.roster-day.is-highlighted[b-jtexrh37cu]::after {
    background: var(--color-primary);
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

.roster-day__gap[b-jtexrh37cu] {
    background: var(--color-error);
    border-radius: var(--innvilo-radius-full);
    display: block;
    height: .375rem;
    position: absolute;
    right: var(--innvilo-space-2);
    top: var(--innvilo-space-2);
    width: .375rem;
}

/* Only the month view is narrow enough to need the compact header; the week view shows the full occupancy line. */
.roster-scheduler[data-roster-view='month'] .roster-day__occupancy[b-jtexrh37cu] {
    display: none;
}

/* Resource header: department row on the first employee of each department, then initials, name, role, hours. */

.roster-resource[b-jtexrh37cu] {
    box-sizing: border-box;
    display: grid;
    height: 100%;
    min-width: 0;
    width: 100%;
}

.roster-resource__department[b-jtexrh37cu] {
    align-items: baseline;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-1) var(--innvilo-space-3);
    min-width: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.roster-resource__department strong[b-jtexrh37cu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.roster-resource__department span[b-jtexrh37cu] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-micro);
    font-variant-numeric: tabular-nums;
}

.roster-resource__employee[b-jtexrh37cu] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    min-width: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.roster-resource__initials[b-jtexrh37cu] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.roster-resource__copy[b-jtexrh37cu],
.roster-resource__hours[b-jtexrh37cu] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.roster-resource__copy strong[b-jtexrh37cu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roster-resource__copy small[b-jtexrh37cu],
.roster-resource__hours small[b-jtexrh37cu] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-micro);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roster-resource__hours[b-jtexrh37cu] {
    text-align: right;
}

.roster-resource__hours strong[b-jtexrh37cu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.roster-resource__hours small.is-below[b-jtexrh37cu] {
    color: var(--color-warning-text);
}

.roster-resource__hours small.is-above[b-jtexrh37cu] {
    color: var(--color-error);
}

.roster-resource__mark[b-jtexrh37cu] {
    background: var(--color-error);
    border-radius: var(--innvilo-radius-full);
    display: block;
    height: .5rem;
    width: .5rem;
}

.roster-resource.is-inactive .roster-resource__copy strong[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
}

.roster-resource.is-highlighted .roster-resource__employee[b-jtexrh37cu] {
    background: var(--innvilo-color-primary-soft);
}

/* Shift cards: template colour as the left bar, draft dashed, changed with a dot, conflict in the error colour. */

.roster-shift[b-jtexrh37cu] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-left: 3px solid var(--roster-shift-color, var(--color-primary));
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: grid;
    gap: 0 var(--innvilo-space-2);
    height: 100%;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    padding: var(--innvilo-space-1) var(--innvilo-space-2);
    position: relative;
}

.roster-shift__code[b-jtexrh37cu] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roster-shift__time[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roster-shift.is-draft[b-jtexrh37cu] {
    border-style: dashed;
    border-left-style: solid;
}

.roster-shift.is-changed[b-jtexrh37cu]::after {
    background: var(--color-warning-text);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: .375rem;
    position: absolute;
    right: var(--innvilo-space-1);
    top: var(--innvilo-space-1);
    width: .375rem;
}

.roster-shift.is-conflict[b-jtexrh37cu] {
    border-color: var(--color-error-border);
    color: var(--color-error);
}

.roster-shift.is-conflict .roster-shift__time[b-jtexrh37cu] {
    color: var(--color-error);
}

.roster-shift__conflict[b-jtexrh37cu] {
    background: var(--color-error);
    border-radius: var(--innvilo-radius-full);
    display: block;
    height: .5rem;
    position: absolute;
    right: var(--innvilo-space-1);
    bottom: var(--innvilo-space-1);
    width: .5rem;
}

.roster-shift.is-highlighted[b-jtexrh37cu] {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
}

/* Absences: muted, not draggable (the server rejects a move), text only. */
.roster-absence[b-jtexrh37cu] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 100%;
    overflow: hidden;
    padding: 0 var(--innvilo-space-2);
    white-space: nowrap;
}

/* The week view has room for the full time text in the card. */
.roster-scheduler[data-roster-view='week'] .roster-shift[b-jtexrh37cu] {
    grid-template-columns: auto minmax(0, 1fr);
}

.roster-scheduler[data-roster-view='month'] .roster-shift__time[b-jtexrh37cu] {
    font-size: .625rem;
}

.roster-tooltip[b-jtexrh37cu] {
    display: grid;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-2);
}

.roster-tooltip strong[b-jtexrh37cu] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.roster-tooltip span[b-jtexrh37cu],
.roster-tooltip small[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.roster-tooltip small.is-conflict[b-jtexrh37cu] {
    color: var(--color-error);
}

/* Legend under the plan: template colours and the two status markers. */

.roster-legend[b-jtexrh37cu] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2) var(--innvilo-space-6);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.roster-legend__item[b-jtexrh37cu] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
    white-space: nowrap;
}

.roster-legend__item i[b-jtexrh37cu] {
    border-radius: 1px;
    display: block;
    height: .875rem;
    width: 3px;
}

.roster-legend__dash[b-jtexrh37cu] {
    border: 1px dashed var(--innvilo-border-strong);
    border-radius: 2px;
    display: block;
    height: .75rem;
    width: 1.25rem;
}

.roster-legend__dot[b-jtexrh37cu] {
    background: var(--color-warning-text);
    border-radius: var(--innvilo-radius-full);
    display: block;
    height: .375rem;
    width: .375rem;
}

/* Empty, filtered, disabled and error states replace the plan inside the workspace. */

.roster-state[b-jtexrh37cu] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.roster-state > *[b-jtexrh37cu] {
    animation: roster-state-in-b-jtexrh37cu var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.roster-state > :nth-child(2)[b-jtexrh37cu] { animation-delay: 40ms; }
.roster-state > :nth-child(3)[b-jtexrh37cu] { animation-delay: 80ms; }

@keyframes roster-state-in-b-jtexrh37cu {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.roster-state > i[b-jtexrh37cu] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.roster-state--error > i[b-jtexrh37cu] {
    color: var(--color-error);
}

.roster-state__copy[b-jtexrh37cu] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.roster-state h3[b-jtexrh37cu] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.roster-state p[b-jtexrh37cu] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.roster-state__actions[b-jtexrh37cu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.roster-state--filtered[b-jtexrh37cu],
.roster-state--error[b-jtexrh37cu] {
    padding-block: var(--innvilo-space-11);
}

.roster-state__art[b-jtexrh37cu] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.roster-state__art > span[b-jtexrh37cu] {
    animation: roster-state-row-in-b-jtexrh37cu 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.roster-state__art > span[b-jtexrh37cu]::before,
.roster-state__art > span[b-jtexrh37cu]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.roster-state__art > span[b-jtexrh37cu]::before {
    top: 0.625rem;
    width: 38%;
}

.roster-state__art > span[b-jtexrh37cu]::after {
    bottom: 0.625rem;
    width: 58%;
}

.roster-state__art > span:nth-child(1)[b-jtexrh37cu] {
    opacity: .35;
    transform: scale(.94);
}

.roster-state__art > span:nth-child(2)[b-jtexrh37cu] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.roster-state__art > span:nth-child(3)[b-jtexrh37cu] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.roster-state__art > i[b-jtexrh37cu] {
    align-items: center;
    animation: roster-state-in-b-jtexrh37cu 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.roster-state__art.is-filtered > span:nth-child(3)[b-jtexrh37cu]::before,
.roster-state__art.is-filtered > span:nth-child(3)[b-jtexrh37cu]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes roster-state-row-in-b-jtexrh37cu {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
}

/* Loading */

.roster-desktop-skeleton[b-jtexrh37cu] {
    display: grid;
    gap: 1px;
}

.roster-desktop-skeleton span[b-jtexrh37cu] {
    animation: roster-pulse-b-jtexrh37cu 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 3.75rem;
}

.roster-desktop-skeleton span.is-header[b-jtexrh37cu] {
    height: 2.75rem;
}

@keyframes roster-pulse-b-jtexrh37cu {
    50% { opacity: .55; }
}

@media (max-width: 74.99rem) {
    .roster-kpis[b-jtexrh37cu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .roster-kpi:nth-child(3)[b-jtexrh37cu] {
        border-left: 0;
    }

    .roster-kpi:nth-child(n + 3)[b-jtexrh37cu] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .roster-head[b-jtexrh37cu] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .roster-head__actions[b-jtexrh37cu] {
        justify-content: flex-start;
    }

    .roster-search[b-jtexrh37cu] {
        flex: 1 1 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .roster-breadcrumb a[b-jtexrh37cu],
    .roster-pill__remove[b-jtexrh37cu],
    .roster-toggle[b-jtexrh37cu],
    .roster-view[b-jtexrh37cu] {
        transition: none;
    }

    .roster-state > *[b-jtexrh37cu],
    .roster-state__art > span[b-jtexrh37cu],
    .roster-state__art > i[b-jtexrh37cu],
    .roster-desktop-skeleton span[b-jtexrh37cu] {
        animation: none;
    }
}
/* /Components/Pages/Workforce/Roster/RosterMobile.razor.rz.scp.css */
/* Mobile workspace of the roster (Dienstplan): header, compact KPI strip, tools, assistant section,
   day strip and agenda per department or employee list with week strips. Vertical rhythm 24px between
   blocks, 12px between cards. Same radius and border as desktop, no shadows on static surfaces. */

.roster-mobile[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.roster-breadcrumb[b-7fzl4anmct] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.roster-breadcrumb a[b-7fzl4anmct] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.roster-breadcrumb a:focus-visible[b-7fzl4anmct] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.roster-breadcrumb i[b-7fzl4anmct] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.roster-breadcrumb [aria-current='page'][b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.roster-mobile-header[b-7fzl4anmct] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.roster-mobile-header > .roster-mobile-period[b-7fzl4anmct] {
    flex: 1 1 100%;
}

.roster-mobile-header__copy[b-7fzl4anmct] {
    display: grid;
    flex: 1 1 12rem;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.roster-mobile-header h1[b-7fzl4anmct] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.roster-mobile-header p[b-7fzl4anmct] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    margin: 0;
}

.roster-period-badge[b-7fzl4anmct] {
    align-items: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    line-height: 1;
    padding: 0 var(--innvilo-space-4);
}

.roster-mobile-header__actions[b-7fzl4anmct] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-3);
}

.roster-mobile-period[b-7fzl4anmct] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.roster-mobile-period > :nth-child(2)[b-7fzl4anmct] {
    flex: 1 1 auto;
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.roster-mobile-kpis[b-7fzl4anmct] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.roster-mobile-kpi[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.roster-mobile-kpi:nth-child(even)[b-7fzl4anmct] {
    border-left: 1px solid var(--innvilo-border-default);
}

.roster-mobile-kpi:nth-child(n + 3)[b-7fzl4anmct] {
    border-top: 1px solid var(--innvilo-border-default);
}

.roster-mobile-kpi.is-current[b-7fzl4anmct]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.roster-mobile-kpi span[b-7fzl4anmct] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roster-mobile-kpi strong[b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.roster-mobile-kpi.is-current strong[b-7fzl4anmct] {
    color: var(--color-primary);
}

.roster-mobile-kpi.is-attention strong[b-7fzl4anmct] {
    color: var(--color-warning-text);
}

/* Tools: search, "Filter" (overlay) and the absences toggle, all 44px. */

.roster-mobile-tools[b-7fzl4anmct] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.roster-mobile-tools > :first-child + *[b-7fzl4anmct] {
    flex: 1 1 auto;
    min-width: 0;
}

.roster-mobile-filter__count[b-7fzl4anmct] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.roster-mobile-toggle[b-7fzl4anmct],
.roster-mobile-mode[b-7fzl4anmct] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    justify-content: center;
    min-height: 2.75rem;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.roster-mobile-toggle[b-7fzl4anmct] {
    flex: 0 0 2.75rem;
    padding: 0;
    width: 2.75rem;
}

.roster-mobile-toggle.is-active[b-7fzl4anmct],
.roster-mobile-mode.is-active[b-7fzl4anmct] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.roster-mobile-toggle:focus-visible[b-7fzl4anmct],
.roster-mobile-mode:focus-visible[b-7fzl4anmct],
.roster-mobile-day:focus-visible[b-7fzl4anmct],
.roster-mobile-card:focus-visible[b-7fzl4anmct],
.roster-mobile-link:focus-visible[b-7fzl4anmct],
.roster-week-strip__day:focus-visible[b-7fzl4anmct],
.roster-pill__remove:focus-visible[b-7fzl4anmct],
.roster-overlay__row:focus-visible[b-7fzl4anmct],
.roster-overlay__close:focus-visible[b-7fzl4anmct],
.roster-overlay__back:focus-visible[b-7fzl4anmct],
.roster-sheet__action:focus-visible[b-7fzl4anmct],
.roster-sheet__close:focus-visible[b-7fzl4anmct] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Active filter pills */

.roster-pills[b-7fzl4anmct] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.roster-pills__list[b-7fzl4anmct] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.roster-pill[b-7fzl4anmct] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.roster-pill > span[b-7fzl4anmct] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roster-pill__remove[b-7fzl4anmct] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

/* Plan: mode switch, day strip, agenda or employee list. One surface with hairlines between the groups. */

.roster-mobile-plan[b-7fzl4anmct] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    min-width: 0;
    overflow: hidden;
}

.roster-mobile-modes[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: var(--innvilo-space-4) var(--innvilo-space-5) 0;
}

.roster-mobile-days[b-7fzl4anmct] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-1);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
}

.roster-mobile-day[b-7fzl4anmct] {
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: grid;
    flex: 0 0 2.75rem;
    gap: var(--innvilo-space-1);
    justify-items: center;
    min-height: 3.25rem;
    padding: var(--innvilo-space-2) 0;
    position: relative;
    scroll-snap-align: center;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.roster-mobile-day span[b-7fzl4anmct] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    line-height: 1;
}

.roster-mobile-day strong[b-7fzl4anmct] {
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.roster-mobile-day.is-weekend span[b-7fzl4anmct],
.roster-mobile-day.is-weekend strong[b-7fzl4anmct] {
    color: var(--innvilo-text-secondary);
}

.roster-mobile-day.is-today strong[b-7fzl4anmct] {
    color: var(--color-primary);
}

.roster-mobile-day.is-selected[b-7fzl4anmct] {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.roster-mobile-day.is-selected span[b-7fzl4anmct],
.roster-mobile-day.is-selected strong[b-7fzl4anmct] {
    color: var(--innvilo-text-inverse);
}

.roster-mobile-day i[b-7fzl4anmct] {
    background: var(--color-error);
    border-radius: var(--innvilo-radius-full);
    display: block;
    height: .375rem;
    position: absolute;
    right: .25rem;
    top: .25rem;
    width: .375rem;
}

.roster-mobile-agenda[b-7fzl4anmct],
.roster-mobile-employees[b-7fzl4anmct] {
    display: grid;
    min-width: 0;
}

.roster-mobile-agenda__head[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-1);
    padding: var(--innvilo-space-5) var(--innvilo-space-5) var(--innvilo-space-3);
}

.roster-mobile-agenda__head h2[b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.3;
    margin: 0;
}

.roster-mobile-agenda__head p[b-7fzl4anmct],
.roster-mobile-employees__week[b-7fzl4anmct] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.roster-mobile-employees__week[b-7fzl4anmct] {
    padding: var(--innvilo-space-5) var(--innvilo-space-5) var(--innvilo-space-3);
}

.roster-mobile-group[b-7fzl4anmct] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.roster-mobile-group__head[b-7fzl4anmct] {
    align-items: baseline;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.roster-mobile-group__head strong[b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.roster-mobile-group__head span[b-7fzl4anmct] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.roster-mobile-group__empty[b-7fzl4anmct] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
}

.roster-mobile-group__absent[b-7fzl4anmct] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.roster-mobile-link[b-7fzl4anmct] {
    background: none;
    border: 0;
    color: var(--color-primary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-2);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

/* Shift cards in the agenda: template colour as the left bar, time, employee, status. Tap opens the popup. */

.roster-mobile-cards[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.roster-mobile-card[b-7fzl4anmct] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-left: 3px solid var(--roster-shift-color, var(--color-primary));
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3.5rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-4);
    text-align: left;
    width: 100%;
}

.roster-mobile-card.is-draft[b-7fzl4anmct] {
    border-style: dashed;
    border-left-style: solid;
}

.roster-mobile-card.is-conflict[b-7fzl4anmct] {
    border-color: var(--color-error-border);
}

.roster-mobile-card.is-highlighted[b-7fzl4anmct] {
    background: var(--innvilo-color-primary-soft);
}

.roster-mobile-card[disabled][b-7fzl4anmct] {
    cursor: default;
}

.roster-mobile-card__time[b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.roster-mobile-card__copy[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.roster-mobile-card__copy strong[b-7fzl4anmct] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.roster-mobile-card__copy small[b-7fzl4anmct] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.roster-mobile-card__marks[b-7fzl4anmct] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    grid-column: 1 / -1;
}

/* Employee mode: name row and a strip of seven day boxes; tap opens or plans the shift. */

.roster-mobile-employee-list[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-4);
    list-style: none;
    margin: 0;
    padding: 0;
}

.roster-mobile-employee[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.roster-mobile-employee.is-highlighted[b-7fzl4anmct] {
    background: var(--innvilo-color-primary-soft);
    border-radius: var(--innvilo-radius-xs);
    margin-inline: calc(var(--innvilo-space-3) * -1);
    padding: var(--innvilo-space-3);
}

.roster-mobile-employee__head[b-7fzl4anmct] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.roster-mobile-employee__initials[b-7fzl4anmct] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.roster-mobile-employee__copy[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.roster-mobile-employee__copy strong[b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.roster-mobile-employee__copy small[b-7fzl4anmct] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.roster-mobile-employee__mark[b-7fzl4anmct] {
    background: var(--color-error);
    border-radius: var(--innvilo-radius-full);
    display: block;
    height: .5rem;
    width: .5rem;
}

.roster-week-strip[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-1);
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.roster-week-strip__day[b-7fzl4anmct] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--innvilo-space-1);
    justify-items: center;
    min-height: 2.75rem;
    padding: var(--innvilo-space-1) 0;
}

.roster-week-strip__day span[b-7fzl4anmct] {
    font-size: .625rem;
    line-height: 1;
}

.roster-week-strip__day strong[b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    line-height: 1;
    min-height: .75rem;
}

.roster-week-strip__day.has-shift[b-7fzl4anmct] {
    background: var(--innvilo-surface-card);
    border-bottom: 3px solid var(--roster-shift-color, var(--color-primary));
}

.roster-week-strip__day.is-draft[b-7fzl4anmct] {
    border-style: dashed;
    border-bottom-style: solid;
}

.roster-week-strip__day.is-conflict[b-7fzl4anmct] {
    border-color: var(--color-error-border);
}

.roster-week-strip__day.has-absence[b-7fzl4anmct] {
    background: var(--innvilo-surface-muted);
}

.roster-week-strip__day.is-outside[b-7fzl4anmct] {
    opacity: .4;
}

.roster-week-strip__day[disabled][b-7fzl4anmct] {
    cursor: default;
}

/* States */

.roster-mobile-state[b-7fzl4anmct] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.roster-mobile-state > i[b-7fzl4anmct] {
    color: var(--innvilo-text-muted);
    font-size: 1.5rem;
}

.roster-mobile-state--error > i[b-7fzl4anmct] {
    color: var(--color-error);
}

.roster-mobile-state h2[b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
}

.roster-mobile-state p[b-7fzl4anmct] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 28rem;
}

.roster-state__art[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-2);
    position: relative;
    width: 11rem;
}

.roster-state__art > span[b-7fzl4anmct] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2rem;
    position: relative;
}

.roster-state__art > span[b-7fzl4anmct]::before,
.roster-state__art > span[b-7fzl4anmct]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: .375rem;
    left: var(--innvilo-space-4);
    position: absolute;
}

.roster-state__art > span[b-7fzl4anmct]::before {
    top: .5rem;
    width: 38%;
}

.roster-state__art > span[b-7fzl4anmct]::after {
    bottom: .5rem;
    width: 58%;
}

.roster-state__art > span:nth-child(1)[b-7fzl4anmct] { opacity: .35; }
.roster-state__art > span:nth-child(2)[b-7fzl4anmct] { opacity: .6; }

.roster-state__art > span:nth-child(3)[b-7fzl4anmct] {
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.roster-state__art > i[b-7fzl4anmct] {
    align-items: center;
    background: var(--innvilo-surface-card);
    bottom: -.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.125rem;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: -.5rem;
    width: 2rem;
}

.roster-mobile-skeleton[b-7fzl4anmct] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.roster-mobile-skeleton span[b-7fzl4anmct] {
    animation: roster-mobile-pulse-b-7fzl4anmct 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 6.5rem;
}

@keyframes roster-mobile-pulse-b-7fzl4anmct {
    50% { opacity: .55; }
}

/* Action sheet: opens from the bottom, one action per row, 48px targets. */

.roster-sheet[b-7fzl4anmct] {
    background: var(--innvilo-surface-card);
    display: grid;
    gap: 0;
    padding-bottom: env(safe-area-inset-bottom);
}

.roster-sheet__head[b-7fzl4anmct] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-3) var(--innvilo-space-6);
}

.roster-sheet__head h2[b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.roster-sheet__close[b-7fzl4anmct],
.roster-overlay__close[b-7fzl4anmct],
.roster-overlay__back[b-7fzl4anmct] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.roster-sheet__actions[b-7fzl4anmct] {
    display: grid;
    padding: var(--innvilo-space-2) 0;
}

.roster-sheet__action[b-7fzl4anmct] {
    align-items: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3rem;
    padding: 0 var(--innvilo-space-6);
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.roster-sheet__action i[b-7fzl4anmct] {
    color: var(--innvilo-text-secondary);
    font-size: 1rem;
    width: 1.25rem;
}

.roster-sheet__action[disabled][b-7fzl4anmct] {
    color: var(--innvilo-text-muted);
    cursor: default;
}

.roster-sheet__badge[b-7fzl4anmct] {
    align-items: center;
    background: var(--color-error);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    margin-left: auto;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.roster-overlay[b-7fzl4anmct] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.roster-overlay__head[b-7fzl4anmct] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.roster-overlay__head h2[b-7fzl4anmct] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.roster-overlay__back[b-7fzl4anmct] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.roster-overlay__close[b-7fzl4anmct] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.roster-overlay__body[b-7fzl4anmct] {
    min-height: 0;
    overflow-y: auto;
}

.roster-overlay__rows[b-7fzl4anmct] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.roster-overlay__row[b-7fzl4anmct] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.roster-overlay__row-label[b-7fzl4anmct] {
    flex: 1 1 auto;
    min-width: 0;
}

.roster-overlay__row-count[b-7fzl4anmct] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.roster-overlay__row > i[b-7fzl4anmct] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.roster-overlay__foot[b-7fzl4anmct] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

@media (prefers-reduced-motion: reduce) {
    .roster-mobile-toggle[b-7fzl4anmct],
    .roster-mobile-mode[b-7fzl4anmct],
    .roster-mobile-day[b-7fzl4anmct] {
        transition: none;
    }

    .roster-mobile-skeleton span[b-7fzl4anmct] {
        animation: none;
    }
}
/* /Components/Pages/Workforce/Staff/StaffBoard.razor.rz.scp.css */
/* Page container: full content width like the dashboard, no own padding (the layout provides the gutters). */

.staff-page[b-dkqqt4f59q] {
    min-width: 0;
    padding: 0;
    width: 100%;
}

.staff-viewport-skeleton[b-dkqqt4f59q] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.staff-viewport-skeleton span[b-dkqqt4f59q] {
    animation: staff-viewport-pulse-b-dkqqt4f59q 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.staff-viewport-skeleton .is-breadcrumb[b-dkqqt4f59q] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 15rem;
}

.staff-viewport-skeleton .is-title[b-dkqqt4f59q] {
    height: 4.5rem;
}

.staff-viewport-skeleton .is-toolbar[b-dkqqt4f59q] {
    height: 6rem;
}

.staff-viewport-skeleton .is-content[b-dkqqt4f59q] {
    height: 22rem;
}

@keyframes staff-viewport-pulse-b-dkqqt4f59q {
    50% { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
    .staff-viewport-skeleton span[b-dkqqt4f59q] {
        animation: none;
    }
}
/* /Components/Pages/Workforce/Staff/StaffDesktop.razor.rz.scp.css */
/* Desktop workspace of the staff board (Mitarbeiter).
   Rhythm: breadcrumb 16px above the hero, then 34px between hero, KPI strip and workspace.
   One radius (4px), one border colour, no shadows on static surfaces, no outlines around blocks. */

.staff-desktop[b-2yt4dmgs4v] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Breadcrumb */

.staff-breadcrumb[b-2yt4dmgs4v] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.staff-breadcrumb a[b-2yt4dmgs4v] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.staff-breadcrumb a:hover[b-2yt4dmgs4v],
.staff-breadcrumb a:focus-visible[b-2yt4dmgs4v] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.staff-breadcrumb a:focus-visible[b-2yt4dmgs4v] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.staff-breadcrumb i[b-2yt4dmgs4v] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.staff-breadcrumb [aria-current='page'][b-2yt4dmgs4v] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Hero */

.staff-head[b-2yt4dmgs4v] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.staff-head__copy[b-2yt4dmgs4v] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.staff-head__title-row[b-2yt4dmgs4v] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.staff-head h1[b-2yt4dmgs4v] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.staff-head__lead[b-2yt4dmgs4v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.staff-head__meta[b-2yt4dmgs4v] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.staff-active-badge[b-2yt4dmgs4v] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
}

.staff-head__actions[b-2yt4dmgs4v] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip: one surface on the app background, four cells, hairline dividers, no outline. */

.staff-kpis[b-2yt4dmgs4v] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.staff-kpi[b-2yt4dmgs4v] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.staff-kpi + .staff-kpi[b-2yt4dmgs4v] {
    border-left: 1px solid var(--innvilo-border-default);
}

.staff-kpi.is-current[b-2yt4dmgs4v]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.staff-kpi__label[b-2yt4dmgs4v] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.staff-kpi__value[b-2yt4dmgs4v] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.staff-kpi.is-current .staff-kpi__value[b-2yt4dmgs4v] {
    color: var(--color-primary);
}

.staff-kpi.is-attention .staff-kpi__value[b-2yt4dmgs4v] {
    color: var(--color-warning-text);
}

.staff-kpi.is-positive .staff-kpi__value[b-2yt4dmgs4v] {
    color: var(--color-success);
}

.staff-kpi__detail[b-2yt4dmgs4v] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Workspace: toolbar, optional pill row, then grid or state. */

.staff-workspace[b-2yt4dmgs4v] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
    overflow: hidden;
}

.staff-toolbar[b-2yt4dmgs4v] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
}

.staff-search[b-2yt4dmgs4v] {
    flex: 0 1 22rem;
    min-width: 12rem;
}

.staff-toolbar__filters[b-2yt4dmgs4v] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-left: auto;
    min-width: 0;
}

/* Active filter pills under the toolbar */

.staff-pills[b-2yt4dmgs4v] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
}

.staff-pills__label[b-2yt4dmgs4v] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    white-space: nowrap;
}

.staff-pills__list[b-2yt4dmgs4v] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.staff-pill[b-2yt4dmgs4v] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.staff-pill > span[b-2yt4dmgs4v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staff-pill__remove[b-2yt4dmgs4v] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.staff-pill__remove:hover[b-2yt4dmgs4v] {
    background: var(--innvilo-surface-muted);
    color: var(--innvilo-text-primary);
}

.staff-pill__remove:focus-visible[b-2yt4dmgs4v],
.staff-pills__clear:focus-visible[b-2yt4dmgs4v] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.staff-pills__clear[b-2yt4dmgs4v] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
    white-space: nowrap;
}

.staff-grid-host[b-2yt4dmgs4v] {
    min-width: 0;
}

/* Own pager under the grid: page size left, navigation right. The grid only holds the current page. */

.staff-pager[b-2yt4dmgs4v] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    margin-top: var(--innvilo-space-4);
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.staff-pager__size[b-2yt4dmgs4v] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.staff-pager__size > span[b-2yt4dmgs4v] {
    white-space: nowrap;
}

/* Below 1200px the label of the page size is read by assistive tech only, so the counter and the navigation stay on one line. */
@media (max-width: 74.99rem) {
    .staff-pager[b-2yt4dmgs4v] {
        gap: var(--innvilo-space-3) var(--innvilo-space-4);
        padding-inline: var(--innvilo-space-4);
    }

    .staff-pager__size > span[b-2yt4dmgs4v] {
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
}

.staff-pager__nav[b-2yt4dmgs4v] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.staff-pager__page[b-2yt4dmgs4v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.staff-pager__page strong[b-2yt4dmgs4v] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Result counter sits in the same row as page size and navigation; on narrow widths it wraps under the page size. */
.staff-grid-results[b-2yt4dmgs4v] {
    color: var(--innvilo-text-secondary);
    flex: 1 1 12rem;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
    margin: 0;
    min-width: 0;
    text-align: left;
    white-space: nowrap;
}

/* Grid cells */

.staff-cell[b-2yt4dmgs4v] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.staff-cell.is-right[b-2yt4dmgs4v] {
    justify-items: end;
    text-align: right;
}

.staff-cell strong[b-2yt4dmgs4v] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.staff-cell small[b-2yt4dmgs4v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.staff-number[b-2yt4dmgs4v] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

/* Name links to the record; contact is a plain link in the row. */
.staff-cell__link[b-2yt4dmgs4v],
.staff-cell__contact[b-2yt4dmgs4v] {
    color: var(--innvilo-text-primary);
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.staff-cell__link[b-2yt4dmgs4v] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.staff-cell__contact[b-2yt4dmgs4v] {
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.staff-cell__link:hover[b-2yt4dmgs4v],
.staff-cell__link:focus-visible[b-2yt4dmgs4v],
.staff-cell__contact:hover[b-2yt4dmgs4v],
.staff-cell__contact:focus-visible[b-2yt4dmgs4v] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.staff-cell__link:focus-visible[b-2yt4dmgs4v],
.staff-cell__contact:focus-visible[b-2yt4dmgs4v] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.staff-text[b-2yt4dmgs4v] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.staff-row-actions[b-2yt4dmgs4v] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

/* The three row actions (open, edit, deactivate) share one size: 40px square, one radius, 16px icon.
   The open action is a link, the other two are DevExpress buttons; global.scss aligns the DevExpress root. */
.staff-row-action[b-2yt4dmgs4v] {
    align-items: center;
    background: var(--innvilo-surface-muted);
    border: 1px solid transparent;
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 2.5rem;
    font-size: 1rem;
    height: 2.5rem;
    justify-content: center;
    line-height: 1;
    min-height: 2.5rem;
    min-width: 2.5rem;
    padding: 0;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 2.5rem;
}

.staff-row-action:hover[b-2yt4dmgs4v],
.staff-row-action:focus-visible[b-2yt4dmgs4v] {
    background: var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
}

.staff-row-action:focus-visible[b-2yt4dmgs4v] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Empty, filtered and error states replace the grid inside the workspace.
   Centred, short lines, and a single staggered fade-up on entry (240ms, settle easing). */

.staff-state[b-2yt4dmgs4v] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.staff-state > *[b-2yt4dmgs4v] {
    animation: staff-state-in-b-2yt4dmgs4v var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.staff-state > :nth-child(2)[b-2yt4dmgs4v] { animation-delay: 40ms; }
.staff-state > :nth-child(3)[b-2yt4dmgs4v] { animation-delay: 80ms; }
.staff-state > :nth-child(4)[b-2yt4dmgs4v] { animation-delay: 120ms; }

@keyframes staff-state-in-b-2yt4dmgs4v {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.staff-state > i[b-2yt4dmgs4v] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-2);
}

.staff-state--error > i[b-2yt4dmgs4v] {
    color: var(--color-error);
}

.staff-state__copy[b-2yt4dmgs4v] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.staff-state h3[b-2yt4dmgs4v] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.staff-state p[b-2yt4dmgs4v] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.staff-state__actions[b-2yt4dmgs4v] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

.staff-state--filtered[b-2yt4dmgs4v],
.staff-state--error[b-2yt4dmgs4v] {
    padding-block: var(--innvilo-space-11);
}

/* Illustration for the empty states: three faded list rows drawn in CSS, the icon sits on the
   bottom row. Rows glide in one after another, the copy and the action follow. Opacity and
   transform only, nothing loops. */

.staff-state__art[b-2yt4dmgs4v] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.staff-state__art > span[b-2yt4dmgs4v] {
    animation: staff-state-row-in-b-2yt4dmgs4v 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-soft);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.staff-state__art > span[b-2yt4dmgs4v]::before,
.staff-state__art > span[b-2yt4dmgs4v]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.staff-state__art > span[b-2yt4dmgs4v]::before {
    top: 0.625rem;
    width: 38%;
}

.staff-state__art > span[b-2yt4dmgs4v]::after {
    bottom: 0.625rem;
    width: 58%;
}

.staff-state__art > span:nth-child(1)[b-2yt4dmgs4v] {
    opacity: .35;
    transform: scale(.94);
}

.staff-state__art > span:nth-child(2)[b-2yt4dmgs4v] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.staff-state__art > span:nth-child(3)[b-2yt4dmgs4v] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.staff-state__art > i[b-2yt4dmgs4v] {
    align-items: center;
    animation: staff-state-in-b-2yt4dmgs4v 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.staff-state__art.is-filtered > span:nth-child(3)[b-2yt4dmgs4v]::before,
.staff-state__art.is-filtered > span:nth-child(3)[b-2yt4dmgs4v]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes staff-state-row-in-b-2yt4dmgs4v {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
}

/* Loading */

.staff-desktop-skeleton[b-2yt4dmgs4v] {
    display: grid;
    gap: 1px;
}

.staff-desktop-skeleton span[b-2yt4dmgs4v] {
    animation: staff-pulse-b-2yt4dmgs4v 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    height: 4.25rem;
}

.staff-desktop-skeleton span.is-header[b-2yt4dmgs4v] {
    height: 2.75rem;
}

@keyframes staff-pulse-b-2yt4dmgs4v {
    50% { opacity: .55; }
}

@media (max-width: 70rem) {
    .staff-kpis[b-2yt4dmgs4v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-kpi:nth-child(3)[b-2yt4dmgs4v] {
        border-left: 0;
    }

    .staff-kpi:nth-child(n + 3)[b-2yt4dmgs4v] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .staff-search[b-2yt4dmgs4v] {
        flex: 1 1 100%;
    }

    .staff-toolbar__filters[b-2yt4dmgs4v] {
        width: 100%;
    }

    .staff-head[b-2yt4dmgs4v] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .staff-head__actions[b-2yt4dmgs4v] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .staff-breadcrumb a[b-2yt4dmgs4v],
    .staff-pill__remove[b-2yt4dmgs4v],
    .staff-cell__link[b-2yt4dmgs4v],
    .staff-cell__contact[b-2yt4dmgs4v] {
        transition: none;
    }

    .staff-state > *[b-2yt4dmgs4v],
    .staff-state__art > span[b-2yt4dmgs4v],
    .staff-state__art > i[b-2yt4dmgs4v],
    .staff-desktop-skeleton span[b-2yt4dmgs4v] {
        animation: none;
    }
}

/* /Components/Pages/Workforce/Staff/StaffDetailPage.razor.rz.scp.css */
/* Detail page of one employee: breadcrumb, hero with numbers and status, KPI strip, then the
   sections as tabs (desktop) or stacked collapsible sections with jump links (up to 991px).
   Same rhythm as the worklists: 34px between blocks on desktop, 24px below 992px. One radius, one border
   colour, no shadows on static surfaces, no outlines around blocks. */

.staff-page[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    padding: 0;
    width: 100%;
}

/* Skeleton while the device mode or the customer loads. */

.staff-viewport-skeleton[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
}

.staff-viewport-skeleton span[b-c11ia38n1w] {
    animation: staff-detail-pulse-b-c11ia38n1w 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
}

.staff-viewport-skeleton .is-breadcrumb[b-c11ia38n1w] {
    height: 1rem;
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    max-width: 18rem;
}

.staff-viewport-skeleton .is-title[b-c11ia38n1w] {
    height: 5.5rem;
}

.staff-viewport-skeleton .is-toolbar[b-c11ia38n1w] {
    height: 6rem;
}

.staff-viewport-skeleton .is-content[b-c11ia38n1w] {
    height: 22rem;
}

@keyframes staff-detail-pulse-b-c11ia38n1w {
    50% { opacity: .55; }
}

/* Breadcrumb */

.staff-breadcrumb[b-c11ia38n1w] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
    min-width: 0;
}

.staff-breadcrumb a[b-c11ia38n1w] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.staff-breadcrumb a:hover[b-c11ia38n1w],
.staff-breadcrumb a:focus-visible[b-c11ia38n1w] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.staff-breadcrumb a:focus-visible[b-c11ia38n1w] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.staff-breadcrumb i[b-c11ia38n1w] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.staff-breadcrumb [aria-current='page'][b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Hero */

.staff-detail-head[b-c11ia38n1w] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.staff-detail-head__copy[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.staff-detail-head__title-row[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.staff-detail-head h1[b-c11ia38n1w] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1.05;
    margin: 0;
    overflow-wrap: anywhere;
}

.staff-detail-head__numbers[b-c11ia38n1w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-8);
    margin: 0;
}

.staff-detail-head__numbers > div[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.staff-detail-head__numbers dt[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.staff-detail-head__numbers dd[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    margin: 0;
}

.staff-number[b-c11ia38n1w] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.staff-detail-head__meta[b-c11ia38n1w] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: 0;
}

.staff-detail-head__actions[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

/* KPI strip, same surface language as the worklist. */

.staff-kpis[b-c11ia38n1w] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.staff-kpi[b-c11ia38n1w] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.staff-kpi + .staff-kpi[b-c11ia38n1w] {
    border-left: 1px solid var(--innvilo-border-default);
}

.staff-kpi.is-current[b-c11ia38n1w]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: 0 0 auto 0;
    position: absolute;
}

.staff-kpi__label[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.staff-kpi__value[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.staff-kpi.is-current .staff-kpi__value[b-c11ia38n1w] {
    color: var(--color-primary);
}

.staff-kpi.is-attention .staff-kpi__value[b-c11ia38n1w] {
    color: var(--color-warning-text);
}

.staff-kpi__detail[b-c11ia38n1w] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Body: tab bar plus one panel on desktop, jump links plus stacked sections below 992px. */

.staff-detail-body[b-c11ia38n1w] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    min-width: 0;
    overflow: hidden;
}

.staff-detail-tabs[b-c11ia38n1w] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-2);
    min-width: 0;
    overflow-x: auto;
    padding: 0 var(--innvilo-space-6);
    scrollbar-width: thin;
}

.staff-detail-tab[b-c11ia38n1w] {
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    line-height: 1.2;
    margin-bottom: -1px;
    min-height: 3rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-4);
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    white-space: nowrap;
}

.staff-detail-tab:hover[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
}

.staff-detail-tab.is-active[b-c11ia38n1w] {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary);
}

.staff-detail-tab:focus-visible[b-c11ia38n1w],
.staff-detail-jump:focus-visible[b-c11ia38n1w],
.staff-detail-section__toggle:focus-visible[b-c11ia38n1w],
.staff-segment:focus-visible[b-c11ia38n1w],
.staff-link-button:focus-visible[b-c11ia38n1w] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.staff-detail-jumps[b-c11ia38n1w] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-2);
    min-width: 0;
    overflow-x: auto;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    scrollbar-width: none;
}

.staff-detail-jump[b-c11ia38n1w] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    flex: 0 0 auto;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-5);
    white-space: nowrap;
}

.staff-detail-section[b-c11ia38n1w] {
    min-width: 0;
}

.staff-detail-section + .staff-detail-section[b-c11ia38n1w] {
    border-top: 1px solid var(--innvilo-border-default);
}

.staff-detail-section__title[b-c11ia38n1w] {
    margin: 0;
}

.staff-detail-section__toggle[b-c11ia38n1w] {
    align-items: center;
    background: none;
    border: 0;
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    gap: var(--innvilo-space-4);
    justify-content: space-between;
    line-height: 1.3;
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
    text-align: left;
    width: 100%;
}

.staff-detail-section__toggle i[b-c11ia38n1w] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.staff-detail-section__body[b-c11ia38n1w] {
    display: grid;
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8) var(--innvilo-space-8);
}

/* Section helpers: fact lists, toolbars, states. */

.staff-section-stack[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.staff-section-toolbar[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.staff-section-toolbar__copy[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.staff-facts[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-6) var(--innvilo-space-8);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    min-width: 0;
}

.staff-facts > div[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.staff-facts > .is-wide[b-c11ia38n1w] {
    grid-column: 1 / -1;
}

.staff-facts dt[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
}

.staff-facts dd[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.staff-facts dd.is-multiline[b-c11ia38n1w] {
    display: grid;
    white-space: pre-line;
}

.staff-facts a[b-c11ia38n1w] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.staff-section-empty[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.staff-section-error[b-c11ia38n1w] {
    border-left: 3px solid var(--color-error);
    color: var(--color-error);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    margin: 0;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.staff-link-button[b-c11ia38n1w] {
    background: none;
    border: 0;
    color: var(--innvilo-text-link);
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.staff-section-skeleton[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.staff-section-skeleton span[b-c11ia38n1w] {
    animation: staff-detail-pulse-b-c11ia38n1w 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: 3.25rem;
}

.staff-tag[b-c11ia38n1w] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-secondary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    line-height: 1.2;
    padding: var(--innvilo-space-1) var(--innvilo-space-3);
    white-space: nowrap;
}

/* Segment switch (Stundenzeitraum). */

.staff-segments[b-c11ia38n1w] {
    display: inline-flex;
    gap: var(--innvilo-space-2);
}

.staff-segment[b-c11ia38n1w] {
    background: var(--innvilo-surface-app);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    min-height: 2.25rem;
    padding: 0 var(--innvilo-space-5);
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.staff-segment:hover[b-c11ia38n1w] {
    background: var(--innvilo-surface-muted);
}

.staff-segment.is-active[b-c11ia38n1w] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Row lists (Wochen, Zeiteinträge, Abwesenheiten, Dienste): a header row and one row per item, no outline around the block. */

.staff-list[b-c11ia38n1w] {
    display: grid;
    min-width: 0;
}

.staff-list__head[b-c11ia38n1w],
.staff-list__row[b-c11ia38n1w] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4) var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-4) var(--innvilo-space-5);
}

.staff-list__head[b-c11ia38n1w] {
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.staff-list__row[b-c11ia38n1w] {
    border-bottom: 1px solid var(--innvilo-border-default);
    border-left: 3px solid transparent;
    font-size: var(--innvilo-font-size-label);
}

.staff-list__row:last-child[b-c11ia38n1w] {
    border-bottom: 0;
}

.staff-list__cell[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
    overflow-wrap: anywhere;
}

.staff-list__cell small[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.staff-list__cell a[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
}

.staff-list__cell a:hover[b-c11ia38n1w],
.staff-list__cell a:focus-visible[b-c11ia38n1w] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.staff-list__label[b-c11ia38n1w] {
    display: none;
}

.is-right[b-c11ia38n1w] {
    justify-items: end;
    text-align: right;
}

.staff-amount[b-c11ia38n1w] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.staff-tag.is-current[b-c11ia38n1w] {
    background: var(--innvilo-color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Section pager: count left, navigation or "load more" right. */

.staff-section-pager[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
}

.staff-section-pager__count[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
}

.staff-pager__nav[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.staff-pager__page[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.staff-pager__page strong[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

/* Error and not-found states of the whole page. */

.staff-detail-state[b-c11ia38n1w] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-4);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.staff-detail-state > i[b-c11ia38n1w] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
}

.staff-detail-state h1[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    margin: 0;
}

.staff-detail-state p[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: 0;
    max-width: 60ch;
}

.staff-detail-state__actions[b-c11ia38n1w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

/* Up to 991px: stacked sections, cards instead of rows, 24px rhythm. */

@media (max-width: 61.99rem) {
    .staff-page[b-c11ia38n1w] {
        gap: var(--innvilo-space-8);
    }

    .staff-breadcrumb[b-c11ia38n1w] {
        font-size: var(--innvilo-font-size-micro);
        gap: var(--innvilo-space-2);
        margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    }

    .staff-breadcrumb a[b-c11ia38n1w] {
        align-items: center;
        display: inline-flex;
        min-height: 2.75rem;
        padding-inline: var(--innvilo-space-2);
    }

    .staff-viewport-skeleton[b-c11ia38n1w] {
        gap: var(--innvilo-space-8);
    }

    .staff-detail-head[b-c11ia38n1w] {
        align-items: start;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .staff-detail-head h1[b-c11ia38n1w] {
        font-size: var(--innvilo-font-size-title);
        letter-spacing: var(--innvilo-tracking-title);
        line-height: 1.15;
    }

    .staff-detail-head__actions[b-c11ia38n1w] {
        flex-wrap: nowrap;
    }

    .staff-kpis[b-c11ia38n1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-kpi[b-c11ia38n1w] {
        gap: var(--innvilo-space-2);
        padding: var(--innvilo-space-5) var(--innvilo-space-6);
    }

    .staff-kpi + .staff-kpi[b-c11ia38n1w] {
        border-left: 0;
    }

    .staff-kpi:nth-child(even)[b-c11ia38n1w] {
        border-left: 1px solid var(--innvilo-border-default);
    }

    .staff-kpi:nth-child(n + 3)[b-c11ia38n1w] {
        border-top: 1px solid var(--innvilo-border-default);
    }

    .staff-kpi.is-current[b-c11ia38n1w]::before {
        height: auto;
        inset: -1px auto -1px -1px;
        width: 3px;
    }

    .staff-kpi__value[b-c11ia38n1w] {
        font-size: var(--innvilo-font-size-heading);
    }

    .staff-kpi__detail[b-c11ia38n1w] {
        white-space: normal;
    }

    .staff-detail-section__body[b-c11ia38n1w] {
        padding: 0 var(--innvilo-space-5) var(--innvilo-space-6);
    }

    .staff-facts[b-c11ia38n1w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .staff-list[b-c11ia38n1w] {
        gap: var(--innvilo-space-4);
    }

    .staff-list__head[b-c11ia38n1w] {
        display: none;
    }

    .staff-list__cell.is-primary[b-c11ia38n1w] {
        grid-column: 1 / -1;
    }

    .staff-list__cell.is-right[b-c11ia38n1w] {
        justify-items: start;
        text-align: left;
    }

    .staff-list__label[b-c11ia38n1w] {
        color: var(--innvilo-text-secondary);
        display: block;
        font-family: 'Lato-SemiBold', Arial, sans-serif;
        font-size: var(--innvilo-font-size-micro);
        letter-spacing: var(--innvilo-tracking-caption);
    }

    .staff-section-pager[b-c11ia38n1w] {
        display: grid;
        justify-items: stretch;
    }

    .staff-section-pager__count[b-c11ia38n1w] {
        text-align: center;
    }

    .staff-detail-state[b-c11ia38n1w] {
        padding: var(--innvilo-space-10) var(--innvilo-space-6);
    }
}

@media (max-width: 47.99rem) {
    .staff-detail-head[b-c11ia38n1w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .staff-detail-head__actions[b-c11ia38n1w] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .staff-viewport-skeleton span[b-c11ia38n1w],
    .staff-section-skeleton span[b-c11ia38n1w] {
        animation: none;
    }

    .staff-breadcrumb a[b-c11ia38n1w],
    .staff-detail-tab[b-c11ia38n1w],
    .staff-segment[b-c11ia38n1w] {
        transition: none;
    }
}


/* Round 2: section heads of hours, absences and schedule share one layout: range or navigation left,
   the primary action right. KPI tiles reuse the page strip. Weeks carry a bar of actual against target. */

.staff-hours-head[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.staff-hours-range[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4) var(--innvilo-space-6);
    min-width: 0;
}

.staff-hours-dates[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.staff-hours-date[b-c11ia38n1w] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-3);
}

.staff-hours-head__actions[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

.staff-hours-kpis[b-c11ia38n1w] {
    background: var(--innvilo-surface-app);
}

.staff-kpi.is-positive .staff-kpi__value[b-c11ia38n1w] {
    color: var(--color-success);
}

/* Week table: KW, range, bar, numbers. The bar is one solid accent fill on a neutral track. */

.staff-list--weeks .staff-list__head[b-c11ia38n1w],
.staff-list--weeks .staff-list__row[b-c11ia38n1w] {
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.6fr) minmax(0, 2fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, .9fr) minmax(0, .8fr);
}

.staff-hours-track[b-c11ia38n1w] {
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-full);
    display: block;
    height: .5rem;
    overflow: hidden;
    width: 100%;
}

.staff-hours-bar[b-c11ia38n1w] {
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    display: block;
    height: 100%;
    transition: width var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.staff-week__balance[b-c11ia38n1w] {
    font-variant-numeric: tabular-nums;
}

.staff-week__balance.is-negative[b-c11ia38n1w] {
    color: var(--color-warning-text);
}

.staff-week__balance.is-positive[b-c11ia38n1w] {
    color: var(--color-success);
}

/* Time entries with actions; pending rows carry the warning tone on the left edge. */

.staff-list--hours .staff-list__head[b-c11ia38n1w],
.staff-list--hours .staff-list__row[b-c11ia38n1w] {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.2fr) minmax(0, .6fr) minmax(0, .7fr) minmax(0, .9fr) minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1.6fr);
}

.staff-list__row.is-pending[b-c11ia38n1w] {
    border-left-color: var(--color-warning-border);
}

.staff-list__row.is-open[b-c11ia38n1w] {
    border-left-color: var(--innvilo-border-strong);
}

.staff-list__cell--actions[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

.staff-list__muted[b-c11ia38n1w] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.staff-section-note[b-c11ia38n1w] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: start;
    padding: var(--innvilo-space-6) var(--innvilo-space-7);
}

.staff-section-note h3[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    margin: 0;
}

.staff-section-note p[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

/* Absences: year switch, account tiles, one stacked bar (approved, requested) against the entitlement, list. */

.staff-absences-year[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-5);
}

.staff-absences-year__value[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    font-variant-numeric: tabular-nums;
    min-width: 3.5rem;
    text-align: center;
}

.staff-subsection__meta[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.staff-absence-account[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.staff-absence-track[b-c11ia38n1w] {
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-full);
    display: flex;
    height: .625rem;
    overflow: hidden;
    width: 100%;
}

.staff-absence-bar[b-c11ia38n1w] {
    display: block;
    height: 100%;
    transition: width var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.staff-absence-bar.is-approved[b-c11ia38n1w],
.staff-absence-legend.is-approved[b-c11ia38n1w] {
    background: var(--color-primary);
    color: var(--color-primary);
}

.staff-absence-bar.is-requested[b-c11ia38n1w],
.staff-absence-legend.is-requested[b-c11ia38n1w] {
    background: var(--color-warning-border);
    color: var(--color-warning-border);
}

.staff-absence-legend[b-c11ia38n1w] {
    background: none;
    font-size: .625rem;
    margin-right: var(--innvilo-space-2);
}

.staff-absence-account__meta[b-c11ia38n1w] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    margin: 0;
}

.staff-list--absences .staff-list__head[b-c11ia38n1w],
.staff-list--absences .staff-list__row[b-c11ia38n1w] {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1.4fr) minmax(0, .9fr) minmax(0, 1.9fr);
}

.staff-list__cell mark + small[b-c11ia38n1w] {
    margin-top: var(--innvilo-space-1);
}

/* Schedule: totals as small tiles in the head, seven day cards in one row on the desktop. */

.staff-schedule-week[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
}

.staff-schedule-totals[b-c11ia38n1w] {
    display: flex;
    gap: var(--innvilo-space-2);
    margin: 0;
}

.staff-schedule-totals > div[b-c11ia38n1w] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 5.5rem;
    padding: var(--innvilo-space-2) var(--innvilo-space-4);
}

.staff-schedule-totals dt[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
}

.staff-schedule-totals dd[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.staff-schedule-days[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(7, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.staff-schedule-day[b-c11ia38n1w] {
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    border-top: 3px solid transparent;
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 11rem;
    min-width: 0;
    padding: var(--innvilo-space-4);
}

.staff-schedule-day.is-today[b-c11ia38n1w] {
    border-top-color: var(--color-primary);
}

.staff-schedule-day.is-weekend[b-c11ia38n1w] {
    background: var(--innvilo-surface-muted);
}

.staff-schedule-day__head[b-c11ia38n1w] {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: space-between;
    min-width: 0;
}

.staff-schedule-day__date[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-1);
}

.staff-schedule-day__date strong[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.staff-schedule-day__date span[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.staff-schedule-day__body[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.staff-schedule-day__absence[b-c11ia38n1w],
.staff-schedule-day__empty[b-c11ia38n1w] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.staff-schedule-day__shifts[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.staff-schedule-shift[b-c11ia38n1w] {
    background: var(--innvilo-surface-card);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
    padding: var(--innvilo-space-3) var(--innvilo-space-3);
}

.staff-schedule-shift strong[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
}

.staff-schedule-shift > span[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.staff-schedule-shift__foot[b-c11ia38n1w] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: space-between;
    margin-top: var(--innvilo-space-1);
}

.staff-schedule-day__foot[b-c11ia38n1w] {
    align-items: baseline;
    border-top: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    justify-content: space-between;
    padding-top: var(--innvilo-space-3);
}

.staff-schedule-day__foot strong[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-caption);
}

@media (max-width: 61.99rem) {
    .staff-hours-head[b-c11ia38n1w],
    .staff-hours-head__actions[b-c11ia38n1w] {
        display: grid;
        justify-items: stretch;
    }

    .staff-hours-head__actions > *[b-c11ia38n1w] {
        width: 100%;
    }

    .staff-schedule-totals[b-c11ia38n1w] {
        justify-content: stretch;
    }

    .staff-schedule-totals > div[b-c11ia38n1w] {
        flex: 1 1 0;
    }

    .staff-list--weeks .staff-list__row[b-c11ia38n1w],
    .staff-list--hours .staff-list__row[b-c11ia38n1w],
    .staff-list--absences .staff-list__row[b-c11ia38n1w] {
        background: var(--innvilo-surface-app);
        border-bottom: 0;
        border-radius: var(--innvilo-radius-xs);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: var(--innvilo-space-5) var(--innvilo-space-6);
    }

    .staff-list__row.is-pending[b-c11ia38n1w],
    .staff-list__row.is-open[b-c11ia38n1w] {
        border-left-width: 3px;
    }

    .staff-list__cell--bar[b-c11ia38n1w],
    .staff-list__cell--actions[b-c11ia38n1w] {
        grid-column: 1 / -1;
    }

    .staff-list__cell--actions[b-c11ia38n1w] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-list__cell--actions .staff-list__muted[b-c11ia38n1w] {
        grid-column: 1 / -1;
    }

    .staff-schedule-days[b-c11ia38n1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-schedule-day[b-c11ia38n1w] {
        min-height: 0;
    }
}

@media (max-width: 47.99rem) {
    .staff-hours-kpis[b-c11ia38n1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-schedule-days[b-c11ia38n1w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .staff-list__cell--actions[b-c11ia38n1w] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .staff-hours-bar[b-c11ia38n1w],
    .staff-absence-bar[b-c11ia38n1w] {
        transition: none;
    }
}

/* Subsections (areas, weeks, entries, documents, past shifts): a title row, then the list. */

.staff-subsection[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.staff-subsection__head[b-c11ia38n1w] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2) var(--innvilo-space-4);
    justify-content: space-between;
}

.staff-subsection__title[b-c11ia38n1w] {
    align-items: baseline;
    color: var(--innvilo-text-primary);
    display: flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    gap: var(--innvilo-space-2);
    line-height: 1.3;
    margin: 0;
}

.staff-subsection__title small[b-c11ia38n1w] {
    color: var(--innvilo-text-muted);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.staff-area-list[b-c11ia38n1w],
.staff-document-items[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.staff-area[b-c11ia38n1w] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-2) var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.staff-area.is-inactive[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
}

.staff-area strong[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
}

.staff-area > span[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
}

.staff-area__tags[b-c11ia38n1w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

.staff-document-groups[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-6);
}

.staff-document-group[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.staff-document[b-c11ia38n1w] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3) var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1fr) auto;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.staff-document__identity[b-c11ia38n1w] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.staff-document__identity strong[b-c11ia38n1w] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    overflow-wrap: anywhere;
}

.staff-document__identity span[b-c11ia38n1w],
.staff-document__identity small[b-c11ia38n1w] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.staff-document__actions[b-c11ia38n1w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
}

.staff-list--shifts .staff-list__head[b-c11ia38n1w],
.staff-list--shifts .staff-list__row[b-c11ia38n1w] {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.6fr) minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, .8fr);
}

@media (max-width: 61.99rem) {
    .staff-area[b-c11ia38n1w],
    .staff-document[b-c11ia38n1w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .staff-area__tags[b-c11ia38n1w],
    .staff-document__actions[b-c11ia38n1w] {
        justify-content: flex-start;
    }

    .staff-document__actions[b-c11ia38n1w] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-list--shifts .staff-list__row[b-c11ia38n1w] {
        background: var(--innvilo-surface-app);
        border-bottom: 0;
        border-radius: var(--innvilo-radius-xs);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: var(--innvilo-space-5) var(--innvilo-space-6);
    }
}
/* /Components/Pages/Workforce/Staff/StaffMobile.razor.rz.scp.css */
/* Mobile workspace of the staff board (Mitarbeiter): header, compact KPI strip, tools, card list.
   Vertical rhythm 24px between blocks, 12px between cards. Same radius and border as desktop. */

.staff-mobile[b-q159r8ulha] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.staff-breadcrumb[b-q159r8ulha] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-micro);
    gap: var(--innvilo-space-2);
    margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    min-width: 0;
}

.staff-breadcrumb a[b-q159r8ulha] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    min-height: 2.75rem;
    padding-inline: var(--innvilo-space-2);
    text-decoration: none;
}

.staff-breadcrumb a:focus-visible[b-q159r8ulha] {
    color: var(--innvilo-text-link);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 0;
    text-decoration: underline;
}

.staff-breadcrumb i[b-q159r8ulha] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.staff-breadcrumb [aria-current='page'][b-q159r8ulha] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    padding-inline: var(--innvilo-space-2);
}

/* Header */

.staff-mobile-header[b-q159r8ulha] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
    min-width: 0;
}

.staff-mobile-header__copy[b-q159r8ulha] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.staff-mobile-header h1[b-q159r8ulha] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
    margin: 0;
}

.staff-mobile-header p[b-q159r8ulha] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    margin: 0;
}

.staff-mobile-header p span:first-child[b-q159r8ulha] {
    color: var(--color-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.staff-mobile-header__actions[b-q159r8ulha] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--innvilo-space-4);
}

/* Compact KPI strip: two columns, dense, same surface language as the desktop strip. */

.staff-mobile-kpis[b-q159r8ulha] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    overflow: hidden;
}

.staff-mobile-kpi[b-q159r8ulha] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    position: relative;
}

.staff-mobile-kpi:nth-child(even)[b-q159r8ulha] {
    border-left: 1px solid var(--innvilo-border-default);
}

.staff-mobile-kpi:nth-child(n + 3)[b-q159r8ulha] {
    border-top: 1px solid var(--innvilo-border-default);
}

.staff-mobile-kpi.is-current[b-q159r8ulha]::before {
    background: var(--color-primary);
    content: '';
    inset: -1px auto -1px -1px;
    position: absolute;
    width: 3px;
}

.staff-mobile-kpi span[b-q159r8ulha] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staff-mobile-kpi strong[b-q159r8ulha] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.staff-mobile-kpi.is-current strong[b-q159r8ulha] {
    color: var(--color-primary);
}

.staff-mobile-kpi.is-attention strong[b-q159r8ulha] {
    color: var(--color-warning-text);
}

/* Tools: search plus the "Filter" button that opens the full-screen overlay. */

.staff-mobile-tools[b-q159r8ulha] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.staff-mobile-tools > :first-child + *[b-q159r8ulha] {
    flex: 1 1 auto;
    min-width: 0;
}

.staff-mobile-filter__count[b-q159r8ulha] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

/* Active filter pills */

.staff-pills[b-q159r8ulha] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    margin-top: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
}

.staff-pills__list[b-q159r8ulha] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.staff-pill[b-q159r8ulha] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    line-height: 1;
    max-width: 100%;
    min-height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.staff-pill > span[b-q159r8ulha] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staff-pill__remove[b-q159r8ulha] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.staff-pill__remove:focus-visible[b-q159r8ulha],
.staff-overlay__row:focus-visible[b-q159r8ulha],
.staff-overlay__close:focus-visible[b-q159r8ulha],
.staff-overlay__back:focus-visible[b-q159r8ulha] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

/* Full-screen filter overlay: header, list of filter rows or one section, footer. */

.staff-overlay[b-q159r8ulha] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100dvh;
    min-width: 0;
}

.staff-overlay__head[b-q159r8ulha] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.staff-overlay__head h2[b-q159r8ulha] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.staff-overlay__close[b-q159r8ulha],
.staff-overlay__back[b-q159r8ulha] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-heading);
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.staff-overlay__back[b-q159r8ulha] {
    margin-left: calc(var(--innvilo-space-4) * -1);
}

.staff-overlay__close[b-q159r8ulha] {
    margin-right: calc(var(--innvilo-space-4) * -1);
}

.staff-overlay__body[b-q159r8ulha] {
    min-height: 0;
    overflow-y: auto;
}

.staff-overlay__rows[b-q159r8ulha] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.staff-overlay__row[b-q159r8ulha] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.staff-overlay__row-label[b-q159r8ulha] {
    flex: 1 1 auto;
    min-width: 0;
}

.staff-overlay__row-count[b-q159r8ulha] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.staff-overlay__row > i[b-q159r8ulha] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.staff-overlay__foot[b-q159r8ulha] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Card list */

.staff-mobile-list[b-q159r8ulha],
.staff-mobile-cards[b-q159r8ulha] {
    display: grid;
    min-width: 0;
}

.staff-mobile-list[b-q159r8ulha] {
    gap: var(--innvilo-space-6);
}

.staff-mobile-cards[b-q159r8ulha] {
    gap: var(--innvilo-space-5);
}

.staff-mobile-card[b-q159r8ulha] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-5);
    min-width: 0;
    padding: var(--innvilo-space-6);
    position: relative;
}

.staff-mobile-card.is-inactive[b-q159r8ulha]::before {
    background: var(--innvilo-border-strong);
    border-radius: var(--innvilo-radius-xs) 0 0 var(--innvilo-radius-xs);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.staff-mobile-card__header[b-q159r8ulha] {
    align-items: flex-start;
    display: flex;
    gap: var(--innvilo-space-5);
    justify-content: space-between;
    min-width: 0;
}

.staff-mobile-card__identity[b-q159r8ulha] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.staff-mobile-card__identity > strong[b-q159r8ulha] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.staff-mobile-card__identity span[b-q159r8ulha],
.staff-mobile-card__meta[b-q159r8ulha] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
}

.staff-number[b-q159r8ulha] {
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-caption);
    text-transform: uppercase;
}

.staff-mobile-card__facts[b-q159r8ulha] {
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.staff-mobile-card__fact[b-q159r8ulha] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.staff-mobile-card__fact span[b-q159r8ulha] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-micro);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.staff-mobile-card__fact strong[b-q159r8ulha] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.staff-mobile-card__meta[b-q159r8ulha] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3) var(--innvilo-space-7);
    margin: 0;
}

.staff-mobile-card__meta span[b-q159r8ulha] {
    align-items: center;
    display: inline-flex;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.staff-mobile-card__meta i[b-q159r8ulha] {
    color: var(--innvilo-text-muted);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-label);
}

.staff-mobile-card__footer[b-q159r8ulha] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    padding-top: var(--innvilo-space-5);
}

/* "Öffnen" führt zur Detailseite und steht als volle Zeile über den beiden Aktionen. */
.staff-mobile-card__footer > :first-child[b-q159r8ulha] {
    grid-column: 1 / -1;
}

/* States */

.staff-mobile-state[b-q159r8ulha] {
    background: var(--innvilo-surface-card);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
    text-align: center;
}

.staff-mobile-state > *[b-q159r8ulha] {
    animation: staff-mobile-state-in-b-q159r8ulha var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.staff-mobile-state > :nth-child(2)[b-q159r8ulha] { animation-delay: 40ms; }
.staff-mobile-state > :nth-child(3)[b-q159r8ulha] { animation-delay: 80ms; }
.staff-mobile-state > :nth-child(4)[b-q159r8ulha] { animation-delay: 120ms; }

@keyframes staff-mobile-state-in-b-q159r8ulha {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.staff-mobile-state > i[b-q159r8ulha] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: var(--innvilo-space-3);
}

.staff-mobile-state--error > i[b-q159r8ulha] {
    color: var(--color-error);
}

.staff-mobile-state h2[b-q159r8ulha],
.staff-mobile-state p[b-q159r8ulha] {
    margin: 0;
}

.staff-mobile-state h2[b-q159r8ulha] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    line-height: 1.3;
}

.staff-mobile-state p[b-q159r8ulha] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.staff-mobile-state > :last-child[b-q159r8ulha] {
    margin-top: var(--innvilo-space-5);
}

/* Illustration for the empty states, shared with the desktop host. */

.staff-state__art[b-q159r8ulha] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.staff-state__art > span[b-q159r8ulha] {
    animation: staff-mobile-state-row-in-b-q159r8ulha 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.staff-state__art > span[b-q159r8ulha]::before,
.staff-state__art > span[b-q159r8ulha]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.staff-state__art > span[b-q159r8ulha]::before {
    top: 0.625rem;
    width: 38%;
}

.staff-state__art > span[b-q159r8ulha]::after {
    bottom: 0.625rem;
    width: 58%;
}

.staff-state__art > span:nth-child(1)[b-q159r8ulha] {
    opacity: .35;
    transform: scale(.94);
}

.staff-state__art > span:nth-child(2)[b-q159r8ulha] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.staff-state__art > span:nth-child(3)[b-q159r8ulha] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.staff-state__art > i[b-q159r8ulha] {
    align-items: center;
    animation: staff-mobile-state-in-b-q159r8ulha 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.staff-state__art.is-filtered > span:nth-child(3)[b-q159r8ulha]::before,
.staff-state__art.is-filtered > span:nth-child(3)[b-q159r8ulha]::after {
    background: var(--color-primary-focus-ring);
}

@keyframes staff-mobile-state-row-in-b-q159r8ulha {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
}

/* Loading */

.staff-mobile-skeleton[b-q159r8ulha] {
    display: grid;
    gap: var(--innvilo-space-5);
}

.staff-mobile-skeleton span[b-q159r8ulha] {
    animation: staff-mobile-pulse-b-q159r8ulha 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    height: 10rem;
}

@keyframes staff-mobile-pulse-b-q159r8ulha {
    50% { opacity: .55; }
}

@media (max-width: 22rem) {
    .staff-mobile-card[b-q159r8ulha] {
        padding: var(--innvilo-space-5);
    }

    .staff-mobile-card__footer[b-q159r8ulha] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .staff-mobile-skeleton span[b-q159r8ulha],
    .staff-mobile-state > *[b-q159r8ulha],
    .staff-state__art > span[b-q159r8ulha],
    .staff-state__art > i[b-q159r8ulha] {
        animation: none;
    }
}

/* Status- und Heute-Marke rechts im Kartenkopf; die Vertragsmarke sitzt in der Faktenzeile. */
.staff-mobile-card__marks[b-q159r8ulha] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: var(--innvilo-space-1);
}

.staff-mobile-card__fact small[b-q159r8ulha] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

/* /Components/RoomPlan/BookingPlanMobileAgenda.razor.rz.scp.css */
.booking-plan-mobile-agenda[b-ta6hzvivkh] {
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
}

.booking-plan-mobile-agenda__header[b-ta6hzvivkh],
.booking-plan-mobile-agenda__section > header[b-ta6hzvivkh] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-4);
    justify-content: space-between;
}

.booking-plan-mobile-agenda__header h2[b-ta6hzvivkh],
.booking-plan-mobile-agenda__section h3[b-ta6hzvivkh],
.booking-plan-mobile-card h4[b-ta6hzvivkh] {
    color: var(--innvilo-text-primary);
    margin: 0;
}

.booking-plan-mobile-agenda__header h2[b-ta6hzvivkh] {
    font-size: var(--innvilo-font-size-heading);
}

.booking-plan-mobile-agenda__header p[b-ta6hzvivkh],
.booking-plan-mobile-agenda__section > header p[b-ta6hzvivkh],
.booking-plan-mobile-card p[b-ta6hzvivkh] {
    color: var(--innvilo-text-secondary);
    line-height: 1.5;
    margin: var(--innvilo-space-1) 0 0;
}

.booking-plan-mobile-agenda__header > span[b-ta6hzvivkh],
.booking-plan-mobile-agenda__section > header > span[b-ta6hzvivkh] {
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-pill);
    color: var(--innvilo-text-secondary);
    flex: 0 0 auto;
    font-size: var(--innvilo-font-size-caption);
    padding: var(--innvilo-space-1) var(--innvilo-space-3);
}

.booking-plan-mobile-agenda__navigation[b-ta6hzvivkh] {
    align-items: center;
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
    padding: var(--innvilo-space-4);
}

.booking-plan-mobile-agenda__navigation > div[b-ta6hzvivkh] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
    text-align: center;
}

.booking-plan-mobile-agenda__navigation span[b-ta6hzvivkh],
.booking-plan-mobile-agenda__navigation small[b-ta6hzvivkh] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.booking-plan-mobile-agenda__navigation strong[b-ta6hzvivkh] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-body);
    font-variant-numeric: tabular-nums;
}

.booking-plan-mobile-agenda__section[b-ta6hzvivkh] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.booking-plan-mobile-agenda__section.is-attention[b-ta6hzvivkh] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    padding: var(--innvilo-space-4);
}

.booking-plan-mobile-agenda__section h3[b-ta6hzvivkh] {
    font-size: var(--innvilo-font-size-subheading);
}

.booking-plan-mobile-card[b-ta6hzvivkh] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.booking-plan-mobile-card > header[b-ta6hzvivkh] {
    align-items: start;
    display: flex;
    gap: var(--innvilo-space-3);
    justify-content: space-between;
}

.booking-plan-mobile-card > header > div[b-ta6hzvivkh] {
    min-width: 0;
}

.booking-plan-mobile-card > header span[b-ta6hzvivkh] {
    color: var(--innvilo-text-secondary);
    display: block;
    font-size: var(--innvilo-font-size-caption);
    margin-bottom: var(--innvilo-space-1);
}

.booking-plan-mobile-card h4[b-ta6hzvivkh] {
    font-size: var(--innvilo-font-size-subheading);
    overflow-wrap: anywhere;
}

.booking-plan-mobile-card dl[b-ta6hzvivkh] {
    display: grid;
    gap: var(--innvilo-space-3) var(--innvilo-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.booking-plan-mobile-card dl > div[b-ta6hzvivkh] {
    display: grid;
    gap: var(--innvilo-space-1);
    min-width: 0;
}

.booking-plan-mobile-card dt[b-ta6hzvivkh] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
}

.booking-plan-mobile-card dd[b-ta6hzvivkh] {
    color: var(--innvilo-text-primary);
    font-size: var(--innvilo-font-size-label);
    font-variant-numeric: tabular-nums;
    margin: 0;
    overflow-wrap: anywhere;
}

.booking-plan-mobile-card details[b-ta6hzvivkh] {
    border-top: 1px solid var(--innvilo-border-soft);
    padding-top: var(--innvilo-space-3);
}

.booking-plan-mobile-card summary[b-ta6hzvivkh] {
    align-items: center;
    color: var(--innvilo-text-link);
    cursor: pointer;
    display: flex;
    font-size: var(--innvilo-font-size-label);
    min-height: 2.75rem;
    width: fit-content;
}

.booking-plan-mobile-card summary:focus-visible[b-ta6hzvivkh] {
    border-radius: var(--innvilo-radius-control);
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 2px;
}

.booking-plan-mobile-card__actions[b-ta6hzvivkh] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-soft);
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-2);
    justify-content: flex-end;
    padding-top: var(--innvilo-space-3);
}

.booking-plan-mobile-card__actions > span[b-ta6hzvivkh] {
    display: inline-flex;
}

@media (max-width: 26.875rem) {
    .booking-plan-mobile-agenda__header[b-ta6hzvivkh],
    .booking-plan-mobile-agenda__section > header[b-ta6hzvivkh] {
        align-items: stretch;
        display: grid;
    }

    .booking-plan-mobile-agenda__header > span[b-ta6hzvivkh],
    .booking-plan-mobile-agenda__section > header > span[b-ta6hzvivkh] {
        justify-self: start;
    }

    .booking-plan-mobile-card dl[b-ta6hzvivkh] {
        grid-template-columns: 1fr;
    }

    .booking-plan-mobile-card__actions[b-ta6hzvivkh] {
        align-items: stretch;
        display: grid;
    }

    .booking-plan-mobile-card__actions > span[b-ta6hzvivkh] {
        display: grid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .booking-plan-mobile-card summary[b-ta6hzvivkh] {
        scroll-behavior: auto;
    }
}
/* /Components/RoomPlan/RoomPlanShimmer.razor.rz.scp.css */
.room-plan-shimmer[b-v6f8lu79j8],
.room-plan-shimmer-workbench[b-v6f8lu79j8] {
    min-width: 0;
    width: 100%;
}

.room-plan-shimmer-legend[b-v6f8lu79j8],
.room-plan-shimmer-scheduler[b-v6f8lu79j8],
.room-plan-shimmer-agenda[b-v6f8lu79j8] {
    overflow: hidden;
    position: relative;
}

.room-plan-shimmer-legend[b-v6f8lu79j8]::after,
.room-plan-shimmer-scheduler[b-v6f8lu79j8]::after,
.room-plan-shimmer-agenda[b-v6f8lu79j8]::after {
    background: linear-gradient(90deg, transparent, var(--color-surface), transparent);
    content: "";
    inset: 0;
    opacity: 0.72;
    pointer-events: none;
    position: absolute;
    transform: translateX(-100%);
}

.room-plan-shimmer-legend h2[b-v6f8lu79j8],
.room-plan-shimmer-legend span[b-v6f8lu79j8],
.room-plan-shimmer-scheduler header span[b-v6f8lu79j8],
.room-plan-shimmer-scheduler header small[b-v6f8lu79j8],
.room-plan-shimmer-scheduler header i[b-v6f8lu79j8],
.room-plan-shimmer-board span[b-v6f8lu79j8],
.room-plan-shimmer-agenda span[b-v6f8lu79j8],
.room-plan-shimmer-agenda strong[b-v6f8lu79j8],
.room-plan-shimmer-agenda small[b-v6f8lu79j8],
.room-plan-shimmer-agenda i[b-v6f8lu79j8] {
    background: var(--color-surface-soft);
    border-radius: var(--radius-sm);
    display: block;
}

.room-plan-shimmer-scheduler .room-plan-panel-header > div[b-v6f8lu79j8] {
    display: grid;
    gap: 0.4rem;
}
.room-plan-shimmer-scheduler .room-plan-panel-header span[b-v6f8lu79j8] { height: 0.8rem; width: 9rem; }
.room-plan-shimmer-scheduler .room-plan-panel-header small[b-v6f8lu79j8] { height: 0.6rem; width: 12rem; }

.room-plan-shimmer-legend h2[b-v6f8lu79j8] { height: 0.75rem; width: 4.5rem; }
.room-plan-shimmer-legend > div[b-v6f8lu79j8] { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.room-plan-shimmer-legend span[b-v6f8lu79j8] { height: 0.7rem; width: 5.5rem; }

.room-plan-shimmer-scheduler .room-plan-panel-header > div:last-child[b-v6f8lu79j8] { display: flex; gap: 0.45rem; }
.room-plan-shimmer-scheduler .room-plan-panel-header i[b-v6f8lu79j8] { height: 1.5rem; width: 5rem; }
.room-plan-shimmer-board[b-v6f8lu79j8] { min-height: 31rem; overflow: hidden; }
.room-plan-shimmer-board-head[b-v6f8lu79j8],
.room-plan-shimmer-board-row[b-v6f8lu79j8] {
    display: grid;
    gap: 0;
    grid-template-columns: minmax(9rem, 1.2fr) repeat(7, minmax(6.5rem, 1fr));
    min-width: 62rem;
}
.room-plan-shimmer-board-head[b-v6f8lu79j8] { border-bottom: 1px solid var(--color-room-plan-grid-line-strong); }
.room-plan-shimmer-board-head span[b-v6f8lu79j8] { height: 3.5rem; }
.room-plan-shimmer-board-row[b-v6f8lu79j8] { border-bottom: 1px solid var(--color-room-plan-grid-line); }
.room-plan-shimmer-board-row span[b-v6f8lu79j8] { border-radius: 0; height: 3.15rem; }
.room-plan-shimmer-board-row span + span[b-v6f8lu79j8],
.room-plan-shimmer-board-head span + span[b-v6f8lu79j8] { border-left: 1px solid var(--color-room-plan-grid-line); }
.room-plan-shimmer-board-row span.is-room[b-v6f8lu79j8] { background: var(--color-surface-raised); }

.room-plan-shimmer-agenda[b-v6f8lu79j8] {
    display: grid;
    gap: var(--innvilo-space-4);
}

.room-plan-shimmer-agenda > header[b-v6f8lu79j8] {
    display: grid;
    gap: var(--innvilo-space-2);
}

.room-plan-shimmer-agenda > header span[b-v6f8lu79j8] { height: 1.25rem; width: 9rem; }
.room-plan-shimmer-agenda > header small[b-v6f8lu79j8] { height: 0.875rem; width: min(18rem, 75%); }

.room-plan-shimmer-agenda > nav[b-v6f8lu79j8],
.room-plan-shimmer-agenda > article[b-v6f8lu79j8] {
    background: var(--innvilo-surface-main);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-card);
    padding: var(--innvilo-space-4);
}

.room-plan-shimmer-agenda > nav[b-v6f8lu79j8] {
    align-items: center;
    display: grid;
    gap: var(--innvilo-space-4);
    grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
}

.room-plan-shimmer-agenda > nav i[b-v6f8lu79j8] { height: 2.75rem; width: 2.75rem; }
.room-plan-shimmer-agenda > nav strong[b-v6f8lu79j8] { height: 1.2rem; justify-self: center; width: 8rem; }

.room-plan-shimmer-agenda > article[b-v6f8lu79j8] {
    display: grid;
    gap: var(--innvilo-space-3);
}

.room-plan-shimmer-agenda > article span[b-v6f8lu79j8] { height: 0.75rem; width: 7rem; }
.room-plan-shimmer-agenda > article strong[b-v6f8lu79j8] { height: 1.1rem; width: min(13rem, 70%); }
.room-plan-shimmer-agenda > article small[b-v6f8lu79j8] { height: 0.75rem; width: min(17rem, 85%); }

@media (prefers-reduced-motion: no-preference) {
    .room-plan-shimmer-legend[b-v6f8lu79j8]::after,
    .room-plan-shimmer-scheduler[b-v6f8lu79j8]::after,
    .room-plan-shimmer-agenda[b-v6f8lu79j8]::after {
        animation: room-plan-shimmer-sweep-b-v6f8lu79j8 1.6s ease-in-out infinite;
    }
}

@keyframes room-plan-shimmer-sweep-b-v6f8lu79j8 {
    to { transform: translateX(100%); }
}

@media (max-width: 51.25rem) {
    .room-plan-shimmer-board[b-v6f8lu79j8] { overflow-x: auto; }
}
/* /Components/Shared/LoadingCenter.razor.rz.scp.css */
.loading-center-overlay[b-h5jk64vhrt] {
    align-items: center;
    animation: loading-center-enter-b-h5jk64vhrt var(--innvilo-duration-fast) var(--innvilo-easing-decelerate) both;
    background: var(--color-loading-backdrop);
    display: grid;
    inset: 0;
    justify-items: center;
    padding: var(--innvilo-space-8);
    position: fixed;
    z-index: var(--innvilo-z-modal);
}

@media (max-width: 30rem) {
    .loading-center-overlay[b-h5jk64vhrt] {
        padding: var(--innvilo-space-6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-center-overlay[b-h5jk64vhrt] {
        animation: none;
    }
}

@keyframes loading-center-enter-b-h5jk64vhrt {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* /Components/Shared/LoadingInline.razor.rz.scp.css */
.loading-inline[b-2gq7j21cyw] {
    align-items: center;
    display: inline-flex;
    gap: 0.6rem;
    padding: 0.35rem 0;
}

.loading-inline-dots[b-2gq7j21cyw] {
    align-items: center;
    display: inline-flex;
    gap: 0.28rem;
}

.loading-inline-dots span[b-2gq7j21cyw] {
    animation: loadingInlineDotBounce-b-2gq7j21cyw 1.1s ease-in-out infinite;
    background: var(--color-loading-primary);
    border-radius: 50%;
    display: inline-block;
    height: 0.4rem;
    width: 0.4rem;
}

.loading-inline-dots span:nth-child(2)[b-2gq7j21cyw] {
    animation-delay: 0.15s;
}

.loading-inline-dots span:nth-child(3)[b-2gq7j21cyw] {
    animation-delay: 0.3s;
}

.loading-inline-message[b-2gq7j21cyw] {
    color: var(--color-loading-muted);
    font-size: 0.85rem;
}

@keyframes loadingInlineDotBounce-b-2gq7j21cyw {
    0%, 80%, 100% {
        opacity: 0.45;
        transform: translateY(0) scale(0.85);
    }

    40% {
        opacity: 1;
        transform: translateY(-3px) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-inline-dots span[b-2gq7j21cyw] {
        animation: none;
    }
}
/* /Components/Shared/PmsKpiBand.razor.rz.scp.css */
/* KPI-Leiste: weiße Fläche, 1px Rahmen, ein Radius, Zellen mit Hairlines; Maße wie die Anfragen-Leiste. */
.pms-kpi-band[b-zifaig822x] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    display: grid;
    min-width: 0;
    overflow: hidden;
}

.pms-kpi-band--2[b-zifaig822x] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pms-kpi-band--3[b-zifaig822x] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pms-kpi-band--4[b-zifaig822x] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pms-kpi-cell[b-zifaig822x] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
    padding: var(--innvilo-space-7) var(--innvilo-space-8);
    position: relative;
}

.pms-kpi-band--4 .pms-kpi-cell:not(:nth-child(4n + 1))[b-zifaig822x],
.pms-kpi-band--3 .pms-kpi-cell:not(:nth-child(3n + 1))[b-zifaig822x],
.pms-kpi-band--2 .pms-kpi-cell:not(:nth-child(2n + 1))[b-zifaig822x] {
    border-left: 1px solid var(--innvilo-border-default);
}

.pms-kpi-band--4 .pms-kpi-cell:nth-child(n + 5)[b-zifaig822x],
.pms-kpi-band--3 .pms-kpi-cell:nth-child(n + 4)[b-zifaig822x],
.pms-kpi-band--2 .pms-kpi-cell:nth-child(n + 3)[b-zifaig822x] {
    border-top: 1px solid var(--innvilo-border-default);
}

.pms-kpi-cell.is-current[b-zifaig822x]::before {
    background: var(--color-primary);
    content: '';
    height: 3px;
    inset: -1px -1px auto -1px;
    position: absolute;
}

/* Filternde Kennzahl: dieselbe Zelle, nur als Knopf. Hover wechselt allein die Fläche. */
button.pms-kpi-cell[b-zifaig822x] {
    appearance: none;
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

button.pms-kpi-cell:hover[b-zifaig822x] {
    background: var(--innvilo-surface-muted);
}

button.pms-kpi-cell:active[b-zifaig822x] {
    transform: scale(var(--innvilo-press-scale-subtle));
    transition: transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
}

button.pms-kpi-cell:focus-visible[b-zifaig822x] {
    outline: 2px solid var(--innvilo-color-primary);
    outline-offset: -2px;
}

button.pms-kpi-cell.is-selected[b-zifaig822x] {
    background: var(--innvilo-color-primary-soft);
}

@media (prefers-reduced-motion: reduce) {
    button.pms-kpi-cell[b-zifaig822x],
    button.pms-kpi-cell:active[b-zifaig822x] {
        transform: none;
        transition: none;
    }
}

.pms-kpi-cell__label[b-zifaig822x] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.35;
}

.pms-kpi-cell__value[b-zifaig822x] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-title);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.1;
}

.pms-kpi-cell.is-current .pms-kpi-cell__value[b-zifaig822x] {
    color: var(--color-primary);
}

.pms-kpi-cell.is-attention .pms-kpi-cell__value[b-zifaig822x] {
    color: var(--color-warning-text);
}

.pms-kpi-cell.is-positive .pms-kpi-cell__value[b-zifaig822x] {
    color: var(--color-success);
}

.pms-kpi-cell__detail[b-zifaig822x] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ladezustand: ruhige Platzhalterbalken in denselben Zellmaßen, keine Sprünge beim Umschalten. */
.pms-kpi-cell__placeholder[b-zifaig822x] {
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-xs);
    display: block;
    height: .75rem;
    width: 60%;
}

.pms-kpi-cell__placeholder.is-value[b-zifaig822x] {
    height: 1.5rem;
    margin-top: var(--innvilo-space-1);
    width: 2.5rem;
}

.pms-kpi-cell__placeholder.is-detail[b-zifaig822x] {
    width: 80%;
}

/* Kompakt (Handy und Tablet): 2×2, kleinere Werte, Akzentbalken links wie bei den Anfragen. */
.pms-kpi-band--compact[b-zifaig822x] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pms-kpi-band--compact .pms-kpi-cell[b-zifaig822x] {
    gap: var(--innvilo-space-2);
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
}

.pms-kpi-band--compact .pms-kpi-cell:nth-child(even)[b-zifaig822x] {
    border-left: 1px solid var(--innvilo-border-default);
}

.pms-kpi-band--compact .pms-kpi-cell:nth-child(n + 3)[b-zifaig822x] {
    border-top: 1px solid var(--innvilo-border-default);
}

.pms-kpi-band--compact .pms-kpi-cell.is-current[b-zifaig822x]::before {
    height: auto;
    inset: -1px auto -1px -1px;
    width: 3px;
}

.pms-kpi-band--compact .pms-kpi-cell__label[b-zifaig822x] {
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pms-kpi-band--compact .pms-kpi-cell__value[b-zifaig822x] {
    font-size: var(--innvilo-font-size-heading);
}

.pms-kpi-band--compact .pms-kpi-cell__detail[b-zifaig822x] {
    display: none;
}

@media (max-width: 70rem) {
    .pms-kpi-band--4[b-zifaig822x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pms-kpi-band--4 .pms-kpi-cell:not(:nth-child(4n + 1))[b-zifaig822x] {
        border-left: 0;
    }

    .pms-kpi-band--4 .pms-kpi-cell:nth-child(even)[b-zifaig822x] {
        border-left: 1px solid var(--innvilo-border-default);
    }

    .pms-kpi-band--4 .pms-kpi-cell:nth-child(n + 3)[b-zifaig822x] {
        border-top: 1px solid var(--innvilo-border-default);
    }
}
/* /Components/Shared/PmsKpiGrid.razor.rz.scp.css */
.pms-kpi-grid[b-xq9i9zlmun] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.pms-kpi-grid.has-1-items[b-xq9i9zlmun] { grid-template-columns: minmax(0, 1fr); }
.pms-kpi-grid.has-2-items[b-xq9i9zlmun] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pms-kpi-grid.has-3-items[b-xq9i9zlmun] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pms-kpi-grid.has-4-items[b-xq9i9zlmun] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pms-kpi-grid.has-5-items[b-xq9i9zlmun] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pms-kpi-grid.has-6-items[b-xq9i9zlmun] { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.pms-kpi-card[b-xq9i9zlmun] {
    position: relative;
    display: grid;
    align-content: start;
    gap: var(--innvilo-space-3);
    min-width: 0;
    min-height: 7rem;
    overflow: hidden;
    padding: var(--innvilo-space-8);
    border: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
    border-radius: var(--innvilo-radius-card);
    background: var(--color-surface);
    color: var(--innvilo-text-primary);
    font-family: "Lato-Regular", Arial, sans-serif;
    text-align: left;
    text-decoration: none;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), border-color var(--innvilo-duration-fast) var(--innvilo-easing-standard), transform var(--innvilo-duration-fast) var(--innvilo-easing-settle);
}

button.pms-kpi-card[b-xq9i9zlmun] {
    width: 100%;
    cursor: pointer;
}

a.pms-kpi-card:focus-visible[b-xq9i9zlmun],
button.pms-kpi-card:focus-visible[b-xq9i9zlmun] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

a.pms-kpi-card:active[b-xq9i9zlmun],
button.pms-kpi-card:active[b-xq9i9zlmun] {
    transform: scale(.98);
}

.pms-kpi-card.is-selected[b-xq9i9zlmun] {
    border-color: var(--color-primary);
    background: var(--color-accent-soft);
}

.pms-kpi-card__label[b-xq9i9zlmun] {
    max-width: 100%;
    color: var(--innvilo-text-secondary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-kpi-label);
    line-height: 1.35;
    letter-spacing: var(--innvilo-tracking-caption);
}

.pms-kpi-card__value-row[b-xq9i9zlmun] {
    position: relative;
    z-index: 1;
    display: grid;
    align-items: start;
    gap: var(--innvilo-space-2);
    max-width: 100%;
    min-width: 0;
}

.pms-kpi-card__value[b-xq9i9zlmun] {
    overflow-wrap: normal;
    color: var(--innvilo-text-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-kpi-value);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.pms-kpi-card__detail[b-xq9i9zlmun] {
    min-width: 0;
    max-width: calc(100% - 2.5rem);
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-caption);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.pms-kpi-card__icon[b-xq9i9zlmun] {
    position: absolute;
    top: auto;
    right: var(--innvilo-space-8);
    bottom: var(--innvilo-space-8);
    color: var(--color-primary);
    font-size: 2rem;
    line-height: 1;
    opacity: .18;
    pointer-events: none;
    transition: color var(--innvilo-duration-normal) var(--innvilo-easing-standard), opacity var(--innvilo-duration-normal) var(--innvilo-easing-standard);
}

.pms-kpi-card.is-primary .pms-kpi-card__icon[b-xq9i9zlmun] { color: var(--color-primary); }
.pms-kpi-card.is-positive .pms-kpi-card__icon[b-xq9i9zlmun] { color: var(--color-success); }
.pms-kpi-card.is-warning .pms-kpi-card__icon[b-xq9i9zlmun] { color: var(--color-warning); }
.pms-kpi-card.is-critical .pms-kpi-card__icon[b-xq9i9zlmun] { color: var(--color-error); }

@media (hover: hover) and (pointer: fine) {
    a.pms-kpi-card:hover[b-xq9i9zlmun],
    button.pms-kpi-card:hover[b-xq9i9zlmun] {
        border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border-strong));
        background: color-mix(in srgb, var(--color-accent-soft) 42%, var(--color-surface));
        color: var(--innvilo-text-primary);
    }

    a.pms-kpi-card:hover .pms-kpi-card__icon[b-xq9i9zlmun],
    button.pms-kpi-card:hover .pms-kpi-card__icon[b-xq9i9zlmun] {
        opacity: .34;
    }
}

.pms-kpi-card--loading[b-xq9i9zlmun] {
    pointer-events: none;
}

.pms-kpi-card--loading > span[b-xq9i9zlmun],
.pms-kpi-card--loading > strong[b-xq9i9zlmun],
.pms-kpi-card--loading > small[b-xq9i9zlmun] {
    display: block;
    border-radius: var(--radius-sm);
    background: var(--color-surface-soft);
}

.pms-kpi-card--loading > span[b-xq9i9zlmun] { width: 55%; height: .75rem; }
.pms-kpi-card--loading > strong[b-xq9i9zlmun] { width: 40%; height: 2rem; }
.pms-kpi-card--loading > small[b-xq9i9zlmun] { width: 68%; height: .75rem; }

@media (max-width: 1024px) {
    .pms-kpi-grid.has-3-items[b-xq9i9zlmun],
    .pms-kpi-grid.has-4-items[b-xq9i9zlmun],
    .pms-kpi-grid.has-5-items[b-xq9i9zlmun],
    .pms-kpi-grid.has-6-items[b-xq9i9zlmun] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .pms-kpi-grid.has-1-items[b-xq9i9zlmun],
    .pms-kpi-grid.has-2-items[b-xq9i9zlmun],
    .pms-kpi-grid.has-3-items[b-xq9i9zlmun],
    .pms-kpi-grid.has-4-items[b-xq9i9zlmun],
    .pms-kpi-grid.has-5-items[b-xq9i9zlmun],
    .pms-kpi-grid.has-6-items[b-xq9i9zlmun] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--innvilo-space-8);
    }

    .pms-kpi-card[b-xq9i9zlmun] {
        min-height: 7rem;
        padding: var(--innvilo-space-8);
    }

    .pms-kpi-card__icon[b-xq9i9zlmun] {
        right: var(--innvilo-space-8);
        bottom: var(--innvilo-space-8);
        font-size: 1.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pms-kpi-card[b-xq9i9zlmun] {
        transition: none;
    }

    .pms-kpi-card__icon[b-xq9i9zlmun] {
        transition: none;
    }

    a.pms-kpi-card:active[b-xq9i9zlmun],
    button.pms-kpi-card:active[b-xq9i9zlmun] {
        transform: none;
    }
}
/* /Components/Shared/PmsLoadingPanel.razor.rz.scp.css */
.pms-loading-panel[b-2t40f8je8m] {
    align-items: center;
    background: var(--color-loading-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    box-shadow: var(--innvilo-shadow-floating);
    display: grid;
    font-family: 'Lato-Regular', Arial, sans-serif;
    gap: var(--innvilo-space-5) var(--innvilo-space-6);
    grid-template-columns: 2.75rem minmax(0, 1fr);
    max-width: calc(100vw - var(--innvilo-space-9));
    overflow: hidden;
    padding: var(--innvilo-space-7);
    text-align: left;
    width: 22rem;
}

.pms-loading-panel__mark[b-2t40f8je8m] {
    align-self: start;
    display: block;
    height: 2.75rem;
    object-fit: contain;
    width: 2rem;
}

.pms-loading-panel__copy[b-2t40f8je8m] {
    display: grid;
    gap: var(--innvilo-space-2);
    min-width: 0;
}

.pms-loading-panel__eyebrow[b-2t40f8je8m] {
    color: var(--innvilo-color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    letter-spacing: 0.055em;
    line-height: 1.2;
}

.pms-loading-panel__copy strong[b-2t40f8je8m] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-subheading);
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.pms-loading-panel__supporting[b-2t40f8je8m] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.pms-loading-panel__progress[b-2t40f8je8m] {
    background: var(--innvilo-surface-muted);
    border-radius: var(--innvilo-radius-full);
    display: block;
    grid-column: 1 / -1;
    height: 0.25rem;
    overflow: hidden;
    position: relative;
}

.pms-loading-panel__progress > span[b-2t40f8je8m] {
    animation: pms-loading-panel-progress-b-2t40f8je8m 1.35s var(--innvilo-easing-standard) infinite;
    background: linear-gradient(90deg, var(--innvilo-color-primary), var(--color-booking-hero-bg-soft));
    border-radius: inherit;
    display: block;
    height: 100%;
    transform: translateX(-140%);
    width: 42%;
}

@media (max-width: 30rem) {
    .pms-loading-panel[b-2t40f8je8m] {
        gap: var(--innvilo-space-5);
        max-width: calc(100vw - var(--innvilo-space-7));
        padding: var(--innvilo-space-6);
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pms-loading-panel__progress > span[b-2t40f8je8m] {
        animation: none;
        transform: translateX(0);
        width: 58%;
    }
}

@keyframes pms-loading-panel-progress-b-2t40f8je8m {
    0% {
        transform: translateX(-140%);
    }

    70%,
    100% {
        transform: translateX(340%);
    }
}
/* /Components/Shared/PmsPageHead.razor.rz.scp.css */
/* Kopfbereich im Arbeitslisten-Muster: Maße und Farben wie das Hero der Anfragen (Handover 2026-09-02-anfragen-redesign). */
.pms-head-breadcrumb[b-snak56xcjn] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    margin-bottom: calc(var(--innvilo-space-6) - var(--innvilo-page-section-gap));
    min-height: 1.5rem;
}

.pms-head-breadcrumb a[b-snak56xcjn] {
    color: inherit;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    text-decoration: none;
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
}

.pms-head-breadcrumb a:hover[b-snak56xcjn],
.pms-head-breadcrumb a:focus-visible[b-snak56xcjn] {
    color: var(--innvilo-text-link);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.pms-head-breadcrumb a:focus-visible[b-snak56xcjn] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.pms-head-breadcrumb i[b-snak56xcjn] {
    color: var(--innvilo-text-muted);
    font-size: .625rem;
}

.pms-head-breadcrumb [aria-current='page'][b-snak56xcjn] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}

.pms-head[b-snak56xcjn] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    /* Die Aktionsspalte bekommt höchstens 60 % der Breite; darüber brechen ihre Knöpfe um, statt Titel
       und Lead in eine schmale Spalte zu drängen (Housekeeping-Bericht mit Zeitraumgruppe und Tagesnavigation). */
    grid-template-columns: minmax(0, 1fr) fit-content(60%);
    min-width: 0;
}

.pms-head__copy[b-snak56xcjn] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.pms-head__title-row[b-snak56xcjn] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.pms-head h1[b-snak56xcjn] {
    color: var(--color-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: var(--innvilo-tracking-display);
    line-height: 1;
    margin: 0;
}

.pms-head__badge[b-snak56xcjn] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
    white-space: nowrap;
}

.pms-head__lead[b-snak56xcjn] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.pms-head__meta[b-snak56xcjn] {
    align-items: center;
    color: var(--innvilo-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1.4;
    margin: var(--innvilo-space-2) 0 0;
}

.pms-head__actions[b-snak56xcjn] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
}

@media (max-width: 70rem) {
    .pms-head[b-snak56xcjn] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .pms-head__actions[b-snak56xcjn] {
        justify-content: flex-start;
    }
}

/* Kompakt (Handy und Tablet): Mobile-Header der Anfragen. Titel links, Zähler und Datum darunter, Icon-Buttons rechts. */
.pms-head--compact[b-snak56xcjn],
.pms-head--compact.pms-head[b-snak56xcjn] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.pms-head--compact .pms-head__copy[b-snak56xcjn] {
    flex: 1 1 14rem;
    gap: var(--innvilo-space-3);
}

.pms-head--compact h1[b-snak56xcjn] {
    font-size: var(--innvilo-font-size-title);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.15;
}

.pms-head--compact .pms-head__meta[b-snak56xcjn] {
    color: var(--innvilo-text-secondary);
    letter-spacing: normal;
    margin: 0;
}

.pms-head--compact .pms-head__badge[b-snak56xcjn] {
    background: none;
    border: 0;
    border-radius: 0;
    color: var(--color-primary);
    display: inline;
    font-size: inherit;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

.pms-head--compact .pms-head__actions[b-snak56xcjn],
.pms-head--compact.pms-head .pms-head__actions[b-snak56xcjn] {
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-left: auto;
}

@media (prefers-reduced-motion: reduce) {
    .pms-head-breadcrumb a[b-snak56xcjn] {
        transition: none;
    }
}

/* Handy und Tablet: kleinere Breadcrumb, 8px Abstand zum Titel bei 24px Blockabstand der Seite. */
@media (max-width: 61.9375rem) {
    .pms-head-breadcrumb[b-snak56xcjn] {
        font-size: var(--innvilo-font-size-micro);
        margin-bottom: calc(var(--innvilo-space-4) - var(--innvilo-space-8));
    }
}
/* /Components/Shared/PmsPageHero.razor.rz.scp.css */
.pms-page-hero[b-vz0h38umgt] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    margin-bottom: calc(var(--innvilo-page-hero-gap) - var(--innvilo-space-6));
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.pms-page-hero--allow-action-overflow[b-vz0h38umgt] {
    overflow: visible;
    z-index: 1;
}

.pms-page-hero__topline[b-vz0h38umgt] {
    align-items: start;
    display: grid;
    gap: var(--innvilo-space-6);
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: var(--innvilo-space-8);
    max-width: 100%;
    min-width: 0;
    position: relative;
    z-index: 2;
}

.pms-page-hero__context-actions[b-vz0h38umgt] {
    justify-self: end;
}

.pms-page-hero__topline-spacer[b-vz0h38umgt] {
    min-height: 1.5rem;
}

.pms-page-hero__main[b-vz0h38umgt] {
    align-items: end;
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
}

.pms-page-hero__heading[b-vz0h38umgt] {
    align-content: start;
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.pms-page-hero__title-row[b-vz0h38umgt] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-5);
    min-width: 0;
}

.pms-page-hero__heading h1[b-vz0h38umgt] {
    color: var(--color-primary);
    font-family: "Lato-Bold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-display);
    letter-spacing: -0.025em;
    line-height: 1.1;
    margin: 0;
}

/* Gezählte Marke neben der Überschrift. Maße und Farben sind die der Anfragen-Seite
   (`.inquiry-open-badge`, docs/handovers/2026-09-02-anfragen-redesign.md §4): feste Höhe
   28px, 13px SemiBold, Akzentfläche mit Akzentrahmen, 2px nach unten versetzt, damit sie
   optisch auf der Versalhöhe des Titels liegt. Kein Icon, kein Schatten. */
.pms-page-hero__badge[b-vz0h38umgt] {
    align-items: center;
    align-self: center;
    background: var(--innvilo-color-primary-soft);
    border: 1px solid var(--color-primary-focus-ring);
    border-radius: var(--innvilo-radius-full);
    box-sizing: border-box;
    color: var(--color-primary);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    font-variant-numeric: tabular-nums;
    height: 1.75rem;
    justify-content: center;
    letter-spacing: var(--innvilo-tracking-caption);
    line-height: 1;
    margin-top: var(--innvilo-space-1);
    padding: 0 var(--innvilo-space-5);
    white-space: nowrap;
}

@media (prefers-contrast: more) {
    .pms-page-hero__badge[b-vz0h38umgt] {
        border-color: var(--color-primary);
    }
}

.pms-page-hero__heading > p[b-vz0h38umgt] {
    color: var(--color-text-muted);
    font-family: "Lato-Regular", Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
    max-width: 65ch;
}

.pms-page-hero__breadcrumb[b-vz0h38umgt] {
    align-items: center;
    color: var(--color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-4);
    letter-spacing: var(--innvilo-tracking-caption);
    min-height: 1.5rem;
    text-transform: none;
}

.pms-page-hero__breadcrumb a[b-vz0h38umgt],
.pms-page-hero__breadcrumb span[b-vz0h38umgt] {
    color: inherit;
    font-family: "Lato-SemiBold", Arial, sans-serif;
}

.pms-page-hero__breadcrumb a:hover[b-vz0h38umgt],
.pms-page-hero__breadcrumb a:focus-visible[b-vz0h38umgt] {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.pms-page-hero__breadcrumb a:focus-visible[b-vz0h38umgt] {
    outline: 2px solid var(--color-primary);
    outline-offset: var(--innvilo-space-2);
}

.pms-page-hero__breadcrumb a:active[b-vz0h38umgt] {
    color: var(--color-primary-active);
}

.pms-page-hero__breadcrumb i[b-vz0h38umgt] {
    color: var(--color-text-subtle);
    font-size: 0.625rem;
}

.pms-page-hero__actions[b-vz0h38umgt] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: flex-end;
    max-width: min(52rem, 58vw);
}

.pms-page-hero__actions--top[b-vz0h38umgt] {
    align-self: start;
}

.pms-page-hero-breadcrumb-skeleton[b-vz0h38umgt] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 1.5rem;
}

.pms-page-hero-breadcrumb-skeleton i[b-vz0h38umgt],
.pms-page-hero-title-skeleton[b-vz0h38umgt],
.pms-page-hero-description-skeleton[b-vz0h38umgt],
.pms-page-hero-meta-skeleton i[b-vz0h38umgt],
.pms-page-hero-actions-skeleton i[b-vz0h38umgt] {
    animation: pms-page-hero-shimmer-b-vz0h38umgt 1.45s ease-in-out infinite;
    background: linear-gradient(100deg, var(--color-surface-raised) 15%, var(--color-border) 36%, var(--color-surface-raised) 57%);
    background-size: 220% 100%;
    border-radius: var(--radius-sm);
    display: block;
}

.pms-page-hero-breadcrumb-skeleton i[b-vz0h38umgt] {
    height: 0.75rem;
    width: 4.5rem;
}

.pms-page-hero-breadcrumb-skeleton i:nth-child(2)[b-vz0h38umgt] {
    width: 0.45rem;
}

.pms-page-hero-breadcrumb-skeleton i:last-child[b-vz0h38umgt] {
    width: 7rem;
}

/* Jeder Platzhalter ist so hoch wie die Zeile, für die er steht: 2.2rem ist die
   Zeilenhöhe der Überschrift (32px Schrift), 1.5rem die des Leads (16px Schrift).
   Vorher war der Lead-Platzhalter 0.875rem hoch, und der Kopf wuchs beim Eintreffen
   der Daten um genau diese 10px, auf jeder Seite mit Ladezustand. */
.pms-page-hero-title-skeleton[b-vz0h38umgt] {
    height: 2.2rem;
    width: min(24rem, 68vw);
}

.pms-page-hero-description-skeleton[b-vz0h38umgt] {
    height: 1.5rem;
    width: min(38rem, 72vw);
}

.pms-page-hero-meta-skeleton[b-vz0h38umgt],
.pms-page-hero-metadata[b-vz0h38umgt] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
}

.pms-page-hero-metadata > span[b-vz0h38umgt] {
    align-items: center;
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-full);
    color: var(--color-text-muted);
    display: inline-flex;
    font-family: "Lato-SemiBold", Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-3);
    min-height: 1.75rem;
    padding: 0 var(--innvilo-space-4);
}

.pms-page-hero-metadata > span.is-live i[b-vz0h38umgt],
.pms-page-hero-metadata > span.is-positive i[b-vz0h38umgt] {
    color: var(--color-success);
}

.pms-page-hero-metadata > span.is-warning i[b-vz0h38umgt] {
    color: var(--color-warning-text);
}

.pms-page-hero-metadata > span.is-danger i[b-vz0h38umgt] {
    color: var(--color-error);
}

.pms-page-hero-metadata i[b-vz0h38umgt] {
    color: var(--color-text-subtle);
    font-size: var(--innvilo-font-size-label);
}

.pms-page-hero-meta-skeleton i[b-vz0h38umgt] {
    height: 1.75rem;
    width: 7rem;
}

.pms-page-hero-actions-skeleton i[b-vz0h38umgt] {
    height: 2.5rem;
    width: 9rem;
}

@keyframes pms-page-hero-shimmer-b-vz0h38umgt {
    0% { background-position: 115% 0; }
    100% { background-position: -115% 0; }
}

@media (max-width: 960px) {
    .pms-page-hero__breadcrumb a[b-vz0h38umgt] {
        align-items: center;
        box-sizing: border-box;
        display: inline-flex;
        min-height: 2.75rem;
        min-width: 2.75rem;
        padding-inline: var(--innvilo-space-2);
    }

    .pms-page-hero__main[b-vz0h38umgt] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .pms-page-hero__actions[b-vz0h38umgt] {
        justify-content: flex-start;
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 820px) {
    .pms-page-hero[b-vz0h38umgt] {
        display: grid;
        row-gap: var(--innvilo-space-6);
    }

    .pms-page-hero__topline[b-vz0h38umgt] {
        display: contents;
        margin-bottom: 0;
    }

    .pms-page-hero__main[b-vz0h38umgt] {
        display: contents;
    }

    .pms-page-hero__breadcrumb[b-vz0h38umgt],
    .pms-page-hero__topline-spacer[b-vz0h38umgt],
    .pms-page-hero-breadcrumb-skeleton[b-vz0h38umgt] {
        order: 1;
    }

    .pms-page-hero__heading[b-vz0h38umgt] {
        order: 2;
    }

    .pms-page-hero__context-actions[b-vz0h38umgt] {
        order: 3;
        justify-self: stretch;
        max-width: 100%;
        min-width: 0;
    }

    .pms-page-hero__actions[b-vz0h38umgt] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        order: 4;
    }

    .pms-page-hero__actions--single-panel[b-vz0h38umgt] {
        display: flex;
    }

    .pms-page-hero-actions-skeleton i[b-vz0h38umgt] {
        width: 100%;
    }

    .pms-page-hero-actions-skeleton i:last-child:nth-child(odd)[b-vz0h38umgt] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .pms-page-hero[b-vz0h38umgt] {
        row-gap: var(--innvilo-space-5);
    }

    .pms-page-hero-title-skeleton[b-vz0h38umgt],
    .pms-page-hero-description-skeleton[b-vz0h38umgt] {
        width: 100%;
    }

    .pms-page-hero__actions[b-vz0h38umgt] {
        grid-template-columns: 1fr;
    }

    .pms-page-hero__heading h1[b-vz0h38umgt] {
        font-size: var(--innvilo-font-size-title);
    }

    .pms-page-hero-actions-skeleton i:last-child:nth-child(odd)[b-vz0h38umgt] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pms-page-hero-breadcrumb-skeleton i[b-vz0h38umgt],
    .pms-page-hero-title-skeleton[b-vz0h38umgt],
    .pms-page-hero-description-skeleton[b-vz0h38umgt],
    .pms-page-hero-meta-skeleton i[b-vz0h38umgt],
    .pms-page-hero-actions-skeleton i[b-vz0h38umgt] {
        animation: none;
    }
}
/* /Components/Shared/PmsWorkspaceShimmer.razor.rz.scp.css */
.pms-workspace-shimmer[b-lj8qqo8c2i] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
    width: 100%;
}

.pms-workspace-shimmer__filter[b-lj8qqo8c2i],
.pms-workspace-shimmer__surface[b-lj8qqo8c2i],
.pms-workspace-shimmer__scope[b-lj8qqo8c2i] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--innvilo-radius-card);
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.pms-workspace-shimmer__filter[b-lj8qqo8c2i],
.pms-workspace-shimmer__table-head[b-lj8qqo8c2i] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-6);
    justify-content: space-between;
}

.pms-workspace-shimmer__filter[b-lj8qqo8c2i] {
    padding: var(--innvilo-space-6) var(--innvilo-space-7);
}

.pms-workspace-shimmer__surface[b-lj8qqo8c2i] {
    display: grid;
    gap: var(--innvilo-space-7);
    padding: var(--innvilo-space-8);
}

.pms-workspace-shimmer__copy[b-lj8qqo8c2i] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
    width: min(28rem, 72%);
}

.pms-workspace-shimmer__copy > span[b-lj8qqo8c2i],
.pms-workspace-shimmer__action[b-lj8qqo8c2i],
.pms-workspace-shimmer__fields > span[b-lj8qqo8c2i],
.pms-workspace-shimmer__actions > span[b-lj8qqo8c2i],
.pms-workspace-shimmer__rows > span[b-lj8qqo8c2i],
.pms-workspace-shimmer__scope > span[b-lj8qqo8c2i] {
    background: var(--color-surface-soft);
    border-radius: var(--innvilo-radius-control);
    display: block;
    overflow: hidden;
    position: relative;
}

.pms-workspace-shimmer__copy .is-heading[b-lj8qqo8c2i] {
    height: 1rem;
    width: min(12rem, 58%);
}

.pms-workspace-shimmer__copy .is-copy[b-lj8qqo8c2i] {
    height: 0.7rem;
    width: 100%;
}

.pms-workspace-shimmer__copy .is-short[b-lj8qqo8c2i] {
    width: 64%;
}

.pms-workspace-shimmer__action[b-lj8qqo8c2i] {
    flex: 0 0 auto;
    height: 2.75rem;
    width: 7.5rem;
}

.pms-workspace-shimmer__rows[b-lj8qqo8c2i],
.pms-workspace-shimmer__fields[b-lj8qqo8c2i] {
    display: grid;
    gap: var(--innvilo-space-4);
    min-width: 0;
}

.pms-workspace-shimmer__rows > span[b-lj8qqo8c2i] {
    height: 3.25rem;
}

.pms-workspace-shimmer__rows.is-compact > span[b-lj8qqo8c2i] {
    height: 2.75rem;
}

.pms-workspace-shimmer__fields[b-lj8qqo8c2i] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
}

.pms-workspace-shimmer__fields > span[b-lj8qqo8c2i] {
    height: 3.5rem;
}

.pms-workspace-shimmer__actions[b-lj8qqo8c2i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
}

.pms-workspace-shimmer__actions > span[b-lj8qqo8c2i] {
    height: 2.75rem;
    width: 8.5rem;
}

.pms-workspace-shimmer__split[b-lj8qqo8c2i] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
    min-width: 0;
}

.pms-workspace-shimmer__table-head[b-lj8qqo8c2i] {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: var(--innvilo-space-6);
}

.pms-workspace-shimmer__scope[b-lj8qqo8c2i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
}

.pms-workspace-shimmer__scope > span[b-lj8qqo8c2i] {
    height: 2.5rem;
    width: min(10rem, 42%);
}

.pms-workspace-shimmer__editor[b-lj8qqo8c2i] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(0, 2fr) minmax(min(100%, 20rem), 1fr);
    min-width: 0;
}

.pms-workspace-shimmer__editor-main[b-lj8qqo8c2i] {
    display: grid;
    gap: var(--innvilo-space-8);
    min-width: 0;
}

.pms-workspace-shimmer__master-detail[b-lj8qqo8c2i] {
    display: grid;
    gap: var(--innvilo-space-8);
    grid-template-columns: minmax(min(100%, 16rem), 22rem) minmax(0, 1fr);
    min-width: 0;
}

.pms-workspace-shimmer__master-list[b-lj8qqo8c2i] {
    display: grid;
    gap: var(--innvilo-space-3);
    min-width: 0;
}

.pms-workspace-shimmer__master-list .pms-workspace-shimmer__surface[b-lj8qqo8c2i] {
    gap: var(--innvilo-space-4);
    padding: var(--innvilo-space-5);
}

.pms-workspace-shimmer__filter[b-lj8qqo8c2i]::after,
.pms-workspace-shimmer__surface[b-lj8qqo8c2i]::after,
.pms-workspace-shimmer__scope[b-lj8qqo8c2i]::after {
    background: linear-gradient(100deg, transparent, var(--color-auth-panel-highlight), transparent);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-100%);
}

@supports (container-type: inline-size) {
    .pms-workspace-shimmer[b-lj8qqo8c2i] {
        container-type: inline-size;
    }

    @container (max-width: 52rem) {
        .pms-workspace-shimmer__editor[b-lj8qqo8c2i],
        .pms-workspace-shimmer__master-detail[b-lj8qqo8c2i] {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @container (max-width: 34rem) {
        .pms-workspace-shimmer__filter[b-lj8qqo8c2i],
        .pms-workspace-shimmer__table-head[b-lj8qqo8c2i] {
            align-items: stretch;
            flex-direction: column;
        }

        .pms-workspace-shimmer__copy[b-lj8qqo8c2i],
        .pms-workspace-shimmer__action[b-lj8qqo8c2i] {
            width: 100%;
        }

        .pms-workspace-shimmer__surface[b-lj8qqo8c2i] {
            padding: var(--innvilo-space-6);
        }
    }
}

@media (prefers-reduced-motion: no-preference) {
    .pms-workspace-shimmer__filter[b-lj8qqo8c2i]::after,
    .pms-workspace-shimmer__surface[b-lj8qqo8c2i]::after,
    .pms-workspace-shimmer__scope[b-lj8qqo8c2i]::after {
        animation: pms-workspace-shimmer-sweep-b-lj8qqo8c2i 1.6s var(--innvilo-easing-settle) infinite;
    }
}

@keyframes pms-workspace-shimmer-sweep-b-lj8qqo8c2i {
    to {
        transform: translateX(100%);
    }
}
/* /Components/Shared/ToastCenter.razor.rz.scp.css */
.pms-toast-center[b-08yxd10ve7] {
    display: contents;
}

.pms-toast__surface[b-08yxd10ve7] {
    align-items: start;
    background: var(--color-toast-surface);
    display: grid;
    gap: 0.8rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    padding: 1rem 1rem 1.1rem;
    pointer-events: auto;
    position: relative;
}

.pms-toast__icon[b-08yxd10ve7] {
    align-items: center;
    background: var(--color-toast-icon-surface);
    border: 1px solid var(--pms-toast-border);
    border-radius: 999px;
    color: var(--pms-toast-tone);
    display: inline-flex;
    font-size: 0.9rem;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.pms-toast__content[b-08yxd10ve7] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding-top: 0.05rem;
}

.pms-toast__title[b-08yxd10ve7] {
    color: var(--color-navy-deep);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: 0.95rem;
    line-height: 1.3;
    margin: 0;
}

.pms-toast__message[b-08yxd10ve7] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: var(--color-text-muted);
    display: -webkit-box;
    font-family: 'Lato-Regular', Arial, sans-serif;
    font-size: 0.86rem;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.pms-toast__action[b-08yxd10ve7] {
    align-items: center;
    align-self: start;
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    color: var(--pms-toast-tone);
    cursor: pointer;
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: 0.78rem;
    justify-self: start;
    margin-top: 0.35rem;
    min-height: 2rem;
    padding: 0.25rem 0.55rem;
}

.pms-toast__action:hover[b-08yxd10ve7],
.pms-toast__action:focus-visible[b-08yxd10ve7] {
    background: var(--pms-toast-soft);
    outline: none;
}

.pms-toast__close[b-08yxd10ve7] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--color-text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: 0.78rem;
    height: 2rem;
    justify-content: center;
    padding: 0;
    transition: background-color 180ms ease, color 180ms ease;
    width: 2rem;
}

.pms-toast__close:hover[b-08yxd10ve7],
.pms-toast__close:focus-visible[b-08yxd10ve7] {
    background: var(--color-toast-close-hover);
    color: var(--color-navy-deep);
    outline: none;
}

.pms-toast__progress[b-08yxd10ve7] {
    animation: pms-toast-progress-b-08yxd10ve7 linear forwards;
    background: var(--pms-toast-tone);
    bottom: 0;
    height: 0.2rem;
    left: 0;
    position: absolute;
    transform-origin: left center;
    width: 100%;
}

@keyframes pms-toast-progress-b-08yxd10ve7 {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}

@media (max-width: 640px) {
    .pms-toast__surface[b-08yxd10ve7] {
        gap: 0.65rem;
        padding: 0.85rem 0.85rem 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pms-toast__progress[b-08yxd10ve7] { animation: none; }
}
/* /Components/Shared/Worklist/PmsWorklistFilterOverlay.razor.rz.scp.css */
/* Overlay-Inhalt: Kopf 56px, scrollbarer Rumpf, Fuß mit Safe-Area. Die Popup-Wurzel selbst kommt von
   DevExpress und wird in _worklist.scss gesetzt. */
.pms-worklist-overlay__shell[b-r19iy73fa9] {
    background: var(--innvilo-surface-card);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
    min-height: 0;
}

.pms-worklist-overlay__head[b-r19iy73fa9] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) var(--innvilo-space-6);
}

.pms-worklist-overlay__head h2[b-r19iy73fa9] {
    color: var(--innvilo-text-primary);
    flex: 1 1 auto;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    margin: 0;
    min-width: 0;
}

.pms-worklist-overlay__back[b-r19iy73fa9],
.pms-worklist-overlay__close[b-r19iy73fa9] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-md);
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.pms-worklist-overlay__back:hover[b-r19iy73fa9],
.pms-worklist-overlay__close:hover[b-r19iy73fa9] {
    background: var(--innvilo-surface-muted);
}

.pms-worklist-overlay__back:focus-visible[b-r19iy73fa9],
.pms-worklist-overlay__close:focus-visible[b-r19iy73fa9] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.pms-worklist-overlay__body[b-r19iy73fa9] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
}

.pms-worklist-overlay__pills[b-r19iy73fa9] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    column-gap: var(--innvilo-space-4);
    display: flex;
    flex-wrap: wrap;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    row-gap: var(--innvilo-space-3);
}

.pms-worklist-overlay__pills-label[b-r19iy73fa9] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.pms-worklist-overlay__pills-list[b-r19iy73fa9] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.pms-worklist-overlay__pill[b-r19iy73fa9] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    height: 2rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.pms-worklist-overlay__pill-remove[b-r19iy73fa9] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    width: 1.75rem;
}

.pms-worklist-overlay__clear[b-r19iy73fa9] {
    background: none;
    border: 0;
    color: var(--color-primary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.pms-worklist-overlay__rows[b-r19iy73fa9] {
    list-style: none;
    margin: 0;
    padding: 0 var(--innvilo-space-6);
}

.pms-worklist-overlay__row[b-r19iy73fa9] {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--innvilo-border-default);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    gap: var(--innvilo-space-4);
    min-height: 3.5rem;
    padding: var(--innvilo-space-4) 0;
    text-align: left;
    width: 100%;
}

.pms-worklist-overlay__row:focus-visible[b-r19iy73fa9] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.pms-worklist-overlay__row-label[b-r19iy73fa9] {
    flex: 1 1 auto;
    font-size: var(--innvilo-font-size-body);
    min-width: 0;
}

.pms-worklist-overlay__row-count[b-r19iy73fa9] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

.pms-worklist-overlay__row i[b-r19iy73fa9] {
    color: var(--innvilo-text-muted);
    font-size: var(--innvilo-font-size-caption);
}

.pms-worklist-overlay__foot[b-r19iy73fa9] {
    border-top: 1px solid var(--innvilo-border-default);
    padding: var(--innvilo-space-5) var(--innvilo-space-6) calc(var(--innvilo-space-5) + env(safe-area-inset-bottom));
}

/* Ab 992px ist dasselbe Overlay ein schwebender Dialog neben der verkürzten Filterzeile, statt den
   Bildschirm zu füllen. Die Maße stehen in _worklist.scss; hier bleibt nur der Fuß. */
@media (min-width: 62rem) {
    .pms-worklist-overlay__foot[b-r19iy73fa9] {
        padding-bottom: var(--innvilo-space-5);
        text-align: right;
    }
}
/* /Components/Shared/Worklist/PmsWorklistPager.razor.rz.scp.css */
/* Pager: Zeile mit 1px Oberkante, 12px/16px, Seitengröße links, Navigation rechts. */
.pms-worklist-pager[b-bjcqhdlqka] {
    align-items: center;
    border-top: 1px solid var(--innvilo-border-default);
    column-gap: var(--innvilo-space-8);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--innvilo-space-5) var(--innvilo-space-6);
    row-gap: var(--innvilo-space-4);
}

.pms-worklist-pager__size[b-bjcqhdlqka] {
    align-items: center;
    color: var(--innvilo-text-secondary);
    display: flex;
    font-size: var(--innvilo-font-size-label);
    gap: var(--innvilo-space-4);
}

.pms-worklist-pager__nav[b-bjcqhdlqka] {
    align-items: center;
    display: flex;
    gap: var(--innvilo-space-2);
}

.pms-worklist-pager__page[b-bjcqhdlqka] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-label);
    padding: 0 var(--innvilo-space-4);
    white-space: nowrap;
}

.pms-worklist-pager__page strong[b-bjcqhdlqka] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
}
/* /Components/Shared/Worklist/PmsWorklistPills.razor.rz.scp.css */
/* Pill-Zeile: Seitenfarbe, 8px/24px, Pills 28px rund; kompakt ohne Fläche und mit 32px Touch-Höhe. */
.pms-worklist-pills[b-gbptivcadc] {
    align-items: center;
    background: var(--innvilo-surface-app);
    border-bottom: 1px solid var(--innvilo-border-default);
    column-gap: var(--innvilo-space-4);
    display: flex;
    flex-wrap: wrap;
    padding: var(--innvilo-space-4) var(--innvilo-space-8);
    row-gap: var(--innvilo-space-3);
}

.pms-worklist-pills__label[b-gbptivcadc] {
    color: var(--innvilo-text-secondary);
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
}

.pms-worklist-pills__list[b-gbptivcadc] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--innvilo-space-3);
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.pms-worklist-pill[b-gbptivcadc] {
    align-items: center;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-primary);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    gap: var(--innvilo-space-2);
    height: 1.75rem;
    padding: 0 var(--innvilo-space-2) 0 var(--innvilo-space-5);
}

.pms-worklist-pill__remove[b-gbptivcadc] {
    align-items: center;
    background: none;
    border: 0;
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 1.25rem;
    justify-content: center;
    padding: 0;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-standard);
    width: 1.25rem;
}

.pms-worklist-pill__remove:hover[b-gbptivcadc] {
    background: var(--innvilo-surface-muted);
}

.pms-worklist-pill__remove:focus-visible[b-gbptivcadc] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: 1px;
}

.pms-worklist-pill__remove i[b-gbptivcadc] {
    font-size: var(--innvilo-font-size-micro);
}

.pms-worklist-pills__clear[b-gbptivcadc] {
    background: none;
    border: 0;
    color: var(--color-primary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-caption);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: var(--innvilo-space-2);
}

.pms-worklist-pills__clear:focus-visible[b-gbptivcadc] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: var(--innvilo-space-2);
}

.pms-worklist-pills--compact[b-gbptivcadc] {
    background: none;
    border-bottom: 0;
    padding: 0;
}

.pms-worklist-pills--compact .pms-worklist-pill[b-gbptivcadc] {
    height: 2rem;
}

.pms-worklist-pills--compact .pms-worklist-pill__remove[b-gbptivcadc] {
    height: 1.75rem;
    width: 1.75rem;
}

@media (prefers-reduced-motion: reduce) {
    .pms-worklist-pill__remove[b-gbptivcadc] {
        transition: none;
    }
}
/* /Components/Shared/Worklist/PmsWorklistSkeleton.razor.rz.scp.css */
/* Skelett: Kopfzeile 44px, Zeilen 68px, Puls 1.4s (Anfragen Abschnitt 5.10). */
.pms-worklist-skeleton[b-027luhzjzl] {
    display: grid;
    gap: 1px;
    padding: 0;
}

.pms-worklist-skeleton span[b-027luhzjzl] {
    animation: pms-worklist-pulse-b-027luhzjzl 1.4s ease-in-out infinite;
    background: var(--innvilo-surface-muted);
    display: block;
    height: 4.25rem;
}

.pms-worklist-skeleton span.is-header[b-027luhzjzl] {
    background: var(--innvilo-surface-app);
    height: 2.75rem;
}

.pms-worklist-skeleton.is-compact[b-027luhzjzl] {
    gap: var(--innvilo-space-5);
}

.pms-worklist-skeleton.is-compact span[b-027luhzjzl] {
    border-radius: var(--innvilo-radius-xs);
    height: 6.5rem;
}

@keyframes pms-worklist-pulse-b-027luhzjzl {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .55;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pms-worklist-skeleton span[b-027luhzjzl] {
        animation: none;
    }
}
/* /Components/Shared/Worklist/PmsWorklistState.razor.rz.scp.css */
/* Zustände: zentriert, h3 20px, Text 16px auf 32rem, Buttons darunter. Maße wie die Anfragen-Zustände. */
.pms-worklist-state[b-4d9arycoc9] {
    display: grid;
    gap: var(--innvilo-space-5);
    justify-items: center;
    padding: var(--innvilo-space-12) var(--innvilo-space-9);
    text-align: center;
}

.pms-worklist-state--filtered[b-4d9arycoc9],
.pms-worklist-state--error[b-4d9arycoc9],
.pms-worklist-state--forbidden[b-4d9arycoc9] {
    padding: var(--innvilo-space-11) var(--innvilo-space-9);
}

.pms-worklist-state.is-compact[b-4d9arycoc9] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    padding: var(--innvilo-space-10) var(--innvilo-space-6);
}

.pms-worklist-state__copy[b-4d9arycoc9] {
    display: grid;
    gap: var(--innvilo-space-3);
    justify-items: center;
    max-width: 32rem;
}

.pms-worklist-state h3[b-4d9arycoc9] {
    color: var(--innvilo-text-primary);
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-heading);
    letter-spacing: var(--innvilo-tracking-title);
    line-height: 1.3;
    margin: 0;
}

.pms-worklist-state p[b-4d9arycoc9] {
    color: var(--innvilo-text-secondary);
    font-size: var(--innvilo-font-size-body);
    line-height: 1.5;
    margin: 0;
}

.pms-worklist-state__icon[b-4d9arycoc9] {
    color: var(--innvilo-text-muted);
    font-size: 1.75rem;
    line-height: 1;
}

.pms-worklist-state--error .pms-worklist-state__icon[b-4d9arycoc9] {
    color: var(--color-error);
}

.pms-worklist-state__actions[b-4d9arycoc9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    justify-content: center;
    margin-top: var(--innvilo-space-2);
}

/* Illustration: drei gezeichnete Listenzeilen, das Icon sitzt unten rechts auf der letzten Zeile. */
.pms-worklist-state__art[b-4d9arycoc9] {
    display: grid;
    gap: var(--innvilo-space-3);
    margin-bottom: var(--innvilo-space-4);
    position: relative;
    width: 13rem;
}

.pms-worklist-state__art > span[b-4d9arycoc9] {
    animation: pms-worklist-row-in-b-4d9arycoc9 300ms var(--innvilo-easing-settle) both;
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    box-sizing: border-box;
    display: block;
    height: 2.25rem;
    position: relative;
}

.pms-worklist-state__art > span[b-4d9arycoc9]::before,
.pms-worklist-state__art > span[b-4d9arycoc9]::after {
    background: var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-full);
    content: '';
    height: 0.375rem;
    left: var(--innvilo-space-5);
    position: absolute;
}

.pms-worklist-state__art > span[b-4d9arycoc9]::before {
    top: 0.625rem;
    width: 38%;
}

.pms-worklist-state__art > span[b-4d9arycoc9]::after {
    bottom: 0.625rem;
    width: 58%;
}

.pms-worklist-state__art > span:nth-child(1)[b-4d9arycoc9] {
    opacity: .35;
    transform: scale(.94);
}

.pms-worklist-state__art > span:nth-child(2)[b-4d9arycoc9] {
    animation-delay: 60ms;
    opacity: .6;
    transform: scale(.97);
}

.pms-worklist-state__art > span:nth-child(3)[b-4d9arycoc9] {
    animation-delay: 120ms;
    border-color: var(--color-primary-focus-ring);
    border-style: dashed;
}

.pms-worklist-state__art.is-filtered > span:nth-child(3)[b-4d9arycoc9]::before,
.pms-worklist-state__art.is-filtered > span:nth-child(3)[b-4d9arycoc9]::after {
    background: var(--color-primary-focus-ring);
}

.pms-worklist-state__art > i[b-4d9arycoc9] {
    align-items: center;
    animation: pms-worklist-state-in-b-4d9arycoc9 200ms var(--innvilo-easing-settle) 220ms both;
    background: var(--innvilo-surface-card);
    bottom: -0.5rem;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625rem;
    width: 2.25rem;
}

.pms-worklist-state__copy[b-4d9arycoc9],
.pms-worklist-state__actions[b-4d9arycoc9],
.pms-worklist-state__icon[b-4d9arycoc9] {
    animation: pms-worklist-state-in-b-4d9arycoc9 var(--innvilo-duration-response) var(--innvilo-easing-settle) both;
}

.pms-worklist-state__actions[b-4d9arycoc9] {
    animation-delay: 80ms;
}

@keyframes pms-worklist-row-in-b-4d9arycoc9 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
}

@keyframes pms-worklist-state-in-b-4d9arycoc9 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pms-worklist-state__art > span[b-4d9arycoc9],
    .pms-worklist-state__art > i[b-4d9arycoc9],
    .pms-worklist-state__copy[b-4d9arycoc9],
    .pms-worklist-state__actions[b-4d9arycoc9],
    .pms-worklist-state__icon[b-4d9arycoc9] {
        animation: none;
    }
}
/* /Components/Shared/Worklist/PmsWorklistTabs.razor.rz.scp.css */
/* Reiter im Arbeitslisten-Muster: eine Zeile mit 1px-Unterkante, der aktive Reiter trägt eine 2px-Linie in
   der Akzentfarbe. Kompakt derselbe Inhalt als Akkordeon aus Flächen mit 1px-Rahmen. Nur eigenes Markup,
   keine DevExpress-Selektoren, keine Schatten. */
.pms-worklist-tabs-host[b-jbfxeebj6y] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

.pms-worklist-tabs[b-jbfxeebj6y] {
    border-bottom: 1px solid var(--innvilo-border-default);
    display: flex;
    gap: var(--innvilo-space-1);
    min-width: 0;
    overflow-x: auto;
}

.pms-worklist-tabs__tab[b-jbfxeebj6y] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--innvilo-text-secondary);
    cursor: pointer;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-label);
    letter-spacing: var(--innvilo-tracking-body);
    margin-bottom: -1px;
    min-height: 2.75rem;
    padding: 0 var(--innvilo-space-4);
    transition: color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
        border-color var(--innvilo-duration-fast) var(--innvilo-easing-settle),
        transform var(--innvilo-duration-press) var(--innvilo-easing-settle);
    white-space: nowrap;
}

.pms-worklist-tabs__tab:hover[b-jbfxeebj6y] {
    color: var(--innvilo-text-primary);
}

.pms-worklist-tabs__tab:active[b-jbfxeebj6y] {
    transform: scale(var(--innvilo-press-scale));
}

.pms-worklist-tabs__tab.is-active[b-jbfxeebj6y] {
    border-bottom-color: var(--innvilo-color-primary);
    color: var(--innvilo-color-primary);
}

.pms-worklist-tabs__tab:focus-visible[b-jbfxeebj6y] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.pms-worklist-tabs__panel[b-jbfxeebj6y] {
    display: grid;
    gap: var(--innvilo-page-section-gap);
    min-width: 0;
}

/* Akkordeon (Handy, Tablet) */
.pms-worklist-tabs__section[b-jbfxeebj6y] {
    background: var(--innvilo-surface-card);
    border: 1px solid var(--innvilo-border-default);
    border-radius: var(--innvilo-radius-xs);
    min-width: 0;
}

.pms-worklist-tabs__title[b-jbfxeebj6y] {
    margin: 0;
}

.pms-worklist-tabs__toggle[b-jbfxeebj6y] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--innvilo-radius-xs);
    color: var(--innvilo-text-primary);
    cursor: pointer;
    display: flex;
    font-family: 'Lato-Bold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-body);
    justify-content: space-between;
    min-height: 3rem;
    padding: 0 var(--innvilo-space-5);
    text-align: left;
    transition: background-color var(--innvilo-duration-fast) var(--innvilo-easing-settle);
    width: 100%;
}

.pms-worklist-tabs__toggle:hover[b-jbfxeebj6y] {
    background: var(--innvilo-surface-app);
}

.pms-worklist-tabs__toggle:focus-visible[b-jbfxeebj6y] {
    outline: 2px solid var(--innvilo-border-focus);
    outline-offset: -2px;
}

.pms-worklist-tabs__toggle i[b-jbfxeebj6y] {
    color: var(--innvilo-text-muted);
    font-size: 0.75rem;
}

.pms-worklist-tabs__body[b-jbfxeebj6y] {
    border-top: 1px solid var(--innvilo-border-default);
    display: grid;
    gap: var(--innvilo-space-6);
    min-width: 0;
    padding: var(--innvilo-space-5);
}

.pms-worklist-tabs-host[data-tabs-mode='accordion'][b-jbfxeebj6y] {
    gap: var(--innvilo-space-4);
}

@media (prefers-reduced-motion: reduce) {
    .pms-worklist-tabs__tab[b-jbfxeebj6y],
    .pms-worklist-tabs__toggle[b-jbfxeebj6y] {
        transition: none;
    }

    .pms-worklist-tabs__tab:active[b-jbfxeebj6y] {
        transform: none;
    }
}
/* /Components/Shared/Worklist/PmsWorklistToolbar.razor.rz.scp.css */
/* Maße aus dem Anfragen-Handover (Abschnitt 5.4): Toolbar 16px/24px, Suche 18rem, Filtergruppe rechts. */
.pms-worklist-toolbar[b-zp9n4tincu] {
    align-items: center;
    border-bottom: 1px solid var(--innvilo-border-default);
    column-gap: var(--innvilo-space-8);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--innvilo-space-6) var(--innvilo-space-8);
    row-gap: var(--innvilo-space-4);
}

.pms-worklist-toolbar__search[b-zp9n4tincu] {
    flex: 0 1 18rem;
    min-width: 12rem;
}

.pms-worklist-toolbar__filters[b-zp9n4tincu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--innvilo-space-4);
    margin-left: auto;
}

/* Ohne Suche stehen die Filter links, damit keine leere Spalte entsteht. */
.pms-worklist-toolbar__search + .pms-worklist-toolbar__filters[b-zp9n4tincu],
.pms-worklist-toolbar__filters:first-child[b-zp9n4tincu] {
    margin-left: 0;
}

.pms-worklist-toolbar__search ~ .pms-worklist-toolbar__filters[b-zp9n4tincu] {
    margin-left: auto;
}

.pms-worklist-toolbar__count[b-zp9n4tincu] {
    align-items: center;
    background: var(--color-primary);
    border-radius: var(--innvilo-radius-full);
    color: var(--innvilo-text-inverse);
    display: inline-flex;
    font-family: 'Lato-SemiBold', Arial, sans-serif;
    font-size: var(--innvilo-font-size-micro);
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.25rem;
    padding: 0 var(--innvilo-space-2);
}

@media (max-width: 70rem) {
    .pms-worklist-toolbar__search[b-zp9n4tincu] {
        flex: 1 1 100%;
    }

    .pms-worklist-toolbar__filters[b-zp9n4tincu] {
        flex: 1 1 100%;
        margin-left: 0;
    }
}

/* Kompakt: keine Fläche, Suche und ein Filterknopf nebeneinander (Anfragen Abschnitt 6). */
.pms-worklist-toolbar--compact[b-zp9n4tincu] {
    border-bottom: 0;
    column-gap: var(--innvilo-space-4);
    flex-wrap: nowrap;
    padding: 0;
}

.pms-worklist-toolbar--compact .pms-worklist-toolbar__search[b-zp9n4tincu] {
    flex: 1 1 auto;
    min-width: 0;
}