/* /Pages/AllowedPhone.razor.rz.scp.css */
.allowed-phone-heading[b-7chdv55lhc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.allowed-phone-heading[b-7chdv55lhc]  .allowed-phone-create.rz-button,
.allowed-phone-feedback[b-7chdv55lhc]  .allowed-phone-retry.rz-button {
    min-height: 42px;
    border-radius: 10px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}

.allowed-phone-toolbar[b-7chdv55lhc] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 26px;
}

.allowed-phone-search[b-7chdv55lhc] {
    position: relative;
    width: min(100%, 380px);
    flex: 0 1 380px;
}

.allowed-phone-search[b-7chdv55lhc]  .allowed-phone-search__icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    color: var(--header-muted);
    font-size: 19px;
    pointer-events: none;
    transform: translateY(-50%);
}

.allowed-phone-search__input[b-7chdv55lhc] {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 43px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 11px;
    outline: none;
    font: inherit;
    font-size: 13px;
}

.allowed-phone-search__input:focus[b-7chdv55lhc] {
    border-color: var(--header-blue);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--header-blue) 15%, transparent);
}

.allowed-phone-search__input[b-7chdv55lhc]::placeholder {
    color: var(--header-muted);
    opacity: 1;
}

.allowed-phone-filters[b-7chdv55lhc] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    overflow-x: auto;
    padding: 3px;
    scrollbar-width: none;
}

.allowed-phone-filters[b-7chdv55lhc]::-webkit-scrollbar {
    display: none;
}

.allowed-phone-filters[b-7chdv55lhc]  .allowed-phone-filter.rz-button {
    min-height: 38px;
    flex: none;
    padding: 0 15px;
    color: var(--app-nav-text) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 999px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 650;
}

.allowed-phone-filters[b-7chdv55lhc]  .allowed-phone-filter.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.allowed-phone-filters[b-7chdv55lhc]  .allowed-phone-filter.is-selected.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
    box-shadow: 0 5px 13px color-mix(in srgb, var(--header-blue) 27%, transparent);
}

.allowed-phone-panel[b-7chdv55lhc] {
    min-width: 0;
    margin-top: 18px;
    padding: 22px 22px 16px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 15px;
    box-shadow: var(--app-panel-shadow);
}

.allowed-phone-panel__header[b-7chdv55lhc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.allowed-phone-panel__header h2[b-7chdv55lhc] {
    margin: 0;
    color: var(--header-ink);
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.025em;
}

.allowed-phone-panel__header p[b-7chdv55lhc] {
    margin: 5px 0 0;
    color: var(--header-muted);
    font-size: 12px;
}

.allowed-phone-panel__active-summary[b-7chdv55lhc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #099468;
    font-size: 11px;
    white-space: nowrap;
}

.allowed-phone-panel__active-summary > span[b-7chdv55lhc] {
    width: 7px;
    height: 7px;
    display: inline-block;
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 0 3px color-mix(in srgb, #0bab78 12%, transparent);
}

.allowed-phone-list[b-7chdv55lhc] {
    margin-top: 17px;
    border-top: 1px solid var(--app-border-soft);
}

.allowed-phone-feedback[b-7chdv55lhc] {
    min-height: 300px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    margin-top: 18px;
    padding: 32px;
    color: var(--header-muted);
    text-align: center;
    background: var(--app-surface);
    border: 1px dashed var(--header-line);
    border-radius: 16px;
}

.allowed-phone-feedback[b-7chdv55lhc]  .rzi {
    margin-bottom: 4px;
    color: var(--header-blue);
    font-size: 32px;
}

.allowed-phone-feedback h2[b-7chdv55lhc] {
    margin: 0;
    color: var(--header-ink);
    font-size: 17px;
}

.allowed-phone-feedback p[b-7chdv55lhc] {
    max-width: 520px;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.allowed-phone-feedback--error[b-7chdv55lhc]  .rzi {
    color: #dc4054;
}

.allowed-phone-loading__spinner[b-7chdv55lhc] {
    width: 34px;
    height: 34px;
    margin-bottom: 5px;
    border: 3px solid var(--header-line);
    border-top-color: var(--header-blue);
    border-radius: 50%;
    animation: allowed-phone-spin-b-7chdv55lhc .75s linear infinite;
}

@keyframes allowed-phone-spin-b-7chdv55lhc {
    to { transform: rotate(360deg); }
}

@media (max-width: 760px) {
    .allowed-phone-heading[b-7chdv55lhc] {
        align-items: stretch;
        flex-direction: column;
    }

    .allowed-phone-heading[b-7chdv55lhc]  .allowed-phone-create.rz-button {
        width: 100%;
    }

    .allowed-phone-toolbar[b-7chdv55lhc] {
        flex-wrap: wrap;
    }

    .allowed-phone-search[b-7chdv55lhc] {
        flex-basis: 100%;
    }

    .allowed-phone-filters[b-7chdv55lhc] {
        width: 100%;
        flex-basis: 100%;
    }

    .allowed-phone-panel[b-7chdv55lhc] {
        padding: 18px 14px 14px;
    }
}

@media (max-width: 480px) {
    .allowed-phone-panel__active-summary[b-7chdv55lhc] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .allowed-phone-loading__spinner[b-7chdv55lhc] { animation: none; }
}
/* /Pages/BotSession.razor.rz.scp.css */
.session-toolbar[b-66a8ryf54o] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
}

.session-search[b-66a8ryf54o] {
    position: relative;
    width: min(100%, 360px);
    flex: 0 1 360px;
}

.session-search[b-66a8ryf54o]  .session-search__icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    color: var(--header-muted);
    font-size: 19px;
    pointer-events: none;
    transform: translateY(-50%);
}

.session-search[b-66a8ryf54o]  .session-search__input.rz-textbox {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 43px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 11px;
    box-shadow: none;
    font-size: 13px;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.session-search[b-66a8ryf54o]  .session-search__input.rz-textbox::placeholder {
    color: var(--header-muted);
    opacity: 1;
}

.session-search[b-66a8ryf54o]  .session-search__input.rz-textbox:focus {
    border-color: var(--header-blue);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--header-blue) 15%, transparent);
    outline: none;
}

.session-toolbar[b-66a8ryf54o]  .session-filters {
    min-width: 0;
    flex: 1 1 auto;
    overflow-x: auto;
    padding: 3px;
    scrollbar-width: none;
}

.session-toolbar[b-66a8ryf54o]  .session-filters::-webkit-scrollbar {
    display: none;
}

.session-toolbar[b-66a8ryf54o]  .session-filter.rz-button {
    min-height: 38px;
    flex: none;
    padding: 0 15px;
    color: var(--app-nav-text) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 999px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.session-toolbar[b-66a8ryf54o]  .session-filter.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
    box-shadow: none;
}

.session-toolbar[b-66a8ryf54o]  .session-filter.is-selected.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
    box-shadow: 0 5px 13px color-mix(in srgb, var(--header-blue) 27%, transparent);
}

.session-toolbar[b-66a8ryf54o]  .session-sort.rz-button {
    min-height: 42px;
    flex: none;
    padding: 0 14px;
    color: var(--header-ink) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 10px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.session-toolbar[b-66a8ryf54o]  .session-sort.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
    box-shadow: none;
}

.session-list[b-66a8ryf54o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 18px;
    margin-top: 20px;
}

.session-feedback[b-66a8ryf54o],
.session-loading[b-66a8ryf54o] {
    min-height: 260px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    margin-top: 20px;
    padding: 32px;
    color: var(--header-muted);
    text-align: center;
    background: var(--app-surface);
    border: 1px dashed var(--header-line);
    border-radius: 16px;
}

.session-feedback[b-66a8ryf54o]  .rzi {
    margin-bottom: 4px;
    color: var(--header-blue);
    font-size: 32px;
}

.session-feedback h2[b-66a8ryf54o] {
    margin: 0;
    color: var(--header-ink);
    font-size: 17px;
}

.session-feedback p[b-66a8ryf54o],
.session-loading p[b-66a8ryf54o] {
    margin: 0;
    font-size: 13px;
}

.session-feedback--error[b-66a8ryf54o]  .rzi {
    color: #dc4054;
}

.session-feedback[b-66a8ryf54o]  .session-retry.rz-button {
    margin-top: 10px;
    border-radius: 9px;
    box-shadow: none;
}

.session-loading__spinner[b-66a8ryf54o] {
    width: 34px;
    height: 34px;
    margin-bottom: 5px;
    border: 3px solid var(--header-line);
    border-top-color: var(--header-blue);
    border-radius: 50%;
    animation: session-spin-b-66a8ryf54o .75s linear infinite;
}

.session-results[b-66a8ryf54o] {
    position: relative;
}

.session-results__progress[b-66a8ryf54o] {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: color-mix(in srgb, var(--header-blue) 13%, transparent);
    border-radius: 2px;
}

.session-results__progress span[b-66a8ryf54o] {
    width: 32%;
    height: 100%;
    display: block;
    background: var(--header-blue);
    border-radius: inherit;
    animation: session-progress-b-66a8ryf54o 1s ease-in-out infinite;
}

.session-pagination[b-66a8ryf54o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--header-line);
}

.session-pagination > p[b-66a8ryf54o] {
    margin: 0;
    color: var(--header-muted);
    font-size: 12px;
}

.session-pagination[b-66a8ryf54o]  .session-page-button.rz-button {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0;
    color: var(--app-nav-text) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 8px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}

.session-pagination[b-66a8ryf54o]  .session-page-button.rz-button:hover:not(:disabled) {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.session-pagination[b-66a8ryf54o]  .session-page-button.is-current.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
}

.session-pagination[b-66a8ryf54o]  .session-page-button.rz-button:disabled {
    opacity: .45;
}

.session-pagination[b-66a8ryf54o]  .session-page-button--navigation .rzi {
    margin: 0;
    font-size: 18px;
}

@keyframes session-spin-b-66a8ryf54o {
    to { transform: rotate(360deg); }
}

@keyframes session-progress-b-66a8ryf54o {
    from { transform: translateX(-110%); }
    to { transform: translateX(315%); }
}

@media (max-width: 1120px) {
    .session-toolbar[b-66a8ryf54o] {
        flex-wrap: wrap;
    }

    .session-search[b-66a8ryf54o] {
        width: 100%;
        flex-basis: calc(100% - 160px);
    }

    .session-toolbar[b-66a8ryf54o]  .session-filters {
        order: 3;
        width: 100%;
        flex-basis: 100%;
    }
}

@media (max-width: 820px) {
    .session-list[b-66a8ryf54o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 580px) {
    .session-toolbar[b-66a8ryf54o] {
        align-items: stretch;
    }

    .session-search[b-66a8ryf54o] {
        flex-basis: 100%;
    }

    .session-toolbar[b-66a8ryf54o]  .session-sort.rz-button {
        width: 100%;
    }

    .session-list[b-66a8ryf54o] {
        gap: 14px;
    }

    .session-pagination[b-66a8ryf54o] {
        align-items: flex-start;
        flex-direction: column;
    }

    .session-pagination[b-66a8ryf54o]  .session-pagination__actions {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .session-loading__spinner[b-66a8ryf54o],
    .session-results__progress span[b-66a8ryf54o] {
        animation-duration: 1.8s;
    }
}
/* /Pages/Form.razor.rz.scp.css */
.form-heading[b-yn168ghuco] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.form-heading[b-yn168ghuco]  .form-create.rz-button {
    min-height: 42px;
    flex: none;
    padding: 0 18px;
    color: #fff !important;
    background: var(--header-blue);
    border: 1px solid var(--header-blue);
    border-radius: 10px;
    box-shadow: 0 7px 16px color-mix(in srgb, var(--header-blue) 22%, transparent);
    font-size: 12px;
    font-weight: 700;
}

.form-heading[b-yn168ghuco]  .form-create.rz-button:hover {
    background: color-mix(in srgb, var(--header-blue) 88%, #0b3f91);
    border-color: color-mix(in srgb, var(--header-blue) 88%, #0b3f91);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--header-blue) 28%, transparent);
}

.form-toolbar[b-yn168ghuco] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
}

.form-search[b-yn168ghuco] {
    position: relative;
    width: min(100%, 360px);
    flex: 0 1 360px;
}

.form-search[b-yn168ghuco]  .form-search__icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    color: var(--header-muted);
    font-size: 19px;
    pointer-events: none;
    transform: translateY(-50%);
}

.form-search[b-yn168ghuco]  .form-search__input.rz-textbox {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 43px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 11px;
    box-shadow: none;
    font-size: 13px;
}

.form-search[b-yn168ghuco]  .form-search__input.rz-textbox::placeholder {
    color: var(--header-muted);
    opacity: 1;
}

.form-search[b-yn168ghuco]  .form-search__input.rz-textbox:focus {
    border-color: var(--header-blue);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--header-blue) 15%, transparent);
    outline: none;
}

.form-toolbar[b-yn168ghuco]  .form-filters {
    min-width: 0;
    flex: 1 1 auto;
    overflow-x: auto;
    padding: 3px;
    scrollbar-width: none;
}

.form-toolbar[b-yn168ghuco]  .form-filters::-webkit-scrollbar {
    display: none;
}

.form-toolbar[b-yn168ghuco]  .form-filter.rz-button {
    min-height: 38px;
    flex: none;
    padding: 0 15px;
    color: var(--app-nav-text) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 999px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.form-toolbar[b-yn168ghuco]  .form-filter.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.form-toolbar[b-yn168ghuco]  .form-filter.is-selected.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
    box-shadow: 0 5px 13px color-mix(in srgb, var(--header-blue) 27%, transparent);
}

.form-toolbar[b-yn168ghuco]  .form-sort.rz-button {
    min-height: 42px;
    flex: none;
    padding: 0 14px;
    color: var(--header-ink) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 10px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.form-toolbar[b-yn168ghuco]  .form-sort.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.form-feedback[b-yn168ghuco],
.form-loading[b-yn168ghuco] {
    min-height: 260px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    margin-top: 20px;
    padding: 32px;
    color: var(--header-muted);
    text-align: center;
    background: var(--app-surface);
    border: 1px dashed var(--header-line);
    border-radius: 16px;
}

.form-feedback[b-yn168ghuco]  .rzi {
    margin-bottom: 4px;
    color: var(--header-blue);
    font-size: 32px;
}

.form-feedback h2[b-yn168ghuco] {
    margin: 0;
    color: var(--header-ink);
    font-size: 17px;
}

.form-feedback p[b-yn168ghuco],
.form-loading p[b-yn168ghuco] {
    margin: 0;
    font-size: 13px;
}

.form-feedback--error[b-yn168ghuco]  .rzi {
    color: #dc4054;
}

.form-feedback[b-yn168ghuco]  .form-retry.rz-button {
    margin-top: 10px;
    border-radius: 9px;
    box-shadow: none;
}

.form-loading__spinner[b-yn168ghuco] {
    width: 34px;
    height: 34px;
    margin-bottom: 5px;
    border: 3px solid var(--header-line);
    border-top-color: var(--header-blue);
    border-radius: 50%;
    animation: form-spin-b-yn168ghuco .75s linear infinite;
}

.form-results[b-yn168ghuco] {
    position: relative;
}

.form-results__progress[b-yn168ghuco] {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: color-mix(in srgb, var(--header-blue) 13%, transparent);
    border-radius: 2px;
}

.form-results__progress span[b-yn168ghuco] {
    width: 32%;
    height: 100%;
    display: block;
    background: var(--header-blue);
    border-radius: inherit;
    animation: form-progress-b-yn168ghuco 1s ease-in-out infinite;
}

.form-list[b-yn168ghuco] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 16px;
    margin-top: 20px;
}

.form-pagination[b-yn168ghuco] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--header-line);
}

.form-pagination > p[b-yn168ghuco] {
    margin: 0;
    color: var(--header-muted);
    font-size: 12px;
}

.form-pagination[b-yn168ghuco]  .form-page-button.rz-button {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0;
    color: var(--app-nav-text) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 8px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}

.form-pagination[b-yn168ghuco]  .form-page-button.rz-button:hover:not(:disabled) {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.form-pagination[b-yn168ghuco]  .form-page-button.is-current.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
}

.form-pagination[b-yn168ghuco]  .form-page-button.rz-button:disabled {
    opacity: .45;
}

.form-pagination[b-yn168ghuco]  .form-page-button--navigation .rzi {
    margin: 0;
    font-size: 18px;
}

@keyframes form-spin-b-yn168ghuco {
    to { transform: rotate(360deg); }
}

@keyframes form-progress-b-yn168ghuco {
    from { transform: translateX(-110%); }
    to { transform: translateX(315%); }
}

@media (max-width: 1120px) {
    .form-toolbar[b-yn168ghuco] {
        flex-wrap: wrap;
    }

    .form-search[b-yn168ghuco] {
        width: 100%;
        flex-basis: calc(100% - 160px);
    }

    .form-toolbar[b-yn168ghuco]  .form-filters {
        order: 3;
        width: 100%;
        flex-basis: 100%;
    }

    .form-list[b-yn168ghuco] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .form-heading[b-yn168ghuco] {
        align-items: flex-start;
        flex-direction: column;
    }

    .form-heading[b-yn168ghuco]  .form-create.rz-button {
        width: 100%;
    }

    .form-list[b-yn168ghuco] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 580px) {
    .form-toolbar[b-yn168ghuco] {
        align-items: stretch;
    }

    .form-search[b-yn168ghuco] {
        flex-basis: 100%;
    }

    .form-toolbar[b-yn168ghuco]  .form-sort.rz-button {
        width: 100%;
    }

    .form-pagination[b-yn168ghuco] {
        align-items: flex-start;
        flex-direction: column;
    }

    .form-pagination[b-yn168ghuco]  .form-pagination__actions {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .form-loading__spinner[b-yn168ghuco],
    .form-results__progress span[b-yn168ghuco] {
        animation-duration: 1.8s;
    }
}
/* /Pages/FormGlpi.razor.rz.scp.css */
.form-heading[b-mhcnlka05h] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.form-glpi-notice[b-mhcnlka05h] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 22px;
    padding: 14px 16px;
    color: var(--header-ink);
    background: color-mix(in srgb, #f59e0b 10%, var(--app-surface));
    border: 1px solid color-mix(in srgb, #f59e0b 28%, var(--header-line));
    border-radius: 12px;
}

.form-glpi-notice[b-mhcnlka05h]  .rzi {
    flex: none;
    margin-top: 1px;
    color: #c27305;
    font-size: 21px;
}

.form-glpi-notice strong[b-mhcnlka05h],
.form-glpi-notice p[b-mhcnlka05h] {
    margin: 0;
}

.form-glpi-notice strong[b-mhcnlka05h] {
    display: block;
    font-size: 13px;
}

.form-glpi-notice p[b-mhcnlka05h] {
    margin-top: 4px;
    color: var(--header-muted);
    font-size: 12px;
    line-height: 1.55;
}

.form-glpi-notice + .form-toolbar[b-mhcnlka05h] {
    margin-top: 16px;
}

.form-heading[b-mhcnlka05h]  .form-create.rz-button {
    min-height: 42px;
    flex: none;
    padding: 0 18px;
    color: #fff !important;
    background: var(--header-blue);
    border: 1px solid var(--header-blue);
    border-radius: 10px;
    box-shadow: 0 7px 16px color-mix(in srgb, var(--header-blue) 22%, transparent);
    font-size: 12px;
    font-weight: 700;
}

.form-heading[b-mhcnlka05h]  .form-create.rz-button:hover {
    background: color-mix(in srgb, var(--header-blue) 88%, #0b3f91);
    border-color: color-mix(in srgb, var(--header-blue) 88%, #0b3f91);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--header-blue) 28%, transparent);
}

.form-toolbar[b-mhcnlka05h] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
}

.form-search[b-mhcnlka05h] {
    position: relative;
    width: min(100%, 360px);
    flex: 0 1 360px;
}

.form-search[b-mhcnlka05h]  .form-search__icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    color: var(--header-muted);
    font-size: 19px;
    pointer-events: none;
    transform: translateY(-50%);
}

.form-search[b-mhcnlka05h]  .form-search__input.rz-textbox {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 43px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 11px;
    box-shadow: none;
    font-size: 13px;
}

.form-search[b-mhcnlka05h]  .form-search__input.rz-textbox::placeholder {
    color: var(--header-muted);
    opacity: 1;
}

.form-search[b-mhcnlka05h]  .form-search__input.rz-textbox:focus {
    border-color: var(--header-blue);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--header-blue) 15%, transparent);
    outline: none;
}

.form-toolbar[b-mhcnlka05h]  .form-filters {
    min-width: 0;
    flex: 1 1 auto;
    overflow-x: auto;
    padding: 3px;
    scrollbar-width: none;
}

.form-toolbar[b-mhcnlka05h]  .form-filters::-webkit-scrollbar {
    display: none;
}

.form-toolbar[b-mhcnlka05h]  .form-filter.rz-button {
    min-height: 38px;
    flex: none;
    padding: 0 15px;
    color: var(--app-nav-text) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 999px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.form-toolbar[b-mhcnlka05h]  .form-filter.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.form-toolbar[b-mhcnlka05h]  .form-filter.is-selected.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
    box-shadow: 0 5px 13px color-mix(in srgb, var(--header-blue) 27%, transparent);
}

.form-toolbar[b-mhcnlka05h]  .form-sort.rz-button {
    min-height: 42px;
    flex: none;
    padding: 0 14px;
    color: var(--header-ink) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 10px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.form-toolbar[b-mhcnlka05h]  .form-sort.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.form-feedback[b-mhcnlka05h],
.form-loading[b-mhcnlka05h] {
    min-height: 260px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    margin-top: 20px;
    padding: 32px;
    color: var(--header-muted);
    text-align: center;
    background: var(--app-surface);
    border: 1px dashed var(--header-line);
    border-radius: 16px;
}

.form-feedback[b-mhcnlka05h]  .rzi {
    margin-bottom: 4px;
    color: var(--header-blue);
    font-size: 32px;
}

.form-feedback h2[b-mhcnlka05h] {
    margin: 0;
    color: var(--header-ink);
    font-size: 17px;
}

.form-feedback p[b-mhcnlka05h],
.form-loading p[b-mhcnlka05h] {
    margin: 0;
    font-size: 13px;
}

.form-feedback--error[b-mhcnlka05h]  .rzi {
    color: #dc4054;
}

.form-feedback[b-mhcnlka05h]  .form-retry.rz-button {
    margin-top: 10px;
    border-radius: 9px;
    box-shadow: none;
}

.form-loading__spinner[b-mhcnlka05h] {
    width: 34px;
    height: 34px;
    margin-bottom: 5px;
    border: 3px solid var(--header-line);
    border-top-color: var(--header-blue);
    border-radius: 50%;
    animation: form-spin-b-mhcnlka05h .75s linear infinite;
}

.form-results[b-mhcnlka05h] {
    position: relative;
}

.form-results__progress[b-mhcnlka05h] {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: color-mix(in srgb, var(--header-blue) 13%, transparent);
    border-radius: 2px;
}

.form-results__progress span[b-mhcnlka05h] {
    width: 32%;
    height: 100%;
    display: block;
    background: var(--header-blue);
    border-radius: inherit;
    animation: form-progress-b-mhcnlka05h 1s ease-in-out infinite;
}

.form-list[b-mhcnlka05h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 16px;
    margin-top: 20px;
}

.form-pagination[b-mhcnlka05h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--header-line);
}

.form-pagination > p[b-mhcnlka05h] {
    margin: 0;
    color: var(--header-muted);
    font-size: 12px;
}

.form-pagination[b-mhcnlka05h]  .form-page-button.rz-button {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0;
    color: var(--app-nav-text) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 8px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}

.form-pagination[b-mhcnlka05h]  .form-page-button.rz-button:hover:not(:disabled) {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.form-pagination[b-mhcnlka05h]  .form-page-button.is-current.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
}

.form-pagination[b-mhcnlka05h]  .form-page-button.rz-button:disabled {
    opacity: .45;
}

.form-pagination[b-mhcnlka05h]  .form-page-button--navigation .rzi {
    margin: 0;
    font-size: 18px;
}

@keyframes form-spin-b-mhcnlka05h {
    to { transform: rotate(360deg); }
}

@keyframes form-progress-b-mhcnlka05h {
    from { transform: translateX(-110%); }
    to { transform: translateX(315%); }
}

@media (max-width: 1120px) {
    .form-toolbar[b-mhcnlka05h] {
        flex-wrap: wrap;
    }

    .form-search[b-mhcnlka05h] {
        width: 100%;
        flex-basis: calc(100% - 160px);
    }

    .form-toolbar[b-mhcnlka05h]  .form-filters {
        order: 3;
        width: 100%;
        flex-basis: 100%;
    }

    .form-list[b-mhcnlka05h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .form-heading[b-mhcnlka05h] {
        align-items: flex-start;
        flex-direction: column;
    }

    .form-heading[b-mhcnlka05h]  .form-create.rz-button {
        width: 100%;
    }

    .form-list[b-mhcnlka05h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 580px) {
    .form-toolbar[b-mhcnlka05h] {
        align-items: stretch;
    }

    .form-search[b-mhcnlka05h] {
        flex-basis: 100%;
    }

    .form-toolbar[b-mhcnlka05h]  .form-sort.rz-button {
        width: 100%;
    }

    .form-pagination[b-mhcnlka05h] {
        align-items: flex-start;
        flex-direction: column;
    }

    .form-pagination[b-mhcnlka05h]  .form-pagination__actions {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .form-loading__spinner[b-mhcnlka05h],
    .form-results__progress span[b-mhcnlka05h] {
        animation-duration: 1.8s;
    }
}

/* /Pages/HumanQueue.razor.rz.scp.css */
.queue-heading[b-xjmagnqbzh] {
    max-width: 720px;
}

.queue-metrics[b-xjmagnqbzh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.queue-toolbar[b-xjmagnqbzh] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.queue-search[b-xjmagnqbzh] {
    position: relative;
    width: min(100%, 380px);
    flex: 0 1 380px;
}

.queue-search[b-xjmagnqbzh]  .queue-search__icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    color: var(--header-muted);
    font-size: 19px;
    pointer-events: none;
    transform: translateY(-50%);
}

.queue-search[b-xjmagnqbzh]  .queue-search__input.rz-textbox {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 43px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 11px;
    box-shadow: none;
    font-size: 13px;
}

.queue-search[b-xjmagnqbzh]  .queue-search__input.rz-textbox::placeholder {
    color: var(--header-muted);
    opacity: 1;
}

.queue-search[b-xjmagnqbzh]  .queue-search__input.rz-textbox:focus {
    border-color: var(--header-blue);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--header-blue) 15%, transparent);
    outline: none;
}

.queue-toolbar[b-xjmagnqbzh]  .queue-filters {
    min-width: 0;
    flex: 1 1 auto;
    overflow-x: auto;
    padding: 3px;
    scrollbar-width: none;
}

.queue-toolbar[b-xjmagnqbzh]  .queue-filters::-webkit-scrollbar {
    display: none;
}

.queue-toolbar[b-xjmagnqbzh]  .queue-filter.rz-button {
    min-height: 38px;
    flex: none;
    padding: 0 15px;
    color: var(--app-nav-text) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 999px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 650;
}

.queue-toolbar[b-xjmagnqbzh]  .queue-filter.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.queue-toolbar[b-xjmagnqbzh]  .queue-filter.is-selected.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
    box-shadow: 0 5px 13px color-mix(in srgb, var(--header-blue) 27%, transparent);
}

.queue-toolbar[b-xjmagnqbzh]  .queue-sort.rz-button {
    min-height: 42px;
    flex: none;
    padding: 0 14px;
    color: var(--header-ink) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 10px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 650;
}

.queue-toolbar[b-xjmagnqbzh]  .queue-sort.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.queue-workspace[b-xjmagnqbzh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: start;
    gap: 18px;
    margin-top: 18px;
}

.queue-panel[b-xjmagnqbzh],
.team-panel[b-xjmagnqbzh] {
    min-width: 0;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 15px;
    box-shadow: var(--app-panel-shadow);
}

.queue-panel[b-xjmagnqbzh] {
    position: relative;
    overflow: hidden;
    padding: 22px 22px 16px;
}

.queue-panel__progress[b-xjmagnqbzh] {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: color-mix(in srgb, var(--header-blue) 13%, transparent);
}

.queue-panel__progress span[b-xjmagnqbzh] {
    width: 32%;
    height: 100%;
    display: block;
    background: var(--header-blue);
    border-radius: inherit;
    animation: queue-progress-b-xjmagnqbzh 1s ease-in-out infinite;
}

.queue-panel__header[b-xjmagnqbzh],
.team-panel__header[b-xjmagnqbzh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.queue-panel__header h2[b-xjmagnqbzh],
.team-panel__header h2[b-xjmagnqbzh] {
    margin: 0;
    color: var(--header-ink);
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.025em;
}

.queue-panel__header p[b-xjmagnqbzh],
.team-panel__header p[b-xjmagnqbzh] {
    margin: 5px 0 0;
    color: var(--header-muted);
    font-size: 12px;
}

.queue-panel__live[b-xjmagnqbzh] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--header-muted);
    font-size: 11px;
    white-space: nowrap;
}

.queue-panel__live > span[b-xjmagnqbzh],
.team-panel__header p > span[b-xjmagnqbzh] {
    width: 7px;
    height: 7px;
    display: inline-block;
    background: #0bab78;
    border-radius: 50%;
    box-shadow: 0 0 0 3px color-mix(in srgb, #0bab78 12%, transparent);
}

.queue-list[b-xjmagnqbzh] {
    margin-top: 17px;
    border-top: 1px solid var(--app-border-soft);
}

.queue-list-empty[b-xjmagnqbzh] {
    min-height: 275px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    margin-top: 17px;
    color: var(--header-muted);
    text-align: center;
    border-top: 1px solid var(--app-border-soft);
}

.queue-list-empty[b-xjmagnqbzh]  .rzi {
    margin-bottom: 4px;
    color: var(--header-blue);
    font-size: 32px;
}

.queue-list-empty strong[b-xjmagnqbzh] {
    color: var(--header-ink);
    font-size: 15px;
}

.queue-list-empty span[b-xjmagnqbzh] {
    font-size: 12px;
}

.queue-feedback[b-xjmagnqbzh],
.queue-loading[b-xjmagnqbzh] {
    min-height: 300px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    margin-top: 18px;
    padding: 32px;
    color: var(--header-muted);
    text-align: center;
    background: var(--app-surface);
    border: 1px dashed var(--header-line);
    border-radius: 16px;
}

.queue-feedback[b-xjmagnqbzh]  .rzi {
    margin-bottom: 4px;
    color: var(--header-blue);
    font-size: 32px;
}

.queue-feedback h2[b-xjmagnqbzh] {
    margin: 0;
    color: var(--header-ink);
    font-size: 17px;
}

.queue-feedback p[b-xjmagnqbzh],
.queue-loading p[b-xjmagnqbzh] {
    margin: 0;
    font-size: 13px;
}

.queue-feedback--error[b-xjmagnqbzh]  .rzi {
    color: #dc4054;
}

.queue-feedback[b-xjmagnqbzh]  .queue-retry.rz-button {
    margin-top: 10px;
    border-radius: 9px;
    box-shadow: none;
}

.queue-loading__spinner[b-xjmagnqbzh] {
    width: 34px;
    height: 34px;
    margin-bottom: 5px;
    border: 3px solid var(--header-line);
    border-top-color: var(--header-blue);
    border-radius: 50%;
    animation: queue-spin-b-xjmagnqbzh .75s linear infinite;
}

.queue-pagination[b-xjmagnqbzh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 2px;
    padding-top: 16px;
    border-top: 1px solid var(--app-border-soft);
}

.queue-pagination > p[b-xjmagnqbzh] {
    margin: 0;
    color: var(--header-muted);
    font-size: 12px;
}

.queue-pagination[b-xjmagnqbzh]  .queue-page-button.rz-button {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0;
    color: var(--app-nav-text) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 8px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}

.queue-pagination[b-xjmagnqbzh]  .queue-page-button.is-current.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
}

.queue-pagination[b-xjmagnqbzh]  .queue-page-button.rz-button:hover:not(:disabled) {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
}

.queue-pagination[b-xjmagnqbzh]  .queue-page-button.rz-button:disabled {
    opacity: .45;
}

.queue-pagination[b-xjmagnqbzh]  .queue-page-button--navigation .rzi {
    margin: 0;
    font-size: 18px;
}

.team-panel[b-xjmagnqbzh] {
    padding: 22px 18px 18px;
}

.team-panel__header[b-xjmagnqbzh] {
    display: block;
}

.team-panel__header p[b-xjmagnqbzh] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #099468;
}

.team-list[b-xjmagnqbzh] {
    margin-top: 17px;
    border-top: 1px solid var(--app-border-soft);
}

.team-empty[b-xjmagnqbzh] {
    min-height: 180px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    margin-top: 17px;
    padding: 24px 10px;
    color: var(--header-muted);
    text-align: center;
    border-top: 1px solid var(--app-border-soft);
}

.team-empty[b-xjmagnqbzh]  .rzi {
    margin-bottom: 3px;
    color: var(--app-chevron);
    font-size: 27px;
}

.team-empty strong[b-xjmagnqbzh] {
    color: var(--header-ink);
    font-size: 12px;
}

.team-empty span[b-xjmagnqbzh] {
    font-size: 10px;
    line-height: 1.45;
}

.team-member[b-xjmagnqbzh] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 2px;
    border-bottom: 1px solid var(--app-border-soft);
}

.team-member__avatar[b-xjmagnqbzh] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 9%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 17%, var(--header-line));
    border-radius: 50%;
    font-size: 12px;
    font-weight: 750;
}

.team-member > div[b-xjmagnqbzh] {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.team-member strong[b-xjmagnqbzh] {
    overflow: hidden;
    color: var(--header-ink);
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-member > div > span[b-xjmagnqbzh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--header-muted);
    font-size: 11px;
}

.team-member i[b-xjmagnqbzh] {
    width: 7px;
    height: 7px;
    display: inline-block;
    background: currentColor;
    border-radius: 50%;
}

.team-member .is-available[b-xjmagnqbzh] {
    color: #099468;
}

.team-member .is-busy[b-xjmagnqbzh] {
    color: var(--header-blue);
}

.team-automation[b-xjmagnqbzh] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    margin-top: 16px;
    padding: 14px;
    color: #087f61;
    background: color-mix(in srgb, #12b886 10%, var(--app-surface));
    border: 1px solid color-mix(in srgb, #12b886 12%, var(--app-border-soft));
    border-radius: 11px;
}

.team-automation[b-xjmagnqbzh]  .rzi {
    font-size: 20px;
}

.team-automation strong[b-xjmagnqbzh] {
    display: block;
    font-size: 11px;
    line-height: 1.4;
}

.team-automation p[b-xjmagnqbzh] {
    margin: 4px 0 0;
    color: var(--header-muted);
    font-size: 10px;
    line-height: 1.5;
}

@keyframes queue-spin-b-xjmagnqbzh {
    to { transform: rotate(360deg); }
}

@keyframes queue-progress-b-xjmagnqbzh {
    from { transform: translateX(-110%); }
    to { transform: translateX(315%); }
}

@media (max-width: 1120px) {
    .queue-metrics[b-xjmagnqbzh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .queue-toolbar[b-xjmagnqbzh] {
        flex-wrap: wrap;
    }

    .queue-search[b-xjmagnqbzh] {
        flex-basis: calc(100% - 180px);
    }

    .queue-toolbar[b-xjmagnqbzh]  .queue-filters {
        order: 3;
        width: 100%;
        flex-basis: 100%;
    }
}

@media (max-width: 920px) {
    .queue-workspace[b-xjmagnqbzh] {
        grid-template-columns: 1fr;
    }

    .team-list[b-xjmagnqbzh] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .team-member[b-xjmagnqbzh] {
        border-right: 1px solid var(--app-border-soft);
    }

    .team-member:last-child[b-xjmagnqbzh] {
        border-right: 0;
    }
}

@media (max-width: 640px) {
    .queue-metrics[b-xjmagnqbzh] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .queue-toolbar[b-xjmagnqbzh] {
        align-items: stretch;
    }

    .queue-search[b-xjmagnqbzh] {
        flex-basis: 100%;
    }

    .queue-toolbar[b-xjmagnqbzh]  .queue-sort.rz-button {
        width: 100%;
    }

    .queue-panel[b-xjmagnqbzh] {
        padding: 18px 14px 14px;
    }

    .queue-panel__live[b-xjmagnqbzh] {
        display: none;
    }

    .queue-pagination[b-xjmagnqbzh] {
        align-items: flex-start;
        flex-direction: column;
    }

    .team-list[b-xjmagnqbzh] {
        grid-template-columns: 1fr;
    }

    .team-member[b-xjmagnqbzh] {
        border-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .queue-loading__spinner[b-xjmagnqbzh],
    .queue-panel__progress span[b-xjmagnqbzh] {
        animation-duration: 1.8s;
    }
}
/* /Pages/Parameter.razor.rz.scp.css */
.parameter-search[b-jwylibuzs4] {
    position: relative;
    width: min(100%, 360px);
    margin-top: 28px;
}

.parameter-search[b-jwylibuzs4]  .parameter-search__icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    color: var(--header-muted);
    font-size: 19px;
    pointer-events: none;
    transform: translateY(-50%);
}

.parameter-search__input[b-jwylibuzs4] {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 43px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 11px;
    outline: none;
    font: inherit;
    font-size: 13px;
}

.parameter-search__input[b-jwylibuzs4]::placeholder {
    color: var(--header-muted);
    opacity: 1;
}

.parameter-search__input:focus[b-jwylibuzs4] {
    border-color: var(--header-blue);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--header-blue) 15%, transparent);
}

.parameter-list[b-jwylibuzs4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 360px));
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 20px;
    margin-top: 20px;
}

.parameter-feedback[b-jwylibuzs4],
.parameter-loading[b-jwylibuzs4] {
    min-height: 250px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    margin-top: 28px;
    padding: 30px;
    color: var(--header-muted);
    text-align: center;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 16px;
    box-shadow: var(--app-panel-shadow);
}

.parameter-feedback[b-jwylibuzs4]  .rzi {
    color: var(--header-blue);
    font-size: 32px;
}

.parameter-feedback h2[b-jwylibuzs4] {
    margin: 3px 0 0;
    color: var(--header-ink);
    font-size: 17px;
}

.parameter-feedback p[b-jwylibuzs4],
.parameter-loading p[b-jwylibuzs4] {
    max-width: 520px;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.parameter-feedback--error[b-jwylibuzs4]  .rzi { color: #dc4054; }

.parameter-feedback--empty-search[b-jwylibuzs4] {
    margin-top: 20px;
    border-style: dashed;
    box-shadow: none;
}

.parameter-feedback[b-jwylibuzs4]  .parameter-retry.rz-button {
    min-height: 39px;
    margin-top: 8px;
    border-radius: 9px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}

.parameter-loading__spinner[b-jwylibuzs4] {
    width: 30px;
    height: 30px;
    border: 3px solid var(--app-border-soft);
    border-top-color: var(--header-blue);
    border-radius: 50%;
    animation: parameter-spin-b-jwylibuzs4 .75s linear infinite;
}

@keyframes parameter-spin-b-jwylibuzs4 { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .parameter-loading__spinner[b-jwylibuzs4] { animation: none; }
}
/* /Shared/AllowedPhoneDialog.razor.rz.scp.css */
.allowed-phone-dialog[b-rk9003ywjw] {
    color: var(--header-ink);
}

.allowed-phone-dialog__summary[b-rk9003ywjw] {
    display: flex;
    gap: 13px;
    padding: 14px;
    margin-bottom: 20px;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border-soft);
    border-radius: 12px;
}

.allowed-phone-dialog__summary > span[b-rk9003ywjw] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: var(--app-nav-hover);
    border-radius: 10px;
}

.allowed-phone-dialog__summary strong[b-rk9003ywjw] {
    display: block;
    font-size: 14px;
}

.allowed-phone-dialog__summary p[b-rk9003ywjw] {
    margin: 4px 0 0;
    color: var(--header-muted);
    font-size: 12px;
    line-height: 1.45;
}

.allowed-phone-dialog__error[b-rk9003ywjw] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    padding: 11px 13px;
    color: #b3263e;
    background: color-mix(in srgb, #dc4054 9%, var(--app-surface));
    border: 1px solid color-mix(in srgb, #dc4054 30%, var(--app-border-soft));
    border-radius: 10px;
    font-size: 12px;
}

.allowed-phone-dialog__field[b-rk9003ywjw] {
    display: grid;
    gap: 7px;
    margin-bottom: 17px;
}

.allowed-phone-dialog__field[b-rk9003ywjw]  label,
.allowed-phone-dialog__switch[b-rk9003ywjw]  label {
    color: var(--header-ink);
    font-size: 12px;
    font-weight: 700;
}

.allowed-phone-dialog__field[b-rk9003ywjw]  .rz-textbox {
    min-height: 43px;
    color: var(--header-ink);
    background: var(--app-surface);
    border-color: var(--header-line);
    border-radius: 9px;
}

.allowed-phone-dialog__phone-grid[b-rk9003ywjw] {
    display: grid;
    grid-template-columns: minmax(190px, .9fr) minmax(230px, 1.1fr);
    gap: 9px;
}

.allowed-phone-dialog__phone-grid[b-rk9003ywjw]  .allowed-phone-dialog__country.rz-dropdown,
.allowed-phone-dialog__number[b-rk9003ywjw] {
    min-height: 43px;
    color: var(--header-ink);
    background: var(--app-surface);
    border-color: var(--header-line);
    border-radius: 9px;
    box-shadow: none;
    font-size: 12px;
}

.allowed-phone-dialog__number[b-rk9003ywjw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
}

.allowed-phone-dialog__dial-code[b-rk9003ywjw] {
    height: 100%;
    min-width: 48px;
    display: grid;
    place-items: center;
    padding: 0 10px;
    color: var(--header-muted);
    background: var(--app-surface-muted);
    border-right: 1px solid var(--header-line);
    font-size: 12px;
    font-weight: 700;
}

.allowed-phone-dialog__number[b-rk9003ywjw]  input {
    min-width: 0;
    width: 100%;
    height: 41px;
    padding: 0 12px;
    color: var(--header-ink);
    background: transparent;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0;
    box-shadow: none !important;
    font-size: 13px;
}

.allowed-phone-dialog__number[b-rk9003ywjw]  input:focus {
    border: 0 !important;
    outline: 0;
    box-shadow: none !important;
}

.allowed-phone-dialog__number:focus-within[b-rk9003ywjw] {
    border-color: var(--header-blue);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--header-blue) 15%, transparent);
}

.allowed-phone-dialog__country-option[b-rk9003ywjw] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.allowed-phone-dialog__country-option > span:not(.country-flag)[b-rk9003ywjw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.allowed-phone-dialog__country-option small[b-rk9003ywjw] {
    margin-left: auto;
    color: var(--header-muted);
    font-size: 10px;
    font-weight: 700;
}

.allowed-phone-dialog__country-option.is-selected[b-rk9003ywjw] {
    width: calc(100% - 20px);
}

.allowed-phone-dialog__field small[b-rk9003ywjw],
.allowed-phone-dialog__switch small[b-rk9003ywjw] {
    color: var(--header-muted);
    font-size: 11px;
}

.allowed-phone-dialog__field[b-rk9003ywjw]  .rz-message {
    color: #dc4054;
    font-size: 11px;
}

.allowed-phone-dialog__switch[b-rk9003ywjw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border-soft);
    border-radius: 11px;
}

.allowed-phone-dialog__switch > div[b-rk9003ywjw] {
    display: grid;
    gap: 3px;
}

.allowed-phone-dialog__actions[b-rk9003ywjw] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 22px;
}

.allowed-phone-dialog__actions[b-rk9003ywjw]  .rz-button {
    min-height: 40px;
    border-radius: 9px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 480px) {
    .allowed-phone-dialog__phone-grid[b-rk9003ywjw] {
        grid-template-columns: 1fr;
    }

    .allowed-phone-dialog__actions[b-rk9003ywjw] {
        flex-direction: column-reverse;
    }

    .allowed-phone-dialog__actions[b-rk9003ywjw]  .rz-button {
        width: 100%;
    }
}
/* /Shared/AllowedPhoneListItem.razor.rz.scp.css */
.allowed-phone-item[b-69abz38arb] {
    min-width: 0;
    min-height: 74px;
    display: grid;
    grid-template-columns: 46px minmax(170px, 1.4fr) minmax(180px, 1fr) 90px 150px;
    align-items: center;
    gap: 14px;
    padding: 13px 0;
    color: var(--header-ink);
    border-bottom: 1px solid var(--app-border-soft);
}

.allowed-phone-item:last-child[b-69abz38arb] {
    border-bottom: 0;
}

.allowed-phone-item.is-inactive[b-69abz38arb] {
    opacity: .72;
}

.allowed-phone-item__avatar[b-69abz38arb] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 9%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 17%, var(--header-line));
    border-radius: 50%;
    font-size: 12px;
    font-weight: 750;
}

.allowed-phone-item__contact[b-69abz38arb] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.allowed-phone-item__contact strong[b-69abz38arb] {
    overflow: hidden;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.allowed-phone-item__contact a[b-69abz38arb] {
    width: fit-content;
    color: var(--header-muted);
    font-size: 11px;
    text-decoration: none;
}

.allowed-phone-item__contact a:hover[b-69abz38arb] {
    color: var(--header-blue);
}

.allowed-phone-item__country[b-69abz38arb] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, auto) auto;
    align-items: center;
    justify-content: start;
    gap: 7px;
    color: var(--header-muted);
    font-size: 11px;
}

.allowed-phone-item__country > span:nth-child(2)[b-69abz38arb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.allowed-phone-item__country small[b-69abz38arb] {
    padding: 4px 6px;
    color: var(--app-nav-text);
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border-soft);
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
}

.allowed-phone-item__status[b-69abz38arb] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 650;
    white-space: nowrap;
}

.allowed-phone-item__status i[b-69abz38arb] {
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
}

.allowed-phone-item__status.is-active[b-69abz38arb] {
    color: #087f61;
    background: color-mix(in srgb, #12b886 10%, var(--app-surface));
}

.allowed-phone-item__status.is-inactive[b-69abz38arb] {
    color: var(--header-muted);
    background: var(--app-surface-muted);
}

.allowed-phone-item__actions[b-69abz38arb] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.allowed-phone-item__actions[b-69abz38arb]  .rz-button {
    min-height: 36px;
    border-radius: 8px;
    box-shadow: none;
    font-size: 11px;
    font-weight: 700;
}

.allowed-phone-item__actions[b-69abz38arb]  .allowed-phone-item__delete.rz-button {
    width: 36px;
    min-width: 36px;
    padding: 0;
}

@media (max-width: 850px) {
    .allowed-phone-item[b-69abz38arb] {
        grid-template-columns: 44px minmax(150px, 1fr) 85px 145px;
    }

    .allowed-phone-item__country[b-69abz38arb] {
        display: none;
    }
}

@media (max-width: 620px) {
    .allowed-phone-item[b-69abz38arb] {
        grid-template-columns: 42px minmax(0, 1fr) auto;
        gap: 10px;
        padding: 14px 0;
    }

    .allowed-phone-item__status[b-69abz38arb] {
        display: none;
    }

    .allowed-phone-item__actions[b-69abz38arb]  .allowed-phone-item__edit.rz-button {
        width: 36px;
        min-width: 36px;
        padding: 0;
        font-size: 0;
    }

    .allowed-phone-item__actions[b-69abz38arb]  .allowed-phone-item__edit.rz-button .rzi {
        margin: 0;
        font-size: 17px;
    }
}
/* /Shared/BotSessionCard.razor.rz.scp.css */
.bot-session-card-host[b-5fqb2w7c19] {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    cursor: pointer;
}

.bot-session-card-host:focus-visible[b-5fqb2w7c19] {
    outline: 3px solid color-mix(in srgb, var(--header-blue) 28%, transparent);
    outline-offset: 3px;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card {
    height: 100%;
    min-height: 160px;
    padding: 0;
    overflow: hidden;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 14px;
    box-shadow: var(--app-card-shadow);
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card:hover {
    border-color: color-mix(in srgb, var(--header-blue) 32%, var(--header-line));
    box-shadow: var(--app-popover-shadow);
    transform: translateY(-2px);
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__content {
    height: 100%;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__header {
    flex: 1 1 auto;
    min-width: 0;
    padding: 18px 20px 16px;
}

.bot-session-card__avatar[b-5fqb2w7c19] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 13%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 12%, var(--header-line));
    border-radius: 50%;
    font-size: 16px;
    font-weight: 750;
    letter-spacing: -.025em;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__identity {
    min-width: 0;
    flex: 1 1 auto;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__name {
    margin: 0;
    overflow: hidden;
    color: var(--header-ink);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__phone {
    margin: 0;
    overflow: hidden;
    color: var(--header-muted);
    font-size: 13px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bot-session-card__status[b-5fqb2w7c19] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: none;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.bot-session-card__status-dot[b-5fqb2w7c19] {
    width: 7px;
    height: 7px;
    flex: none;
    background: currentColor;
    border-radius: 50%;
}

.bot-session-card__status.status-active[b-5fqb2w7c19] {
    color: #079669;
    background: color-mix(in srgb, #10b981 14%, var(--app-surface));
    border-color: color-mix(in srgb, #10b981 20%, var(--app-surface));
}

.bot-session-card__status.status-completed[b-5fqb2w7c19] {
    color: #3370bd;
    background: color-mix(in srgb, #5b8fd1 14%, var(--app-surface));
    border-color: color-mix(in srgb, #5b8fd1 20%, var(--app-surface));
}

.bot-session-card__status.status-timed-out[b-5fqb2w7c19] {
    color: #dc4054;
    background: color-mix(in srgb, #f05267 13%, var(--app-surface));
    border-color: color-mix(in srgb, #f05267 20%, var(--app-surface));
}

.bot-session-card__status.status-handed-off[b-5fqb2w7c19] {
    color: #c27305;
    background: color-mix(in srgb, #f59e0b 14%, var(--app-surface));
    border-color: color-mix(in srgb, #f59e0b 20%, var(--app-surface));
}

.bot-session-card__status.status-not-finished[b-5fqb2w7c19] {
    color: #7158b8;
    background: color-mix(in srgb, #8067c8 14%, var(--app-surface));
    border-color: color-mix(in srgb, #8067c8 20%, var(--app-surface));
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__open {
    flex: none;
    color: var(--app-chevron);
    font-size: 17px;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__footer {
    min-height: 48px;
    padding: 12px 20px;
    color: var(--header-muted);
    background: color-mix(in srgb, var(--app-surface-muted) 62%, var(--app-surface));
    border-top: 1px solid var(--app-border-soft);
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__calendar {
    flex: none;
    color: var(--header-muted);
    font-size: 17px;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__date {
    min-width: 0;
    flex: 1 1 auto;
    margin: 0;
    color: inherit;
    font-size: 11px;
    line-height: 1.4;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__date time {
    white-space: nowrap;
}

.bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__chevron {
    flex: none;
    color: var(--app-chevron);
    font-size: 19px;
}

@media (max-width: 620px) {
    .bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__header {
        position: relative;
        align-items: flex-start;
        padding: 17px;
    }

    .bot-session-card__avatar[b-5fqb2w7c19] {
        width: 46px;
        height: 46px;
        font-size: 14px;
    }

    .bot-session-card__status[b-5fqb2w7c19] {
        position: absolute;
        right: 48px;
        bottom: 16px;
    }

    .bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__identity {
        padding-bottom: 35px;
    }

    .bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__footer {
        padding-right: 17px;
        padding-left: 17px;
    }

    .bot-session-card-host[b-5fqb2w7c19]  .bot-session-card__date time {
        white-space: normal;
    }
}
/* /Shared/BotSessionDetailsDialog.razor.rz.scp.css */
.session-details[b-qalifhdwl6] {
    color: var(--header-ink);
}

.session-details__loading[b-qalifhdwl6] {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 12px;
    color: var(--header-muted);
}

.session-details__loading span[b-qalifhdwl6] {
    width: 30px;
    height: 30px;
    border: 3px solid var(--app-border-soft);
    border-top-color: var(--header-blue);
    border-radius: 50%;
    animation: details-spin-b-qalifhdwl6 .75s linear infinite;
}

.session-details__loading p[b-qalifhdwl6],
.session-details__error p[b-qalifhdwl6] {
    margin: 0;
    font-size: 12px;
}

.session-details__error[b-qalifhdwl6] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    color: #dc4054;
    background: color-mix(in srgb, #dc4054 9%, var(--app-surface));
    border: 1px solid color-mix(in srgb, #dc4054 22%, var(--header-line));
    border-radius: 11px;
}

.session-details__error strong[b-qalifhdwl6] {
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
}

.session-details__identity[b-qalifhdwl6] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px;
    background: color-mix(in srgb, var(--header-blue) 7%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 18%, var(--header-line));
    border-radius: 13px;
}

.session-details__avatar[b-qalifhdwl6] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 13%, var(--app-surface));
    border-radius: 50%;
    font-size: 15px;
    font-weight: 750;
}

.session-details__identity > div[b-qalifhdwl6] {
    min-width: 0;
    flex: 1 1 auto;
}

.session-details__identity h2[b-qalifhdwl6],
.session-details__identity p[b-qalifhdwl6] {
    margin: 0;
}

.session-details__identity h2[b-qalifhdwl6] {
    overflow: hidden;
    color: var(--header-ink);
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.session-details__identity p[b-qalifhdwl6] {
    margin-top: 2px;
    color: var(--header-muted);
    font-size: 12px;
}

.session-details__status[b-qalifhdwl6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.session-details__status i[b-qalifhdwl6] {
    width: 7px;
    height: 7px;
    background: currentColor;
    border-radius: 50%;
}

.session-details__status.status-active[b-qalifhdwl6] { color: #079669; background: color-mix(in srgb, #10b981 14%, var(--app-surface)); }
.session-details__status.status-completed[b-qalifhdwl6] { color: #3370bd; background: color-mix(in srgb, #5b8fd1 14%, var(--app-surface)); }
.session-details__status.status-timed-out[b-qalifhdwl6] { color: #dc4054; background: color-mix(in srgb, #f05267 13%, var(--app-surface)); }
.session-details__status.status-handed-off[b-qalifhdwl6] { color: #c27305; background: color-mix(in srgb, #f59e0b 14%, var(--app-surface)); }
.session-details__status.status-not-finished[b-qalifhdwl6] { color: #7158b8; background: color-mix(in srgb, #8067c8 14%, var(--app-surface)); }

.session-details__section[b-qalifhdwl6] {
    margin-top: 15px;
    padding: 16px;
    background: color-mix(in srgb, var(--app-surface-muted) 42%, var(--app-surface));
    border: 1px solid var(--header-line);
    border-radius: 12px;
}

.session-details__section h3[b-qalifhdwl6] {
    margin: 0 0 13px;
    color: var(--header-ink);
    font-size: 13px;
}

.session-details__grid[b-qalifhdwl6],
.session-details__timeline[b-qalifhdwl6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 18px;
    margin: 0;
}

.session-details__grid div[b-qalifhdwl6],
.session-details__timeline div[b-qalifhdwl6] {
    min-width: 0;
}

.session-details__grid dt[b-qalifhdwl6],
.session-details__timeline dt[b-qalifhdwl6] {
    margin-bottom: 3px;
    color: var(--header-muted);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.session-details__grid dd[b-qalifhdwl6],
.session-details__timeline dd[b-qalifhdwl6] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--header-ink);
    font-size: 12px;
    line-height: 1.45;
}

.session-details__code[b-qalifhdwl6] {
    font-family: Consolas, monospace;
    font-size: 11px !important;
}

@keyframes details-spin-b-qalifhdwl6 {
    to { transform: rotate(360deg); }
}

@media (max-width: 560px) {
    .session-details__identity[b-qalifhdwl6] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .session-details__status[b-qalifhdwl6] {
        margin-left: 61px;
    }

    .session-details__grid[b-qalifhdwl6],
    .session-details__timeline[b-qalifhdwl6] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/CountryFlag.razor.rz.scp.css */
.country-flag[b-k5lnlhenoi] {
    min-width: 25px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex: none;
}

.country-flag img[b-k5lnlhenoi] {
    width: 22px;
    height: 16px;
    display: block;
    object-fit: cover;
    background: var(--app-surface-muted);
    border: 1px solid color-mix(in srgb, var(--header-line) 78%, transparent);
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(18, 37, 68, .08);
}

.country-flag img + img[b-k5lnlhenoi] {
    margin-left: -8px;
}
/* /Shared/CreateFormDialog.razor.rz.scp.css */
.create-form-dialog[b-cgi6awfyvv] {
    color: var(--header-ink);
}

.create-form-dialog__intro[b-cgi6awfyvv] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: -4px 0 24px;
    padding: 15px;
    background: color-mix(in srgb, var(--header-blue) 7%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 18%, var(--header-line));
    border-radius: 13px;
}

.create-form-dialog__icon[b-cgi6awfyvv] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 13%, var(--app-surface));
    border-radius: 11px;
}

.create-form-dialog__icon[b-cgi6awfyvv]  .rzi {
    font-size: 22px;
}

.create-form-dialog__intro > div[b-cgi6awfyvv] {
    min-width: 0;
}

.create-form-dialog__badge[b-cgi6awfyvv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--header-blue);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.create-form-dialog__badge[b-cgi6awfyvv]  .rzi {
    font-size: 14px;
}

.create-form-dialog__intro p[b-cgi6awfyvv] {
    margin: 5px 0 0;
    color: var(--header-muted);
    font-size: 12px;
    line-height: 1.55;
}

.create-form-dialog__section[b-cgi6awfyvv] {
    padding: 18px;
    background: color-mix(in srgb, var(--app-surface-muted) 42%, var(--app-surface));
    border: 1px solid var(--header-line);
    border-radius: 14px;
}

.create-form-dialog__section-heading[b-cgi6awfyvv] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
}

.create-form-dialog__section-heading > span[b-cgi6awfyvv] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex: none;
    color: #fff;
    background: var(--header-blue);
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
}

.create-form-dialog__section-heading > div[b-cgi6awfyvv] {
    min-width: 0;
}

.create-form-dialog__section-heading h3[b-cgi6awfyvv],
.create-form-dialog__section-heading p[b-cgi6awfyvv] {
    margin: 0;
}

.create-form-dialog__section-heading h3[b-cgi6awfyvv] {
    color: var(--header-ink);
    font-size: 14px;
    letter-spacing: -.01em;
}

.create-form-dialog__section-heading p[b-cgi6awfyvv] {
    margin-top: 2px;
    color: var(--header-muted);
    font-size: 11px;
    line-height: 1.4;
}

.create-form-dialog__section-heading--questions > div[b-cgi6awfyvv] {
    flex: 1 1 auto;
}

.create-form-dialog__section-heading[b-cgi6awfyvv]  .create-form-dialog__add-question.rz-button {
    flex: none;
    color: var(--header-blue) !important;
    background: var(--app-surface);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
    border-radius: 9px;
    box-shadow: none;
    font-size: 11px;
    font-weight: 700;
}

.create-form-dialog__grid[b-cgi6awfyvv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px 14px;
}

.create-form-dialog__field[b-cgi6awfyvv] {
    min-width: 0;
}

.create-form-dialog__field--wide[b-cgi6awfyvv],
.create-form-dialog__field--full[b-cgi6awfyvv],
.create-form-dialog__draft-note[b-cgi6awfyvv] {
    grid-column: 1 / -1;
}

.create-form-dialog__field[b-cgi6awfyvv]  .rz-label {
    display: block;
    margin: 0 0 7px;
    color: var(--header-ink);
    font-size: 12px;
    font-weight: 700;
}

.create-form-dialog__field[b-cgi6awfyvv]  .create-form-dialog__control {
    width: 100%;
}

.create-form-dialog__field[b-cgi6awfyvv]  .rz-textbox,
.create-form-dialog__field[b-cgi6awfyvv]  .rz-textarea,
.create-form-dialog__field[b-cgi6awfyvv]  .rz-dropdown,
.create-form-dialog__field[b-cgi6awfyvv]  .rz-numeric {
    color: var(--header-ink);
    background: var(--app-surface);
    border-color: var(--header-line);
    border-radius: 10px;
    box-shadow: none;
    font-size: 13px;
}

.create-form-dialog__field[b-cgi6awfyvv]  .rz-textbox,
.create-form-dialog__field[b-cgi6awfyvv]  .rz-dropdown,
.create-form-dialog__field[b-cgi6awfyvv]  .rz-numeric {
    min-height: 42px;
}

.create-form-dialog__field[b-cgi6awfyvv]  .rz-textarea {
    min-height: 92px;
    padding: 11px 13px;
    line-height: 1.5;
    resize: vertical;
}

.create-form-dialog__field[b-cgi6awfyvv]  .rz-textbox:focus,
.create-form-dialog__field[b-cgi6awfyvv]  .rz-textarea:focus,
.create-form-dialog__field[b-cgi6awfyvv]  .rz-dropdown:focus-within,
.create-form-dialog__field[b-cgi6awfyvv]  .rz-numeric:focus-within {
    border-color: var(--header-blue);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--header-blue) 14%, transparent);
}

.create-form-dialog__field > small[b-cgi6awfyvv],
.create-form-dialog__field-meta small[b-cgi6awfyvv] {
    display: block;
    margin-top: 6px;
    color: var(--header-muted);
    font-size: 10px;
}

.create-form-dialog__field-meta[b-cgi6awfyvv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.create-form-dialog__field-meta small[b-cgi6awfyvv] {
    flex: none;
}

.create-form-dialog__field[b-cgi6awfyvv]  .rz-message {
    display: block;
    margin-top: 6px;
    color: #dc4054;
    font-size: 11px;
}

.create-form-dialog__questions[b-cgi6awfyvv] {
    display: grid;
    gap: 12px;
}

.create-form-dialog__question[b-cgi6awfyvv] {
    padding: 15px;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 12px;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--header-ink) 4%, transparent);
}

.create-form-dialog__question > header[b-cgi6awfyvv] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--app-border-soft);
}

.create-form-dialog__question-number[b-cgi6awfyvv] {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: var(--app-nav-hover);
    border-radius: 7px;
    font-size: 10px;
    font-weight: 800;
}

.create-form-dialog__question > header > div[b-cgi6awfyvv] {
    display: grid;
    flex: 1 1 auto;
    gap: 1px;
}

.create-form-dialog__question > header strong[b-cgi6awfyvv] {
    color: var(--header-ink);
    font-size: 12px;
}

.create-form-dialog__question > header small[b-cgi6awfyvv] {
    color: var(--header-muted);
    font-size: 10px;
}

.create-form-dialog__question[b-cgi6awfyvv]  .create-form-dialog__remove-question.rz-button {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    color: #dc4054 !important;
    border-radius: 8px;
    box-shadow: none;
}

.create-form-dialog__question-grid[b-cgi6awfyvv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.create-form-dialog__required[b-cgi6awfyvv] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--app-nav-text);
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
}

.create-form-dialog__required[b-cgi6awfyvv]  .rz-chkbox-box {
    border-color: var(--header-line);
    border-radius: 6px;
    box-shadow: none;
}

.create-form-dialog__empty[b-cgi6awfyvv] {
    width: 100%;
    min-height: 120px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 4px;
    padding: 20px;
    color: var(--header-muted);
    background: var(--app-surface);
    border: 1px dashed color-mix(in srgb, var(--header-blue) 34%, var(--header-line));
    border-radius: 11px;
    cursor: pointer;
}

.create-form-dialog__empty:hover[b-cgi6awfyvv] {
    color: var(--header-blue);
    background: var(--app-nav-hover);
}

.create-form-dialog__empty[b-cgi6awfyvv]  .rzi {
    margin-bottom: 3px;
    color: var(--header-blue);
    font-size: 24px;
}

.create-form-dialog__empty strong[b-cgi6awfyvv] {
    color: var(--header-ink);
    font-size: 12px;
}

.create-form-dialog__empty span[b-cgi6awfyvv] {
    font-size: 10px;
}

.create-form-dialog__draft-note[b-cgi6awfyvv] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 12px;
    color: var(--app-nav-text);
    background: var(--app-surface-muted);
    border-radius: 10px;
    font-size: 11px;
    line-height: 1.45;
}

.create-form-dialog__draft-note[b-cgi6awfyvv]  .rzi {
    flex: none;
    color: var(--header-blue);
    font-size: 18px;
}

.create-form-dialog__error[b-cgi6awfyvv] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 11px 12px;
    color: #c83248;
    background: color-mix(in srgb, #dc4054 9%, var(--app-surface));
    border: 1px solid color-mix(in srgb, #dc4054 24%, var(--header-line));
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.45;
}

.create-form-dialog__error[b-cgi6awfyvv]  .rzi {
    flex: none;
    font-size: 17px;
}

.create-form-dialog__error strong[b-cgi6awfyvv] {
    display: block;
    margin-bottom: 3px;
}

.create-form-dialog__error ul[b-cgi6awfyvv] {
    margin: 0;
    padding-left: 17px;
}

.create-form-dialog__actions[b-cgi6awfyvv] {
    position: sticky;
    z-index: 2;
    bottom: -24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 3px -24px -24px;
    padding: 17px 24px 24px;
    background: var(--app-surface);
    border-top: 1px solid var(--header-line);
}

.create-form-dialog__actions[b-cgi6awfyvv]  .rz-button {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 9px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}

.create-form-dialog__actions[b-cgi6awfyvv]  .create-form-dialog__cancel.rz-button {
    color: var(--app-nav-text) !important;
}

.create-form-dialog__actions[b-cgi6awfyvv]  .create-form-dialog__cancel.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-nav-hover);
}

.create-form-dialog__actions[b-cgi6awfyvv]  .create-form-dialog__submit.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--header-blue) 22%, transparent);
}

@media (max-width: 620px) {
    .create-form-dialog__grid[b-cgi6awfyvv],
    .create-form-dialog__question-grid[b-cgi6awfyvv] {
        grid-template-columns: 1fr;
    }

    .create-form-dialog__field[b-cgi6awfyvv],
    .create-form-dialog__draft-note[b-cgi6awfyvv],
    .create-form-dialog__required[b-cgi6awfyvv] {
        grid-column: 1;
    }

    .create-form-dialog__section[b-cgi6awfyvv] {
        padding: 14px;
    }

    .create-form-dialog__section-heading--questions[b-cgi6awfyvv] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .create-form-dialog__section-heading[b-cgi6awfyvv]  .create-form-dialog__add-question.rz-button {
        width: 100%;
        margin-left: 39px;
    }

    .create-form-dialog__actions[b-cgi6awfyvv] {
        bottom: -18px;
        align-items: stretch;
        flex-direction: column-reverse;
        margin-right: -18px;
        margin-bottom: -18px;
        margin-left: -18px;
        padding-right: 18px;
        padding-bottom: 18px;
        padding-left: 18px;
    }

    .create-form-dialog__actions[b-cgi6awfyvv]  .rz-button {
        width: 100%;
    }
}
/* /Shared/EditFormDialog.razor.rz.scp.css */
.edit-form-dialog[b-64vqtqe98i] {
    color: var(--header-ink);
}

.edit-form-dialog__loading[b-64vqtqe98i],
.edit-form-dialog__feedback[b-64vqtqe98i] {
    min-height: 180px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    color: var(--header-muted);
    text-align: center;
    font-size: 12px;
}

.edit-form-dialog__loading[b-64vqtqe98i]  .rz-progressbar {
    width: min(280px, 100%);
    height: 4px;
    border-radius: 99px;
}

.edit-form-dialog__feedback[b-64vqtqe98i]  .rzi {
    color: #dc4054;
    font-size: 28px;
}

.edit-form-dialog__feedback strong[b-64vqtqe98i],
.edit-form-dialog__feedback span[b-64vqtqe98i] {
    display: block;
}

.edit-form-dialog__feedback strong[b-64vqtqe98i] {
    color: var(--header-ink);
    font-size: 14px;
}

.edit-form-dialog__intro[b-64vqtqe98i] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
    padding: 13px;
    background: color-mix(in srgb, var(--header-blue) 7%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 18%, var(--header-line));
    border-radius: 12px;
}

.edit-form-dialog__intro > span[b-64vqtqe98i] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 12%, var(--app-surface));
    border-radius: 10px;
}

.edit-form-dialog__intro strong[b-64vqtqe98i],
.edit-form-dialog__intro p[b-64vqtqe98i] {
    margin: 0;
}

.edit-form-dialog__intro strong[b-64vqtqe98i] {
    font-size: 12px;
}

.edit-form-dialog__intro p[b-64vqtqe98i] {
    margin-top: 3px;
    color: var(--header-muted);
    font-size: 11px;
    line-height: 1.45;
}

.edit-form-dialog__section[b-64vqtqe98i] {
    padding: 18px;
    background: color-mix(in srgb, var(--app-surface-muted) 42%, var(--app-surface));
    border: 1px solid var(--header-line);
    border-radius: 14px;
}

.edit-form-dialog__section-heading[b-64vqtqe98i] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
}

.edit-form-dialog__section-heading > span[b-64vqtqe98i] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex: none;
    color: #fff;
    background: var(--header-blue);
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
}

.edit-form-dialog__section-heading > div[b-64vqtqe98i] {
    min-width: 0;
}

.edit-form-dialog__section-heading h3[b-64vqtqe98i],
.edit-form-dialog__section-heading p[b-64vqtqe98i] {
    margin: 0;
}

.edit-form-dialog__section-heading h3[b-64vqtqe98i] {
    color: var(--header-ink);
    font-size: 14px;
}

.edit-form-dialog__section-heading p[b-64vqtqe98i] {
    margin-top: 2px;
    color: var(--header-muted);
    font-size: 11px;
    line-height: 1.4;
}

.edit-form-dialog__section-heading--questions > div[b-64vqtqe98i] {
    flex: 1 1 auto;
}

.edit-form-dialog__section-heading[b-64vqtqe98i]  .edit-form-dialog__add-question.rz-button {
    flex: none;
    color: var(--header-blue) !important;
    background: var(--app-surface);
    border-color: color-mix(in srgb, var(--header-blue) 30%, var(--header-line));
    border-radius: 9px;
    box-shadow: none;
    font-size: 11px;
    font-weight: 700;
}

.edit-form-dialog__grid[b-64vqtqe98i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 14px;
}

.edit-form-dialog__field[b-64vqtqe98i],
.edit-form-dialog__field--full[b-64vqtqe98i] {
    min-width: 0;
}

.edit-form-dialog__field--full[b-64vqtqe98i] {
    grid-column: 1 / -1;
}

.edit-form-dialog__field[b-64vqtqe98i]  .rz-label {
    display: block;
    margin-bottom: 7px;
    color: var(--header-ink);
    font-size: 12px;
    font-weight: 700;
}

.edit-form-dialog__field[b-64vqtqe98i]  .edit-form-dialog__control {
    width: 100%;
}

.edit-form-dialog__field[b-64vqtqe98i]  .rz-textbox,
.edit-form-dialog__field[b-64vqtqe98i]  .rz-textarea,
.edit-form-dialog__field[b-64vqtqe98i]  .rz-dropdown,
.edit-form-dialog__field[b-64vqtqe98i]  .rz-numeric {
    color: var(--header-ink);
    background: var(--app-surface);
    border-color: var(--header-line);
    border-radius: 10px;
    box-shadow: none;
    font-size: 13px;
}

.edit-form-dialog__field[b-64vqtqe98i]  .rz-textbox,
.edit-form-dialog__field[b-64vqtqe98i]  .rz-dropdown,
.edit-form-dialog__field[b-64vqtqe98i]  .rz-numeric {
    min-height: 42px;
}

.edit-form-dialog__field[b-64vqtqe98i]  .rz-textarea {
    min-height: 92px;
    padding: 11px 13px;
    resize: vertical;
}

.edit-form-dialog__field > small[b-64vqtqe98i] {
    display: block;
    margin-top: 6px;
    color: var(--header-muted);
    font-size: 10px;
}

.edit-form-dialog__questions[b-64vqtqe98i] {
    display: grid;
    gap: 12px;
}

.edit-form-dialog__question[b-64vqtqe98i] {
    padding: 15px;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 12px;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--header-ink) 4%, transparent);
}

.edit-form-dialog__question > header[b-64vqtqe98i] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--app-border-soft);
}

.edit-form-dialog__question-number[b-64vqtqe98i] {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: var(--app-nav-hover);
    border-radius: 7px;
    font-size: 10px;
    font-weight: 800;
}

.edit-form-dialog__question > header > div[b-64vqtqe98i] {
    display: grid;
    flex: 1 1 auto;
    gap: 1px;
}

.edit-form-dialog__question > header strong[b-64vqtqe98i] {
    color: var(--header-ink);
    font-size: 12px;
}

.edit-form-dialog__question > header small[b-64vqtqe98i] {
    color: var(--header-muted);
    font-size: 10px;
}

.edit-form-dialog__question[b-64vqtqe98i]  .edit-form-dialog__remove-question.rz-button {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    color: #dc4054 !important;
    border-radius: 8px;
    box-shadow: none;
}

.edit-form-dialog__question-grid[b-64vqtqe98i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.edit-form-dialog__required[b-64vqtqe98i] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--app-nav-text);
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
}

.edit-form-dialog__required[b-64vqtqe98i]  .rz-chkbox-box {
    border-color: var(--header-line);
    border-radius: 6px;
    box-shadow: none;
}

.edit-form-dialog__empty[b-64vqtqe98i] {
    width: 100%;
    min-height: 120px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 4px;
    padding: 20px;
    color: var(--header-muted);
    background: var(--app-surface);
    border: 1px dashed color-mix(in srgb, var(--header-blue) 34%, var(--header-line));
    border-radius: 11px;
    cursor: pointer;
}

.edit-form-dialog__empty:hover:not(:disabled)[b-64vqtqe98i] {
    color: var(--header-blue);
    background: var(--app-nav-hover);
}

.edit-form-dialog__empty[b-64vqtqe98i]  .rzi {
    margin-bottom: 3px;
    color: var(--header-blue);
    font-size: 24px;
}

.edit-form-dialog__empty strong[b-64vqtqe98i] {
    color: var(--header-ink);
    font-size: 12px;
}

.edit-form-dialog__empty span[b-64vqtqe98i] {
    font-size: 10px;
}

.edit-form-dialog__error[b-64vqtqe98i] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 17px;
    padding: 11px 12px;
    color: #c83248;
    background: color-mix(in srgb, #dc4054 9%, var(--app-surface));
    border: 1px solid color-mix(in srgb, #dc4054 24%, var(--header-line));
    border-radius: 10px;
    font-size: 12px;
}

.edit-form-dialog__error ul[b-64vqtqe98i] {
    margin: 4px 0 0;
    padding-left: 17px;
}

.edit-form-dialog__actions[b-64vqtqe98i] {
    position: sticky;
    z-index: 2;
    bottom: -24px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: 3px -24px -24px;
    padding: 17px 24px 24px;
    background: var(--app-surface);
    border-top: 1px solid var(--header-line);
}

.edit-form-dialog__actions[b-64vqtqe98i]  .rz-button {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 9px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}

.edit-form-dialog__actions[b-64vqtqe98i]  .edit-form-dialog__cancel.rz-button {
    color: var(--app-nav-text) !important;
}

.edit-form-dialog__actions[b-64vqtqe98i]  .edit-form-dialog__submit.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    border-color: var(--header-blue);
}

@media (max-width: 620px) {
    .edit-form-dialog__grid[b-64vqtqe98i] {
        grid-template-columns: 1fr;
    }

    .edit-form-dialog__field[b-64vqtqe98i],
    .edit-form-dialog__field--full[b-64vqtqe98i] {
        grid-column: 1;
    }

    .edit-form-dialog__section-heading--questions[b-64vqtqe98i] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .edit-form-dialog__section-heading[b-64vqtqe98i]  .edit-form-dialog__add-question.rz-button {
        width: 100%;
        margin-left: 39px;
    }

    .edit-form-dialog__question-grid[b-64vqtqe98i] {
        grid-template-columns: 1fr;
    }

    .edit-form-dialog__required[b-64vqtqe98i] {
        grid-column: 1;
    }

    .edit-form-dialog__actions[b-64vqtqe98i] {
        flex-direction: column-reverse;
    }

    .edit-form-dialog__actions[b-64vqtqe98i]  .rz-button {
        width: 100%;
    }
}
/* /Shared/EditParameterDialog.razor.rz.scp.css */
.edit-parameter-dialog[b-9x2r29z09t] {
    color: var(--header-ink);
}

.edit-parameter-dialog__summary[b-9x2r29z09t] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    background: color-mix(in srgb, var(--header-blue) 7%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 18%, var(--header-line));
    border-radius: 12px;
}

.edit-parameter-dialog__summary > span[b-9x2r29z09t] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 12%, var(--app-surface));
    border-radius: 9px;
}

.edit-parameter-dialog__summary strong[b-9x2r29z09t] {
    color: var(--header-ink);
    font-size: 13px;
}

.edit-parameter-dialog__summary p[b-9x2r29z09t] {
    margin: 3px 0 0;
    color: var(--header-muted);
    font-size: 12px;
    line-height: 1.5;
}

.edit-parameter-dialog__field[b-9x2r29z09t] {
    margin-top: 18px;
}

.edit-parameter-dialog__field[b-9x2r29z09t]  .rz-label {
    display: block;
    margin-bottom: 7px;
    color: var(--header-ink);
    font-size: 12px;
    font-weight: 700;
}

.edit-parameter-dialog__field[b-9x2r29z09t]  .rz-textarea {
    width: 100%;
    min-height: 120px;
    color: var(--header-ink);
    background: var(--app-surface);
    border-color: var(--header-line);
    border-radius: 10px;
    box-shadow: none;
    font-size: 13px;
    line-height: 1.5;
    resize: vertical;
}

.edit-parameter-dialog__field > small[b-9x2r29z09t] {
    display: block;
    margin-top: 5px;
    color: var(--header-muted);
    font-size: 10px;
    text-align: right;
}

.edit-parameter-dialog__field[b-9x2r29z09t]  .rz-message {
    display: block;
    margin-top: 6px;
    color: #dc4054;
    font-size: 11px;
}

.edit-parameter-dialog__error[b-9x2r29z09t] {
    display: flex;
    gap: 8px;
    margin-top: 14px;
    padding: 10px 12px;
    color: #dc4054;
    background: color-mix(in srgb, #dc4054 9%, var(--app-surface));
    border: 1px solid color-mix(in srgb, #dc4054 22%, var(--header-line));
    border-radius: 9px;
    font-size: 12px;
}

.edit-parameter-dialog__actions[b-9x2r29z09t] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}

.edit-parameter-dialog__actions[b-9x2r29z09t]  .rz-button {
    min-height: 39px;
    border-radius: 9px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 700;
}
/* /Shared/FormCard.razor.rz.scp.css */
.form-card-host[b-p82jdqg7qp] {
    width: 100%;
    height: 100%;
}

.form-card-host[b-p82jdqg7qp]  .form-card {
    height: 100%;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    padding: 18px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 14px;
    box-shadow: var(--app-panel-shadow);
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.form-card-host[b-p82jdqg7qp]  .form-card:hover {
    border-color: color-mix(in srgb, var(--header-blue) 28%, var(--header-line));
    box-shadow: var(--app-card-shadow);
    transform: translateY(-2px);
}

.form-card__top[b-p82jdqg7qp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.form-card__icon[b-p82jdqg7qp] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 10%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 13%, var(--header-line));
    border-radius: 12px;
}

.form-card__icon[b-p82jdqg7qp]  .rzi {
    font-size: 24px;
}

.form-card__status[b-p82jdqg7qp] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.form-card__status-dot[b-p82jdqg7qp] {
    width: 7px;
    height: 7px;
    flex: none;
    background: currentColor;
    border-radius: 50%;
}

.form-card__status.status-active[b-p82jdqg7qp] {
    color: #079669;
    background: color-mix(in srgb, #10b981 14%, var(--app-surface));
    border-color: color-mix(in srgb, #10b981 20%, var(--app-surface));
}

.form-card__status.status-draft[b-p82jdqg7qp] {
    color: #c27305;
    background: color-mix(in srgb, #f59e0b 14%, var(--app-surface));
    border-color: color-mix(in srgb, #f59e0b 20%, var(--app-surface));
}

.form-card__status.status-inactive[b-p82jdqg7qp] {
    color: #dc4054;
    background: color-mix(in srgb, #f05267 13%, var(--app-surface));
    border-color: color-mix(in srgb, #f05267 20%, var(--app-surface));
}

.form-card-host[b-p82jdqg7qp]  .form-card__actions.rz-button {
    width: 30px;
    height: 30px;
    min-width: 30px;
    flex: none;
    padding: 0;
    color: var(--header-muted) !important;
    background: transparent;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
}

.form-card-host[b-p82jdqg7qp]  .form-card__actions.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-hover);
}

.form-card-host[b-p82jdqg7qp]  .form-card__actions .rzi {
    margin: 0;
    font-size: 18px;
}

.form-card__body[b-p82jdqg7qp] {
    min-width: 0;
    flex: 1 1 auto;
    padding-top: 16px;
}

.form-card__body h2[b-p82jdqg7qp] {
    margin: 0;
    overflow: hidden;
    color: var(--header-ink);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-card__code[b-p82jdqg7qp] {
    margin: 3px 0 0;
    overflow: hidden;
    color: var(--header-muted);
    font-size: 12px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-card__description[b-p82jdqg7qp] {
    margin: 8px 0 0;
    overflow: hidden;
    color: var(--header-muted);
    font-size: 12px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-card__footer[b-p82jdqg7qp] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding-top: 13px;
    color: var(--header-muted);
    border-top: 1px solid var(--app-border-soft);
}

.form-card__destination[b-p82jdqg7qp],
.form-card__updated[b-p82jdqg7qp] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    line-height: 1.3;
}

.form-card__destination > span[b-p82jdqg7qp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-card__destination[b-p82jdqg7qp]  .rzi,
.form-card__updated[b-p82jdqg7qp]  .rzi {
    flex: none;
    color: var(--app-chevron);
    font-size: 16px;
}

.form-card__updated time[b-p82jdqg7qp] {
    white-space: nowrap;
}

.form-card__chevron[b-p82jdqg7qp] {
    flex: none;
    color: var(--app-chevron);
    font-size: 18px;
}

@media (max-width: 420px) {
    .form-card-host[b-p82jdqg7qp]  .form-card {
        min-height: 210px;
        padding: 16px;
    }

    .form-card__footer[b-p82jdqg7qp] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .form-card__updated[b-p82jdqg7qp] {
        display: none;
    }
}
/* /Shared/GlpiFormCard.razor.rz.scp.css */
.glpi-form-card-host[b-l1z7enoh5s] {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    cursor: pointer;
    outline: none;
}

.glpi-form-card-host:focus-visible[b-l1z7enoh5s] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--header-blue) 24%, transparent);
}

.glpi-form-card-host[b-l1z7enoh5s]  .glpi-form-card {
    height: 100%;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    padding: 18px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 14px;
    box-shadow: var(--app-panel-shadow);
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.glpi-form-card-host[b-l1z7enoh5s]  .glpi-form-card:hover {
    border-color: color-mix(in srgb, var(--header-blue) 28%, var(--header-line));
    box-shadow: var(--app-card-shadow);
    transform: translateY(-2px);
}

.glpi-form-card-host:focus-visible[b-l1z7enoh5s]  .glpi-form-card {
    border-color: var(--header-blue);
}

.glpi-form-card__top[b-l1z7enoh5s] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.glpi-form-card__icon[b-l1z7enoh5s] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 10%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 13%, var(--header-line));
    border-radius: 12px;
}

.glpi-form-card__icon[b-l1z7enoh5s]  .rzi {
    font-size: 24px;
}

.glpi-form-card__status[b-l1z7enoh5s] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.glpi-form-card__status-dot[b-l1z7enoh5s] {
    width: 7px;
    height: 7px;
    flex: none;
    background: currentColor;
    border-radius: 50%;
}

.glpi-form-card__status.status-active[b-l1z7enoh5s] {
    color: #079669;
    background: color-mix(in srgb, #10b981 14%, var(--app-surface));
    border-color: color-mix(in srgb, #10b981 20%, var(--app-surface));
}

.glpi-form-card__status.status-draft[b-l1z7enoh5s] {
    color: #c27305;
    background: color-mix(in srgb, #f59e0b 14%, var(--app-surface));
    border-color: color-mix(in srgb, #f59e0b 20%, var(--app-surface));
}

.glpi-form-card__status.status-inactive[b-l1z7enoh5s] {
    color: #dc4054;
    background: color-mix(in srgb, #f05267 13%, var(--app-surface));
    border-color: color-mix(in srgb, #f05267 20%, var(--app-surface));
}

.glpi-form-card-host[b-l1z7enoh5s]  .glpi-form-card__actions.rz-button {
    width: 30px;
    height: 30px;
    min-width: 30px;
    flex: none;
    padding: 0;
    color: var(--header-muted) !important;
    background: transparent;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
}

.glpi-form-card-host[b-l1z7enoh5s]  .glpi-form-card__actions.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-hover);
}

.glpi-form-card-host[b-l1z7enoh5s]  .glpi-form-card__actions .rzi {
    margin: 0;
    font-size: 18px;
}

.glpi-form-card__body[b-l1z7enoh5s] {
    min-width: 0;
    flex: 1 1 auto;
    padding-top: 16px;
}

.glpi-form-card__body h2[b-l1z7enoh5s] {
    margin: 0;
    overflow: hidden;
    color: var(--header-ink);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.glpi-form-card__code[b-l1z7enoh5s] {
    margin: 3px 0 0;
    overflow: hidden;
    color: var(--header-muted);
    font-size: 12px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.glpi-form-card__description[b-l1z7enoh5s] {
    margin: 8px 0 0;
    overflow: hidden;
    color: var(--header-muted);
    font-size: 12px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.glpi-form-card__footer[b-l1z7enoh5s] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding-top: 13px;
    color: var(--header-muted);
    border-top: 1px solid var(--app-border-soft);
}

.glpi-form-card__destination[b-l1z7enoh5s],
.glpi-form-card__entity[b-l1z7enoh5s] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    line-height: 1.3;
}

.glpi-form-card__destination > span[b-l1z7enoh5s] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.glpi-form-card__destination[b-l1z7enoh5s]  .rzi,
.glpi-form-card__entity[b-l1z7enoh5s]  .rzi {
    flex: none;
    color: var(--app-chevron);
    font-size: 16px;
}

.glpi-form-card__entity time[b-l1z7enoh5s] {
    white-space: nowrap;
}

.glpi-form-card__chevron[b-l1z7enoh5s] {
    flex: none;
    color: var(--app-chevron);
    font-size: 18px;
}

@media (max-width: 420px) {
    .glpi-form-card-host[b-l1z7enoh5s]  .glpi-form-card {
        min-height: 210px;
        padding: 16px;
    }

    .glpi-form-card__footer[b-l1z7enoh5s] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .glpi-form-card__entity[b-l1z7enoh5s] {
        display: none;
    }
}

/* /Shared/GlpiFormQuestionsDialog.razor.rz.scp.css */
.glpi-questions[b-ap9e1pe1c0] {
    color: var(--header-ink);
}

.glpi-questions__loading[b-ap9e1pe1c0],
.glpi-questions__empty[b-ap9e1pe1c0] {
    min-height: 240px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: var(--header-muted);
    text-align: center;
}

.glpi-questions__loading > span[b-ap9e1pe1c0] {
    width: 32px;
    height: 32px;
    margin-bottom: 4px;
    border: 3px solid var(--app-border-soft);
    border-top-color: var(--header-blue);
    border-radius: 50%;
    animation: glpi-questions-spin-b-ap9e1pe1c0 .75s linear infinite;
}

.glpi-questions__loading p[b-ap9e1pe1c0],
.glpi-questions__empty p[b-ap9e1pe1c0],
.glpi-questions__error p[b-ap9e1pe1c0] {
    margin: 0;
    font-size: 12px;
}

.glpi-questions__empty[b-ap9e1pe1c0]  .rzi {
    color: var(--header-blue);
    font-size: 34px;
}

.glpi-questions__empty strong[b-ap9e1pe1c0] {
    color: var(--header-ink);
    font-size: 14px;
}

.glpi-questions__error[b-ap9e1pe1c0] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 15px;
    color: #dc4054;
    background: color-mix(in srgb, #dc4054 9%, var(--app-surface));
    border: 1px solid color-mix(in srgb, #dc4054 22%, var(--header-line));
    border-radius: 11px;
}

.glpi-questions__error strong[b-ap9e1pe1c0] {
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
}

.glpi-questions__error[b-ap9e1pe1c0]  .glpi-questions__retry.rz-button {
    margin-top: 11px;
    border-radius: 8px;
    box-shadow: none;
}

.glpi-questions__summary[b-ap9e1pe1c0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: color-mix(in srgb, var(--header-blue) 7%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 18%, var(--header-line));
    border-radius: 12px;
}

.glpi-questions__summary-icon[b-ap9e1pe1c0] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 12%, var(--app-surface));
    border-radius: 10px;
}

.glpi-questions__summary-icon[b-ap9e1pe1c0]  .rzi {
    font-size: 21px;
}

.glpi-questions__summary strong[b-ap9e1pe1c0],
.glpi-questions__summary p[b-ap9e1pe1c0] {
    margin: 0;
}

.glpi-questions__summary strong[b-ap9e1pe1c0] {
    display: block;
    font-size: 14px;
}

.glpi-questions__summary p[b-ap9e1pe1c0] {
    margin-top: 3px;
    color: var(--header-muted);
    font-size: 11px;
}

.glpi-questions__list[b-ap9e1pe1c0] {
    max-height: min(62vh, 590px);
    display: grid;
    gap: 11px;
    margin-top: 14px;
    padding-right: 4px;
    overflow-y: auto;
    scrollbar-color: var(--app-chevron) transparent;
    scrollbar-width: thin;
}

.glpi-question[b-ap9e1pe1c0] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    padding: 15px;
    background: color-mix(in srgb, var(--app-surface-muted) 42%, var(--app-surface));
    border: 1px solid var(--header-line);
    border-radius: 12px;
}

.glpi-question__position[b-ap9e1pe1c0] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 11%, var(--app-surface));
    border-radius: 9px;
    font-size: 12px;
    font-weight: 800;
}

.glpi-question__content[b-ap9e1pe1c0] {
    min-width: 0;
}

.glpi-question__content > header[b-ap9e1pe1c0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.glpi-question h3[b-ap9e1pe1c0] {
    margin: 2px 0 0;
    color: var(--header-ink);
    font-size: 13px;
    line-height: 1.4;
}

.glpi-question__required[b-ap9e1pe1c0] {
    flex: none;
    padding: 5px 8px;
    color: var(--header-muted);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 750;
    text-transform: uppercase;
}

.glpi-question__required.is-required[b-ap9e1pe1c0] {
    color: #c27305;
    background: color-mix(in srgb, #f59e0b 12%, var(--app-surface));
    border-color: color-mix(in srgb, #f59e0b 22%, var(--header-line));
}

.glpi-question__description[b-ap9e1pe1c0] {
    margin: 7px 0 0;
    color: var(--header-muted);
    font-size: 11px;
    line-height: 1.55;
}

.glpi-question__meta[b-ap9e1pe1c0] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 9px;
    color: var(--app-chevron);
    font-size: 10px;
    font-weight: 650;
}

.glpi-question__meta[b-ap9e1pe1c0]  .rzi {
    font-size: 14px;
}

.glpi-question__options[b-ap9e1pe1c0] {
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid var(--app-border-soft);
}

.glpi-question__options > strong[b-ap9e1pe1c0] {
    display: block;
    margin-bottom: 7px;
    color: var(--header-muted);
    font-size: 9px;
    text-transform: uppercase;
}

.glpi-question__options ul[b-ap9e1pe1c0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.glpi-question__options li[b-ap9e1pe1c0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    color: var(--app-nav-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border-soft);
    border-radius: 7px;
    font-size: 10px;
}

.glpi-question__options li > span[b-ap9e1pe1c0] {
    width: 5px;
    height: 5px;
    flex: none;
    background: var(--header-blue);
    border-radius: 50%;
}

@keyframes glpi-questions-spin-b-ap9e1pe1c0 {
    to { transform: rotate(360deg); }
}

@media (max-width: 560px) {
    .glpi-question[b-ap9e1pe1c0] {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }

    .glpi-question__position[b-ap9e1pe1c0] {
        width: 28px;
        height: 28px;
    }

    .glpi-question__content > header[b-ap9e1pe1c0] {
        flex-direction: column;
        gap: 7px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .glpi-questions__loading > span[b-ap9e1pe1c0] {
        animation-duration: 1.8s;
    }
}
/* /Shared/HumanQueueItem.razor.rz.scp.css */
.queue-item[b-hjt6mep054] {
    position: relative;
    min-width: 0;
    min-height: 74px;
    display: grid;
    grid-template-columns: 38px 46px minmax(130px, 1.15fr) minmax(145px, 1.2fr) minmax(145px, 1.15fr) 78px 112px;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    color: var(--header-ink);
    border-bottom: 1px solid var(--app-border-soft);
}

.queue-item:last-child[b-hjt6mep054] {
    border-bottom: 0;
}

.queue-item.is-high-priority[b-hjt6mep054]::before {
    position: absolute;
    top: 16px;
    bottom: 16px;
    left: -12px;
    width: 3px;
    content: "";
    background: #e59a21;
    border-radius: 999px;
}

.queue-item__position[b-hjt6mep054] {
    color: var(--header-ink);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.02em;
    text-align: center;
}

.queue-item__avatar[b-hjt6mep054] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 9%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--header-blue) 17%, var(--header-line));
    border-radius: 50%;
    font-size: 12px;
    font-weight: 750;
}

.queue-item__customer[b-hjt6mep054] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.queue-item__customer strong[b-hjt6mep054] {
    overflow: hidden;
    color: var(--header-ink);
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue-item__customer span[b-hjt6mep054] {
    color: var(--header-muted);
    font-size: 11px;
}

.queue-item__reason[b-hjt6mep054],
.queue-item__waiting[b-hjt6mep054],
.queue-item__priority[b-hjt6mep054] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--header-muted);
    font-size: 11px;
}

.queue-item__reason[b-hjt6mep054] {
    width: fit-content;
    max-width: 100%;
    padding: 6px 9px;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border-soft);
    border-radius: 999px;
    white-space: nowrap;
}

.queue-item__reason[b-hjt6mep054]  .rzi,
.queue-item__waiting[b-hjt6mep054]  .rzi {
    flex: none;
    color: var(--app-chevron);
    font-size: 15px;
}

.queue-item__waiting > span[b-hjt6mep054] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue-item__waiting strong[b-hjt6mep054] {
    color: var(--header-ink);
    font-weight: 700;
}

.queue-item__priority[b-hjt6mep054] {
    width: fit-content;
    padding: 6px 9px;
    border-radius: 999px;
    font-weight: 650;
    white-space: nowrap;
}

.queue-item__priority i[b-hjt6mep054] {
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
}

.queue-item__priority.is-high[b-hjt6mep054] {
    color: #bd7107;
    background: color-mix(in srgb, #f59e0b 13%, var(--app-surface));
}

.queue-item__priority.is-normal[b-hjt6mep054] {
    color: var(--header-blue);
    background: color-mix(in srgb, var(--header-blue) 9%, var(--app-surface));
}

.queue-item[b-hjt6mep054]  .queue-item__action.rz-button {
    width: 100%;
    min-height: 36px;
    padding: 0 14px;
    color: var(--header-blue) !important;
    background: transparent;
    border: 1px solid var(--header-blue);
    border-radius: 8px;
    box-shadow: none;
    font-size: 11px;
    font-weight: 750;
}

.queue-item[b-hjt6mep054]  .queue-item__action.rz-button:disabled {
    opacity: .78;
}

.queue-item[b-hjt6mep054]  .queue-item__action.rz-button:hover {
    color: #fff !important;
    background: var(--header-blue);
}

.queue-item[b-hjt6mep054]  .queue-item__action.is-primary.rz-button {
    color: #fff !important;
    background: var(--header-blue);
    box-shadow: 0 5px 12px color-mix(in srgb, var(--header-blue) 20%, transparent);
}

.queue-item[b-hjt6mep054]  .queue-item__action.is-primary.rz-button:hover {
    background: color-mix(in srgb, var(--header-blue) 88%, #0b3f91);
}

@media (max-width: 1220px) {
    .queue-item[b-hjt6mep054] {
        grid-template-columns: 34px 44px minmax(125px, 1fr) minmax(125px, 1fr) 74px 108px;
    }

    .queue-item__waiting[b-hjt6mep054] {
        display: none;
    }
}

@media (max-width: 760px) {
    .queue-item[b-hjt6mep054] {
        grid-template-columns: 34px 42px minmax(0, 1fr) auto;
        gap: 10px;
        padding: 14px 0;
    }

    .queue-item__reason[b-hjt6mep054],
    .queue-item__priority[b-hjt6mep054] {
        display: none;
    }

    .queue-item[b-hjt6mep054]  .queue-item__action.rz-button {
        min-width: 38px;
        width: 38px;
        padding: 0;
        font-size: 0;
    }

    .queue-item[b-hjt6mep054]  .queue-item__action.rz-button::after {
        content: "›";
        font-size: 20px;
        line-height: 1;
    }
}

@media (max-width: 430px) {
    .queue-item[b-hjt6mep054] {
        grid-template-columns: 32px 38px minmax(0, 1fr) 36px;
        gap: 8px;
    }

    .queue-item__avatar[b-hjt6mep054] {
        width: 38px;
        height: 38px;
    }

    .queue-item.is-high-priority[b-hjt6mep054]::before {
        left: -7px;
    }
}
/* /Shared/HumanQueueMetricCard.razor.rz.scp.css */
.queue-metric[b-ph4e0bbz3x] {
    min-width: 0;
    min-height: 86px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px 18px;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 13px;
    box-shadow: var(--app-panel-shadow);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.queue-metric:hover[b-ph4e0bbz3x] {
    border-color: color-mix(in srgb, var(--metric-color) 25%, var(--header-line));
    box-shadow: var(--app-card-shadow);
    transform: translateY(-1px);
}

.queue-metric__icon[b-ph4e0bbz3x] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--metric-color);
    background: color-mix(in srgb, var(--metric-color) 10%, var(--app-surface));
    border-radius: 50%;
}

.queue-metric__icon[b-ph4e0bbz3x]  .rzi {
    font-size: 22px;
}

.queue-metric > div[b-ph4e0bbz3x] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.queue-metric strong[b-ph4e0bbz3x] {
    color: var(--header-ink);
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.025em;
}

.queue-metric > div > span[b-ph4e0bbz3x] {
    overflow: hidden;
    color: var(--header-muted);
    font-size: 12px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue-metric--blue[b-ph4e0bbz3x] { --metric-color: #3379e9; }
.queue-metric--green[b-ph4e0bbz3x] { --metric-color: #09a574; }
.queue-metric--amber[b-ph4e0bbz3x] { --metric-color: #db8a13; }
.queue-metric--violet[b-ph4e0bbz3x] { --metric-color: #7762d9; }

@media (max-width: 640px) {
    .queue-metric[b-ph4e0bbz3x] {
        min-height: 74px;
        padding: 13px 15px;
    }

    .queue-metric__icon[b-ph4e0bbz3x] {
        width: 42px;
        height: 42px;
    }
}
/* /Shared/ParameterCard.razor.rz.scp.css */
.parameter-card-host[b-r7xvn7ruli] {
    width: min(100%, 360px);
    height: 100%;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card {
    height: 100%;
    min-height: 220px;
    padding: 20px;
    overflow: hidden;
    color: var(--header-ink);
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 14px;
    box-shadow: var(--app-card-shadow);
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card > .rz-stack {
    height: 100%;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__name {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.4;
    letter-spacing: -0.015em;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__description {
    flex: 1 1 auto;
    margin: 3px 0 0;
    color: var(--header-muted);
    font-size: 13px;
    line-height: 1.45;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__value {
    min-height: 42px;
    margin-top: 12px;
    padding: 10px 12px;
    overflow: hidden;
    color: var(--header-ink);
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border-soft);
    border-radius: 9px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__footer {
    margin-top: 14px;
    color: var(--header-muted);
    font-size: 11px;
    line-height: 1.45;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__date {
    margin: 0;
    min-width: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__date time {
    white-space: nowrap;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__edit.rz-button {
    width: 32px;
    height: 30px;
    min-width: 32px;
    flex: none;
    padding: 0;
    color: var(--header-muted) !important;
    background: var(--app-surface);
    border: 1px solid var(--header-line);
    border-radius: 8px;
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__edit.rz-button:hover {
    color: var(--header-blue) !important;
    background: var(--app-hover);
    border-color: var(--header-muted);
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__edit.rz-button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--header-blue) 22%, transparent);
    outline-offset: 2px;
}

.parameter-card-host[b-r7xvn7ruli]  .parameter-card__edit .rzi {
    margin: 0;
    font-size: 17px;
}

@media (max-width: 420px) {
    .parameter-card-host[b-r7xvn7ruli]  .parameter-card {
        padding: 17px;
    }

    .parameter-card-host[b-r7xvn7ruli]  .parameter-card__footer {
        align-items: flex-end;
    }

    .parameter-card-host[b-r7xvn7ruli]  .parameter-card__date time {
        white-space: normal;
    }
}
