@import 'MediaRouter.NET.Admin.Client.6i1m72n6d2.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-header[b-33e553svv6],
.app-shell[b-33e553svv6]  .app-nav,
.app-footer[b-33e553svv6] {
    background: var(--colorNeutralBackground1);
}

.app-shell[b-33e553svv6] {
    background: var(--colorNeutralBackground2);
    color: var(--colorNeutralForeground1);
    color-scheme: light dark;
}

.app-shell[b-33e553svv6]  fluent-layout {
    background: var(--colorNeutralBackground2) !important;
    color: var(--colorNeutralForeground1);
    color-scheme: light dark !important;
}

.app-header[b-33e553svv6],
.app-footer[b-33e553svv6] {
    box-sizing: border-box;
    padding-inline: 20px;
}

.app-header[b-33e553svv6] {
    background: var(--colorNeutralBackground1) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--colorNeutralStroke2);
    color: var(--colorNeutralForeground1);
    --neutral-layer-1: var(--colorNeutralBackground1);
    --neutral-fill-rest: var(--colorNeutralBackground1);
    --accent-fill-rest: var(--colorNeutralBackground1);
    --accent-foreground-rest: var(--colorNeutralForeground1);
    --colorBrandBackground: var(--colorNeutralBackground1);
    --colorBrandForeground1: var(--colorNeutralForeground1);
}

/* FluentLayoutItem 的默认 accent 背景需要在宿主元素上覆盖，确保 Header 整条保持中性色。 */
.app-shell[b-33e553svv6]  fluent-layout-item.app-header {
    background: var(--colorNeutralBackground1) !important;
    background-color: var(--colorNeutralBackground1) !important;
    background-image: none !important;
    color: var(--colorNeutralForeground1);
    --neutral-layer-1: var(--colorNeutralBackground1);
    --neutral-fill-rest: var(--colorNeutralBackground1);
    --accent-fill-rest: var(--colorNeutralBackground1);
    --accent-foreground-rest: var(--colorNeutralForeground1);
    --colorBrandBackground: var(--colorNeutralBackground1);
    --colorBrandForeground1: var(--colorNeutralForeground1);
}

.app-header[b-33e553svv6]  fluent-layout-hamburger,
.app-header[b-33e553svv6]  fluent-button {
    --accent-fill-rest: var(--colorNeutralBackground1);
    --accent-fill-hover: var(--colorNeutralBackground3);
    --accent-fill-active: var(--colorNeutralBackground4);
    --accent-foreground-rest: var(--colorNeutralForeground1);
    --neutral-fill-rest: var(--colorNeutralBackground1);
    --neutral-foreground-rest: var(--colorNeutralForeground1);
}

.app-shell[b-33e553svv6]  .app-brand {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-account[b-33e553svv6] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
}

.app-account-name[b-33e553svv6] {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
}

.app-account[b-33e553svv6]  fluent-button {
    color: #ffffff;
    --accent-foreground-rest: #ffffff;
    --neutral-foreground-rest: #ffffff;
    --neutral-foreground-hover: #ffffff;
    --neutral-foreground-active: #ffffff;
}

@media (max-width: 600px) {
    .app-account-name[b-33e553svv6] {
        display: none;
    }
}

.app-shell[b-33e553svv6]  .app-nav {
    border-inline-end: 1px solid var(--colorNeutralStroke2);
}

.app-nav-content[b-33e553svv6],
.app-shell[b-33e553svv6]  .app-nav-menu {
    box-sizing: border-box;
    height: 100%;
}

.app-nav-content[b-33e553svv6] {
    overflow-y: auto;
}

.app-shell[b-33e553svv6]  .app-main {
    min-width: 0;
    overflow: hidden;
}

.app-main-column[b-33e553svv6] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) 40px;
    height: 100%;
}

.app-content[b-33e553svv6] {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: 0;
    background: var(--colorNeutralBackground2);
}

.app-footer[b-33e553svv6] {
    border-top: 1px solid var(--colorNeutralStroke2);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase200);
}

#blazor-error-ui[b-33e553svv6] {
    color-scheme: light dark;
    background: var(--colorNeutralBackground1);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-33e553svv6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-o436hguifo],
.components-reconnect-repeated-attempt-visible[b-o436hguifo],
.components-reconnect-failed-visible[b-o436hguifo],
.components-pause-visible[b-o436hguifo],
.components-resume-failed-visible[b-o436hguifo],
.components-rejoining-animation[b-o436hguifo] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AccountImportDialog.razor.rz.scp.css */
.account-import-dialog[b-n23ccnh9xb] {
    min-width: 0;
}

.account-import-form[b-n23ccnh9xb] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
}

.account-import-form[b-n23ccnh9xb]  fluent-text-area {
    width: 100%;
    min-width: 0;
}

.account-import-file-row[b-n23ccnh9xb] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--colorNeutralForeground2);
}

.editor-hint[b-n23ccnh9xb] {
    color: var(--colorNeutralForeground2);
    font-size: .88rem;
}

.account-import-results[b-n23ccnh9xb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid var(--colorNeutralStroke2);
    padding-top: 12px;
}

.import-result[b-n23ccnh9xb] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: .9rem;
}

.import-result.success[b-n23ccnh9xb] {
    color: var(--colorPaletteGreenForeground1);
    background: var(--colorPaletteGreenBackground1);
}

.import-result.failure[b-n23ccnh9xb] {
    color: var(--colorPaletteRedForeground1);
    background: var(--colorPaletteRedBackground1);
}

@media (max-width: 620px) {
    .import-result[b-n23ccnh9xb] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}
/* /Components/Pages/AccountPoolAccounts.razor.rz.scp.css */
.account-pool-accounts-page[b-daxmigkav0] {
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    padding: 24px;
}

.account-pool-accounts-layout[b-daxmigkav0] {
    display: flex;
    box-sizing: border-box;
    min-height: 100%;
    flex-direction: column;
    gap: 20px;
}

.page-heading[b-daxmigkav0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.page-heading h1[b-daxmigkav0] {
    margin: 4px 0 0;
    color: var(--colorNeutralForeground1);
    font-size: 28px;
    line-height: 1.25;
}

.page-heading p[b-daxmigkav0] {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
}

.account-pool-accounts-page[b-daxmigkav0]  .accounts-grid {
    width: 100%;
}

.account-name-cell[b-daxmigkav0] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.account-name-cell span[b-daxmigkav0] {
    color: var(--colorNeutralForeground2);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .88rem;
}

.status-pill[b-daxmigkav0] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: .85rem;
}

.status-pill.enabled[b-daxmigkav0] {
    color: var(--colorPaletteGreenForeground1);
    background: var(--colorPaletteGreenBackground1);
}

.status-pill.disabled[b-daxmigkav0] {
    color: var(--colorNeutralForeground2);
    background: var(--colorNeutralBackground3);
}

.task-stats-cell[b-daxmigkav0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-size: .85rem;
}

.task-stat.running[b-daxmigkav0] {
    color: var(--colorPaletteBlueForeground2);
}

.task-stat.success[b-daxmigkav0] {
    color: var(--colorPaletteGreenForeground1);
}

.task-stat.failure[b-daxmigkav0] {
    color: var(--colorPaletteRedForeground1);
}

.credential-expired[b-daxmigkav0] {
    color: var(--colorPaletteDarkOrangeForeground1);
    font-weight: 600;
}

.account-status-error[b-daxmigkav0] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-height: 240px;
    overflow-y: auto;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .85rem;
}

.account-empty[b-daxmigkav0] {
    display: flex;
    min-height: 240px;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.account-pool-paging[b-daxmigkav0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

@media (max-width: 700px) {
    .page-heading[b-daxmigkav0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-pool-paging[b-daxmigkav0] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.account-pool-accounts-page[b-daxmigkav0] { overflow-x: hidden; min-width: 0; }
.accounts-results[b-daxmigkav0] { min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; }
.accounts-results[b-daxmigkav0]  .accounts-grid { width: 100%; min-width: 0; }
.task-stats-cell[b-daxmigkav0] { white-space: normal; flex-wrap: wrap; }
.provider-key[b-daxmigkav0], .model-key[b-daxmigkav0], .task-id[b-daxmigkav0] { overflow-wrap: anywhere; word-break: break-word; }

/* /Components/Pages/AccountPoolEditorDialog.razor.rz.scp.css */
.account-pool-editor-dialog[b-e66uqn9wse] {
    min-width: 0;
}

.account-pool-form[b-e66uqn9wse] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
}

.account-pool-form-grid[b-e66uqn9wse] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 16px;
}

.account-pool-form[b-e66uqn9wse]  fluent-text-input,
.account-pool-form[b-e66uqn9wse]  fluent-text-area,
.account-pool-form[b-e66uqn9wse]  fluent-select,
.account-pool-form[b-e66uqn9wse]  fluent-number-input {
    width: 100%;
    min-width: 0;
}

.pool-enabled-setting[b-e66uqn9wse] {
    display: flex;
    min-height: 64px;
    align-items: center;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    padding: 8px 14px;
    background: var(--colorNeutralBackground2);
}

.editor-validation[b-e66uqn9wse] {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}

.editor-hint[b-e66uqn9wse] {
    color: var(--colorNeutralForeground2);
    font-size: .88rem;
}

@media (max-width: 620px) {
    .account-pool-form-grid[b-e66uqn9wse] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AccountPools.razor.rz.scp.css */
.account-pools-page[b-pkcdyyu6db] {
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    padding: 24px;
}

.account-pools-layout[b-pkcdyyu6db] {
    display: flex;
    box-sizing: border-box;
    min-height: 100%;
    flex-direction: column;
    gap: 20px;
}

.page-heading[b-pkcdyyu6db] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.page-heading h1[b-pkcdyyu6db] {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 28px;
    line-height: 1.25;
}

.page-heading p[b-pkcdyyu6db] {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
}

.pool-filter-grid[b-pkcdyyu6db] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 180px auto;
    align-items: start;
    gap: 16px;
    width: 100%;
}

.account-pools-page[b-pkcdyyu6db]  .pool-filter-grid fluent-text-input,
.account-pools-page[b-pkcdyyu6db]  .pool-filter-grid fluent-select {
    width: 100%;
    min-width: 0;
}

.pool-filter-action[b-pkcdyyu6db] {
    display: flex;
    align-items: flex-end;
    min-height: 64px;
}

.account-pools-page[b-pkcdyyu6db]  .pools-grid {
    width: 100%;
}

.pool-name-cell[b-pkcdyyu6db] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pool-name-cell span[b-pkcdyyu6db],
.provider-key[b-pkcdyyu6db],
.pool-count[b-pkcdyyu6db] {
    color: var(--colorNeutralForeground2);
}

.provider-key[b-pkcdyyu6db] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .9rem;
}

.status-pill[b-pkcdyyu6db] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: .85rem;
}

.status-pill.enabled[b-pkcdyyu6db] {
    color: var(--colorPaletteGreenForeground1);
    background: var(--colorPaletteGreenBackground1);
}

.status-pill.disabled[b-pkcdyyu6db] {
    color: var(--colorNeutralForeground2);
    background: var(--colorNeutralBackground3);
}

.task-stats-cell[b-pkcdyyu6db] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-size: .85rem;
}

.task-stat.running[b-pkcdyyu6db] {
    color: var(--colorPaletteBlueForeground2);
}

.task-stat.success[b-pkcdyyu6db] {
    color: var(--colorPaletteGreenForeground1);
}

.task-stat.failure[b-pkcdyyu6db] {
    color: var(--colorPaletteRedForeground1);
}

.pool-empty[b-pkcdyyu6db] {
    display: flex;
    min-height: 240px;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 760px) {
    .page-heading[b-pkcdyyu6db] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pool-filter-grid[b-pkcdyyu6db] {
        grid-template-columns: 1fr;
    }

    .pool-filter-action[b-pkcdyyu6db] {
        min-height: auto;
    }
}

.account-pools-page[b-pkcdyyu6db] { overflow-x: hidden; min-width: 0; }
.pool-results[b-pkcdyyu6db] { min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; }
.pool-results[b-pkcdyyu6db]  .pools-grid { width: 100%; min-width: 0; }
.task-stats-cell[b-pkcdyyu6db] { white-space: normal; flex-wrap: wrap; }
.provider-key[b-pkcdyyu6db], .model-key[b-pkcdyyu6db], .task-id[b-pkcdyyu6db] { overflow-wrap: anywhere; word-break: break-word; }

@media (max-width: 760px) {
    /* 移动端保持列宽和单行信息，由结果容器负责横向滚动。 */
    .pool-results[b-pkcdyyu6db]  .pools-grid {
        min-width: 1180px;
    }

    .pool-results[b-pkcdyyu6db]  .pools-grid td {
        white-space: nowrap;
    }

    .pool-results .task-stats-cell[b-pkcdyyu6db] {
        flex-wrap: nowrap;
        white-space: nowrap;
    }
}

/* /Components/Pages/ApiGroupEditorDialog.razor.rz.scp.css */
.group-editor-form[b-ug6urs1iug] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 20px;
}

.group-enabled-setting[b-ug6urs1iug] {
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    padding: 12px 16px;
    background: var(--colorNeutralBackground2);
}

.group-editor-form[b-ug6urs1iug]  .validation-message {
    margin-top: 4px;
    color: var(--colorPaletteRedForeground1);
    font-size: .88rem;
}
/* /Components/Pages/ApiGroups.razor.rz.scp.css */
.api-groups-page[b-4dhgxyhdbn] {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
}

.page-heading[b-4dhgxyhdbn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.page-heading h1[b-4dhgxyhdbn] {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 28px;
    line-height: 1.25;
}

.page-heading p[b-4dhgxyhdbn] {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
}

.group-filter-grid[b-4dhgxyhdbn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px auto;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.api-groups-page[b-4dhgxyhdbn]  .group-toolbar,
.api-groups-page[b-4dhgxyhdbn]  .groups-grid {
    width: 100%;
}

.groups-results[b-4dhgxyhdbn] {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
}

.status-pill[b-4dhgxyhdbn] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: .85rem;
}

.status-pill.enabled[b-4dhgxyhdbn] {
    color: var(--colorPaletteGreenForeground1);
    background: var(--colorPaletteGreenBackground1);
}

.status-pill.disabled[b-4dhgxyhdbn] {
    color: var(--colorNeutralForeground2);
    background: var(--colorNeutralBackground3);
}

.api-groups-page[b-4dhgxyhdbn]  .group-count {
    color: var(--colorNeutralForeground2);
    font-size: .9rem;
}

@media (max-width: 700px) {
    .page-heading[b-4dhgxyhdbn] {
        align-items: flex-start;
        flex-direction: column;
    }

    .group-filter-grid[b-4dhgxyhdbn] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .group-filter-grid[b-4dhgxyhdbn]  fluent-text-input {
        grid-column: 1 / -1;
    }
}

.api-groups-page[b-4dhgxyhdbn] { overflow-x: hidden; min-width: 0; }
.groups-results[b-4dhgxyhdbn] { min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; }
.groups-results[b-4dhgxyhdbn]  .groups-grid { width: 100%; min-width: 0; }
/* /Components/Pages/ApiModelEditorDialog.razor.rz.scp.css */
.editor-validation[b-ary3ri4yjh] {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}

.editor-hint[b-ary3ri4yjh] {
    margin-top: -14px;
    color: var(--colorNeutralForeground2);
    font-size: 0.85rem;
}
/* /Components/Pages/ApiModels.razor.rz.scp.css */
.api-models-page[b-hbv594jahd] {
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    padding: 24px;
}

.api-models-layout[b-hbv594jahd] {
    display: flex;
    box-sizing: border-box;
    min-height: 100%;
    flex-direction: column;
    gap: 20px;
}

.page-heading[b-hbv594jahd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.page-heading h1[b-hbv594jahd] {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 28px;
    line-height: 1.25;
}

.page-heading p[b-hbv594jahd] {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
}

.api-models-page[b-hbv594jahd]  .model-toolbar {
    width: 100%;
}

.model-filter-grid[b-hbv594jahd] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 180px 160px auto;
    align-items: start;
    gap: 16px;
    width: 100%;
}

.api-models-page[b-hbv594jahd]  .model-filter-grid fluent-text-input,
.api-models-page[b-hbv594jahd]  .model-filter-grid fluent-select {
    width: 100%;
    min-width: 0;
}

.model-filter-action[b-hbv594jahd] {
    display: flex;
    align-items: flex-end;
    min-height: 64px;
}

.api-models-page[b-hbv594jahd]  .models-grid {
    width: 100%;
}

.model-key[b-hbv594jahd] {
    color: var(--colorNeutralForeground2);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.9em;
}

.status-pill[b-hbv594jahd] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 0.85rem;
}

.status-pill.enabled[b-hbv594jahd] {
    color: var(--colorPaletteGreenForeground1);
    background: var(--colorPaletteGreenBackground1);
}

.status-pill.disabled[b-hbv594jahd] {
    color: var(--colorNeutralForeground2);
    background: var(--colorNeutralBackground3);
}

.model-empty[b-hbv594jahd] {
    display: flex;
    min-height: 240px;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.model-count[b-hbv594jahd] {
    color: var(--colorNeutralForeground2);
    font-size: 0.9rem;
}

@media (max-width: 700px) {
    .page-heading[b-hbv594jahd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .model-filter-grid[b-hbv594jahd] {
        grid-template-columns: 1fr;
    }

    .model-filter-action[b-hbv594jahd] {
        min-height: auto;
    }

    .api-models-page[b-hbv594jahd]  .model-filter-action fluent-button {
        justify-self: start;
    }
}

.api-models-page[b-hbv594jahd] { overflow-x: hidden; min-width: 0; }
.models-results[b-hbv594jahd] { min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; }
.models-results[b-hbv594jahd]  .models-grid { width: 100%; min-width: 0; }
.task-stats-cell[b-hbv594jahd] { white-space: normal; flex-wrap: wrap; }
.provider-key[b-hbv594jahd], .model-key[b-hbv594jahd], .task-id[b-hbv594jahd] { overflow-wrap: anywhere; word-break: break-word; }

/* /Components/Pages/GroupModelEditorDialog.razor.rz.scp.css */
.group-model-form[b-2jkg6cw0r2],
.pricing-section[b-2jkg6cw0r2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

.pricing-section[b-2jkg6cw0r2] {
    padding-block: 16px;
    border-block: 1px solid var(--colorNeutralStroke2);
}

.group-model-form[b-2jkg6cw0r2]  fluent-combobox,
.group-model-form[b-2jkg6cw0r2]  fluent-select,
.group-model-form[b-2jkg6cw0r2]  fluent-text-input {
    width: 100%;
    min-width: 0;
}

.group-model-form[b-2jkg6cw0r2]  .validation-errors {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}
/* /Components/Pages/GroupModelPricingEditor.razor.rz.scp.css */
.pricing-editor[b-ykqrfqmdmg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.pricing-editor[b-ykqrfqmdmg]  .pricing-hint {
    color: var(--colorNeutralForeground2);
    font-size: .88rem;
}

.resolution-row[b-ykqrfqmdmg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
}

.remove-price-action[b-ykqrfqmdmg] {
    display: flex;
    min-height: 64px;
    align-items: flex-end;
}

.token-price-grid[b-ykqrfqmdmg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

@media (max-width: 520px) {
    .token-price-grid[b-ykqrfqmdmg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/GroupModelRouteCreateForm.razor.rz.scp.css */
.route-create-form[b-26a0ux99cx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

.route-selection-grid[b-26a0ux99cx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
}

.route-create-form[b-26a0ux99cx]  fluent-combobox,
.route-create-form[b-26a0ux99cx]  fluent-select {
    width: 100%;
    min-width: 0;
}

.route-create-form[b-26a0ux99cx]  .validation-errors {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}

@media (max-width: 520px) {
    .route-selection-grid[b-26a0ux99cx] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/GroupModelRoutesDrawer.razor.rz.scp.css */
.routes-drawer[b-xttcgppwlj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.model-heading[b-xttcgppwlj],
.route-details[b-xttcgppwlj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow-wrap: anywhere;
}

.model-heading strong[b-xttcgppwlj] {
    font-size: 18px;
}

.model-heading span[b-xttcgppwlj],
.route-details code[b-xttcgppwlj],
.section-heading p[b-xttcgppwlj] {
    color: var(--colorNeutralForeground2);
    font-size: .9rem;
}

.section-heading[b-xttcgppwlj],
.route-card-heading[b-xttcgppwlj],
.route-card-body[b-xttcgppwlj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px 12px;
}

.section-heading p[b-xttcgppwlj] {
    grid-column: 1 / -1;
    margin: 0;
}

.routes-drawer[b-xttcgppwlj]  fluent-card {
    width: 100%;
}

.route-card-content[b-xttcgppwlj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.route-card-heading strong[b-xttcgppwlj] {
    overflow-wrap: anywhere;
}

@media (max-width: 420px) {
    .route-card-body[b-xttcgppwlj] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .route-card-body[b-xttcgppwlj]  fluent-number-input {
        justify-self: end;
    }
}
/* /Components/Pages/GroupModels.razor.rz.scp.css */
.group-models-page[b-i7leik3aoe] {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
}

.page-heading[b-i7leik3aoe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.page-heading h1[b-i7leik3aoe] {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground1);
    font-size: 28px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.page-heading p[b-i7leik3aoe] {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
}

.model-filter-grid[b-i7leik3aoe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px auto;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.group-models-page[b-i7leik3aoe]  .model-toolbar,
.group-models-page[b-i7leik3aoe]  .models-grid {
    width: 100%;
}

.models-results[b-i7leik3aoe] {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
}

/* FluentDataGrid 的多行单元格由 align-content 控制内容对齐，需覆盖组件的内联设置。 */
.models-results[b-i7leik3aoe]  .models-grid td {
    align-content: center !important;
    vertical-align: middle;
}

.model-name-cell[b-i7leik3aoe],
.model-status[b-i7leik3aoe] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.model-name-cell span[b-i7leik3aoe],
.group-models-page[b-i7leik3aoe]  .model-count {
    color: var(--colorNeutralForeground2);
    font-size: .9rem;
}

.price-summary[b-i7leik3aoe] {
    white-space: pre-line;
    line-height: 1.6;
    font-variant-numeric: tabular-nums;
}

.status-pill[b-i7leik3aoe] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: .85rem;
    white-space: nowrap;
}

.status-pill.enabled[b-i7leik3aoe] {
    color: var(--colorPaletteGreenForeground1);
    background: var(--colorPaletteGreenBackground1);
}

.status-pill.disabled[b-i7leik3aoe] {
    color: var(--colorNeutralForeground2);
    background: var(--colorNeutralBackground3);
}

.model-warning[b-i7leik3aoe] {
    color: var(--colorPaletteMarigoldForeground1);
    font-size: .85rem;
}

@media (max-width: 700px) {
    .page-heading[b-i7leik3aoe] {
        align-items: flex-start;
        flex-direction: column;
    }

    .model-filter-grid[b-i7leik3aoe] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .model-filter-grid[b-i7leik3aoe]  fluent-text-input {
        grid-column: 1 / -1;
    }
}

.group-models-page[b-i7leik3aoe] { overflow-x: hidden; min-width: 0; }
.models-results[b-i7leik3aoe]  .models-grid { width: 100%; min-width: 0; }
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-bqmnj0je5v] {
    box-sizing: border-box;
    min-height: 100%;
    padding: 32px;
    background: var(--colorNeutralBackground2);
}

.home-dashboard[b-bqmnj0je5v] {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    flex-direction: column;
    gap: 24px;
}

.home-welcome[b-bqmnj0je5v] {
    display: block;
}

.home-welcome h1[b-bqmnj0je5v] {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 28px;
    line-height: 1.25;
}

.home-welcome p[b-bqmnj0je5v] {
    margin: 6px 0 0;
    color: var(--colorNeutralForeground2);
}

.home-metrics[b-bqmnj0je5v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.home-metrics.user-metrics[b-bqmnj0je5v] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 960px;
}

.home-metric-card[b-bqmnj0je5v] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-height: 112px;
    box-sizing: border-box;
    padding: 20px;
}

.home-metric-icon[b-bqmnj0je5v] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 50%;
}

.providers-icon[b-bqmnj0je5v] { color: var(--colorPaletteBlueForeground2); background: var(--colorPaletteBlueBackground2); }
.accounts-icon[b-bqmnj0je5v] { color: var(--colorPaletteGreenForeground1); background: var(--colorPaletteGreenBackground1); }
.running-icon[b-bqmnj0je5v] { color: var(--colorPaletteDarkOrangeForeground1); background: var(--colorPaletteYellowBackground1); }
.result-icon[b-bqmnj0je5v] { color: var(--colorPaletteGreenForeground1); background: var(--colorPaletteGreenBackground1); }

.home-metric-card > div[b-bqmnj0je5v] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.home-metric-label[b-bqmnj0je5v],
.home-metric-card span:not(.home-metric-icon)[b-bqmnj0je5v] {
    color: var(--colorNeutralForeground2);
    font-size: .88rem;
}

.home-metric-card strong[b-bqmnj0je5v] {
    color: var(--colorNeutralForeground1);
    font-size: 1.2rem;
}

.result-success[b-bqmnj0je5v] { color: var(--colorPaletteGreenForeground1) !important; }
.result-failure[b-bqmnj0je5v] { color: var(--colorPaletteRedForeground1) !important; }

.home-loading[b-bqmnj0je5v] {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 900px) {
    .home-metrics[b-bqmnj0je5v],
    .home-metrics.user-metrics[b-bqmnj0je5v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .home-page[b-bqmnj0je5v] {
        padding: 20px 16px;
    }

    .home-metrics[b-bqmnj0je5v],
    .home-metrics.user-metrics[b-bqmnj0je5v] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login[b-340ncwtc6l] {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    min-height: 100dvh;
    place-items: center;
    padding: 24px 16px;
    background: var(--colorNeutralBackground2);
}

.login-card-shell[b-340ncwtc6l] {
    width: min(100%, 28rem);
    min-width: 0;
}

/* 从本页元素穿透到 Fluent 组件和 EditForm，确保表单填满卡片。 */
.login[b-340ncwtc6l]  .login-card,
.login[b-340ncwtc6l]  .login-form,
.login[b-340ncwtc6l]  .login-form fluent-text-input {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

.login[b-340ncwtc6l]  .login-form fluent-field {
    margin-block: 0;
}

.login-brand-mark[b-340ncwtc6l] {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
}

.login-heading[b-340ncwtc6l] {
    text-align: center;
}

.login-heading h1[b-340ncwtc6l] {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 28px;
    line-height: 1.25;
}

.login-heading p[b-340ncwtc6l] {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
    line-height: 1.5;
}

.login-actions[b-340ncwtc6l] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.login[b-340ncwtc6l]  .validation-summary,
.error[b-340ncwtc6l] {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
    overflow-wrap: anywhere;
}
/* /Components/Pages/ProviderEditorDialog.razor.rz.scp.css */
.editor-validation[b-qvl4r5ov9z] {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}

.provider-editor-dialog-content[b-qvl4r5ov9z]  .editor-placeholder {
    color: var(--colorNeutralForeground2);
    font-size: 0.9rem;
}

.provider-form-layout[b-qvl4r5ov9z] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

.provider-editor-grid[b-qvl4r5ov9z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.provider-editor-section[b-qvl4r5ov9z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.provider-editor-dialog-content[b-qvl4r5ov9z]  fluent-field,
.provider-editor-dialog-content[b-qvl4r5ov9z]  fluent-text-input,
.provider-editor-dialog-content[b-qvl4r5ov9z]  fluent-text-area,
.provider-editor-dialog-content[b-qvl4r5ov9z]  fluent-select {
    width: 100%;
    min-width: 0;
}

.provider-primary-setting[b-qvl4r5ov9z] {
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    padding: 12px 14px;
    background: var(--colorNeutralBackground2);
}

.provider-icon-preview[b-qvl4r5ov9z] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    object-fit: contain;
}

@media (max-width: 620px) {
    .provider-editor-grid[b-qvl4r5ov9z] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ProviderManagement.razor.rz.scp.css */
.provider-management-page[b-g1cmz49fby] {
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    padding: 24px;
}

.provider-management-layout[b-g1cmz49fby] {
    display: flex;
    box-sizing: border-box;
    min-height: 100%;
    flex-direction: column;
    gap: 20px;
}

.page-heading[b-g1cmz49fby] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.page-heading h1[b-g1cmz49fby] {
    margin: 0;
    color: var(--colorNeutralForeground1);
    line-height: 1.25;
    font-size: 28px;
}

.page-heading p[b-g1cmz49fby] {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
}

.provider-management-page[b-g1cmz49fby]  .provider-toolbar,
.provider-management-page[b-g1cmz49fby]  .providers-grid {
    width: 100%;
}

.provider-filter-grid[b-g1cmz49fby] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 180px auto;
    align-items: start;
    gap: 16px;
    width: 100%;
}

.provider-management-page[b-g1cmz49fby]  .provider-filter-grid fluent-text-input,
.provider-management-page[b-g1cmz49fby]  .provider-filter-grid fluent-select {
    width: 100%;
    min-width: 0;
}

.provider-filter-action[b-g1cmz49fby] {
    display: flex;
    min-height: 64px;
    align-items: flex-end;
}

.provider-key[b-g1cmz49fby] {
    color: var(--colorNeutralForeground2);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.9em;
}

.provider-icon[b-g1cmz49fby] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 6px;
    vertical-align: middle;
}

.status-pill[b-g1cmz49fby] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 0.85rem;
}

.status-pill.enabled[b-g1cmz49fby] {
    color: var(--colorPaletteGreenForeground1);
    background: var(--colorPaletteGreenBackground1);
}

.status-pill.disabled[b-g1cmz49fby] {
    color: var(--colorNeutralForeground2);
    background: var(--colorNeutralBackground3);
}

.provider-empty[b-g1cmz49fby] {
    min-height: 240px;
    text-align: center;
}

.provider-count[b-g1cmz49fby] {
    color: var(--colorNeutralForeground2);
    font-size: 0.9rem;
}

@media (max-width: 700px) {
    .page-heading[b-g1cmz49fby] {
        align-items: flex-start;
        flex-direction: column;
    }

    .provider-filter-grid[b-g1cmz49fby] {
        grid-template-columns: 1fr;
    }

    .provider-filter-action[b-g1cmz49fby] {
        min-height: auto;
    }
}

.provider-management-page[b-g1cmz49fby] { overflow-x: hidden; min-width: 0; }
.providers-results[b-g1cmz49fby] { min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; }
.providers-results[b-g1cmz49fby]  .providers-grid { width: 100%; min-width: 0; }
.task-stats-cell[b-g1cmz49fby] { white-space: normal; flex-wrap: wrap; }
.provider-key[b-g1cmz49fby], .model-key[b-g1cmz49fby], .task-id[b-g1cmz49fby] { overflow-wrap: anywhere; word-break: break-word; }

/* /Components/Pages/ProviderModelEditorDialog.razor.rz.scp.css */
.provider-model-editor-dialog[b-rn585q8vx9] { min-width: 0; }
.provider-model-editor-form[b-rn585q8vx9] { display: flex; flex-direction: column; gap: 16px; width: 100%; min-width: 0; }
.provider-model-editor-grid[b-rn585q8vx9] { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 16px; }
.provider-model-editor-form[b-rn585q8vx9]  fluent-combobox,
.provider-model-editor-form[b-rn585q8vx9]  fluent-text-input,
.provider-model-editor-form[b-rn585q8vx9]  fluent-text-area,
.provider-model-editor-form[b-rn585q8vx9]  fluent-select { width: 100%; min-width: 0; }
.editor-validation[b-rn585q8vx9] { margin: 0; color: var(--colorPaletteRedForeground1); }
.editor-hint[b-rn585q8vx9] { color: var(--colorNeutralForeground2); font-size: .88rem; }
@media (max-width: 620px) { .provider-model-editor-grid[b-rn585q8vx9] { grid-template-columns: 1fr; } }
/* /Components/Pages/ProviderModels.razor.rz.scp.css */
.provider-models-page[b-05hhrnugs6] { box-sizing: border-box; width: 100%; min-height: 100%; padding: 24px; }
.provider-models-layout[b-05hhrnugs6] { display: flex; flex-direction: column; gap: 20px; min-height: 100%; }
.page-heading[b-05hhrnugs6] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.page-heading h1[b-05hhrnugs6] { margin: 4px 0 0; color: var(--colorNeutralForeground1); font-size: 28px; line-height: 1.25; }
.page-heading p[b-05hhrnugs6] { margin: 8px 0 0; color: var(--colorNeutralForeground2); }
.provider-models-page[b-05hhrnugs6]  .provider-models-grid { width: 100%; }
.model-name-cell[b-05hhrnugs6] { display: flex; flex-direction: column; gap: 3px; }
.model-name-cell span[b-05hhrnugs6] { color: var(--colorNeutralForeground2); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .88rem; }
.capability-pill[b-05hhrnugs6], .status-pill[b-05hhrnugs6] { display: inline-flex; align-items: center; border-radius: 999px; padding: 3px 10px; font-size: .85rem; }
.capability-pill[b-05hhrnugs6] { color: var(--colorPaletteBlueForeground2); background: var(--colorPaletteBlueBackground2); }
.status-pill.enabled[b-05hhrnugs6] { color: var(--colorPaletteGreenForeground1); background: var(--colorPaletteGreenBackground1); }
.status-pill.disabled[b-05hhrnugs6] { color: var(--colorNeutralForeground2); background: var(--colorNeutralBackground3); }
.provider-models-empty[b-05hhrnugs6] { display: flex; min-height: 240px; align-items: center; justify-content: center; text-align: center; }
@media (max-width: 700px) { .page-heading[b-05hhrnugs6] { align-items: flex-start; flex-direction: column; } }

.provider-models-page[b-05hhrnugs6] { overflow-x: hidden; min-width: 0; }
.provider-models-results[b-05hhrnugs6] { min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; }
.provider-models-results[b-05hhrnugs6]  .provider-models-grid { width: 100%; min-width: 0; }
.task-stats-cell[b-05hhrnugs6] { white-space: normal; flex-wrap: wrap; }
.provider-key[b-05hhrnugs6], .model-key[b-05hhrnugs6], .task-id[b-05hhrnugs6] { overflow-wrap: anywhere; word-break: break-word; }

/* /Components/Pages/Setup.razor.rz.scp.css */
.setup[b-oak6q2p1ay] {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    min-height: 100dvh;
    place-items: center;
    padding: clamp(16px, 4vw, 32px);
    background: var(--colorNeutralBackground2);
}

.setup-card-shell[b-oak6q2p1ay] {
    box-sizing: border-box;
    width: min(100%, 30rem);
}

/* Fluent 组件与 EditForm 不带本页的隔离标记，从 main 穿透到组件生成的元素。 */
.setup[b-oak6q2p1ay]  .setup-card {
    box-sizing: border-box;
    width: 100%;
}

.setup[b-oak6q2p1ay]  .setup-heading {
    text-align: center;
}

.setup-heading h1[b-oak6q2p1ay] {
    outline: none;
    text-align: center;
}

.setup-brand-mark[b-oak6q2p1ay] {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border-radius: 12px;
}

.setup h1[b-oak6q2p1ay] {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: clamp(1.5rem, 4vw, 1.75rem);
    line-height: 1.25;
}

.setup-intro[b-oak6q2p1ay] {
    margin: 0;
    color: var(--colorNeutralForeground2);
    line-height: 1.5;
}

.setup[b-oak6q2p1ay]  .setup-form {
    width: 100%;
    min-width: 0;
}

.setup[b-oak6q2p1ay]  .setup-form fluent-text-input {
    width: 100%;
    min-width: 0;
}

.setup[b-oak6q2p1ay]  .setup-form fluent-field {
    margin-block: 0;
}

.setup-actions[b-oak6q2p1ay] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.setup[b-oak6q2p1ay]  .validation-summary {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}

.error[b-oak6q2p1ay] {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}

.setup-complete[b-oak6q2p1ay] {
    margin: 0;
    color: var(--colorNeutralForeground2);
}
/* /Components/Pages/SystemSettings.razor.rz.scp.css */
.system-settings-page[b-0vj1p7dyao] {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
}

.page-heading h1[b-0vj1p7dyao] { margin: 0; font-size: 28px; line-height: 1.25; }
.page-heading p[b-0vj1p7dyao] { margin: 8px 0 0; color: var(--colorNeutralForeground2); }
.system-settings-page[b-0vj1p7dyao]  .settings-tabs { width: 100%; min-height: 320px; }
.system-settings-page[b-0vj1p7dyao]  .settings-tabs fluent-tab-panel { padding: 20px 2px 2px; }
.settings-tab-content[b-0vj1p7dyao] { display: grid; gap: 16px; }
.cleanup-card[b-0vj1p7dyao] { display: grid; gap: 18px; padding: 18px 20px; border: 1px solid var(--colorNeutralStroke2); border-radius: 10px; background: var(--colorNeutralBackground2); }
.cleanup-card-heading[b-0vj1p7dyao] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.settings-description[b-0vj1p7dyao] { display: block; margin-top: 5px; color: var(--colorNeutralForeground2); }
.cleanup-action-row[b-0vj1p7dyao] { display: flex; align-items: flex-end; gap: 14px; }
.cleanup-action-row[b-0vj1p7dyao]  fluent-button { align-self: flex-end; margin-bottom: 20px; }
.settings-empty[b-0vj1p7dyao] { display: block; padding: 48px 12px; color: var(--colorNeutralForeground2); text-align: center; }

@media (max-width: 700px) {
    .system-settings-page[b-0vj1p7dyao] { padding: 16px; }
    .cleanup-action-row[b-0vj1p7dyao] { align-items: stretch; flex-direction: column; }
    .cleanup-action-row[b-0vj1p7dyao]  fluent-button { margin-bottom: 0; }
    .cleanup-action-row fluent-select[b-0vj1p7dyao] { width: 100% !important; }
}
/* /Components/Pages/TaskDetailsDialog.razor.rz.scp.css */
.task-details-dialog[b-4xovehyz4d] {
    display: flex;
    box-sizing: border-box;
    width: min(100%, 860px);
    max-width: calc(100vw - 32px);
    min-width: 0;
    flex-direction: column;
    gap: 22px;
    padding: 22px 26px 20px;
}

.task-details-summary[b-4xovehyz4d],
.task-attempt-heading[b-4xovehyz4d],
.task-dialog-actions[b-4xovehyz4d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.task-details-summary fluent-text + fluent-text[b-4xovehyz4d] {
    color: var(--colorNeutralForeground2);
}

.task-details-summary[b-4xovehyz4d] {
    padding: 14px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 10px;
    background: var(--colorNeutralBackground2);
}

.task-dialog-actions[b-4xovehyz4d] {
    justify-content: flex-end;
    padding-top: 2px;
}

.task-details-dialog[b-4xovehyz4d]  .task-tabs {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 220px;
}

.task-details-dialog[b-4xovehyz4d]  .task-tabs fluent-tab {
    min-width: 0;
    color: var(--colorNeutralForeground1);
}

.task-details-dialog[b-4xovehyz4d]  .task-tabs fluent-tab-panel {
    box-sizing: border-box;
    padding: 18px 2px 2px;
}

.task-json-section[b-4xovehyz4d] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
}

.task-empty-text[b-4xovehyz4d] {
    display: block;
    padding: 34px 8px;
    color: var(--colorNeutralForeground2);
    text-align: center;
}

.task-request-layout[b-4xovehyz4d] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
}

.task-request-grid[b-4xovehyz4d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.task-request-item[b-4xovehyz4d],
.task-request-block[b-4xovehyz4d] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    background: var(--colorNeutralBackground2);
}

.task-request-item[b-4xovehyz4d] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.task-request-label[b-4xovehyz4d] {
    color: var(--colorNeutralForeground2);
    font-size: .84rem;
}

.task-request-value-mono[b-4xovehyz4d] {
    overflow: hidden;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-prompt[b-4xovehyz4d] {
    margin-top: 8px;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.task-request-grid-details[b-4xovehyz4d] {
    grid-template-columns: 110px minmax(0, 1fr) 110px minmax(0, 1fr);
    margin-top: 10px;
}

.task-request-grid-details > span[b-4xovehyz4d] {
    color: var(--colorNeutralForeground2);
}

.task-result-layout[b-4xovehyz4d] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
}

.task-result-grid[b-4xovehyz4d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.task-result-item[b-4xovehyz4d] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
    padding: 12px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    background: var(--colorNeutralBackground2);
}

.task-result-item strong[b-4xovehyz4d] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-output-list[b-4xovehyz4d] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.task-output-item[b-4xovehyz4d] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 0;
    border-top: 1px solid var(--colorNeutralStroke2);
}

.task-output-content[b-4xovehyz4d] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 12px;
}

.task-output-content > span[b-4xovehyz4d] {
    overflow: hidden;
    color: var(--colorNeutralForeground2);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-output-content a[b-4xovehyz4d] {
    margin-left: auto;
    flex: 0 0 auto;
    color: var(--colorBrandForeground1);
}

.task-json-inline[b-4xovehyz4d] {
    margin-top: 8px;
    color: var(--colorNeutralForeground2);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.task-input-list[b-4xovehyz4d] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.task-input-item[b-4xovehyz4d] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.task-input-index[b-4xovehyz4d] {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--colorNeutralForeground2);
    background: var(--colorNeutralBackground3);
    font-size: .8rem;
}

.task-input-source[b-4xovehyz4d] {
    overflow: hidden;
    color: var(--colorNeutralForeground2);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-raw-details[b-4xovehyz4d] {
    border-top: 1px solid var(--colorNeutralStroke2);
    padding-top: 12px;
    color: var(--colorNeutralForeground2);
}

.task-raw-details summary[b-4xovehyz4d] {
    cursor: pointer;
}

.task-raw-details .task-json-block[b-4xovehyz4d] {
    margin-top: 12px;
}

.task-status[b-4xovehyz4d] {
    display: inline-flex;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: .85rem;
    white-space: nowrap;
}

.task-status.success[b-4xovehyz4d] { color: var(--colorPaletteGreenForeground1); background: var(--colorPaletteGreenBackground1); }
.task-status.error[b-4xovehyz4d] { color: var(--colorPaletteRedForeground1); background: var(--colorPaletteRedBackground1); }
.task-status.pending[b-4xovehyz4d] { color: var(--colorPaletteDarkOrangeForeground1); background: var(--colorPaletteYellowBackground1); }

.task-json-block[b-4xovehyz4d],
.task-error-block[b-4xovehyz4d] {
    box-sizing: border-box;
    max-height: 420px;
    overflow: auto;
    margin: 0;
    padding: 14px;
    border-radius: 8px;
    background: var(--colorNeutralBackground3);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .84rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.task-error-block[b-4xovehyz4d] { color: var(--colorPaletteRedForeground1); }

.task-error-layout[b-4xovehyz4d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.task-error-item[b-4xovehyz4d] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    background: var(--colorNeutralBackground2);
}

.task-error-item > div[b-4xovehyz4d] {
    margin-top: 6px;
    overflow-wrap: anywhere;
}

.task-error-message[b-4xovehyz4d] {
    grid-column: 1 / -1;
    color: var(--colorPaletteRedForeground1);
    background: var(--colorPaletteRedBackground1);
}

.task-detail-grid[b-4xovehyz4d] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 12px;
    padding: 4px 0;
}

.task-detail-grid span[b-4xovehyz4d] { color: var(--colorNeutralForeground2); }

.billing-summary-card[b-4xovehyz4d] {
    padding: 16px 18px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 10px;
    background: var(--colorNeutralBackground2);
}

.billing-total-label[b-4xovehyz4d],
.billing-total-meta[b-4xovehyz4d] { color: var(--colorNeutralForeground2); }
.billing-total-value[b-4xovehyz4d] { margin: 4px 0; color: var(--colorBrandForeground1); font-size: 1.5rem; font-weight: 700; }
.billing-detail-grid[b-4xovehyz4d] { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(0, 1fr); gap: 10px 16px; margin-top: 10px; }
.billing-detail-grid span[b-4xovehyz4d] { color: var(--colorNeutralForeground2); }
.billing-token-group[b-4xovehyz4d] { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--colorNeutralStroke2); }
.billing-token-group span[b-4xovehyz4d] { color: var(--colorNeutralForeground2); }

.task-attempts[b-4xovehyz4d] { display: grid; gap: 10px; padding-top: 8px; }
.task-attempt-card[b-4xovehyz4d] { display: block; padding: 0; border: 1px solid var(--colorNeutralStroke2); border-radius: 8px; background: var(--colorNeutralBackground2); overflow: hidden; }
.task-attempt-card > summary[b-4xovehyz4d] { list-style: none; cursor: pointer; }
.task-attempt-card > summary[b-4xovehyz4d]::-webkit-details-marker { display: none; }
.task-attempt-heading[b-4xovehyz4d] { padding: 12px 14px; }
.task-attempt-route[b-4xovehyz4d] { margin-left: auto; overflow: hidden; color: var(--colorNeutralForeground2); font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.task-attempt-details[b-4xovehyz4d] { display: grid; gap: 10px; padding: 0 14px 14px; }
.task-attempt-muted[b-4xovehyz4d] { color: var(--colorNeutralForeground3); font-size: .86rem; }
.task-upstream-response[b-4xovehyz4d] { display: grid; gap: 8px; margin-top: 2px; }
.task-error-upstream[b-4xovehyz4d] { margin-top: 16px; }
.task-failover-reason[b-4xovehyz4d] { color: var(--colorPaletteDarkOrangeForeground1); }

@media (max-width: 700px) {
    .task-details-dialog[b-4xovehyz4d] {
        max-width: calc(100vw - 24px);
        gap: 18px;
        padding: 18px 16px 16px;
    }
    .task-detail-grid[b-4xovehyz4d] { grid-template-columns: 110px 1fr; }
    .task-request-grid[b-4xovehyz4d] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .task-request-grid-details[b-4xovehyz4d] { grid-template-columns: 96px minmax(0, 1fr); }
    .task-result-grid[b-4xovehyz4d] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .billing-detail-grid[b-4xovehyz4d] { grid-template-columns: 1fr 1fr; }
    .billing-token-group[b-4xovehyz4d] { align-items: flex-start; flex-direction: column; gap: 4px; }
    .task-error-layout[b-4xovehyz4d] { grid-template-columns: 1fr; }
    .task-error-message[b-4xovehyz4d] { grid-column: auto; }
    .task-attempt-route[b-4xovehyz4d] { max-width: 45%; }
    .task-output-content[b-4xovehyz4d] { align-items: flex-start; flex-direction: column; gap: 4px; }
    .task-output-content a[b-4xovehyz4d] { margin-left: 0; }
}
/* /Components/Pages/TaskLogs.razor.rz.scp.css */
.task-logs-page[b-o2sckwwif2] { box-sizing: border-box; width: 100%; min-height: 100%; padding: 24px; }
.task-logs-layout[b-o2sckwwif2] { display: flex; min-height: 100%; flex-direction: column; gap: 20px; }
.task-logs-filter-grid[b-o2sckwwif2] { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) 180px auto; align-items: start; gap: 16px; width: 100%; }
.task-logs-page[b-o2sckwwif2]  .task-logs-filter-grid fluent-text-input,
.task-logs-page[b-o2sckwwif2]  .task-logs-filter-grid fluent-select { width: 100%; min-width: 0; }
.task-logs-filter-action[b-o2sckwwif2] { display: flex; align-items: flex-end; min-height: 64px; }
.task-logs-grid[b-o2sckwwif2] { width: 100%; }
.task-id[b-o2sckwwif2] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .85rem; }
.task-status[b-o2sckwwif2] { display: inline-flex; border-radius: 999px; padding: 3px 10px; font-size: .85rem; white-space: nowrap; }
.task-status.success[b-o2sckwwif2] { color: var(--colorPaletteGreenForeground1); background: var(--colorPaletteGreenBackground1); }
.task-status.error[b-o2sckwwif2] { color: var(--colorPaletteRedForeground1); background: var(--colorPaletteRedBackground1); }
.task-status.pending[b-o2sckwwif2] { color: var(--colorPaletteDarkOrangeForeground1); background: var(--colorPaletteYellowBackground1); }
.task-logs-paging[b-o2sckwwif2] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.task-logs-empty[b-o2sckwwif2] { display: flex; min-height: 240px; align-items: center; justify-content: center; }
@media (max-width: 700px) {
    .task-logs-filter-grid[b-o2sckwwif2] { grid-template-columns: 1fr; }
    .task-logs-filter-action[b-o2sckwwif2] { justify-content: flex-end; }
    .task-logs-paging[b-o2sckwwif2] { align-items: flex-start; flex-direction: column; }
}

.task-logs-page[b-o2sckwwif2] { overflow-x: hidden; min-width: 0; }
.task-logs-results[b-o2sckwwif2] { min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; }
.task-logs-results[b-o2sckwwif2]  .task-logs-grid { width: 100%; min-width: 0; }
.task-stats-cell[b-o2sckwwif2] { white-space: normal; flex-wrap: wrap; }
.provider-key[b-o2sckwwif2], .model-key[b-o2sckwwif2], .task-id[b-o2sckwwif2] { overflow-wrap: anywhere; word-break: break-word; }

/* /Components/Pages/UserBalanceAdjustmentDialog.razor.rz.scp.css */
.user-balance-dialog[b-wvc4p4zqtu] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 16px;
}

.user-balance-summary[b-wvc4p4zqtu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    background: var(--colorNeutralBackground2);
}

.user-balance-hint[b-wvc4p4zqtu] {
    color: var(--colorNeutralForeground3);
    font-size: .86rem;
}

.user-balance-dialog[b-wvc4p4zqtu]  .validation-message {
    color: var(--colorPaletteRedForeground1);
    font-size: .86rem;
}
/* /Components/Pages/Users.razor.rz.scp.css */
.users-page[b-jdgbg9g1yv] {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
}

.page-heading[b-jdgbg9g1yv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.page-heading h1[b-jdgbg9g1yv] {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 28px;
    line-height: 1.25;
}

.page-heading p[b-jdgbg9g1yv] {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
}

.users-results[b-jdgbg9g1yv] {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
}

.users-table-results[b-jdgbg9g1yv] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.users-table-results[b-jdgbg9g1yv]  .users-grid {
    width: 100%;
    min-width: 0;
}

.user-id[b-jdgbg9g1yv],
.muted-text[b-jdgbg9g1yv] {
    color: var(--colorNeutralForeground3);
}

.user-status[b-jdgbg9g1yv] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: .85rem;
}

.user-status.active[b-jdgbg9g1yv] {
    color: var(--colorPaletteGreenForeground1);
    background: var(--colorPaletteGreenBackground1);
}

.user-status.disabled[b-jdgbg9g1yv] {
    color: var(--colorNeutralForeground2);
    background: var(--colorNeutralBackground3);
}

.user-status.suspended[b-jdgbg9g1yv] {
    color: var(--colorPaletteDarkOrangeForeground1);
    background: var(--colorPaletteDarkOrangeBackground1);
}

.user-status.unknown[b-jdgbg9g1yv] {
    color: var(--colorPaletteRedForeground1);
    background: var(--colorPaletteRedBackground1);
}

.user-balance-cell[b-jdgbg9g1yv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.user-balance-cell span[b-jdgbg9g1yv] {
    color: var(--colorNeutralForeground3);
    font-size: .8rem;
}

.users-page[b-jdgbg9g1yv]  .user-count {
    color: var(--colorNeutralForeground2);
    font-size: .9rem;
}

@media (max-width: 800px) {
    .users-page[b-jdgbg9g1yv] {
        padding: 16px;
    }

    .page-heading[b-jdgbg9g1yv] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.users-page[b-jdgbg9g1yv] { overflow-x: hidden; min-width: 0; }

@media (max-width: 800px) {
    .users-table-results[b-jdgbg9g1yv]  .users-grid {
        min-width: 980px;
    }

    .users-table-results[b-jdgbg9g1yv]  .users-grid td {
        white-space: nowrap;
    }
}

/* /Components/Pages/Wallet.razor.rz.scp.css */
.wallet-page[b-uftffc16w4] { box-sizing: border-box; width: 100%; min-height: 100%; padding: 24px; }
.wallet-layout[b-uftffc16w4] { display: flex; min-height: 100%; flex-direction: column; gap: 20px; }
.wallet-summary-panel[b-uftffc16w4] { overflow: hidden; }
.wallet-summary-grid[b-uftffc16w4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wallet-summary-card[b-uftffc16w4] { display: flex; min-height: 132px; flex-direction: column; justify-content: center; gap: 10px; padding: 20px 24px; border-right: 1px solid var(--colorNeutralStroke2); }
.wallet-summary-card:last-child[b-uftffc16w4] { border-right: 0; }
.wallet-summary-heading[b-uftffc16w4] { display: flex; align-items: center; gap: 10px; }
.wallet-summary-label[b-uftffc16w4] { color: var(--colorNeutralForeground2); font-size: .9rem; font-weight: 600; }
.wallet-summary-icon[b-uftffc16w4] { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; }
.wallet-icon[b-uftffc16w4] { color: var(--colorPaletteGreenForeground1); background: var(--colorPaletteGreenBackground1); }
.consumption-icon[b-uftffc16w4] { color: var(--colorPaletteBlueForeground2, #0078d4); background: var(--colorPaletteBlueBackground2, #e6f4ff); }
.records-icon[b-uftffc16w4] { color: var(--colorPaletteDarkOrangeForeground1); background: var(--colorPaletteYellowBackground1); }
.wallet-summary-value[b-uftffc16w4] { color: var(--colorNeutralForeground1); font-size: 28px; line-height: 1.2; }
.wallet-summary-meta[b-uftffc16w4] { color: var(--colorNeutralForeground2); font-size: .85rem; }
.wallet-summary-meta span[b-uftffc16w4] { margin: 0 6px; }
.wallet-filter-grid[b-uftffc16w4] { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) 180px 150px auto; align-items: start; gap: 16px; width: 100%; }
.wallet-page[b-uftffc16w4]  .wallet-filter-grid fluent-date-picker,
.wallet-page[b-uftffc16w4]  .wallet-filter-grid fluent-select { width: 100%; min-width: 0; }
.wallet-filter-action[b-uftffc16w4] { display: flex; align-items: flex-end; min-height: 64px; }
.wallet-grid[b-uftffc16w4] { width: 100%; }
.wallet-amount[b-uftffc16w4] { font-weight: 600; }
.wallet-amount.income[b-uftffc16w4] { color: var(--colorPaletteGreenForeground1); }
.wallet-amount.expense[b-uftffc16w4] { color: var(--colorPaletteRedForeground1); }
.wallet-paging[b-uftffc16w4] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wallet-empty[b-uftffc16w4] { display: flex; min-height: 240px; align-items: center; justify-content: center; }
@media (max-width: 900px) { .wallet-summary-grid[b-uftffc16w4] { grid-template-columns: 1fr; } .wallet-summary-card[b-uftffc16w4] { border-right: 0; border-bottom: 1px solid var(--colorNeutralStroke2); } .wallet-summary-card:last-child[b-uftffc16w4] { border-bottom: 0; } .wallet-filter-grid[b-uftffc16w4] { grid-template-columns: 1fr 1fr; } .wallet-filter-action[b-uftffc16w4] { justify-content: flex-end; } }
@media (max-width: 600px) { .wallet-filter-grid[b-uftffc16w4] { grid-template-columns: 1fr; } .wallet-paging[b-uftffc16w4] { align-items: flex-start; flex-direction: column; } }

.wallet-page[b-uftffc16w4] { overflow-x: hidden; min-width: 0; }
.wallet-results[b-uftffc16w4] { min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; }
.wallet-results[b-uftffc16w4]  .wallet-grid { width: 100%; min-width: 0; }
.task-stats-cell[b-uftffc16w4] { white-space: normal; flex-wrap: wrap; }
.provider-key[b-uftffc16w4], .model-key[b-uftffc16w4], .task-id[b-uftffc16w4] { overflow-wrap: anywhere; word-break: break-word; }