@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';

/* /Components/Dashboard/DashboardPanel.razor.rz.scp.css */
.dashboard-panel[b-l3q7gxenbv] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.dashboard-panel[b-l3q7gxenbv]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--panel-accent, var(--ap-primary));
}

.dashboard-panel--attention[b-l3q7gxenbv] {
    --panel-accent: var(--ap-error);
}

.dashboard-panel--activity[b-l3q7gxenbv] {
    --panel-accent: var(--ap-primary);
}

.dashboard-panel--uptime[b-l3q7gxenbv] {
    --panel-accent: var(--ap-success);
}

.dashboard-panel--expiry[b-l3q7gxenbv] {
    --panel-accent: var(--ap-warning);
}

.dashboard-panel--jobs[b-l3q7gxenbv] {
    --panel-accent: var(--ap-paused);
}

.dashboard-panel--placeholder[b-l3q7gxenbv] {
    --panel-accent: var(--ap-muted-light);
}

.dashboard-panel--wide[b-l3q7gxenbv] {
    grid-column: 1 / -1;
}

.dashboard-panel__header[b-l3q7gxenbv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--ap-border) 72%, transparent);
    padding: 12px 14px 12px 18px;
}

.dashboard-panel__title[b-l3q7gxenbv] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    gap: 10px;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--ap-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.dashboard-panel__title > svg[b-l3q7gxenbv] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    color: var(--ap-muted);
}

.dashboard-panel__category[b-l3q7gxenbv] {
    display: inline-flex;
    margin-bottom: 6px;
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dashboard-panel h2[b-l3q7gxenbv] {
    margin: 0;
    color: var(--ap-text);
    font-size: 15px;
    line-height: 1.2;
}

.dashboard-panel__actions[b-l3q7gxenbv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dashboard-panel__toggle[b-l3q7gxenbv] {
    display: inline-grid;
    flex: 0 0 30px;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-surface);
    color: var(--ap-primary);
    cursor: pointer;
}

.dashboard-panel__body[b-l3q7gxenbv] {
    padding: 16px 18px 18px 20px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.public-shell[b-nz7kaafnjy] {
    min-height: 100vh;
    background: var(--ap-bg);
}

.public-shell--loading[b-nz7kaafnjy] {
    display: grid;
    place-items: start center;
}

.app-loading[b-nz7kaafnjy] {
    margin-top: 28px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 12px 16px;
    background: var(--ap-card);
    color: var(--ap-muted);
    font-weight: 700;
}

.app-shell[b-nz7kaafnjy] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    min-height: 100vh;
    background: var(--ap-bg);
    color: var(--ap-text);
    transition: grid-template-columns 180ms ease;
}

.app-shell--collapsed[b-nz7kaafnjy] {
    grid-template-columns: 64px minmax(0, 1fr);
}

.app-sidebar[b-nz7kaafnjy] {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    border-right: 1px solid var(--ap-border);
    padding: 12px 8px;
    background: var(--ap-sidebar);
    overflow: hidden;
}

.app-sidebar__brand[b-nz7kaafnjy] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 6px;
    color: var(--ap-primary);
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.app-sidebar__brand-mark[b-nz7kaafnjy] {
    display: inline-grid;
    flex: 0 0 32px;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: var(--ap-primary);
    color: #ffffff;
    font-size: 18px;
}

.app-sidebar__brand-text[b-nz7kaafnjy],
.app-sidebar__label[b-nz7kaafnjy],
.app-sidebar__link span[b-nz7kaafnjy],
.app-sidebar__footer[b-nz7kaafnjy] {
    opacity: 1;
    transition: opacity 140ms ease;
}

.app-sidebar__nav[b-nz7kaafnjy] {
    display: grid;
    gap: 4px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--ap-border);
}

.app-sidebar__actions[b-nz7kaafnjy] {
    display: grid;
    gap: 4px;
    margin-top: 28px;
}

.app-sidebar__label[b-nz7kaafnjy] {
    margin: 0 0 6px;
    padding: 0 7px;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 700;
}

.app-sidebar__link[b-nz7kaafnjy] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 34px;
    border: 0;
    border-radius: 7px;
    padding: 0 7px;
    background: transparent;
    color: var(--ap-text);
    font: inherit;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.app-sidebar__link svg[b-nz7kaafnjy] {
    flex: 0 0 18px;
    font-size: 18px;
}

.app-sidebar__link:hover[b-nz7kaafnjy],
.app-sidebar__link--active[b-nz7kaafnjy] {
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.app-sidebar__footer[b-nz7kaafnjy] {
    display: grid;
    gap: 2px;
    margin-top: auto;
    border-radius: 8px;
    padding: 12px;
    background: var(--ap-accent);
    color: var(--ap-muted);
    font-size: 12px;
}

.app-sidebar__footer strong[b-nz7kaafnjy] {
    color: var(--ap-text);
}

.app-shell--collapsed .app-sidebar__brand[b-nz7kaafnjy] {
    justify-content: center;
    padding: 0;
}

.app-shell--collapsed .app-sidebar__brand-text[b-nz7kaafnjy],
.app-shell--collapsed .app-sidebar__label[b-nz7kaafnjy],
.app-shell--collapsed .app-sidebar__link span[b-nz7kaafnjy],
.app-shell--collapsed .app-sidebar__footer[b-nz7kaafnjy] {
    width: 0;
    opacity: 0;
    pointer-events: none;
}

.app-shell--collapsed .app-sidebar__link[b-nz7kaafnjy] {
    justify-content: center;
    padding: 0;
}

.app-main[b-nz7kaafnjy] {
    min-width: 0;
}

.app-topbar[b-nz7kaafnjy] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 56px;
    border-bottom: 1px solid var(--ap-border);
    padding: 8px 16px 8px 22px;
    background: color-mix(in srgb, var(--ap-surface) 88%, transparent);
    backdrop-filter: blur(14px);
}

.app-topbar__left[b-nz7kaafnjy],
.app-topbar__right[b-nz7kaafnjy] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.app-topbar__divider[b-nz7kaafnjy] {
    width: 1px;
    height: 24px;
    background: var(--ap-border);
}

.app-topbar__title[b-nz7kaafnjy] {
    color: var(--ap-muted);
    font-size: 14px;
    font-weight: 700;
}

.app-topbar__new-monitor[b-nz7kaafnjy] {
    min-height: 40px;
    gap: 8px;
}

.app-view-toggle[b-nz7kaafnjy] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 3px;
    background: var(--ap-card);
}

.app-view-toggle__button[b-nz7kaafnjy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    border: 0;
    border-radius: 6px;
    padding: 0 10px;
    background: transparent;
    color: var(--ap-muted);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.app-view-toggle__button svg[b-nz7kaafnjy] {
    flex: 0 0 16px;
    font-size: 16px;
}

.app-view-toggle__button:hover[b-nz7kaafnjy],
.app-view-toggle__button--active[b-nz7kaafnjy] {
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.app-topbar__identity[b-nz7kaafnjy] {
    display: grid;
    gap: 1px;
    color: var(--ap-text);
    font-size: 13px;
    font-weight: 800;
    text-align: right;
}

.app-topbar__identity small[b-nz7kaafnjy] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 600;
}

.app-topbar__logout[b-nz7kaafnjy] {
    border: 0;
    background: transparent;
    color: var(--ap-primary);
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.app-topbar form[b-nz7kaafnjy] {
    margin: 0;
}

.app-content[b-nz7kaafnjy] {
    display: grid;
    grid-template-columns: minmax(0, 1680px);
    justify-content: center;
    min-height: calc(100vh - 56px);
    padding: 24px clamp(24px, 3vw, 48px);
}

.app-content > *[b-nz7kaafnjy] {
    width: 100%;
}

.app-content--platform-admin[b-nz7kaafnjy] {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
    padding: 18px clamp(24px, 2vw, 32px);
}

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

#blazor-error-ui .dismiss[b-nz7kaafnjy] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (max-width: 920px) {
    .app-shell[b-nz7kaafnjy] {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .app-sidebar__brand[b-nz7kaafnjy] {
        justify-content: center;
        padding: 0;
    }

    .app-sidebar__brand-text[b-nz7kaafnjy],
    .app-sidebar__label[b-nz7kaafnjy],
    .app-sidebar__link span[b-nz7kaafnjy],
    .app-sidebar__footer[b-nz7kaafnjy] {
        width: 0;
        opacity: 0;
        pointer-events: none;
    }

    .app-sidebar__link[b-nz7kaafnjy] {
        justify-content: center;
        padding: 0;
    }

    .app-topbar__identity[b-nz7kaafnjy] {
        display: none;
    }

    .app-view-toggle__button span[b-nz7kaafnjy] {
        display: none;
    }
}

@media (max-width: 640px) {
    .app-shell[b-nz7kaafnjy] {
        grid-template-columns: 1fr;
    }

    .app-sidebar[b-nz7kaafnjy] {
        display: none;
    }

    .app-topbar[b-nz7kaafnjy] {
        align-items: flex-start;
        padding: 10px 14px;
    }

    .app-topbar__right[b-nz7kaafnjy] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .app-topbar__new-monitor span[b-nz7kaafnjy] {
        display: none;
    }

    .app-content[b-nz7kaafnjy] {
        padding: 18px 14px;
    }

    .app-content--platform-admin[b-nz7kaafnjy] {
        padding: 14px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-alp8l4qoy0],
.components-reconnect-repeated-attempt-visible[b-alp8l4qoy0],
.components-reconnect-failed-visible[b-alp8l4qoy0],
.components-pause-visible[b-alp8l4qoy0],
.components-resume-failed-visible[b-alp8l4qoy0],
.components-rejoining-animation[b-alp8l4qoy0] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-alp8l4qoy0 {
    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/AdminOrganizationDetails.razor.rz.scp.css */
.admin-organization-details-page[b-r80rcft6ww] {
    display: grid;
    gap: 20px;
    width: 100%;
}

.admin-organization-details-header[b-r80rcft6ww] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.admin-organization-details-header__eyebrow[b-r80rcft6ww] {
    margin: 0 0 6px;
    color: var(--ap-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-organization-details-header h1[b-r80rcft6ww] {
    margin: 0;
    color: var(--ap-text);
    font-size: 30px;
    line-height: 1.1;
}

.admin-organization-details-header p[b-r80rcft6ww],
.admin-organization-details-section header p[b-r80rcft6ww] {
    margin: 8px 0 0;
    color: var(--ap-muted);
    font-size: 14px;
    line-height: 1.5;
}

.admin-organization-details-grid[b-r80rcft6ww] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.admin-organization-details-card[b-r80rcft6ww],
.admin-organization-details-meta[b-r80rcft6ww],
.admin-organization-details-section[b-r80rcft6ww] {
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.admin-organization-details-card[b-r80rcft6ww] {
    display: grid;
    gap: 8px;
    min-height: 102px;
    padding: 14px;
}

.admin-organization-details-card span[b-r80rcft6ww],
.admin-organization-details-meta span[b-r80rcft6ww] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.admin-organization-details-card strong[b-r80rcft6ww] {
    width: fit-content;
    color: var(--ap-text);
    font-size: 20px;
}

.admin-organization-details-card small[b-r80rcft6ww] {
    color: var(--ap-muted);
    font-size: 12px;
}

.admin-organization-details-meta[b-r80rcft6ww] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(160px, 0.8fr) minmax(140px, 0.7fr) minmax(120px, 0.7fr);
    gap: 12px;
    padding: 14px;
}

.admin-organization-details-meta div[b-r80rcft6ww] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.admin-organization-details-meta strong[b-r80rcft6ww] {
    overflow-wrap: anywhere;
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.admin-organization-details-section[b-r80rcft6ww] {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.admin-organization-details-section header[b-r80rcft6ww] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.admin-organization-details-section h2[b-r80rcft6ww],
.admin-organization-details-section h3[b-r80rcft6ww] {
    margin: 0;
    color: var(--ap-text);
    font-size: 18px;
}

.admin-organization-details-state[b-r80rcft6ww] {
    display: grid;
    place-items: center;
    min-height: 140px;
    border: 1px dashed var(--ap-border-strong);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ap-accent) 48%, transparent);
    color: var(--ap-muted);
    text-align: center;
}

.admin-organization-details-table-shell[b-r80rcft6ww] {
    overflow-x: auto;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
}

.admin-organization-details-table[b-r80rcft6ww] {
    display: grid;
}

.admin-organization-details-table--members[b-r80rcft6ww] {
    min-width: 820px;
}

.admin-organization-details-table--monitors[b-r80rcft6ww] {
    min-width: 760px;
}

.admin-organization-details-row[b-r80rcft6ww] {
    display: grid;
    align-items: center;
    gap: 14px;
    min-height: 60px;
    border-bottom: 1px solid var(--ap-border);
    padding: 12px 16px;
}

.admin-organization-details-table--members .admin-organization-details-row[b-r80rcft6ww] {
    grid-template-columns: minmax(260px, 1.3fr) minmax(210px, 1fr) minmax(180px, 0.8fr) 110px;
}

.admin-organization-details-table--monitors .admin-organization-details-row[b-r80rcft6ww] {
    grid-template-columns: minmax(260px, 1.4fr) minmax(150px, 0.8fr) minmax(130px, 0.7fr) minmax(150px, 0.8fr);
}

.admin-organization-details-row:last-child[b-r80rcft6ww] {
    border-bottom: 0;
}

.admin-organization-details-row--header[b-r80rcft6ww] {
    min-height: 42px;
    background: color-mix(in srgb, var(--ap-accent) 42%, var(--ap-card));
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.admin-organization-details-name[b-r80rcft6ww] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.admin-organization-details-name strong[b-r80rcft6ww] {
    overflow: hidden;
    color: var(--ap-text);
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-organization-details-name small[b-r80rcft6ww] {
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 11px;
}

.admin-organization-details-trial[b-r80rcft6ww] {
    border-color: color-mix(in srgb, var(--ap-warning) 35%, var(--ap-border));
}

.admin-organization-details-trial__content[b-r80rcft6ww] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.admin-organization-details-trial__content div[b-r80rcft6ww] {
    display: grid;
    gap: 4px;
}

.admin-organization-details-trial__content span[b-r80rcft6ww],
.admin-organization-details-trial__content li[b-r80rcft6ww] {
    color: var(--ap-muted);
    font-size: 12px;
}

.admin-organization-details-trial__content strong[b-r80rcft6ww] {
    color: var(--ap-text);
}

.admin-organization-details-editor__grid[b-r80rcft6ww] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.admin-organization-details-editor label[b-r80rcft6ww] {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.admin-organization-details-editor input[b-r80rcft6ww],
.admin-organization-details-editor select[b-r80rcft6ww],
.admin-organization-details-editor textarea[b-r80rcft6ww] {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 8px 10px;
    background: var(--ap-card);
    color: var(--ap-text);
    font: inherit;
}

.admin-organization-details-editor__wide[b-r80rcft6ww] {
    grid-column: 1 / -1;
}

.admin-organization-details-limits[b-r80rcft6ww] {
    display: grid;
    gap: 10px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 14px;
    background: color-mix(in srgb, var(--ap-accent) 30%, var(--ap-card));
}

.admin-organization-details-limit[b-r80rcft6ww] {
    display: grid;
    gap: 6px;
}

.admin-organization-details-limit > div:first-child[b-r80rcft6ww] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.admin-organization-details-limit__bar[b-r80rcft6ww] {
    width: 100%;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ap-border) 70%, transparent);
}

.admin-organization-details-limit__bar span[b-r80rcft6ww] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--ap-primary);
}

.admin-organization-details-warning[b-r80rcft6ww] {
    border: 1px solid color-mix(in srgb, var(--ap-error) 40%, var(--ap-border));
    border-radius: 8px;
    padding: 12px;
    background: color-mix(in srgb, var(--ap-error) 9%, var(--ap-card));
    color: var(--ap-text);
}

.admin-organization-details-warning p[b-r80rcft6ww],
.admin-organization-details-warning li[b-r80rcft6ww],
.admin-organization-details-blockers li[b-r80rcft6ww] {
    color: var(--ap-muted);
    font-size: 13px;
}

.admin-organization-details-editor__actions[b-r80rcft6ww] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 1180px) {
    .admin-organization-details-grid[b-r80rcft6ww] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-organization-details-meta[b-r80rcft6ww],
    .admin-organization-details-editor__grid[b-r80rcft6ww],
    .admin-organization-details-trial__content[b-r80rcft6ww] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-organization-details-header[b-r80rcft6ww],
    .admin-organization-details-section header[b-r80rcft6ww] {
        display: grid;
    }

    .admin-organization-details-grid[b-r80rcft6ww] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AdminOrganizations.razor.rz.scp.css */
.admin-organizations-page[b-fapedmqchb] {
    display: grid;
    align-content: start;
    align-self: start;
    grid-auto-rows: max-content;
    gap: 12px;
    width: 100%;
}

.admin-organizations-header[b-fapedmqchb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.admin-organizations-scope[b-fapedmqchb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    padding: 4px 8px;
    background: var(--ap-surface);
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 800;
}

.admin-organizations-scope svg[b-fapedmqchb] {
    width: 13px;
    height: 13px;
}

.admin-organizations-header__actions[b-fapedmqchb] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.admin-organizations-header__eyebrow[b-fapedmqchb] {
    margin: 0 0 6px;
    color: var(--ap-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-organizations-header h1[b-fapedmqchb] {
    margin: 0;
    color: var(--ap-text);
    font-size: 28px;
    line-height: 1.1;
}

.admin-organizations-header p[b-fapedmqchb],
.admin-organizations-note[b-fapedmqchb] {
    margin: 5px 0 0;
    color: var(--ap-muted);
    font-size: 14px;
    line-height: 1.5;
}

.admin-organizations-kpis[b-fapedmqchb] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.admin-organizations-kpi[b-fapedmqchb] {
    display: grid;
    gap: 8px;
    min-height: 76px;
    border: 1px solid var(--ap-border);
    border-radius: 9px;
    padding: 10px 11px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.admin-organizations-kpi__label[b-fapedmqchb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.admin-organizations-kpi__label svg[b-fapedmqchb] {
    width: 14px;
    height: 14px;
    color: var(--ap-primary);
}

.admin-organizations-kpi strong[b-fapedmqchb] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 24px;
    line-height: 1;
}

.admin-organizations-kpi--positive strong[b-fapedmqchb] {
    color: var(--ap-success);
}

.admin-organizations-kpi--warning strong[b-fapedmqchb] {
    color: var(--ap-warning);
}

.admin-organizations-kpi--danger strong[b-fapedmqchb] {
    color: var(--ap-error);
}

.admin-organizations-toolbar[b-fapedmqchb] {
    display: grid;
    grid-template-columns: minmax(300px, 1.6fr) auto auto auto auto;
    align-items: end;
    gap: 8px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 10px 11px;
    background: var(--ap-card);
}

.admin-organizations-toolbar label[b-fapedmqchb],
.admin-organizations-form label[b-fapedmqchb] {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.admin-organizations-toolbar label:not(.admin-organizations-toolbar__search)[b-fapedmqchb] {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.admin-organizations-toolbar__search[b-fapedmqchb] {
    position: relative;
}

.admin-organizations-toolbar__search-icon[b-fapedmqchb] {
    position: absolute;
    left: 10px;
    bottom: 9px;
    color: var(--ap-muted);
}

.admin-organizations-toolbar__search-icon svg[b-fapedmqchb] {
    width: 15px;
    height: 15px;
}

.admin-organizations-toolbar input[b-fapedmqchb],
.admin-organizations-toolbar select[b-fapedmqchb],
.admin-organizations-form input[b-fapedmqchb],
.admin-organizations-form select[b-fapedmqchb],
.admin-organizations-form textarea[b-fapedmqchb] {
    width: 100%;
    min-height: 36px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 6px 9px;
    background: var(--ap-card);
    color: var(--ap-text);
    font: inherit;
}

.admin-organizations-form small[b-fapedmqchb] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 500;
}

.admin-organizations-state[b-fapedmqchb] {
    display: grid;
    place-items: center;
    min-height: 160px;
    border: 1px dashed var(--ap-border-strong);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ap-accent) 48%, transparent);
    color: var(--ap-muted);
    text-align: center;
}

.admin-organizations-table-shell[b-fapedmqchb] {
    overflow-x: auto;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.admin-organizations-table[b-fapedmqchb] {
    display: grid;
    min-width: 1180px;
}

.admin-organizations-row[b-fapedmqchb] {
    display: grid;
    grid-template-columns: minmax(220px, 1.45fr) 132px 92px 112px 160px minmax(140px, 0.85fr) 108px 104px;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    border-bottom: 1px solid var(--ap-border);
    padding: 9px 14px;
}

.admin-organizations-row:last-child[b-fapedmqchb] {
    border-bottom: 0;
}

.admin-organizations-row--header[b-fapedmqchb] {
    min-height: 42px;
    background: color-mix(in srgb, var(--ap-accent) 42%, var(--ap-card));
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.admin-organizations-name[b-fapedmqchb],
.admin-organizations-plan[b-fapedmqchb],
.admin-organizations-usage[b-fapedmqchb] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.admin-organizations-name[b-fapedmqchb] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.admin-organizations-name__icon[b-fapedmqchb] {
    display: inline-grid;
    flex: 0 0 30px;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.admin-organizations-name__icon svg[b-fapedmqchb] {
    width: 16px;
    height: 16px;
}

.admin-organizations-name__text[b-fapedmqchb] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.admin-organizations-name a[b-fapedmqchb] {
    overflow: hidden;
    color: var(--ap-text);
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
}

.admin-organizations-name a:hover[b-fapedmqchb],
.admin-organizations-name a:focus-visible[b-fapedmqchb] {
    color: var(--ap-primary);
    text-decoration: underline;
}

.admin-organizations-name small[b-fapedmqchb],
.admin-organizations-date[b-fapedmqchb],
.admin-organizations-metric small[b-fapedmqchb],
.admin-organizations-plan small[b-fapedmqchb],
.admin-organizations-usage small[b-fapedmqchb] {
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 11px;
}

.admin-organizations-metric[b-fapedmqchb] {
    display: grid;
    gap: 2px;
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 12px;
    font-weight: 800;
}

.admin-organizations-plan[b-fapedmqchb] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    color: var(--ap-text);
    font-size: 12px;
    font-weight: 800;
}

.admin-organizations-plan .status-badge[b-fapedmqchb],
.admin-organizations-row > .status-badge[b-fapedmqchb] {
    min-height: 22px;
    padding: 2px 7px;
    font-size: 10px;
}

.admin-organizations-usage__bar[b-fapedmqchb] {
    width: 100%;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ap-border) 70%, transparent);
}

.admin-organizations-usage__bar span[b-fapedmqchb] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--ap-primary);
}

.admin-organizations-details-link[b-fapedmqchb] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    color: var(--ap-primary);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.admin-organizations-toolbar__search input[b-fapedmqchb] {
    padding-left: 30px;
}

.admin-organizations-toolbar label:not(.admin-organizations-toolbar__search) select[b-fapedmqchb] {
    width: auto;
    min-width: 132px;
}

.admin-organizations-toolbar__count[b-fapedmqchb] {
    align-self: center;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.admin-organizations-details-link:hover[b-fapedmqchb],
.admin-organizations-details-link:focus-visible[b-fapedmqchb] {
    color: var(--ap-text);
    text-decoration: underline;
}

.admin-organizations-sheet-overlay[b-fapedmqchb] {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: rgb(15 23 42 / 0.35);
}

.admin-organizations-sheet[b-fapedmqchb] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 51;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 16px;
    width: min(560px, 100vw);
    overflow-y: auto;
    border-left: 1px solid var(--ap-border);
    padding: 22px;
    background: var(--ap-card);
    box-shadow: -20px 0 60px rgb(15 23 42 / 0.18);
}

.admin-organizations-sheet header[b-fapedmqchb],
.admin-organizations-sheet footer[b-fapedmqchb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.admin-organizations-sheet header h2[b-fapedmqchb],
.admin-organizations-preview h3[b-fapedmqchb] {
    margin: 0;
    color: var(--ap-text);
}

.admin-organizations-form[b-fapedmqchb] {
    display: grid;
    align-content: start;
    gap: 12px;
}

.admin-organizations-preview[b-fapedmqchb] {
    display: grid;
    align-content: start;
    gap: 10px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 14px;
    background: color-mix(in srgb, var(--ap-accent) 34%, var(--ap-card));
}

.admin-organizations-preview__plan[b-fapedmqchb] {
    display: grid;
    gap: 4px;
}

.admin-organizations-preview__plan span[b-fapedmqchb],
.admin-organizations-preview__plan small[b-fapedmqchb] {
    color: var(--ap-muted);
    font-size: 12px;
}

.admin-organizations-preview__plan strong[b-fapedmqchb] {
    color: var(--ap-text);
}

@media (max-width: 1180px) {
    .admin-organizations-kpis[b-fapedmqchb] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .admin-organizations-kpis[b-fapedmqchb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-organizations-toolbar[b-fapedmqchb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-organizations-toolbar__search[b-fapedmqchb],
    .admin-organizations-toolbar__count[b-fapedmqchb] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .admin-organizations-header[b-fapedmqchb],
    .admin-organizations-sheet header[b-fapedmqchb],
    .admin-organizations-sheet footer[b-fapedmqchb] {
        display: grid;
    }

    .admin-organizations-header__actions[b-fapedmqchb] {
        justify-content: flex-start;
    }

    .admin-organizations-kpis[b-fapedmqchb],
    .admin-organizations-toolbar[b-fapedmqchb] {
        grid-template-columns: 1fr;
    }

    .admin-organizations-toolbar label:not(.admin-organizations-toolbar__search)[b-fapedmqchb] {
        display: grid;
    }

    .admin-organizations-toolbar__count[b-fapedmqchb] {
        grid-column: auto;
    }
}
/* /Components/Pages/AdminSubscriptionPlans.razor.rz.scp.css */
.admin-subscription-plans-page[b-xo22dcfpq3] {
    display: grid;
    align-content: start;
    align-self: start;
    grid-auto-rows: max-content;
    gap: 12px;
    width: 100%;
}

.admin-subscription-plans-header[b-xo22dcfpq3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.admin-subscription-plans-header__content[b-xo22dcfpq3] {
    flex: 1 1 520px;
    min-width: 280px;
}

.admin-subscription-plans-header__eyebrow[b-xo22dcfpq3] {
    margin: 0 0 6px;
    color: var(--ap-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-subscription-plans-header h1[b-xo22dcfpq3] {
    margin: 0;
    color: var(--ap-text);
    font-size: 28px;
    line-height: 1.1;
}

.admin-subscription-plans-header__subtitle[b-xo22dcfpq3],
.admin-subscription-plans-header__scope[b-xo22dcfpq3] {
    margin: 4px 0 0;
    color: var(--ap-muted);
    font-size: 14px;
    line-height: 1.5;
}

.admin-subscription-plans-header__scope[b-xo22dcfpq3] {
    max-width: 920px;
    font-size: 12px;
}

.admin-subscription-plans-header__actions[b-xo22dcfpq3],
.admin-subscription-plans-toolbar[b-xo22dcfpq3],
.admin-subscription-plans-view-toggle[b-xo22dcfpq3],
.admin-subscription-plans-toolbar__actions[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.admin-subscription-plans-toolbar[b-xo22dcfpq3] {
    justify-content: space-between;
    border: 1px solid var(--ap-border);
    border-radius: 9px;
    padding: 8px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.admin-subscription-plans-toolbar__actions[b-xo22dcfpq3] {
    margin-left: auto;
}

.admin-subscription-plans-view-toggle__button[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 108px;
    min-height: 34px;
    padding: 6px 10px;
    font-size: 12px;
}

.admin-subscription-plans-view-toggle__button.button-secondary--active[b-xo22dcfpq3] {
    border-color: color-mix(in srgb, var(--ap-primary) 42%, var(--ap-border));
    background: var(--ap-primary);
    color: var(--ap-on-primary);
    box-shadow: 0 2px 6px color-mix(in srgb, var(--ap-primary) 24%, transparent);
}

.admin-subscription-plans-view-toggle__button svg[b-xo22dcfpq3],
.admin-subscription-plans-header__actions svg[b-xo22dcfpq3],
.admin-subscription-plans-card__edit svg[b-xo22dcfpq3],
.admin-subscription-plans-editor button svg[b-xo22dcfpq3] {
    width: 16px;
    height: 16px;
}

.admin-subscription-plans-state[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 160px;
    border: 1px dashed var(--ap-border-strong);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ap-accent) 48%, transparent);
    color: var(--ap-muted);
    font-size: 14px;
}

.admin-subscription-plans-state__icon[b-xo22dcfpq3],
.admin-subscription-plans-editor__footer .button-primary svg[b-xo22dcfpq3] {
    display: flex;
    animation: admin-subscription-plans-spin-b-xo22dcfpq3 1s linear infinite;
}

@keyframes admin-subscription-plans-spin-b-xo22dcfpq3 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.admin-subscription-plans-state--empty[b-xo22dcfpq3] {
    flex-direction: column;
    min-height: 220px;
}

.admin-subscription-plans-state--empty > svg[b-xo22dcfpq3] {
    width: 48px;
    height: 48px;
    opacity: 0.6;
}

.admin-subscription-plans-cards[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 360px));
    align-items: start;
    justify-content: start;
    gap: 12px;
}

.admin-subscription-plans-card[b-xo22dcfpq3] {
    position: relative;
    display: grid;
    align-content: start;
    gap: 10px;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    padding: 14px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.admin-subscription-plans-card--inactive[b-xo22dcfpq3] {
    border-color: color-mix(in srgb, var(--ap-warning) 34%, var(--ap-border));
    background: color-mix(in srgb, var(--ap-warning) 8%, var(--ap-card));
}

.admin-subscription-plans-card__highlight[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    border-radius: 999px;
    padding: 3px 8px;
    background: var(--ap-primary);
    color: var(--ap-on-primary);
    font-size: 10px;
    font-weight: 800;
}

.admin-subscription-plans-card__highlight svg[b-xo22dcfpq3] {
    width: 14px;
    height: 14px;
}

.admin-subscription-plans-card__header[b-xo22dcfpq3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.admin-subscription-plans-card__identity[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.admin-subscription-plans-card__icon[b-xo22dcfpq3],
.admin-subscription-plans-card__create-icon[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--ap-accent);
    color: var(--ap-primary);
    flex: 0 0 auto;
}

.admin-subscription-plans-card__icon svg[b-xo22dcfpq3],
.admin-subscription-plans-card__create-icon svg[b-xo22dcfpq3] {
    width: 21px;
    height: 21px;
}

.admin-subscription-plans-card__title[b-xo22dcfpq3] {
    margin: 0;
    color: var(--ap-text);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
}

.admin-subscription-plans-card__key[b-xo22dcfpq3],
.admin-subscription-plans-card__description[b-xo22dcfpq3],
.admin-subscription-plans-card__annual[b-xo22dcfpq3] {
    margin: 3px 0 0;
    color: var(--ap-muted);
    font-size: 12px;
    line-height: 1.45;
}

.admin-subscription-plans-card__status-badges[b-xo22dcfpq3],
.admin-subscription-plans-comparison__plan-badges[b-xo22dcfpq3],
.admin-subscription-plans-card__meta[b-xo22dcfpq3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.admin-subscription-plans-card__status-badges[b-xo22dcfpq3] {
    justify-content: flex-start;
}

.admin-subscription-plans-card__price[b-xo22dcfpq3] {
    display: grid;
    gap: 3px;
    border-radius: 8px;
    padding: 10px;
    background: color-mix(in srgb, var(--ap-accent) 54%, var(--ap-card));
}

.admin-subscription-plans-card__price > div[b-xo22dcfpq3] {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.admin-subscription-plans-card__price-amount[b-xo22dcfpq3] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

.admin-subscription-plans-card__price-period[b-xo22dcfpq3] {
    color: var(--ap-muted);
    font-size: 13px;
    font-weight: 700;
}

.admin-subscription-plans-pill[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    background: var(--ap-accent);
    color: var(--ap-primary);
    font-size: 12px;
    font-weight: 900;
}

.admin-subscription-plans-card__features[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 12px;
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
    border-top: 1px solid var(--ap-border);
}

.admin-subscription-plans-card__feature[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.admin-subscription-plans-card__feature > svg[b-xo22dcfpq3] {
    width: 15px;
    height: 15px;
    color: var(--ap-muted);
    flex-shrink: 0;
}

.admin-subscription-plans-card__feature-content[b-xo22dcfpq3] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
}

.admin-subscription-plans-card__feature-label[b-xo22dcfpq3] {
    color: var(--ap-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-subscription-plans-card__feature-value[b-xo22dcfpq3] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 12px;
    font-weight: 800;
}

.admin-subscription-plans-card__meta[b-xo22dcfpq3] {
    border-top: 1px solid var(--ap-border);
    padding-top: 9px;
}

.admin-subscription-plans-card__meta span[b-xo22dcfpq3] {
    border-radius: 999px;
    padding: 3px 7px;
    background: color-mix(in srgb, var(--ap-accent) 40%, transparent);
    color: var(--ap-muted);
    font-size: 10px;
    font-weight: 800;
}

.admin-subscription-plans-card__edit[b-xo22dcfpq3] {
    justify-content: center;
    min-height: 34px;
    margin-top: auto;
    padding: 6px 10px;
    font-size: 12px;
}

.admin-subscription-plans-card--create[b-xo22dcfpq3] {
    display: grid;
    place-items: center;
    align-content: center;
    align-self: stretch;
    border-style: dashed;
    padding: 44px 20px;
    background: color-mix(in srgb, var(--ap-accent) 28%, var(--ap-card));
    color: var(--ap-muted);
    cursor: pointer;
    font: inherit;
}

.admin-subscription-plans-card--create:hover[b-xo22dcfpq3] {
    border-color: var(--ap-primary);
    background: color-mix(in srgb, var(--ap-accent) 54%, var(--ap-card));
    color: var(--ap-primary);
}

.admin-subscription-plans-card--create:focus-visible[b-xo22dcfpq3] {
    outline: 2px solid var(--ap-primary);
    outline-offset: 2px;
}

.admin-subscription-plans-card__create-title[b-xo22dcfpq3] {
    font-size: 14px;
    font-weight: 800;
}

.admin-subscription-plans-comparison[b-xo22dcfpq3] {
    isolation: isolate;
    overflow-x: auto;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.admin-subscription-plans-comparison__header[b-xo22dcfpq3],
.admin-subscription-plans-comparison__section[b-xo22dcfpq3],
.admin-subscription-plans-comparison__row[b-xo22dcfpq3] {
    display: grid;
    min-width: 860px;
}

.admin-subscription-plans-comparison__header[b-xo22dcfpq3] {
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid var(--ap-border);
    background: var(--ap-card);
}

.admin-subscription-plans-comparison__header-cell[b-xo22dcfpq3],
.admin-subscription-plans-comparison__row-label[b-xo22dcfpq3],
.admin-subscription-plans-comparison__row-value[b-xo22dcfpq3] {
    border-right: 1px solid var(--ap-border);
}

.admin-subscription-plans-comparison__header-cell:last-child[b-xo22dcfpq3],
.admin-subscription-plans-comparison__row-value:last-child[b-xo22dcfpq3] {
    border-right: 0;
}

.admin-subscription-plans-comparison__header-cell[b-xo22dcfpq3] {
    display: grid;
    align-content: center;
    gap: 3px;
    min-height: 122px;
    padding: 16px;
    background: color-mix(in srgb, var(--ap-accent) 22%, var(--ap-card));
}

.admin-subscription-plans-comparison__header-cell--empty[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-accent) 10%, #ffffff);
}

.admin-subscription-plans-comparison__feature-column[b-xo22dcfpq3] {
    color: var(--ap-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-subscription-plans-comparison__plan-cell--highlighted[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-primary) 8%, #ffffff) !important;
}

.admin-subscription-plans-comparison__plan-title[b-xo22dcfpq3],
.admin-subscription-plans-comparison__plan-badges[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}

.admin-subscription-plans-comparison__plan-icon[b-xo22dcfpq3],
.admin-subscription-plans-comparison__feature-icon[b-xo22dcfpq3],
.admin-subscription-plans-comparison__availability-icon[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ap-primary);
}

.admin-subscription-plans-comparison__plan-icon[b-xo22dcfpq3] {
    width: 20px;
    height: 20px;
}

.admin-subscription-plans-comparison__plan-icon[b-xo22dcfpq3]  svg,
.admin-subscription-plans-comparison__feature-icon[b-xo22dcfpq3]  svg,
.admin-subscription-plans-comparison__availability-icon[b-xo22dcfpq3]  svg {
    width: 15px;
    height: 15px;
}

.admin-subscription-plans-comparison__plan-name[b-xo22dcfpq3] {
    color: var(--ap-text);
    font-size: 16px;
    font-weight: 900;
}

.admin-subscription-plans-comparison__plan-price[b-xo22dcfpq3] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}

.admin-subscription-plans-comparison__plan-period[b-xo22dcfpq3] {
    color: var(--ap-muted);
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.admin-subscription-plans-comparison__badge[b-xo22dcfpq3] {
    border-radius: 999px;
    padding: 3px 7px;
    color: var(--ap-muted);
    background: color-mix(in srgb, var(--ap-border) 50%, #ffffff);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}

.admin-subscription-plans-comparison__badge--active[b-xo22dcfpq3],
.admin-subscription-plans-comparison__badge--public[b-xo22dcfpq3],
.admin-subscription-plans-comparison__badge--highlighted[b-xo22dcfpq3] {
    color: var(--ap-primary);
    background: color-mix(in srgb, var(--ap-primary) 12%, #ffffff);
}

.admin-subscription-plans-comparison__row[b-xo22dcfpq3],
.admin-subscription-plans-comparison__section[b-xo22dcfpq3] {
    border-bottom: 1px solid var(--ap-border);
}

.admin-subscription-plans-comparison__section[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-accent) 18%, #ffffff);
}

.admin-subscription-plans-comparison__section span[b-xo22dcfpq3] {
    grid-column: 1 / -1;
    padding: 10px 16px;
    color: var(--ap-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-subscription-plans-comparison__row--emphasized[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-accent) 12%, #ffffff);
}

.admin-subscription-plans-comparison__row-label[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    color: var(--ap-text);
    font-size: 12px;
    font-weight: 800;
}

.admin-subscription-plans-comparison__row-value[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 14px;
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.admin-subscription-plans-comparison__row--emphasized .admin-subscription-plans-comparison__row-value[b-xo22dcfpq3] {
    color: var(--ap-primary);
    font-size: 15px;
    font-weight: 900;
}

.admin-subscription-plans-comparison__row-label--feature[b-xo22dcfpq3] {
    font-weight: 700;
}

.admin-subscription-plans-comparison__feature-icon[b-xo22dcfpq3] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: var(--ap-muted);
}

.admin-subscription-plans-comparison__feature-value[b-xo22dcfpq3] {
    gap: 6px;
}

.admin-subscription-plans-comparison__feature-value--included[b-xo22dcfpq3] {
    color: var(--ap-primary);
}

.admin-subscription-plans-comparison__feature-value--limited[b-xo22dcfpq3] {
    color: #8a5d09;
}

.admin-subscription-plans-comparison__feature-value--excluded[b-xo22dcfpq3],
.admin-subscription-plans-comparison__feature-value--unknown[b-xo22dcfpq3] {
    color: var(--ap-muted);
}

.admin-subscription-plans-comparison__availability-limit[b-xo22dcfpq3],
.admin-subscription-plans-comparison__new-badge[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.admin-subscription-plans-comparison__availability-limit[b-xo22dcfpq3] {
    min-width: 28px;
    border: 1px solid color-mix(in srgb, #b7791f 38%, var(--ap-border));
    border-radius: 999px;
    padding: 3px 8px;
    background: #fff8e6;
    font-size: 11px;
    font-weight: 900;
}

.admin-subscription-plans-comparison__new-badge[b-xo22dcfpq3] {
    border-radius: 999px;
    padding: 2px 5px;
    background: color-mix(in srgb, var(--ap-primary) 12%, #ffffff);
    color: var(--ap-primary);
    font-family: var(--ap-font-sans);
    font-size: 9px;
    font-weight: 900;
}

.admin-subscription-plans-editor-backdrop[b-xo22dcfpq3] {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(16, 35, 29, 0.34);
    backdrop-filter: blur(1px);
}

.admin-subscription-plans-editor[b-xo22dcfpq3] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(1080px, calc(100vw - 32px));
    background: var(--ap-surface);
    box-shadow: -24px 0 44px rgba(16, 35, 29, 0.22);
}

.admin-subscription-plans-editor__header[b-xo22dcfpq3],
.admin-subscription-plans-editor__footer[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--ap-border);
    padding: 16px 20px;
    background: var(--ap-card);
}

/* Tier cards for plan variants in editor */
.admin-subscription-plans-tier-cards[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.admin-subscription-plans-tier-card[b-xo22dcfpq3] {
    background: var(--ap-surface);
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    padding: 12px;
    box-shadow: var(--ap-shadow-soft);
    display: grid;
    gap: 10px;
}

.admin-subscription-plans-tier-card__header[b-xo22dcfpq3] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.admin-subscription-plans-tier-card__title[b-xo22dcfpq3] {
    font-size: 16px;
    font-weight: 900;
    color: var(--ap-text);
}

.admin-subscription-plans-tier-card__key[b-xo22dcfpq3] {
    font-size: 12px;
    color: var(--ap-muted);
    margin-top: 2px;
}

.admin-subscription-plans-tier-card__actions[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-subscription-plans-tier-card__grid[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

@media (max-width: 780px) {
    .admin-subscription-plans-tier-cards[b-xo22dcfpq3],
    .admin-subscription-plans-tier-card__grid[b-xo22dcfpq3] {
        grid-template-columns: 1fr;
    }
}

.admin-subscription-plans-editor__titlebar[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.admin-subscription-plans-editor__title-icon[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid color-mix(in srgb, var(--ap-primary) 24%, var(--ap-border));
    border-radius: 8px;
    background: color-mix(in srgb, var(--ap-primary) 9%, var(--ap-card));
    color: var(--ap-primary);
}

.admin-subscription-plans-editor__title-icon svg[b-xo22dcfpq3] {
    width: 18px;
    height: 18px;
}

.admin-subscription-plans-editor__header h2[b-xo22dcfpq3] {
    margin: 0;
    color: var(--ap-text);
    font-size: 18px;
    line-height: 1.2;
}

.admin-subscription-plans-editor__header p[b-xo22dcfpq3] {
    margin: 3px 0 0;
    color: var(--ap-muted);
    font-size: 12px;
    line-height: 1.35;
}

.admin-subscription-plans-editor__close[b-xo22dcfpq3] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--ap-border) 34%, transparent);
}

.admin-subscription-plans-editor__footer[b-xo22dcfpq3] {
    position: sticky;
    bottom: 0;
    border-top: 1px solid var(--ap-border);
    border-bottom: 0;
    justify-content: flex-end;
    box-shadow: 0 -12px 24px rgba(16, 35, 29, 0.06);
}

.admin-subscription-plans-editor__body[b-xo22dcfpq3] {
    display: grid;
    align-content: start;
    gap: 18px;
    overflow-y: auto;
    padding: 18px 20px 26px;
    scrollbar-gutter: stable;
}

.admin-subscription-plans-editor__body:not(.admin-subscription-plans-editor__body--create)[b-xo22dcfpq3] {
    grid-template-columns: 224px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
}

.admin-subscription-plans-editor__navigation[b-xo22dcfpq3] {
    position: sticky;
    top: 18px;
    align-self: start;
    border: 1px solid var(--ap-border);
    border-radius: 14px;
    background: var(--ap-card);
    padding: 14px;
    min-height: 0;
}

.admin-subscription-plans-editor__navigation-heading[b-xo22dcfpq3] {
    margin: 0 0 12px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--ap-muted);
}

.admin-subscription-plans-editor__navigation-list[b-xo22dcfpq3] {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.admin-subscription-plans-editor__navigation-list button[b-xo22dcfpq3] {
    display: block;
    width: 100%;
    border: 0;
    padding: 9px 10px;
    border-radius: 10px;
    color: var(--ap-text);
    background: color-mix(in srgb, var(--ap-border) 8%, #ffffff);
    font: inherit;
    text-decoration: none;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.admin-subscription-plans-editor__navigation-list button:hover[b-xo22dcfpq3],
.admin-subscription-plans-editor__navigation-list button:focus-visible[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-primary) 10%, #ffffff);
    color: var(--ap-primary);
}

.admin-subscription-plans-editor__content[b-xo22dcfpq3] {
    min-width: 0;
}

.admin-subscription-plans-editor-panel[b-xo22dcfpq3] {
    overflow: hidden;
    border: 1px solid var(--ap-border);
    border-radius: 9px;
    background: var(--ap-card);
}

.admin-subscription-plans-editor-panel + .admin-subscription-plans-editor-panel[b-xo22dcfpq3] {
    margin-top: 14px;
}

.admin-subscription-plans-editor-panel__header[b-xo22dcfpq3] {
    margin: 0;
    background: color-mix(in srgb, var(--ap-accent) 24%, var(--ap-card));
}

.admin-subscription-plans-editor-panel__toggle[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 46px;
    border: 0;
    padding: 10px 14px;
    background: transparent;
    color: var(--ap-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.admin-subscription-plans-editor-panel__toggle:hover[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-accent) 38%, transparent);
}

.admin-subscription-plans-editor-panel__toggle:focus-visible[b-xo22dcfpq3] {
    outline: 2px solid color-mix(in srgb, var(--ap-primary) 32%, transparent);
    outline-offset: -2px;
}

.admin-subscription-plans-editor-panel__toggle > svg[b-xo22dcfpq3] {
    width: 18px;
    height: 18px;
    color: var(--ap-primary);
}

.admin-subscription-plans-editor-panel__title[b-xo22dcfpq3] {
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
}

.admin-subscription-plans-editor-panel__help[b-xo22dcfpq3] {
    min-width: 0;
    flex: 1 1 auto;
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-subscription-plans-editor-panel__toggle[b-xo22dcfpq3]  .admin-subscription-plans-editor-panel__chevron {
    margin-left: auto;
    flex: 0 0 18px;
    color: var(--ap-muted);
    transition: transform 140ms ease;
}

.admin-subscription-plans-editor-panel__body[b-xo22dcfpq3] {
    display: grid;
    gap: 14px;
    border-top: 1px solid color-mix(in srgb, var(--ap-border) 72%, transparent);
    padding: 14px;
    background: var(--ap-card);
}

.admin-subscription-plans-editor-panel__body--features .admin-subscription-plans-feature-row__controls[b-xo22dcfpq3] {
    min-width: 240px;
}

.admin-subscription-plans-editor-panel__body-actions[b-xo22dcfpq3] {
    display: flex;
    justify-content: flex-end;
}

.admin-subscription-plans-editor-panel__note[b-xo22dcfpq3] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 11px;
    line-height: 1.4;
}

.admin-subscription-plans-editor-subsection[b-xo22dcfpq3] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
}

.admin-subscription-plans-editor-subsection + .admin-subscription-plans-editor-subsection[b-xo22dcfpq3] {
    border-top: 1px solid color-mix(in srgb, var(--ap-border) 62%, transparent);
    padding-top: 14px;
}

.admin-subscription-plans-editor-subsection__header[b-xo22dcfpq3] {
    margin: 0;
}

.admin-subscription-plans-editor-subsection__header h3[b-xo22dcfpq3] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-subscription-plans-feature-groups[b-xo22dcfpq3] {
    display: grid;
    gap: 0;
}

.admin-subscription-plans-editor__body--create[b-xo22dcfpq3] {
    gap: 14px;
}

.admin-subscription-plans-editor__validation[b-xo22dcfpq3] {
    margin: 16px 22px 0;
}

.admin-subscription-plans-editor__validation ul[b-xo22dcfpq3] {
    margin: 8px 0 0;
    padding-left: 18px;
}

.admin-subscription-plans-editor-section[b-xo22dcfpq3] {
    display: grid;
    gap: 12px;
    border-top: 1px solid var(--ap-border);
    padding: 2px 0 0;
    background: var(--ap-card);
}

.admin-subscription-plans-editor-section--compact[b-xo22dcfpq3] {
    padding-bottom: 2px;
}

.admin-subscription-plans-editor-section__header[b-xo22dcfpq3],
.admin-subscription-plans-editor-section > header[b-xo22dcfpq3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding-top: 12px;
}

.admin-subscription-plans-editor-section h3[b-xo22dcfpq3] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.admin-subscription-plans-editor-section p[b-xo22dcfpq3] {
    max-width: 680px;
    margin: 0;
    color: var(--ap-muted);
    font-size: 12px;
    line-height: 1.4;
}

.admin-subscription-plans-form-grid[b-xo22dcfpq3],
.admin-subscription-plans-toggle-grid[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.admin-subscription-plans-limit-grid[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.admin-subscription-plans-toggle-list[b-xo22dcfpq3] {
    display: grid;
    gap: 8px;
}

.admin-subscription-plans-advanced-placeholder[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px dashed color-mix(in srgb, var(--ap-border) 86%, transparent);
    border-radius: 12px;
    padding: 14px 18px;
    background: color-mix(in srgb, var(--ap-card) 72%, transparent);
    color: var(--ap-muted);
}

.admin-subscription-plans-advanced-placeholder__content[b-xo22dcfpq3],
.admin-subscription-plans-advanced-placeholder__help[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.admin-subscription-plans-advanced-placeholder__content[b-xo22dcfpq3] {
    color: color-mix(in srgb, var(--ap-text) 78%, var(--ap-muted));
    font-size: 13px;
    font-weight: 800;
}

.admin-subscription-plans-advanced-placeholder__content svg[b-xo22dcfpq3] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.admin-subscription-plans-advanced-placeholder__help[b-xo22dcfpq3] {
    justify-content: flex-end;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 700;
    text-align: right;
}

.admin-subscription-plans-form-grid label[b-xo22dcfpq3],
.admin-subscription-plans-toggle-grid label[b-xo22dcfpq3],
.admin-subscription-plans-editor-row label[b-xo22dcfpq3],
.admin-subscription-plans-feature-row label[b-xo22dcfpq3],
.admin-subscription-plans-limit-grid label[b-xo22dcfpq3] {
    display: grid;
    gap: 5px;
    color: var(--ap-text);
    font-size: 12px;
    font-weight: 800;
}

.admin-subscription-plans-form-grid input[b-xo22dcfpq3],
.admin-subscription-plans-form-grid select[b-xo22dcfpq3],
.admin-subscription-plans-form-grid textarea[b-xo22dcfpq3],
.admin-subscription-plans-limit-grid input[b-xo22dcfpq3],
.admin-subscription-plans-limit-grid select[b-xo22dcfpq3],
.admin-subscription-plans-toggle-grid input:not([type="checkbox"])[b-xo22dcfpq3],
.admin-subscription-plans-editor-row input:not([type="checkbox"])[b-xo22dcfpq3],
.admin-subscription-plans-editor-row select[b-xo22dcfpq3],
.admin-subscription-plans-feature-row input:not([type="checkbox"])[b-xo22dcfpq3],
.admin-subscription-plans-feature-row select[b-xo22dcfpq3] {
    width: 100%;
    min-height: 38px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 8px 10px;
    background: var(--ap-surface);
    color: var(--ap-text);
    font: inherit;
}

.admin-subscription-plans-form-grid input:focus[b-xo22dcfpq3],
.admin-subscription-plans-form-grid select:focus[b-xo22dcfpq3],
.admin-subscription-plans-form-grid textarea:focus[b-xo22dcfpq3],
.admin-subscription-plans-limit-grid input:focus[b-xo22dcfpq3],
.admin-subscription-plans-limit-grid select:focus[b-xo22dcfpq3],
.admin-subscription-plans-editor-row input:focus[b-xo22dcfpq3],
.admin-subscription-plans-editor-row select:focus[b-xo22dcfpq3],
.admin-subscription-plans-feature-row input:focus[b-xo22dcfpq3],
.admin-subscription-plans-feature-row select:focus[b-xo22dcfpq3] {
    border-color: var(--ap-primary);
    outline: 2px solid color-mix(in srgb, var(--ap-primary) 18%, transparent);
    outline-offset: 1px;
}

.admin-subscription-plans-form-grid textarea[b-xo22dcfpq3] {
    min-height: 74px;
    resize: vertical;
}

.admin-subscription-plans-field--wide[b-xo22dcfpq3] {
    grid-column: 1 / -1;
}

.admin-subscription-plans-select-with-icon[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.admin-subscription-plans-select-with-icon > svg[b-xo22dcfpq3] {
    width: 34px;
    height: 34px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 8px;
    background: color-mix(in srgb, var(--ap-accent) 32%, var(--ap-card));
    color: var(--ap-primary);
}

.admin-subscription-plans-editor-list[b-xo22dcfpq3] {
    display: grid;
    gap: 8px;
}

.admin-subscription-plans-feature-grid[b-xo22dcfpq3] {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
}

/* When feature-grid is inside feature-group, remove outer border */
.admin-subscription-plans-feature-group .admin-subscription-plans-feature-grid[b-xo22dcfpq3] {
    border: 0;
    border-radius: 0;
}

.admin-subscription-plans-editor-row[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto auto;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 10px;
    background: var(--ap-card);
}

.admin-subscription-plans-editor-row--feature[b-xo22dcfpq3] {
    grid-template-columns: minmax(180px, 1.4fr) minmax(140px, 1fr) minmax(110px, 0.7fr) minmax(110px, 0.7fr) auto auto;
}

.admin-subscription-plans-feature-row[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--ap-border);
    padding: 10px;
    background: var(--ap-card);
}

.admin-subscription-plans-feature-row:last-child[b-xo22dcfpq3] {
    border-bottom: 0;
}

.admin-subscription-plans-feature-row__icon[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--ap-accent) 40%, transparent);
    color: var(--ap-primary);
}

.admin-subscription-plans-feature-row__icon svg[b-xo22dcfpq3] {
    width: 16px;
    height: 16px;
}

.admin-subscription-plans-feature-row__label[b-xo22dcfpq3] {
    display: grid;
    gap: 3px;
    min-width: 0;
    color: var(--ap-text);
}

.admin-subscription-plans-feature-row__title[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font-size: 13px;
    font-weight: 900;
}

.admin-subscription-plans-feature-row__label p[b-xo22dcfpq3] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
}

.admin-subscription-plans-feature-row__controls[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 254px;
}

.admin-subscription-plans-stepper[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    align-items: center;
}

.admin-subscription-plans-stepper:has(button:nth-of-type(3))[b-xo22dcfpq3] {
    grid-template-columns: 34px minmax(0, 1fr) 34px 34px;
}

.admin-subscription-plans-stepper button[b-xo22dcfpq3],
.admin-subscription-plans-segment__button[b-xo22dcfpq3],
.admin-subscription-plans-new-toggle[b-xo22dcfpq3] {
    min-height: 34px;
    border: 1px solid var(--ap-border);
    background: var(--ap-card);
    color: var(--ap-text);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.admin-subscription-plans-stepper button[b-xo22dcfpq3] {
    border-radius: 8px;
}

.admin-subscription-plans-stepper input[b-xo22dcfpq3] {
    min-height: 34px;
    margin: 0 6px;
    text-align: center;
}

.admin-subscription-plans-segment[b-xo22dcfpq3] {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(72px, auto);
    overflow: hidden;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
}

.admin-subscription-plans-segment__button[b-xo22dcfpq3] {
    border: 0;
    border-right: 1px solid var(--ap-border);
    border-radius: 0;
    padding: 0 9px;
    white-space: nowrap;
}

.admin-subscription-plans-segment__button:last-child[b-xo22dcfpq3] {
    border-right: 0;
}

.admin-subscription-plans-segment__button--active[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-primary) 12%, var(--ap-card));
    color: var(--ap-primary);
}

.admin-subscription-plans-new-toggle[b-xo22dcfpq3] {
    border-radius: 8px;
    padding: 0 10px;
    color: var(--ap-muted);
}

.admin-subscription-plans-new-toggle--active[b-xo22dcfpq3] {
    border-color: color-mix(in srgb, var(--ap-primary) 38%, var(--ap-border));
    background: color-mix(in srgb, var(--ap-primary) 10%, var(--ap-card));
    color: var(--ap-primary);
}

.admin-subscription-plans-switch[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 10px 12px;
    background: var(--ap-card);
    color: var(--ap-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.admin-subscription-plans-switch__content[b-xo22dcfpq3] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.admin-subscription-plans-switch__label[b-xo22dcfpq3] {
    font-size: 13px;
    font-weight: 900;
}

.admin-subscription-plans-switch__help[b-xo22dcfpq3] {
    color: var(--ap-muted);
    font-size: 11px;
    line-height: 1.35;
}

.admin-subscription-plans-switch__track[b-xo22dcfpq3] {
    position: relative;
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ap-border) 70%, var(--ap-card));
    flex: 0 0 auto;
    transition: background 160ms ease;
}

.admin-subscription-plans-switch__thumb[b-xo22dcfpq3] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: var(--ap-card);
    box-shadow: 0 1px 4px rgba(16, 35, 29, 0.22);
    transition: transform 160ms ease;
}

.admin-subscription-plans-switch--on .admin-subscription-plans-switch__track[b-xo22dcfpq3] {
    background: var(--ap-primary);
}

.admin-subscription-plans-switch--on .admin-subscription-plans-switch__thumb[b-xo22dcfpq3] {
    transform: translateX(18px);
}

.admin-subscription-plans-checkbox[b-xo22dcfpq3] {
    display: inline-flex !important;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    align-items: center;
    justify-content: start;
    gap: 8px !important;
    min-height: 40px;
    color: var(--ap-text);
    font-size: 13px;
    font-weight: 800;
}

.admin-subscription-plans-checkbox input[b-xo22dcfpq3] {
    width: 16px;
    height: 16px;
    accent-color: var(--ap-primary);
}

.admin-subscription-plans-editor[b-xo22dcfpq3] {
    width: min(1080px, calc(100vw - 32px));
    background: var(--ap-surface);
}

.admin-subscription-plans-editor__header[b-xo22dcfpq3] {
    min-height: 72px;
    padding: 14px 18px;
}

.admin-subscription-plans-editor__titlebar[b-xo22dcfpq3] {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
}

.admin-subscription-plans-editor__title-icon[b-xo22dcfpq3] {
    width: 34px;
    height: 34px;
    border-color: color-mix(in srgb, var(--ap-primary) 18%, var(--ap-border));
    background: color-mix(in srgb, var(--ap-primary) 7%, var(--ap-card));
}

.admin-subscription-plans-editor__header h2[b-xo22dcfpq3] {
    font-size: 16px;
    font-weight: 900;
}

.admin-subscription-plans-editor__header p[b-xo22dcfpq3] {
    font-size: 11px;
}

.admin-subscription-plans-editor__close[b-xo22dcfpq3] {
    width: 34px;
    height: 34px;
    border: 1px solid transparent;
    background: color-mix(in srgb, var(--ap-border) 26%, transparent);
}

.admin-subscription-plans-editor__body[b-xo22dcfpq3] {
    gap: 0;
    padding: 0 18px 18px;
    background: color-mix(in srgb, var(--ap-surface) 84%, var(--ap-bg));
}

.admin-subscription-plans-editor-section[b-xo22dcfpq3] {
    gap: 10px;
    padding: 16px 0 18px;
    border-top: 1px solid color-mix(in srgb, var(--ap-border) 76%, transparent);
    background: transparent;
}

.admin-subscription-plans-editor-section:first-child[b-xo22dcfpq3] {
    border-top: 0;
}

.admin-subscription-plans-editor-section__header[b-xo22dcfpq3],
.admin-subscription-plans-editor-section > header[b-xo22dcfpq3] {
    align-items: center;
    display: flex;
    gap: 10px;
    padding-top: 0;
}

.admin-subscription-plans-editor-section__header[b-xo22dcfpq3]::after,
.admin-subscription-plans-editor-section > header[b-xo22dcfpq3]::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    min-width: 24px;
    background: color-mix(in srgb, var(--ap-border) 76%, transparent);
}

.admin-subscription-plans-editor-section__header > .button[b-xo22dcfpq3],
.admin-subscription-plans-editor-section > header > .button[b-xo22dcfpq3] {
    order: 3;
}

.admin-subscription-plans-editor-section h3[b-xo22dcfpq3] {
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--ap-muted) 92%, var(--ap-text));
    font-size: 10px;
    font-weight: 900;
}

.admin-subscription-plans-editor-section p[b-xo22dcfpq3] {
    order: 2;
    max-width: 360px;
    font-size: 11px;
    text-align: right;
}

.admin-subscription-plans-form-grid[b-xo22dcfpq3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.admin-subscription-plans-form-grid--pricing[b-xo22dcfpq3] {
    grid-template-columns: 96px repeat(2, minmax(0, 1fr)) 112px;
}

.admin-subscription-plans-form-grid--pricing .admin-subscription-plans-field--wide[b-xo22dcfpq3] {
    grid-column: auto;
}

.admin-subscription-plans-limit-grid[b-xo22dcfpq3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.admin-subscription-plans-field[b-xo22dcfpq3],
.admin-subscription-plans-stepper-field[b-xo22dcfpq3],
.admin-subscription-plans-form-grid label[b-xo22dcfpq3],
.admin-subscription-plans-limit-grid label[b-xo22dcfpq3],
.admin-subscription-plans-editor-row label[b-xo22dcfpq3],
.admin-subscription-plans-feature-row label[b-xo22dcfpq3] {
    display: grid;
    gap: 5px;
    min-width: 0;
    color: var(--ap-text);
    font-size: 12px;
    font-weight: 800;
}

.admin-subscription-plans-field__label[b-xo22dcfpq3],
.admin-subscription-plans-field > span:first-child[b-xo22dcfpq3],
.admin-subscription-plans-stepper-field > span:first-child[b-xo22dcfpq3] {
    color: color-mix(in srgb, var(--ap-text) 86%, var(--ap-muted));
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
}

.admin-subscription-plans-field--wide[b-xo22dcfpq3] {
    grid-column: 1 / -1;
}

.admin-subscription-plans-field input[b-xo22dcfpq3],
.admin-subscription-plans-field select[b-xo22dcfpq3],
.admin-subscription-plans-field textarea[b-xo22dcfpq3],
.admin-subscription-plans-form-grid input[b-xo22dcfpq3],
.admin-subscription-plans-form-grid select[b-xo22dcfpq3],
.admin-subscription-plans-form-grid textarea[b-xo22dcfpq3],
.admin-subscription-plans-limit-grid input[b-xo22dcfpq3],
.admin-subscription-plans-limit-grid select[b-xo22dcfpq3],
.admin-subscription-plans-editor-row input:not([type="checkbox"])[b-xo22dcfpq3],
.admin-subscription-plans-editor-row select[b-xo22dcfpq3],
.admin-subscription-plans-feature-row input:not([type="checkbox"])[b-xo22dcfpq3],
.admin-subscription-plans-feature-row select[b-xo22dcfpq3] {
    width: 100%;
    min-height: 34px;
    border: 1px solid color-mix(in srgb, var(--ap-border) 88%, var(--ap-muted));
    border-radius: 7px;
    padding: 7px 9px;
    background: #ffffff;
    color: var(--ap-text);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    box-shadow: 0 1px 0 rgba(16, 35, 29, 0.02);
}

.admin-subscription-plans-field textarea[b-xo22dcfpq3],
.admin-subscription-plans-form-grid textarea[b-xo22dcfpq3] {
    min-height: 68px;
    resize: vertical;
}

.admin-subscription-plans-select-with-icon[b-xo22dcfpq3] {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 7px;
}

.admin-subscription-plans-select-with-icon > svg[b-xo22dcfpq3] {
    width: 34px;
    height: 34px;
    padding: 8px;
    border-radius: 7px;
    background: color-mix(in srgb, var(--ap-primary) 7%, #ffffff);
}

.admin-subscription-plans-stepper[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: 30px minmax(54px, 1fr) 30px;
    align-items: center;
    gap: 6px;
}

.admin-subscription-plans-stepper:has(button:nth-of-type(3))[b-xo22dcfpq3] {
    grid-template-columns: 30px minmax(54px, 1fr) 30px 30px;
}

.admin-subscription-plans-stepper button[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-height: 30px;
    border-radius: 7px;
    border: 1px solid var(--ap-border);
    background: #ffffff;
    color: var(--ap-text);
    font-size: 15px;
    font-weight: 800;
}

.admin-subscription-plans-stepper input[b-xo22dcfpq3] {
    min-height: 30px;
    margin: 0;
    border-radius: 7px;
    text-align: center;
}

.admin-subscription-plans-stepper--unlimited input[b-xo22dcfpq3] {
    color: transparent;
    caret-color: var(--ap-text);
}

.admin-subscription-plans-stepper--unlimited input[b-xo22dcfpq3]::placeholder {
    color: var(--ap-primary);
    opacity: 1;
    font-size: 11px;
    font-weight: 900;
}

.admin-subscription-plans-feature-grid[b-xo22dcfpq3] {
    border-radius: 7px;
}

.admin-subscription-plans-feature-row[b-xo22dcfpq3] {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
}

.admin-subscription-plans-feature-row__icon[b-xo22dcfpq3] {
    width: 30px;
    height: 30px;
    border-radius: 7px;
}

.admin-subscription-plans-feature-row__title[b-xo22dcfpq3] {
    font-size: 12px;
    font-weight: 900;
}

.admin-subscription-plans-feature-row__label p[b-xo22dcfpq3] {
    font-size: 11px;
}

.admin-subscription-plans-feature-row__controls[b-xo22dcfpq3] {
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
    min-width: 0;
}

.admin-subscription-plans-segment[b-xo22dcfpq3] {
    border-radius: 7px;
}

.admin-subscription-plans-segment__button[b-xo22dcfpq3] {
    min-height: 30px;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 800;
}

.admin-subscription-plans-segment__button--active[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-primary) 13%, #ffffff);
    color: var(--ap-primary);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ap-primary) 30%, transparent);
}

.admin-subscription-plans-new-toggle[b-xo22dcfpq3] {
    min-height: 30px;
    border-radius: 7px;
    padding: 0 8px;
    font-size: 11px;
}

.admin-subscription-plans-editor-row[b-xo22dcfpq3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 10px;
}

.admin-subscription-plans-editor-row > .button-icon[b-xo22dcfpq3] {
    justify-self: end;
}

.admin-subscription-plans-toggle-list[b-xo22dcfpq3] {
    gap: 8px;
}

.admin-subscription-plans-switch[b-xo22dcfpq3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 9px 10px;
    border-radius: 7px;
    border: 1px solid color-mix(in srgb, var(--ap-border) 74%, transparent);
    background: #ffffff;
}

.admin-subscription-plans-switch__content[b-xo22dcfpq3] {
    gap: 2px;
}

.admin-subscription-plans-switch__label[b-xo22dcfpq3] {
    font-size: 12px;
    line-height: 1.25;
}

.admin-subscription-plans-switch__help[b-xo22dcfpq3] {
    font-size: 11px;
    line-height: 1.3;
}

.admin-subscription-plans-switch__track[b-xo22dcfpq3] {
    width: 38px;
    height: 22px;
}

.admin-subscription-plans-switch__thumb[b-xo22dcfpq3] {
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
}

.admin-subscription-plans-switch--on .admin-subscription-plans-switch__thumb[b-xo22dcfpq3] {
    transform: translateX(16px);
}

.admin-subscription-plans-editor__footer[b-xo22dcfpq3] {
    padding: 12px 18px;
    background: #ffffff;
}

.admin-subscription-plans-editor__footer .button[b-xo22dcfpq3] {
    min-height: 38px;
    border-radius: 8px;
    padding: 0 16px;
}

@media (max-width: 1180px) {
    .admin-subscription-plans-editor-row[b-xo22dcfpq3],
    .admin-subscription-plans-editor-row--feature[b-xo22dcfpq3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .admin-subscription-plans-header[b-xo22dcfpq3],
    .admin-subscription-plans-toolbar[b-xo22dcfpq3] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-subscription-plans-view-toggle[b-xo22dcfpq3],
    .admin-subscription-plans-toolbar__actions[b-xo22dcfpq3] {
        width: 100%;
    }

    .admin-subscription-plans-view-toggle__button[b-xo22dcfpq3],
    .admin-subscription-plans-toolbar__actions .button[b-xo22dcfpq3] {
        flex: 1;
        justify-content: center;
    }

    .admin-subscription-plans-toolbar__actions[b-xo22dcfpq3] {
        margin-left: 0;
    }

    .admin-subscription-plans-cards[b-xo22dcfpq3],
    .admin-subscription-plans-form-grid[b-xo22dcfpq3],
    .admin-subscription-plans-limit-grid[b-xo22dcfpq3],
    .admin-subscription-plans-toggle-grid[b-xo22dcfpq3],
    .admin-subscription-plans-editor-row[b-xo22dcfpq3],
    .admin-subscription-plans-editor-row--feature[b-xo22dcfpq3],
    .admin-subscription-plans-feature-row[b-xo22dcfpq3] {
        grid-template-columns: 1fr;
    }

    .admin-subscription-plans-card__features[b-xo22dcfpq3] {
        grid-template-columns: 1fr;
    }

    .admin-subscription-plans-editor[b-xo22dcfpq3] {
        width: 100vw;
    }

    .admin-subscription-plans-editor__header[b-xo22dcfpq3],
    .admin-subscription-plans-editor__footer[b-xo22dcfpq3] {
        padding: 16px;
    }

    .admin-subscription-plans-editor__body[b-xo22dcfpq3] {
        padding: 16px;
    }

    .admin-subscription-plans-editor__body:not(.admin-subscription-plans-editor__body--create)[b-xo22dcfpq3] {
        grid-template-columns: 1fr;
    }

    .admin-subscription-plans-editor__navigation[b-xo22dcfpq3] {
        position: static;
        top: auto;
        width: 100%;
    }

    .admin-subscription-plans-feature-row__controls[b-xo22dcfpq3] {
        justify-content: flex-start;
        min-width: 0;
    }

    .admin-subscription-plans-editor-panel__help[b-xo22dcfpq3] {
        flex-basis: 100%;
        white-space: normal;
    }

    .admin-subscription-plans-editor-panel__body--features .admin-subscription-plans-feature-row__controls[b-xo22dcfpq3] {
        min-width: 0;
    }
}

/* Enhanced Styling for Lovable-inspired UI */
.admin-subscription-plans-editor-section[b-xo22dcfpq3] {
    background: var(--ap-card);
    border-radius: 12px;
    margin-bottom: 16px;
}

.admin-subscription-plans-form-grid input[b-xo22dcfpq3],
.admin-subscription-plans-form-grid select[b-xo22dcfpq3],
.admin-subscription-plans-form-grid textarea[b-xo22dcfpq3] {
    background: #ffffff;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    min-height: 38px;
}

.admin-subscription-plans-editor-section__header h3[b-xo22dcfpq3] {
    color: var(--ap-text);
    font-size: 14px;
    font-weight: 900;
}

.admin-subscription-plans-editor-section__header p[b-xo22dcfpq3] {
    color: var(--ap-muted);
    font-size: 12px;
}

/* Feature row styling */
.admin-subscription-plans-feature-row[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-card) 50%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--ap-border) 30%, transparent);
}

.admin-subscription-plans-feature-row:last-child[b-xo22dcfpq3] {
    border-bottom: 0;
}

/* Better switch styling */
.admin-subscription-plans-switch[b-xo22dcfpq3] {
    background: #ffffff;
    border: 1px solid var(--ap-border);
    border-radius: 12px;
    min-height: 48px;
}

.admin-subscription-plans-switch__track[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-border) 50%, transparent);
}

.admin-subscription-plans-switch--on .admin-subscription-plans-switch__track[b-xo22dcfpq3] {
    background: var(--ap-primary);
}

/* Feature group accordion styling - Lovable-inspired compact design */
.admin-subscription-plans-feature-group[b-xo22dcfpq3] {
    overflow: hidden;
    border-bottom: 1px solid color-mix(in srgb, var(--ap-border) 70%, transparent);
    background: transparent;
}

.admin-subscription-plans-feature-group:last-child[b-xo22dcfpq3] {
    border-bottom: 0;
}

.admin-subscription-plans-feature-group__header[b-xo22dcfpq3] {
    padding: 0;
}

.admin-subscription-plans-feature-group__header-button[b-xo22dcfpq3] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
    padding: 7px 4px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ap-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 120ms ease;
}

.admin-subscription-plans-feature-group__header-button:hover[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-accent) 48%, transparent);
}

.admin-subscription-plans-feature-group__header-button:focus-visible[b-xo22dcfpq3] {
    outline: 2px solid color-mix(in srgb, var(--ap-primary) 22%, transparent);
    outline-offset: -2px;
}

.admin-subscription-plans-feature-group__header-text[b-xo22dcfpq3] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.admin-subscription-plans-feature-group__header-title[b-xo22dcfpq3] {
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ap-text);
}

.admin-subscription-plans-feature-group__count[b-xo22dcfpq3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    border-radius: 999px;
    padding: 1px 6px;
    background: color-mix(in srgb, var(--ap-border) 52%, transparent);
    color: var(--ap-muted);
    font-size: 10px;
    font-weight: 800;
}

.admin-subscription-plans-feature-group__chevron[b-xo22dcfpq3] {
    width: 16px;
    height: 16px;
    color: var(--ap-muted);
    transform: rotate(0deg);
    transition: transform 140ms ease;
    flex-shrink: 0;
}

.admin-subscription-plans-feature-group__header-button[b-xo22dcfpq3]  .admin-subscription-plans-feature-group__chevron {
    margin-left: auto;
}

.admin-subscription-plans-feature-group__panel[b-xo22dcfpq3] {
    margin-top: 0;
    border-top: 1px solid color-mix(in srgb, var(--ap-border) 60%, transparent);
}

.admin-subscription-plans-feature-group__panel--collapsed[b-xo22dcfpq3] {
    display: none;
}

/* Visibility toggle styling */
.admin-subscription-plans-toggle-list[b-xo22dcfpq3] {
    display: grid;
    gap: 8px;
}

.admin-subscription-plans-switch[b-xo22dcfpq3] {
    background: #ffffff;
    border: 1px solid var(--ap-border);
    border-radius: 12px;
}

.admin-subscription-plans-switch__track[b-xo22dcfpq3] {
    background: color-mix(in srgb, var(--ap-border) 50%, transparent);
}

.admin-subscription-plans-switch--on .admin-subscription-plans-switch__track[b-xo22dcfpq3] {
    background: var(--ap-primary);
}

.admin-subscription-plans-switch__label[b-xo22dcfpq3] {
    font-size: 13px;
    font-weight: 800;
    color: var(--ap-text);
}

.admin-subscription-plans-switch__help[b-xo22dcfpq3] {
    color: var(--ap-muted);
    font-size: 11px;
}
/* /Components/Pages/AdminSystemStatus.razor.rz.scp.css */
.system-status-page[b-eecrkmv8so] {
    display: grid;
    align-content: start;
    align-self: start;
    grid-auto-rows: max-content;
    gap: 16px;
}

.system-status-page header[b-eecrkmv8so] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.system-status-page__header-actions[b-eecrkmv8so] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.system-status-page h1[b-eecrkmv8so],
.system-status-page h2[b-eecrkmv8so],
.system-status-page p[b-eecrkmv8so] {
    margin: 0;
}

.system-status-page h1[b-eecrkmv8so] {
    font-size: 28px;
}

.system-status-page header p[b-eecrkmv8so] {
    margin-top: 5px;
    color: var(--ap-muted);
}

.system-status-page__eyebrow[b-eecrkmv8so] {
    color: var(--ap-primary) !important;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.system-status-page__window[b-eecrkmv8so] {
    height: max-content;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    padding: 5px 9px;
    color: var(--ap-muted);
    font-size: 12px;
}

.system-status-page__refresh[b-eecrkmv8so] {
    flex: 0 0 auto;
}

.system-status-tabs[b-eecrkmv8so] {
    display: flex;
    gap: 4px;
}

.system-status-tabs button[b-eecrkmv8so] {
    border: 0;
    border-radius: 7px;
    padding: 9px 12px;
    background: transparent;
    color: var(--ap-muted);
    font: inherit;
    cursor: pointer;
}

.system-status-tabs__tab--active[b-eecrkmv8so] {
    background: var(--ap-card) !important;
    color: var(--ap-text) !important;
    box-shadow: var(--ap-shadow-soft);
}

.system-status-kpis[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.system-status-kpis article[b-eecrkmv8so],
.system-status-actions[b-eecrkmv8so],
.system-status-charts article[b-eecrkmv8so],
.system-status-state[b-eecrkmv8so] {
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    padding: 14px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.system-status-kpis article[b-eecrkmv8so] { position: relative; padding-top: 48px; }
.system-status-kpis article > i[b-eecrkmv8so] { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: var(--ap-primary); background: color-mix(in srgb, var(--ap-primary) 13%, transparent); }
.system-status-kpi--Success > i[b-eecrkmv8so] { color: var(--ap-success, var(--ap-primary)) !important; }
.system-status-kpi--Warning > i[b-eecrkmv8so] { color: var(--ap-warning) !important; }
.system-status-kpi--Destructive > i[b-eecrkmv8so] { color: var(--ap-error) !important; }

.system-status-state--error[b-eecrkmv8so] {
    border-color: color-mix(in srgb, var(--ap-error) 45%, var(--ap-border));
    color: var(--ap-error);
}

.system-status-kpis span[b-eecrkmv8so],
.system-status-kpis small[b-eecrkmv8so] {
    display: block;
    color: var(--ap-muted);
    font-size: 12px;
}

.system-status-kpis strong[b-eecrkmv8so] {
    display: block;
    margin: 10px 0 4px;
    font-family: var(--ap-font-mono);
    font-size: 22px;
}

.system-status-actions[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.system-status-actions h2[b-eecrkmv8so],
.system-status-actions__empty[b-eecrkmv8so] { grid-column: 1 / -1; }

.system-status-action-card[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border-left: 3px solid var(--ap-warning);
    border-radius: 8px;
    padding: 10px;
    background: var(--ap-surface);
}

.system-status-action-card--Critical[b-eecrkmv8so] { border-left-color: var(--ap-error); }
.system-status-action-card span[b-eecrkmv8so] { display: grid; gap: 3px; }
.system-status-action-card small[b-eecrkmv8so] { color: var(--ap-muted); font-weight: 400; }

.system-status-actions h2[b-eecrkmv8so],
.system-status-charts h2[b-eecrkmv8so] {
    font-size: 14px;
}

.system-status-actions a[b-eecrkmv8so] {
    color: var(--ap-primary);
    font-weight: 700;
    text-decoration: none;
}
.system-status-actions__empty[b-eecrkmv8so] { color: var(--ap-success, var(--ap-primary)); }
.system-status-overview-grid[b-eecrkmv8so] { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; }.system-status-overview-grid--three[b-eecrkmv8so] { grid-template-columns: repeat(3, minmax(0, 1fr)); }.system-status-overview-grid__wide[b-eecrkmv8so] { min-width: 0; }
.system-status-overview-series[b-eecrkmv8so], .system-status-overview-bars[b-eecrkmv8so] { display: flex; align-items: end; gap: 3px; min-height: 190px; border: 1px solid var(--ap-border); border-radius: 8px; padding: 10px; background: var(--ap-surface); }.system-status-overview-series > span[b-eecrkmv8so], .system-status-overview-bars > span[b-eecrkmv8so] { display: flex; flex: 1 1 0; align-items: end; gap: 1px; height: 168px; }.system-status-overview-series i[b-eecrkmv8so] { flex: 1; height: var(--overview-bar-height); min-height: 0; background: var(--ap-error); border-radius: 3px 3px 0 0; }.system-status-overview-series__p50[b-eecrkmv8so] { background: var(--ap-success, var(--ap-primary)) !important; }.system-status-overview-series__p95[b-eecrkmv8so] { background: var(--ap-warning) !important; }.system-status-overview-series__p99[b-eecrkmv8so] { background: var(--ap-error) !important; }.system-status-overview-series__present[b-eecrkmv8so] { min-height: 2px !important; }.system-status-overview-series__missing[b-eecrkmv8so] { display: none; }.system-status-overview-bars i[b-eecrkmv8so] { flex: 1; height: var(--overview-bar-height); border-radius: 3px 3px 0 0; }.system-status-overview-bars__opened[b-eecrkmv8so] { background: var(--ap-error); }.system-status-overview-bars__resolved[b-eecrkmv8so] { background: var(--ap-success, var(--ap-primary)); }
.system-status-response-chart[b-eecrkmv8so] { min-width: 0; }
.system-status-chart-legend__success[b-eecrkmv8so]::before { background: var(--ap-success, var(--ap-primary)); }
.system-status-chart__line--dashed[b-eecrkmv8so] { stroke-dasharray: 6 4; }
.system-status-chart-legend__dashed[b-eecrkmv8so]::before { border-radius: 0; background: repeating-linear-gradient(90deg, var(--ap-error) 0 3px, transparent 3px 5px); }
.system-status-chart-legend__opened[b-eecrkmv8so]::before { background: var(--ap-error); }
.system-status-chart-legend__resolved[b-eecrkmv8so]::before { background: var(--ap-success, var(--ap-primary)); }
.system-status-incident-chart[b-eecrkmv8so] { min-width: 0; position: relative; }
.system-status-mttr-chart[b-eecrkmv8so] { min-width: 0; position: relative; }
.system-status-chart.system-status-incident-chart svg[b-eecrkmv8so],
.system-status-chart.system-status-mttr-chart svg[b-eecrkmv8so] { height: 210px; }
.system-status-incident-chart__bar[b-eecrkmv8so] { shape-rendering: geometricPrecision; }
.system-status-incident-chart__bar--opened[b-eecrkmv8so] { fill: var(--ap-error); }
.system-status-incident-chart__bar--resolved[b-eecrkmv8so] { fill: var(--ap-success, var(--ap-primary)); }
.system-status-incident-chart__y-axis[b-eecrkmv8so] { position: absolute; top: 0; right: 0; left: 0; height: 210px; pointer-events: none; }
.system-status-incident-chart__y-axis > span[b-eecrkmv8so] { position: absolute; top: var(--incident-y); left: 0; transform: translateY(-50%); color: var(--ap-muted); font-size: 10px; line-height: 1; font-family: var(--ap-font-mono); }
.system-status-expiry-chart[b-eecrkmv8so] { min-width: 0; position: relative; }
.system-status-chart.system-status-expiry-chart svg[b-eecrkmv8so] { height: 200px; }
.system-status-expiry-chart__bar[b-eecrkmv8so] { shape-rendering: geometricPrecision; }
.system-status-expiry-chart__bar--certificates[b-eecrkmv8so] { fill: var(--ap-warning); }
.system-status-expiry-chart__bar--domains[b-eecrkmv8so] { fill: var(--ap-primary); }
.system-status-expiry-chart__y-axis[b-eecrkmv8so] { position: absolute; top: 0; right: 0; left: 0; height: 200px; pointer-events: none; }
.system-status-expiry-chart__y-axis > span[b-eecrkmv8so] { position: absolute; top: var(--expiry-y); left: 0; transform: translateY(-50%); color: var(--ap-muted); font-size: 10px; line-height: 1; font-family: var(--ap-font-mono); }
.system-status-expiry-chart__legend .system-status-chart-legend__domains[b-eecrkmv8so]::before { background: var(--ap-primary); }
.system-status-notification-chart[b-eecrkmv8so] { min-width: 0; position: relative; }
.system-status-chart.system-status-notification-chart svg[b-eecrkmv8so] { height: 200px; }
.system-status-notification-chart__bar[b-eecrkmv8so] { shape-rendering: geometricPrecision; }
.system-status-notification-chart__bar--sent[b-eecrkmv8so] { fill: var(--ap-success, var(--ap-primary)); }
.system-status-notification-chart__bar--failed[b-eecrkmv8so] { fill: var(--ap-error); }
.system-status-notification-chart__y-axis[b-eecrkmv8so] { position: absolute; top: 0; right: 0; left: 0; height: 200px; pointer-events: none; }
.system-status-notification-chart__y-axis > span[b-eecrkmv8so] { position: absolute; top: var(--notification-y); left: 0; transform: translateY(-50%); color: var(--ap-muted); font-size: 10px; line-height: 1; font-family: var(--ap-font-mono); }
.system-status-notification-chart__legend .system-status-chart-legend__failed[b-eecrkmv8so]::before { background: var(--ap-error); }
.system-status-mttr-chart__area[b-eecrkmv8so] { fill: color-mix(in srgb, var(--ap-primary) 18%, transparent); }
.system-status-mttr-chart__line[b-eecrkmv8so] { fill: none; stroke: var(--ap-primary); stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.system-status-mttr-chart__point[b-eecrkmv8so] { fill: var(--ap-card); stroke: var(--ap-primary); stroke-width: 2; vector-effect: non-scaling-stroke; }
.system-status-mttr-chart__y-axis[b-eecrkmv8so] { position: absolute; top: 0; right: 0; left: 0; height: 210px; pointer-events: none; }
.system-status-mttr-chart__y-axis > span[b-eecrkmv8so] { position: absolute; top: var(--mttr-y); left: 0; transform: translateY(-50%); color: var(--ap-muted); font-size: 10px; line-height: 1; font-family: var(--ap-font-mono); }
.system-status-overview-distribution[b-eecrkmv8so] { display: grid; gap: 7px; }.system-status-overview-distribution span[b-eecrkmv8so] { display: flex; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--ap-border); padding-bottom: 5px; color: var(--ap-muted); font-size: 12px; }.system-status-overview-distribution strong[b-eecrkmv8so] { color: var(--ap-text); font-family: var(--ap-font-mono); }
.system-status-unconnected[b-eecrkmv8so] {
    display: grid;
    align-content: center;
    gap: 8px;
    min-height: 200px;
    border: 1px dashed color-mix(in srgb, var(--ap-border) 82%, transparent);
    border-radius: 10px;
    padding: 14px;
    background: color-mix(in srgb, var(--ap-surface) 94%, transparent);
}
.system-status-unconnected strong[b-eecrkmv8so] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 700;
}
.system-status-unconnected p[b-eecrkmv8so] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 12px;
    line-height: 1.4;
}
.system-status-card-subtitle[b-eecrkmv8so] {
    margin: -4px 0 0;
    color: var(--ap-muted);
    font-size: 11px;
    line-height: 1.35;
}
.monitor-types-donut[b-eecrkmv8so] { display: grid; justify-items: center; gap: 12px; min-width: 0; }
.monitor-types-donut > svg[b-eecrkmv8so] { display: block; width: min(100%, 230px); height: auto; aspect-ratio: 1; overflow: visible; }
.monitor-types-donut__segment[b-eecrkmv8so] { fill: none; stroke-width: 22; stroke-linecap: butt; vector-effect: non-scaling-stroke; outline: none; }
.monitor-types-donut__segment:focus-visible[b-eecrkmv8so] { stroke-width: 25; }
.monitor-types-donut__segment--website[b-eecrkmv8so] { stroke: var(--ap-primary); } .monitor-types-donut__legend i.monitor-types-donut__segment--website[b-eecrkmv8so] { background: var(--ap-primary); }
.monitor-types-donut__segment--api[b-eecrkmv8so] { stroke: var(--ap-success); } .monitor-types-donut__legend i.monitor-types-donut__segment--api[b-eecrkmv8so] { background: var(--ap-success); }
.monitor-types-donut__segment--heartbeat[b-eecrkmv8so] { stroke: var(--ap-warning); } .monitor-types-donut__legend i.monitor-types-donut__segment--heartbeat[b-eecrkmv8so] { background: var(--ap-warning); }
.monitor-types-donut__segment--ssl-certificate[b-eecrkmv8so] { stroke: var(--ap-error); } .monitor-types-donut__legend i.monitor-types-donut__segment--ssl-certificate[b-eecrkmv8so] { background: var(--ap-error); }
.monitor-types-donut__segment--dns[b-eecrkmv8so] { stroke: color-mix(in srgb, var(--ap-primary) 55%, var(--ap-paused)); } .monitor-types-donut__legend i.monitor-types-donut__segment--dns[b-eecrkmv8so] { background: color-mix(in srgb, var(--ap-primary) 55%, var(--ap-paused)); }
.monitor-types-donut__segment--domain-expiry[b-eecrkmv8so] { stroke: var(--ap-paused); } .monitor-types-donut__legend i.monitor-types-donut__segment--domain-expiry[b-eecrkmv8so] { background: var(--ap-paused); }
.monitor-types-donut__segment--tcp-port[b-eecrkmv8so] { stroke: var(--ap-primary-hover); } .monitor-types-donut__legend i.monitor-types-donut__segment--tcp-port[b-eecrkmv8so] { background: var(--ap-primary-hover); }
.monitor-types-donut__segment--ping[b-eecrkmv8so] { stroke: var(--ap-muted-light); } .monitor-types-donut__legend i.monitor-types-donut__segment--ping[b-eecrkmv8so] { background: var(--ap-muted-light); }
.monitor-types-donut__segment--unknown[b-eecrkmv8so] { stroke: var(--ap-muted); } .monitor-types-donut__legend i.monitor-types-donut__segment--unknown[b-eecrkmv8so] { background: var(--ap-muted); }
.monitor-types-donut__legend[b-eecrkmv8so] { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px 12px; width: 100%; color: var(--ap-muted); font-size: 11px; }
.monitor-types-donut__legend > span[b-eecrkmv8so] { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.monitor-types-donut__legend i[b-eecrkmv8so] { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; }
.monitor-types-donut__legend strong[b-eecrkmv8so] { color: var(--ap-text); font-family: var(--ap-font-mono); }
@media (max-width: 900px) { .system-status-overview-grid[b-eecrkmv8so], .system-status-overview-grid--three[b-eecrkmv8so] { grid-template-columns: 1fr; } .system-status-kpis[b-eecrkmv8so] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .system-status-kpis[b-eecrkmv8so] { grid-template-columns: 1fr; } .system-status-overview-series[b-eecrkmv8so], .system-status-overview-bars[b-eecrkmv8so] { min-height: 150px; } .system-status-overview-series > span[b-eecrkmv8so], .system-status-overview-bars > span[b-eecrkmv8so] { height: 128px; } }

.system-status-charts[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 10px;
}

.system-status-chart-card[b-eecrkmv8so] {
    display: grid;
    align-content: start;
    gap: 12px;
    min-width: 0;
    border: 1px solid var(--ap-border);
    border-radius: 12px;
    padding: 14px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.system-status-chart-card > h2[b-eecrkmv8so] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.system-status-chart[b-eecrkmv8so] {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ap-border) 72%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--ap-surface) 90%, transparent);
}

.system-status-chart svg[b-eecrkmv8so] {
    display: block;
    width: 100%;
    height: 190px;
}

.system-status-chart__grid[b-eecrkmv8so] {
    stroke: color-mix(in srgb, var(--ap-border) 72%, transparent);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.system-status-chart__area[b-eecrkmv8so] {
    fill: color-mix(in srgb, var(--ap-primary) 18%, transparent);
}

.system-status-chart__line[b-eecrkmv8so] {
    fill: none;
    stroke-width: 2.5;
    vector-effect: non-scaling-stroke;
}

.system-status-chart__line--checks[b-eecrkmv8so] {
    stroke: var(--ap-primary);
}

.system-status-chart__line--success[b-eecrkmv8so] { stroke: var(--ap-success, var(--ap-primary)); }

.system-status-chart__line--warning[b-eecrkmv8so] {
    stroke: var(--ap-warning);
}

.system-status-chart__line--failure[b-eecrkmv8so] {
    stroke: var(--ap-error);
}

.system-status-chart__line--skipped[b-eecrkmv8so] {
    stroke: var(--ap-heatmap-skipped);
}

.system-status-chart__bar--warning[b-eecrkmv8so] { fill: var(--ap-warning); }
.system-status-chart__bar--failure[b-eecrkmv8so] { fill: var(--ap-error); }
.system-status-chart__bar--skipped[b-eecrkmv8so] { fill: var(--ap-heatmap-skipped); }

.system-status-chart__point[b-eecrkmv8so] {
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.system-status-chart__point--checks[b-eecrkmv8so] {
    fill: var(--ap-card);
    stroke: var(--ap-primary);
}

.system-status-chart__point--success[b-eecrkmv8so] { fill: var(--ap-card); stroke: var(--ap-success, var(--ap-primary)); }

.system-status-chart__point--warning[b-eecrkmv8so] {
    fill: var(--ap-card);
    stroke: var(--ap-warning);
}

.system-status-chart__point--failure[b-eecrkmv8so] {
    fill: var(--ap-card);
    stroke: var(--ap-error);
}

.system-status-chart__point--skipped[b-eecrkmv8so] {
    fill: var(--ap-card);
    stroke: var(--ap-heatmap-skipped);
}

.system-status-chart-axis[b-eecrkmv8so] {
    position: relative;
    min-height: 34px;
    border-top: 1px solid var(--ap-border);
    background: color-mix(in srgb, var(--ap-surface) 76%, transparent);
}

.system-status-chart-axis__label[b-eecrkmv8so] {
    position: absolute;
    top: 8px;
    left: var(--axis-x);
    max-width: 90px;
    transform: translateX(-50%);
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 10px;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
}

.system-status-chart-axis__label--start[b-eecrkmv8so] {
    transform: none;
}

.system-status-chart-axis__label--end[b-eecrkmv8so] {
    transform: translateX(-100%);
}

.system-status-chart-legend[b-eecrkmv8so] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 700;
}

.system-status-chart-legend span[b-eecrkmv8so] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.system-status-chart-legend span[b-eecrkmv8so]::before {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    content: "";
}

.system-status-chart-legend__warning[b-eecrkmv8so]::before {
    background: var(--ap-warning);
}

.system-status-chart-legend__failure[b-eecrkmv8so]::before {
    background: var(--ap-error);
}

.system-status-chart-legend__skipped[b-eecrkmv8so]::before {
    background: var(--ap-heatmap-skipped);
}

.system-status-chart-empty[b-eecrkmv8so],
.system-status-chart-zero[b-eecrkmv8so] {
    color: var(--ap-muted);
    font-size: 13px;
    line-height: 1.45;
}

.system-status-chart-empty[b-eecrkmv8so] {
    display: grid;
    place-items: center;
    min-height: 224px;
    border: 1px dashed var(--ap-border-strong);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ap-accent) 48%, transparent);
    text-align: center;
}

.system-status-agents[b-eecrkmv8so] {
    display: grid;
    gap: 14px;
}

.system-status-data-jobs[b-eecrkmv8so] {
    display: grid;
    gap: 14px;
}

.system-status-business[b-eecrkmv8so] { display: grid; gap: 14px; }
.system-status-business__header[b-eecrkmv8so] { display: grid; gap: 4px; }
.system-status-business__header h2[b-eecrkmv8so] { font-size: 18px; }
.system-status-business__header p[b-eecrkmv8so], .system-status-business-card > p[b-eecrkmv8so] { margin: 0; color: var(--ap-muted); font-size: 13px; }
.system-status-business-kpis[b-eecrkmv8so] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.system-status-business-kpis article[b-eecrkmv8so], .system-status-business-card[b-eecrkmv8so] { display: grid; align-content: start; gap: 8px; min-width: 0; border: 1px solid var(--ap-border); border-radius: 10px; padding: 14px; background: var(--ap-card); box-shadow: var(--ap-shadow-soft); }
.system-status-business-kpis article[b-eecrkmv8so] { position: relative; padding-top: 48px; }
.system-status-business-kpi__icon[b-eecrkmv8so] { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: var(--ap-primary); background: color-mix(in srgb, var(--ap-primary) 13%, transparent); }
.system-status-business-kpi--trial .system-status-business-kpi__icon[b-eecrkmv8so] { color: var(--ap-warning); background: color-mix(in srgb, var(--ap-warning) 15%, transparent); }
.system-status-business-kpis span[b-eecrkmv8so], .system-status-business-kpis small[b-eecrkmv8so] { color: var(--ap-muted); font-size: 12px; }
.system-status-business-kpis strong[b-eecrkmv8so] { color: var(--ap-text); font-family: var(--ap-font-mono); font-size: 20px; }
.system-status-business-kpi--revenue strong[b-eecrkmv8so] { margin-top: 2px; }
.system-status-business__revenue-note[b-eecrkmv8so] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; margin: -2px 0 0; border: 1px dashed var(--ap-border-strong); border-radius: 9px; padding: 11px 13px; color: var(--ap-muted); background: color-mix(in srgb, var(--ap-accent) 42%, transparent); font-size: 12px; line-height: 1.5; }
.system-status-business__revenue-note svg[b-eecrkmv8so] { width: 16px; color: var(--ap-primary); }
.system-status-business__revenue-note p[b-eecrkmv8so] { margin: 0; }
.system-status-business-grid[b-eecrkmv8so] { display: grid; gap: 10px; }
.system-status-business-grid--two[b-eecrkmv8so] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.system-status-business-grid--three[b-eecrkmv8so] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.system-status-business-card h3[b-eecrkmv8so] { margin: 0; font-size: 13px; }
.system-status-business-row[b-eecrkmv8so] { display: flex; justify-content: space-between; gap: 10px; color: var(--ap-muted); font-size: 12px; }
.system-status-business-row span[b-eecrkmv8so] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.system-status-business-row strong[b-eecrkmv8so] { color: var(--ap-text); font-family: var(--ap-font-mono); }
.system-status-business-empty[b-eecrkmv8so] { display: grid; place-items: center; min-height: 94px; margin: 0; border: 1px dashed var(--ap-border); border-radius: 8px; padding: 12px; color: var(--ap-muted); font-size: 12px; text-align: center; }
.system-status-business-distribution[b-eecrkmv8so] { display: grid; gap: 8px; }
.system-status-business-distribution__row[b-eecrkmv8so] { display: grid; grid-template-columns: minmax(82px, 1fr) minmax(42px, 1.5fr) auto; align-items: center; gap: 8px; color: var(--ap-muted); font-size: 11px; }
.system-status-business-distribution__row > span[b-eecrkmv8so] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.system-status-business-distribution__row > i[b-eecrkmv8so] { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: linear-gradient(90deg, var(--ap-primary) var(--business-distribution-width), color-mix(in srgb, var(--ap-border) 72%, transparent) var(--business-distribution-width)); }
.system-status-business-distribution__row > strong[b-eecrkmv8so] { color: var(--ap-text); font-family: var(--ap-font-mono); }
.system-status-business-distribution__row--Expired > i[b-eecrkmv8so] { background: linear-gradient(90deg, var(--ap-error) var(--business-distribution-width), color-mix(in srgb, var(--ap-border) 72%, transparent) var(--business-distribution-width)); }
.system-status-business-distribution__row--Within3Days > i[b-eecrkmv8so] { background: linear-gradient(90deg, var(--ap-warning) var(--business-distribution-width), color-mix(in srgb, var(--ap-border) 72%, transparent) var(--business-distribution-width)); }
.system-status-business-plan-distribution[b-eecrkmv8so] { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 13px; }
.system-status-business-donut[b-eecrkmv8so] { width: 92px; height: 92px; border-radius: 50%; background: var(--business-plan-donut); position: relative; }
.system-status-business-donut[b-eecrkmv8so]::after { content: ""; position: absolute; inset: 22px; border-radius: inherit; background: var(--ap-card); }
.system-status-business-legend[b-eecrkmv8so] { display: grid; gap: 6px; }
.system-status-business-legend span[b-eecrkmv8so] { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 6px; color: var(--ap-muted); font-size: 11px; }
.system-status-business-legend i[b-eecrkmv8so] { width: 8px; height: 8px; border-radius: 50%; background: var(--ap-primary); }
.system-status-business-legend span:nth-child(2) i[b-eecrkmv8so] { background: var(--ap-warning); }
.system-status-business-legend span:nth-child(3) i[b-eecrkmv8so] { background: var(--ap-success, var(--ap-primary)); }
.system-status-business-legend span:nth-child(4) i[b-eecrkmv8so] { background: var(--ap-error); }
.system-status-business-legend span:nth-child(n+5) i[b-eecrkmv8so] { background: var(--ap-muted); }
.system-status-business-legend strong[b-eecrkmv8so] { color: var(--ap-text); font-family: var(--ap-font-mono); }
.system-status-business-currency-selector[b-eecrkmv8so] { display: flex; flex-wrap: wrap; gap: 5px; }
.system-status-business-currency-selector button[b-eecrkmv8so] { border: 1px solid var(--ap-border); border-radius: 999px; padding: 4px 8px; background: var(--ap-surface); color: var(--ap-muted); font: inherit; font-size: 11px; cursor: pointer; }
.system-status-business-currency-selector__button--active[b-eecrkmv8so] { border-color: var(--ap-primary) !important; color: var(--ap-primary) !important; }
.system-status-business-limit-list[b-eecrkmv8so] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.system-status-business-limit[b-eecrkmv8so] { display: grid; grid-template-columns: minmax(120px, 0.9fr) repeat(2, minmax(0, 1.2fr)); gap: 12px; min-width: 0; border: 1px solid var(--ap-border); border-radius: 8px; padding: 10px; color: var(--ap-text); text-decoration: none; }
.system-status-business-limit:hover[b-eecrkmv8so] { border-color: var(--ap-primary); }
.system-status-business-limit header[b-eecrkmv8so], .system-status-business-limit__usage[b-eecrkmv8so] { display: grid; align-content: start; gap: 4px; min-width: 0; }
.system-status-business-limit header > span[b-eecrkmv8so], .system-status-business-limit__usage > span[b-eecrkmv8so], .system-status-business-limit small[b-eecrkmv8so] { color: var(--ap-muted); font-size: 11px; }
.system-status-business-limit__usage > strong[b-eecrkmv8so] { font-family: var(--ap-font-mono); font-size: 12px; }
.system-status-business-limit__badge[b-eecrkmv8so] { width: max-content; border-radius: 999px; padding: 2px 6px; color: var(--ap-primary) !important; background: color-mix(in srgb, var(--ap-primary) 12%, transparent); font-weight: 700; }
.system-status-business-limit__bar[b-eecrkmv8so] { display: block; height: 6px; overflow: hidden; border-radius: 999px; background: linear-gradient(90deg, var(--ap-primary) var(--business-usage-width), var(--ap-border) var(--business-usage-width)); }
.system-status-business-limit__bar--warning[b-eecrkmv8so] { background: linear-gradient(90deg, var(--ap-warning) var(--business-usage-width), var(--ap-border) var(--business-usage-width)); }
.system-status-business-limit__bar--destructive[b-eecrkmv8so] { background: linear-gradient(90deg, var(--ap-error) var(--business-usage-width), var(--ap-border) var(--business-usage-width)); }
.system-status-business-notification-kpis[b-eecrkmv8so] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.system-status-business-notification-kpis span[b-eecrkmv8so] { display: grid; gap: 3px; color: var(--ap-muted); font-size: 11px; }
.system-status-business-notification-kpis strong[b-eecrkmv8so] { color: var(--ap-text); font-family: var(--ap-font-mono); font-size: 16px; }
.system-status-business-notification-kpis small[b-eecrkmv8so] { color: var(--ap-muted); }
.system-status-business-future > div[b-eecrkmv8so] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.system-status-business-future span[b-eecrkmv8so] { display: flex; justify-content: space-between; gap: 8px; border: 1px dashed var(--ap-border); border-radius: 7px; padding: 8px; color: var(--ap-muted); font-size: 12px; }
.system-status-business-future strong[b-eecrkmv8so] { color: var(--ap-muted); font-size: 11px; }

.system-status-agents__header[b-eecrkmv8so] {
    display: grid;
    gap: 4px;
}

.system-status-agents__header h2[b-eecrkmv8so] {
    font-size: 18px;
}

.system-status-agents__header p[b-eecrkmv8so] {
    color: var(--ap-muted);
    font-size: 13px;
}

.system-status-data-jobs__header[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 4px;
}

.system-status-data-jobs__header h2[b-eecrkmv8so] {
    font-size: 18px;
}

.system-status-data-jobs__header p[b-eecrkmv8so] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 13px;
}

.system-status-agent-kpis[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.system-status-data-jobs-kpis[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.system-status-data-jobs-kpis article[b-eecrkmv8so] {
    display: grid;
    gap: 7px;
    min-height: 92px;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    padding: 14px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.system-status-data-jobs-kpi__icon[b-eecrkmv8so] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    color: var(--ap-primary);
    background: color-mix(in srgb, var(--ap-primary) 13%, transparent);
}

.system-status-data-jobs-kpi--warning .system-status-data-jobs-kpi__icon[b-eecrkmv8so] { color: var(--ap-warning); background: color-mix(in srgb, var(--ap-warning) 15%, transparent); }
.system-status-data-jobs-kpi--error .system-status-data-jobs-kpi__icon[b-eecrkmv8so] { color: var(--ap-error); background: color-mix(in srgb, var(--ap-error) 15%, transparent); }
.system-status-data-jobs-kpi--success .system-status-data-jobs-kpi__icon[b-eecrkmv8so] { color: var(--ap-success, var(--ap-primary)); background: color-mix(in srgb, var(--ap-success, var(--ap-primary)) 15%, transparent); }

.system-status-data-jobs-kpis span[b-eecrkmv8so] {
    color: var(--ap-muted);
    font-size: 12px;
}

.system-status-data-jobs-kpis strong[b-eecrkmv8so] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 20px;
}

.system-status-agent-kpis article[b-eecrkmv8so] {
    display: grid;
    gap: 7px;
    min-height: 92px;
}

.system-status-agent-kpis span[b-eecrkmv8so],
.system-status-agent-kpis small[b-eecrkmv8so] {
    color: var(--ap-muted);
    font-size: 12px;
}

.system-status-agent-kpis strong[b-eecrkmv8so] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 20px;
}

.system-status-agent-table-shell[b-eecrkmv8so] {
    overflow-x: auto;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.system-status-agent-table[b-eecrkmv8so] {
    display: grid;
    min-width: 1450px;
}

.system-status-agent-row[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: minmax(150px, 1.2fr) minmax(100px, 0.8fr) minmax(130px, 1fr) minmax(130px, 1fr) 100px minmax(175px, 1.2fr) 86px 90px 86px 92px minmax(150px, 1.1fr);
    align-items: center;
    gap: 12px;
    min-height: 62px;
    border-bottom: 1px solid var(--ap-border);
    padding: 10px 14px;
    color: var(--ap-text);
    font-size: 12px;
}

.system-status-agent-row:last-child[b-eecrkmv8so] {
    border-bottom: 0;
}

.system-status-agent-row--header[b-eecrkmv8so] {
    min-height: 40px;
    background: color-mix(in srgb, var(--ap-accent) 42%, var(--ap-card));
    color: var(--ap-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.system-status-agent-name[b-eecrkmv8so],
.system-status-agent-timestamp[b-eecrkmv8so],
.system-status-agent-result[b-eecrkmv8so] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.system-status-agent-name strong[b-eecrkmv8so],
.system-status-agent-timestamp strong[b-eecrkmv8so] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.system-status-agent-timestamp small[b-eecrkmv8so],
.system-status-agent-result small[b-eecrkmv8so] {
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 10px;
}

.system-status-agent-result .status-badge[b-eecrkmv8so],
.system-status-agent-row > span .status-badge[b-eecrkmv8so] {
    width: max-content;
}

.system-status-agent-diagnostics[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.system-status-agent-diagnostic-card[b-eecrkmv8so] {
    display: grid;
    align-content: start;
    gap: 9px;
    min-width: 0;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    padding: 14px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.system-status-agent-diagnostic-card h3[b-eecrkmv8so] {
    margin: 0;
    font-size: 13px;
}

.system-status-agent-diagnostic-row[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: minmax(90px, 1fr) minmax(72px, 1.5fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--ap-muted);
    font-size: 11px;
}

.system-status-agent-diagnostic-row > span[b-eecrkmv8so] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.system-status-agent-diagnostic-row > strong[b-eecrkmv8so] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 11px;
}

.system-status-agent-diagnostic-row > small[b-eecrkmv8so] {
    grid-column: span 2;
    color: var(--ap-muted);
    font-size: 10px;
    text-align: right;
}

.system-status-agent-diagnostic-bar[b-eecrkmv8so] {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ap-border) 72%, transparent);
}

.system-status-agent-diagnostic-bar i[b-eecrkmv8so] {
    display: block;
    width: var(--agent-diagnostic-width);
    min-width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--ap-primary);
}

.system-status-data-jobs-diagnostics[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.system-status-data-jobs-timeseries[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 10px;
}

.system-status-data-jobs-timeseries article[b-eecrkmv8so] { min-height: 250px; }
.system-status-data-jobs-timeseries__volume[b-eecrkmv8so] { grid-row: span 1; }
.system-status-data-jobs-result-summary[b-eecrkmv8so] { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 8px; border-top: 1px solid var(--ap-border); }
.system-status-data-jobs-result-summary span[b-eecrkmv8so] { display: inline-flex; gap: 5px; align-items: center; color: var(--ap-muted); font-size: 11px; }
.system-status-data-jobs-result-summary strong[b-eecrkmv8so] { color: var(--ap-text); font-family: var(--ap-font-mono); }

.system-status-data-jobs-timeseries article[b-eecrkmv8so] {
    display: grid;
    gap: 10px;
    min-width: 0;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    padding: 14px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.system-status-data-jobs-timeseries .system-status-chart[b-eecrkmv8so] { min-height: 132px; }
.system-status-data-jobs-timeseries .system-status-chart svg[b-eecrkmv8so] { height: 96px; }
.system-status-data-jobs-timeseries .system-status-chart-axis[b-eecrkmv8so] { min-height: 22px; font-size: 10px; }

.system-status-data-jobs-timeseries h3[b-eecrkmv8so] { margin: 0; font-size: 13px; }

.system-status-data-jobs-spark[b-eecrkmv8so] {
    display: flex;
    align-items: end;
    gap: 2px;
    height: 96px;
    padding: 8px;
    border-radius: 7px;
    background: color-mix(in srgb, var(--ap-accent) 42%, var(--ap-card));
}

.system-status-data-jobs-spark i[b-eecrkmv8so] {
    flex: 1 1 0;
    min-width: 2px;
    height: max(2px, var(--data-series-height));
    border-radius: 2px 2px 0 0;
    background: var(--ap-primary);
}

.system-status-data-jobs-spark__gap[b-eecrkmv8so] { background: transparent !important; }

.system-status-data-jobs-diagnostic-card[b-eecrkmv8so] {
    display: grid;
    align-content: start;
    gap: 9px;
    min-width: 0;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    padding: 14px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.system-status-data-jobs-diagnostic-card h3[b-eecrkmv8so],
.system-status-data-jobs-diagnostic-card p[b-eecrkmv8so] {
    margin: 0;
}

.system-status-data-jobs-diagnostic-card h3[b-eecrkmv8so] {
    font-size: 13px;
}

.system-status-data-jobs-diagnostic-card p[b-eecrkmv8so] {
    color: var(--ap-muted);
    font-size: 11px;
}

.system-status-data-jobs-distribution-row[b-eecrkmv8so] {
    display: grid;
    grid-template-columns: minmax(90px, 1fr) minmax(72px, 1.5fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--ap-muted);
    font-size: 11px;
}

.system-status-data-jobs-distribution-bar[b-eecrkmv8so] {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ap-border) 72%, transparent);
}

.system-status-data-jobs-distribution-bar i[b-eecrkmv8so] {
    display: block;
    width: var(--agent-diagnostic-width);
    height: 100%;
    border-radius: inherit;
    background: var(--ap-primary);
}

i.system-status-data-jobs-http--success[b-eecrkmv8so] { background: var(--ap-success, var(--ap-primary)); }
i.system-status-data-jobs-http--primary[b-eecrkmv8so] { background: var(--ap-primary); }
i.system-status-data-jobs-http--warning[b-eecrkmv8so] { background: var(--ap-warning); }
i.system-status-data-jobs-http--error[b-eecrkmv8so] { background: var(--ap-error); }
i.system-status-data-jobs-http--other[b-eecrkmv8so] { background: var(--ap-muted); }
i.system-status-data-jobs-status--error[b-eecrkmv8so] { background: var(--ap-error); }
i.system-status-data-jobs-status--warning[b-eecrkmv8so] { background: var(--ap-warning); }
i.system-status-data-jobs-status--muted[b-eecrkmv8so] { background: var(--ap-muted); }

.system-status-data-jobs-distribution-row strong[b-eecrkmv8so] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 11px;
}
.system-status-data-jobs-completed-summary[b-eecrkmv8so] { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid var(--ap-border); padding-bottom: 8px; margin-bottom: 4px; }
.system-status-data-jobs-completed-summary strong[b-eecrkmv8so] { color: var(--ap-success, var(--ap-primary)); font-family: var(--ap-font-mono); font-size: 18px; }

.system-status-data-jobs-http--success[b-eecrkmv8so] { color: var(--ap-success, var(--ap-primary)); }
.system-status-data-jobs-http--primary[b-eecrkmv8so] { color: var(--ap-primary); }
.system-status-data-jobs-http--warning[b-eecrkmv8so] { color: var(--ap-warning); }
.system-status-data-jobs-http--error[b-eecrkmv8so] { color: var(--ap-error); }
.system-status-data-jobs-http--other[b-eecrkmv8so] { color: var(--ap-muted); }

.system-status-data-jobs-donut[b-eecrkmv8so] {
    width: 112px;
    height: 112px;
    margin: 4px auto 10px;
    border-radius: 50%;
    background: conic-gradient(var(--ap-primary) 0 var(--trigger-split), var(--ap-warning) var(--trigger-split) 100%);
    position: relative;
}
.system-status-data-jobs-donut[b-eecrkmv8so]::after { content: ""; position: absolute; inset: 22px; border-radius: 50%; background: var(--ap-card); }
.system-status-data-jobs-donut-legend[b-eecrkmv8so] { display: grid; gap: 6px; }
.system-status-data-jobs-donut-legend span[b-eecrkmv8so] { display: flex; align-items: center; gap: 7px; justify-content: space-between; }
.system-status-data-jobs-donut-legend i[b-eecrkmv8so] { width: 8px; height: 8px; border-radius: 50%; background: var(--ap-muted); }
.system-status-data-jobs-donut-legend__scheduled[b-eecrkmv8so] { background: var(--ap-primary) !important; }
.system-status-data-jobs-donut-legend__manual[b-eecrkmv8so] { background: var(--ap-warning) !important; }

.system-status-data-jobs-distribution-row > .status-badge--online[b-eecrkmv8so],
.system-status-data-jobs-distribution-row > .status-badge--warning[b-eecrkmv8so],
.system-status-data-jobs-distribution-row > .status-badge--down[b-eecrkmv8so],
.system-status-data-jobs-distribution-row > .status-badge--inactive[b-eecrkmv8so] {
    font-weight: 800;
}

.system-status-data-jobs-diagnostic-card--retention[b-eecrkmv8so],
.system-status-data-jobs-diagnostic-card--observability[b-eecrkmv8so] { grid-column: span 3; }
.system-status-data-jobs-diagnostic-card--trigger[b-eecrkmv8so] { order: 3; }
.system-status-data-jobs-diagnostic-card--retention[b-eecrkmv8so] { order: 4; }
.system-status-data-jobs-diagnostic-card--observability[b-eecrkmv8so] { order: 5; }

.system-status-data-jobs-cross-tenant[b-eecrkmv8so] { display: grid; gap: 10px; }
.system-status-data-jobs-table-shell[b-eecrkmv8so] { overflow-x: auto; border: 1px solid var(--ap-border); border-radius: 8px; }
.system-status-data-jobs-table-shell table[b-eecrkmv8so] { width: 100%; border-collapse: collapse; font-size: 12px; }
.system-status-data-jobs-table-shell th[b-eecrkmv8so], .system-status-data-jobs-table-shell td[b-eecrkmv8so] { padding: 9px 10px; border-bottom: 1px solid var(--ap-border); text-align: left; white-space: nowrap; }
.system-status-data-jobs-table-shell th[b-eecrkmv8so] { color: var(--ap-muted); font-size: 10px; text-transform: uppercase; }
.system-status-data-jobs-table-shell tr:last-child td[b-eecrkmv8so] { border-bottom: 0; }
.system-status-data-jobs-table-shell a[b-eecrkmv8so] { color: var(--ap-primary); font-weight: 700; text-decoration: none; }

.system-status-data-jobs-monitor-type-row[b-eecrkmv8so],
.system-status-data-jobs-retention[b-eecrkmv8so],
.system-status-data-jobs-observability[b-eecrkmv8so] {
    display: grid;
    gap: 6px;
    color: var(--ap-muted);
    font-size: 11px;
}

.system-status-data-jobs-observability[b-eecrkmv8so] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px dashed var(--ap-border);
    border-radius: 8px;
    padding: 8px;
}

.system-status-data-jobs-observability span[b-eecrkmv8so] { display: grid; gap: 2px; padding: 6px; border-radius: 6px; background: color-mix(in srgb, var(--ap-muted) 6%, transparent); }

.system-status-data-jobs-monitor-type-row[b-eecrkmv8so] {
    grid-template-columns: minmax(110px, 0.8fr) minmax(80px, 1.4fr) auto;
    align-items: center;
    border-top: 1px solid var(--ap-border);
    padding-top: 8px;
}

.system-status-data-jobs-monitor-type-bar[b-eecrkmv8so] { height: 8px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--ap-border) 72%, transparent); }
.system-status-data-jobs-monitor-type-bar i[b-eecrkmv8so] { display: block; width: var(--agent-diagnostic-width); height: 100%; border-radius: inherit; background: var(--ap-error); }

.system-status-data-jobs-monitor-type-row strong[b-eecrkmv8so],
.system-status-data-jobs-retention strong[b-eecrkmv8so],
.system-status-data-jobs-observability strong[b-eecrkmv8so] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
}

.system-status-data-jobs-retention span[b-eecrkmv8so],
.system-status-data-jobs-observability span[b-eecrkmv8so] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 900px) {
    .system-status-actions[b-eecrkmv8so] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .system-status-kpis[b-eecrkmv8so] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .system-status-charts[b-eecrkmv8so] {
        grid-template-columns: 1fr;
    }

    .system-status-agent-kpis[b-eecrkmv8so] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .system-status-data-jobs-kpis[b-eecrkmv8so] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .system-status-business-kpis[b-eecrkmv8so] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .system-status-business-grid--three[b-eecrkmv8so] { grid-template-columns: 1fr; }

    .system-status-agent-diagnostics[b-eecrkmv8so] {
        grid-template-columns: 1fr;
    }

    .system-status-data-jobs-diagnostics[b-eecrkmv8so] {
        grid-template-columns: 1fr;
    }

    .system-status-data-jobs-timeseries[b-eecrkmv8so] { grid-template-columns: 1fr; }

    .system-status-data-jobs-diagnostic-card--wide[b-eecrkmv8so] {
        grid-column: auto;
    }
}

@media (max-width: 600px) {
    .system-status-actions[b-eecrkmv8so] { grid-template-columns: 1fr; }
    .system-status-page header[b-eecrkmv8so] {
        display: grid;
    }

    .system-status-page__header-actions[b-eecrkmv8so] {
        justify-content: flex-start;
    }

    .system-status-kpis[b-eecrkmv8so] {
        grid-template-columns: 1fr;
    }

    .system-status-agent-kpis[b-eecrkmv8so] {
        grid-template-columns: 1fr;
    }

    .system-status-data-jobs-kpis[b-eecrkmv8so] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .system-status-business-kpis[b-eecrkmv8so], .system-status-business-grid--two[b-eecrkmv8so], .system-status-business-limit-list[b-eecrkmv8so] { grid-template-columns: 1fr; }
    .system-status-business-future > div[b-eecrkmv8so] { grid-template-columns: 1fr; }
    .system-status-business-limit[b-eecrkmv8so] { grid-template-columns: 1fr; gap: 9px; }
    .system-status-business-plan-distribution[b-eecrkmv8so] { grid-template-columns: 1fr; justify-items: center; }
    .system-status-business-legend[b-eecrkmv8so] { width: 100%; }

    .system-status-data-jobs-monitor-type-row[b-eecrkmv8so] {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .system-status-tabs[b-eecrkmv8so] {
        overflow-x: auto;
    }

    .system-status-tabs button[b-eecrkmv8so] {
        white-space: nowrap;
    }

    .system-status-chart svg[b-eecrkmv8so] {
        height: 170px;
    }

    .system-status-chart.system-status-incident-chart svg[b-eecrkmv8so],
    .system-status-chart.system-status-mttr-chart svg[b-eecrkmv8so] {
        height: 210px;
    }
}

@media (max-width: 420px) {
    .system-status-data-jobs-kpis[b-eecrkmv8so] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-ami7it2yuu] {
    display: grid;
    gap: 22px;
    width: 100%;
}

.dashboard-hero[b-ami7it2yuu] {
    position: sticky;
    top: 56px;
    z-index: 6;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin: -8px -8px 0;
    border: 1px solid color-mix(in srgb, var(--ap-border) 82%, transparent);
    border-radius: 8px;
    padding: 18px;
    background: color-mix(in srgb, var(--ap-surface) 92%, transparent);
    box-shadow: var(--ap-shadow-soft);
    backdrop-filter: blur(14px);
}

.dashboard-hero h1[b-ami7it2yuu] {
    margin: 0 0 5px;
    color: var(--ap-text);
    font-size: 30px;
    line-height: 1.05;
}

.dashboard-hero p[b-ami7it2yuu] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 14px;
}

.dashboard-hero__timestamp[b-ami7it2yuu] {
    display: inline-flex;
    margin-top: 9px;
    color: var(--ap-muted-light);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.dashboard-actions[b-ami7it2yuu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.auto-refresh-pill[b-ami7it2yuu] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    overflow: hidden;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 5px 10px;
    background: var(--ap-surface);
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.auto-refresh-pill select[b-ami7it2yuu] {
    min-height: 28px;
    border: 0;
    border-radius: 6px;
    padding: 4px 26px 4px 8px;
    background: transparent;
    color: var(--ap-text);
    font: inherit;
}

.auto-refresh-pill strong[b-ami7it2yuu] {
    color: var(--ap-success);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.auto-refresh-progress[b-ami7it2yuu] {
    position: absolute;
    inset: auto auto 0 0;
    width: var(--refresh-progress);
    height: 2px;
    background: var(--ap-success);
    transition: width 1000ms linear;
}

.live-indicator[b-ami7it2yuu] {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--ap-muted-light);
}

.live-indicator--active[b-ami7it2yuu] {
    background: var(--ap-success);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--ap-success) 16%, transparent);
}

.dashboard-refresh[b-ami7it2yuu] {
    gap: 8px;
}

.kpi-grid[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 14px;
}

.kpi-card[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 6px 12px;
    min-height: 120px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 16px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.kpi-card__icon[b-ami7it2yuu] {
    display: inline-grid;
    grid-row: 1 / span 2;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--ap-accent) 70%, transparent);
    color: var(--ap-primary);
}

.kpi-card__label[b-ami7it2yuu] {
    align-self: center;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.kpi-card strong[b-ami7it2yuu] {
    grid-column: 1 / -1;
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 30px;
    line-height: 1;
}

.kpi-card small[b-ami7it2yuu] {
    grid-column: 1 / -1;
    color: var(--ap-muted);
    font-size: 12px;
}

.kpi-card--success[b-ami7it2yuu] {
    border-color: color-mix(in srgb, var(--ap-success) 25%, var(--ap-border));
}

.kpi-card--success .kpi-card__icon[b-ami7it2yuu],
.kpi-card--success strong[b-ami7it2yuu] {
    color: var(--ap-success);
}

.kpi-card--success .kpi-card__icon[b-ami7it2yuu] {
    background: var(--ap-success-bg);
}

.kpi-card--danger[b-ami7it2yuu] {
    border-color: color-mix(in srgb, var(--ap-error) 28%, var(--ap-border));
}

.kpi-card--danger .kpi-card__icon[b-ami7it2yuu],
.kpi-card--danger strong[b-ami7it2yuu] {
    color: var(--ap-error);
}

.kpi-card--danger .kpi-card__icon[b-ami7it2yuu] {
    background: var(--ap-error-bg);
}

.dashboard-panel-shell[b-ami7it2yuu],
.dashboard-panel-list[b-ami7it2yuu] {
    display: grid;
    gap: 12px;
}

.dashboard-panel-toolbar[b-ami7it2yuu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--ap-muted);
    font-size: 13px;
}

.customize-menu[b-ami7it2yuu] {
    position: relative;
}

.dashboard-customize-button[b-ami7it2yuu] {
    min-height: 34px;
}

.customize-popover[b-ami7it2yuu] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 8;
    width: min(320px, calc(100vw - 32px));
    overflow: hidden;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-card);
}

.customize-popover__header[b-ami7it2yuu] {
    display: grid;
    gap: 4px;
    border-bottom: 1px solid var(--ap-border);
    padding: 14px;
}

.customize-popover__header strong[b-ami7it2yuu] {
    color: var(--ap-text);
    font-size: 14px;
}

.customize-popover__header span[b-ami7it2yuu] {
    color: var(--ap-muted);
    font-size: 12px;
}

.customize-popover__list[b-ami7it2yuu] {
    display: grid;
    padding: 8px;
}

.customize-popover__item[b-ami7it2yuu] {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    padding: 8px;
    color: var(--ap-text);
    font-size: 14px;
    cursor: pointer;
}

.customize-popover__item:hover[b-ami7it2yuu] {
    background: color-mix(in srgb, var(--ap-accent) 60%, transparent);
}

.customize-popover__item input[b-ami7it2yuu] {
    accent-color: var(--ap-primary);
}

.customize-popover__reset[b-ami7it2yuu] {
    width: 100%;
    min-height: 42px;
    border: 0;
    border-top: 1px solid var(--ap-border);
    background: var(--ap-surface);
    color: var(--ap-text);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.panel-state[b-ami7it2yuu] {
    display: grid;
    place-items: center;
    min-height: 116px;
    border: 1px dashed var(--ap-border-strong);
    border-radius: 8px;
    padding: 20px;
    background: color-mix(in srgb, var(--ap-accent) 46%, transparent);
    color: var(--ap-muted);
    text-align: center;
}

.panel-state strong[b-ami7it2yuu] {
    color: var(--ap-text);
}

.panel-state--success[b-ami7it2yuu] {
    border-color: color-mix(in srgb, var(--ap-success) 28%, var(--ap-border));
    background: var(--ap-success-bg);
    color: var(--ap-success);
}

.panel-state--error[b-ami7it2yuu] {
    border-color: color-mix(in srgb, var(--ap-error) 35%, var(--ap-border));
    background: var(--ap-error-bg);
    color: var(--ap-error);
}

.panel-intro[b-ami7it2yuu] {
    margin: 0 0 14px;
    color: var(--ap-muted);
    font-size: 13px;
    line-height: 1.45;
}

.panel-link[b-ami7it2yuu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    color: var(--ap-primary);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.attention-list[b-ami7it2yuu],
.activity-list[b-ami7it2yuu],
.expiration-list[b-ami7it2yuu],
.heatmap-list[b-ami7it2yuu],
.heartbeat-list[b-ami7it2yuu] {
    display: grid;
    gap: 10px;
}

.attention-item[b-ami7it2yuu],
.expiration-item[b-ami7it2yuu],
.activity-item[b-ami7it2yuu],
.heartbeat-row[b-ami7it2yuu] {
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 12px;
    background: var(--ap-surface);
}

.activity-item[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 12px;
}

.item-heading[b-ami7it2yuu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.item-heading a[b-ami7it2yuu],
.heartbeat-row a[b-ami7it2yuu] {
    color: var(--ap-text);
    font-weight: 800;
    text-decoration: none;
}

.item-type[b-ami7it2yuu] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.activity-item p[b-ami7it2yuu],
.attention-item p[b-ami7it2yuu] {
    margin: 0 0 10px;
    color: var(--ap-muted);
    font-size: 13px;
    line-height: 1.45;
}

.item-meta[b-ami7it2yuu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: var(--ap-muted-light);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.item-meta span[b-ami7it2yuu] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border-radius: 999px;
    padding: 2px 8px;
    background: color-mix(in srgb, var(--ap-accent) 62%, transparent);
}

.status-dot[b-ami7it2yuu] {
    display: inline-block;
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 999px;
    background: var(--ap-muted-light);
}

.status-dot--up[b-ami7it2yuu] {
    background: var(--ap-success);
}

.status-dot--warning[b-ami7it2yuu] {
    background: var(--ap-warning);
}

.status-dot--down[b-ami7it2yuu] {
    background: var(--ap-error);
}

.status-dot--unknown[b-ami7it2yuu] {
    background: var(--ap-border-strong);
}

.activity-filter[b-ami7it2yuu] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 14px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 3px;
    background: var(--ap-surface);
}

.filter-chip[b-ami7it2yuu] {
    min-height: 30px;
    border: 0;
    border-radius: 6px;
    padding: 5px 10px;
    background: transparent;
    color: var(--ap-muted);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.filter-chip--active[b-ami7it2yuu] {
    background: var(--ap-primary);
    color: var(--ap-on-primary);
}

.activity-dot[b-ami7it2yuu] {
    width: 11px;
    height: 11px;
    margin-top: 8px;
    border-radius: 999px;
    background: var(--ap-border-strong);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ap-border-strong) 18%, transparent);
}

.activity-dot--down[b-ami7it2yuu] {
    background: var(--ap-error);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ap-error) 16%, transparent);
}

.activity-dot--warning[b-ami7it2yuu] {
    background: var(--ap-warning);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ap-warning) 16%, transparent);
}

.activity-dot--resolved[b-ami7it2yuu] {
    background: var(--ap-success);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ap-success) 16%, transparent);
}

.heatmap-shell[b-ami7it2yuu] {
    display: grid;
    gap: 12px;
}

.heatmap-window[b-ami7it2yuu] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.heatmap-row[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: minmax(150px, 220px) minmax(260px, 1fr) 72px;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 10px;
    background: var(--ap-surface);
}

.heatmap-row__label[b-ami7it2yuu] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.heatmap-row__label strong[b-ami7it2yuu] {
    overflow: hidden;
    color: var(--ap-text);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.heatmap-row__label span[b-ami7it2yuu],
.heatmap-row__uptime[b-ami7it2yuu] {
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.heatmap-row__uptime[b-ami7it2yuu] {
    justify-self: end;
    color: var(--ap-text);
    font-weight: 800;
}

.heatmap-cells[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: repeat(24, minmax(6px, 1fr));
    gap: 4px;
    min-width: 0;
}

.heatmap-cell[b-ami7it2yuu] {
    display: block;
    min-height: 22px;
    border-radius: 5px;
    background: var(--ap-heatmap-unknown);
}

.heatmap-cell--up[b-ami7it2yuu] {
    background: var(--ap-success);
}

.heatmap-cell--warning[b-ami7it2yuu] {
    background: var(--ap-warning);
}

.heatmap-cell--down[b-ami7it2yuu] {
    background: var(--ap-error);
}

.heatmap-cell--skipped[b-ami7it2yuu] {
    background: var(--ap-heatmap-skipped);
}

.heatmap-cell--unknown[b-ami7it2yuu] {
    background: var(--ap-heatmap-unknown);
}

.dashboard-control-row[b-ami7it2yuu] {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.dashboard-control-row label[b-ami7it2yuu] {
    display: grid;
    gap: 5px;
    min-width: 180px;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.dashboard-control-row select[b-ami7it2yuu] {
    min-height: 36px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-surface);
    color: var(--ap-text);
}

.metric-strip[b-ami7it2yuu],
.http-status-summary[b-ami7it2yuu],
.alert-summary[b-ami7it2yuu],
.reliability-metrics[b-ami7it2yuu],
.heartbeat-summary[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.metric-strip span[b-ami7it2yuu],
.http-status-summary span[b-ami7it2yuu],
.alert-summary span[b-ami7it2yuu],
.reliability-metrics span[b-ami7it2yuu],
.heartbeat-summary span[b-ami7it2yuu] {
    display: grid;
    gap: 3px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 10px;
    background: var(--ap-surface);
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.metric-strip strong[b-ami7it2yuu],
.http-status-summary strong[b-ami7it2yuu],
.alert-summary strong[b-ami7it2yuu],
.reliability-metrics strong[b-ami7it2yuu],
.metric-value[b-ami7it2yuu] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 16px;
}

.response-chart[b-ami7it2yuu] {
    overflow: hidden;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--ap-accent) 68%, transparent), var(--ap-surface));
}

.response-chart svg[b-ami7it2yuu] {
    display: block;
    width: 100%;
    height: 230px;
}

.response-chart__grid[b-ami7it2yuu] {
    stroke: color-mix(in srgb, var(--ap-border) 72%, transparent);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.response-chart__area[b-ami7it2yuu] {
    fill: color-mix(in srgb, var(--ap-primary) 18%, transparent);
}

.response-chart polyline[b-ami7it2yuu] {
    fill: none;
    stroke: var(--ap-primary);
    stroke-width: 2.5;
    vector-effect: non-scaling-stroke;
}

.response-chart circle[b-ami7it2yuu] {
    fill: var(--ap-card);
    stroke: var(--ap-primary);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.response-chart-axis[b-ami7it2yuu] {
    position: relative;
    min-height: 38px;
    border-top: 1px solid var(--ap-border);
    background: color-mix(in srgb, var(--ap-surface) 76%, transparent);
}

.response-chart-axis span[b-ami7it2yuu] {
    position: absolute;
    top: 9px;
    left: var(--axis-x);
    max-width: 112px;
    transform: translateX(-50%);
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 11px;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
}

.chart-footnote[b-ami7it2yuu] {
    margin-top: 8px;
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.endpoint-speed-list[b-ami7it2yuu],
.channel-list[b-ami7it2yuu] {
    display: grid;
    gap: 12px;
}

.speed-row[b-ami7it2yuu],
.channel-row[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 12px;
    align-items: center;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 12px;
    background: var(--ap-surface);
}

.speed-row[b-ami7it2yuu] {
    color: inherit;
    text-decoration: none;
}

.speed-row div[b-ami7it2yuu] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.speed-row strong[b-ami7it2yuu],
.channel-row span[b-ami7it2yuu] {
    overflow: hidden;
    color: var(--ap-text);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.speed-row span[b-ami7it2yuu],
.channel-row small[b-ami7it2yuu] {
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.speed-row i[b-ami7it2yuu],
.channel-row i[b-ami7it2yuu] {
    grid-column: 1 / -1;
    position: relative;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--ap-accent);
}

.speed-row i[b-ami7it2yuu]::before,
.channel-row i[b-ami7it2yuu]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--bar-width);
    border-radius: inherit;
    background: color-mix(in srgb, var(--ap-primary) 76%, var(--ap-muted));
}

.status-stack[b-ami7it2yuu] {
    display: flex;
    height: 18px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--ap-accent);
}

.status-stack span[b-ami7it2yuu] {
    width: var(--bucket-width);
}

.status-stack__2xx[b-ami7it2yuu],
.status-key--2xx[b-ami7it2yuu] {
    background: var(--ap-success);
}

.status-stack__3xx[b-ami7it2yuu],
.status-key--3xx[b-ami7it2yuu] {
    background: var(--ap-paused);
}

.status-stack__4xx[b-ami7it2yuu],
.status-key--4xx[b-ami7it2yuu] {
    background: var(--ap-warning);
}

.status-stack__5xx[b-ami7it2yuu],
.status-key--5xx[b-ami7it2yuu] {
    background: var(--ap-error);
}

.status-stack__other[b-ami7it2yuu],
.status-key--other[b-ami7it2yuu] {
    background: var(--ap-muted-light);
}

.status-bucket-grid[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.status-bucket-grid span[b-ami7it2yuu] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.status-bucket-grid i[b-ami7it2yuu] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 999px;
}

.status-bucket-grid strong[b-ami7it2yuu] {
    margin-left: auto;
    color: var(--ap-text);
}

.expiration-summary[b-ami7it2yuu] {
    margin-bottom: 12px;
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

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

.expiration-item h3[b-ami7it2yuu] {
    margin: 0;
    color: var(--ap-text);
    font-size: 15px;
}

.expiration-date[b-ami7it2yuu] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 10px 0;
}

.expiration-date strong[b-ami7it2yuu] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 15px;
}

.expiration-date span[b-ami7it2yuu] {
    color: var(--ap-muted);
    font-size: 13px;
    font-weight: 800;
}

.expiration-bar[b-ami7it2yuu] {
    position: relative;
    height: 7px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--ap-accent);
}

.expiration-bar[b-ami7it2yuu]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--expiration-progress);
    border-radius: inherit;
    background: color-mix(in srgb, var(--ap-warning) 78%, var(--ap-error));
}

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

.heartbeat-row div[b-ami7it2yuu] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.heartbeat-row span:not(.status-dot)[b-ami7it2yuu] {
    overflow: hidden;
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.heartbeat-row strong[b-ami7it2yuu] {
    color: var(--ap-text);
    font-size: 13px;
}

.callout-line[b-ami7it2yuu] {
    display: grid;
    gap: 3px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 12px;
    background: var(--ap-surface);
}

.callout-line span[b-ami7it2yuu],
.callout-line small[b-ami7it2yuu] {
    color: var(--ap-muted);
    font-size: 12px;
}

.callout-line strong[b-ami7it2yuu] {
    color: var(--ap-text);
    font-size: 14px;
}

.reliability-metrics[b-ami7it2yuu] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.reliability-grid[b-ami7it2yuu],
.reliability-footer[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.reliability-grid > div[b-ami7it2yuu] {
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 12px;
    background: var(--ap-surface);
}

.reliability-grid h3[b-ami7it2yuu] {
    margin: 0 0 10px;
    color: var(--ap-text);
    font-size: 14px;
}

.daily-bars[b-ami7it2yuu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5px, 1fr));
    align-items: end;
    gap: 3px;
    min-height: 86px;
}

.daily-bars span[b-ami7it2yuu] {
    height: var(--bar-height);
    min-height: 6px;
    border-radius: 5px 5px 0 0;
    background: var(--ap-primary);
}

.severity-duration[b-ami7it2yuu] {
    display: grid;
    gap: 8px;
}

.severity-duration span[b-ami7it2yuu] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--ap-muted);
    font-size: 13px;
}

.severity-duration strong[b-ami7it2yuu] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
}

@media (max-width: 1180px) {
    .kpi-grid[b-ami7it2yuu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .expiration-list[b-ami7it2yuu] {
        grid-template-columns: 1fr;
    }

    .metric-strip[b-ami7it2yuu],
    .http-status-summary[b-ami7it2yuu],
    .alert-summary[b-ami7it2yuu],
    .reliability-metrics[b-ami7it2yuu],
    .reliability-grid[b-ami7it2yuu],
    .reliability-footer[b-ami7it2yuu],
    .heartbeat-summary[b-ami7it2yuu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .dashboard-hero[b-ami7it2yuu] {
        position: static;
        display: grid;
        margin: 0;
    }

    .dashboard-actions[b-ami7it2yuu],
    .dashboard-panel-toolbar[b-ami7it2yuu] {
        justify-content: flex-start;
    }

    .kpi-grid[b-ami7it2yuu] {
        grid-template-columns: 1fr;
    }

    .dashboard-panel-toolbar[b-ami7it2yuu] {
        display: grid;
    }

    .heatmap-row[b-ami7it2yuu] {
        grid-template-columns: 1fr;
    }

    .heatmap-row__uptime[b-ami7it2yuu] {
        justify-self: start;
    }

    .heatmap-cells[b-ami7it2yuu] {
        grid-template-columns: repeat(12, minmax(12px, 1fr));
    }

    .dashboard-control-row[b-ami7it2yuu] {
        display: grid;
        justify-content: stretch;
    }

    .metric-strip[b-ami7it2yuu],
    .http-status-summary[b-ami7it2yuu],
    .alert-summary[b-ami7it2yuu],
    .reliability-metrics[b-ami7it2yuu],
    .reliability-grid[b-ami7it2yuu],
    .reliability-footer[b-ami7it2yuu],
    .status-bucket-grid[b-ami7it2yuu],
    .heartbeat-summary[b-ami7it2yuu] {
        grid-template-columns: 1fr;
    }

    .heartbeat-row[b-ami7it2yuu] {
        grid-template-columns: 12px minmax(0, 1fr);
    }

    .heartbeat-row strong[b-ami7it2yuu] {
        grid-column: 2;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-mfhuhgkhvg] {
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 20px;
    color: #172033;
    font-family: Arial, sans-serif;
}

.home-page h1[b-mfhuhgkhvg] {
    margin: 0 0 8px;
    font-size: 32px;
}

.home-page p[b-mfhuhgkhvg] {
    margin: 0 0 20px;
    color: #5a6475;
}

.home-page a[b-mfhuhgkhvg] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    border-radius: 6px;
    padding: 8px 12px;
    background: #246b4f;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}
/* /Components/Pages/Incidents.razor.rz.scp.css */
.incidents-page[b-q6rh3w53xs] {
    width: 100%;
    max-width: none;
    margin: 0;
}

.page-heading[b-q6rh3w53xs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.page-heading h1[b-q6rh3w53xs] {
    margin: 0 0 4px;
    color: var(--ap-text);
    font-size: 28px;
    line-height: 1.1;
}

.page-heading p[b-q6rh3w53xs],
.section-heading p[b-q6rh3w53xs] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 15px;
}

.incident-kpi-grid[b-q6rh3w53xs] {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.incident-kpi-card[b-q6rh3w53xs] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 16px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.incident-kpi-card__icon[b-q6rh3w53xs] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.incident-kpi-card span[b-q6rh3w53xs],
.incident-kpi-card small[b-q6rh3w53xs] {
    display: block;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.incident-kpi-card strong[b-q6rh3w53xs] {
    display: block;
    margin: 3px 0;
    color: var(--ap-text);
    font-size: 24px;
    line-height: 1.1;
}

.incident-filter-panel[b-q6rh3w53xs] {
    display: grid;
    grid-template-columns: auto minmax(180px, 220px) minmax(210px, 260px) minmax(210px, 260px) minmax(280px, 1fr) auto;
    align-items: end;
    gap: 14px;
    margin-bottom: 14px;
}

.incident-periods[b-q6rh3w53xs] {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 6px;
    align-items: end;
    width: max-content;
    padding-bottom: 1px;
    white-space: nowrap;
}

.filter-pill[b-q6rh3w53xs],
.type-filter-chip[b-q6rh3w53xs],
.active-filter-chip[b-q6rh3w53xs] {
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    background: var(--ap-surface);
    color: var(--ap-muted);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.filter-pill[b-q6rh3w53xs] {
    min-height: 38px;
    padding: 8px 14px;
}

.filter-pill--active[b-q6rh3w53xs] {
    border-color: var(--ap-primary);
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.incident-field[b-q6rh3w53xs] {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: var(--ap-muted);
}

.incident-field__label[b-q6rh3w53xs] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.incident-field__control[b-q6rh3w53xs] {
    width: 100%;
    min-width: 0;
}

.incident-field select[b-q6rh3w53xs],
.incident-field input[b-q6rh3w53xs] {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-surface);
    color: var(--ap-text);
    font: inherit;
}

.incident-filter-panel > .button[b-q6rh3w53xs] {
    min-height: 42px;
}

.incident-type-filter[b-q6rh3w53xs],
.active-filter-list[b-q6rh3w53xs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.type-filter-chip[b-q6rh3w53xs] {
    min-height: 30px;
}

.type-filter-chip--active[b-q6rh3w53xs] {
    box-shadow: inset 0 0 0 1px var(--monitor-type-accent, var(--ap-primary));
}

.active-filter-chip[b-q6rh3w53xs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 10px;
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.active-filter-chip svg[b-q6rh3w53xs] {
    width: 14px;
    height: 14px;
}

.incident-section[b-q6rh3w53xs] {
    margin-top: 22px;
}

.section-heading[b-q6rh3w53xs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.section-heading h2[b-q6rh3w53xs] {
    margin: 0 0 4px;
    color: var(--ap-text);
    font-size: 20px;
}

.incident-card-list[b-q6rh3w53xs] {
    display: grid;
    gap: 10px;
}

.incident-card[b-q6rh3w53xs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 15px;
    background: var(--ap-card);
    cursor: pointer;
    box-shadow: var(--ap-shadow-soft);
    transition: border-color 140ms ease, transform 140ms ease;
}

.incident-card:hover[b-q6rh3w53xs],
.incident-card:focus-within[b-q6rh3w53xs] {
    border-color: var(--ap-border-strong);
    transform: translateY(-1px);
}

.incident-card--active[b-q6rh3w53xs] {
    border-color: color-mix(in srgb, var(--ap-error) 40%, var(--ap-border));
    background: color-mix(in srgb, var(--ap-error-bg) 42%, var(--ap-card));
}

.incident-card__status[b-q6rh3w53xs] {
    padding-top: 5px;
}

.incident-card__dot[b-q6rh3w53xs] {
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 999px;
    background: var(--ap-success);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--ap-success) 12%, transparent);
}

.incident-card--active .incident-card__dot[b-q6rh3w53xs] {
    background: var(--ap-error);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--ap-error) 12%, transparent);
}

.incident-card__main[b-q6rh3w53xs] {
    min-width: 0;
}

.incident-card__header[b-q6rh3w53xs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    margin-bottom: 8px;
}

.incident-card__identity[b-q6rh3w53xs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.incident-card__identity h3[b-q6rh3w53xs] {
    margin: 0;
    color: var(--ap-text);
    font-size: 16px;
    overflow-wrap: anywhere;
}

.incident-card__state[b-q6rh3w53xs] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: max-content;
}

.incident-card__monitor-link[b-q6rh3w53xs] {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-surface);
    color: var(--ap-primary);
    text-decoration: none;
}

.incident-card__monitor-link svg[b-q6rh3w53xs] {
    width: 15px;
    height: 15px;
}

.incident-card p[b-q6rh3w53xs] {
    margin: 0 0 12px;
    color: var(--ap-muted);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.incident-card__meta[b-q6rh3w53xs] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px 14px;
    color: var(--ap-muted);
    font-size: 13px;
    line-height: 1.35;
}

.incident-card__meta span[b-q6rh3w53xs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.incident-card__meta svg[b-q6rh3w53xs] {
    width: 14px;
    height: 14px;
}

.incident-status-badge[b-q6rh3w53xs] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.incident-status-badge--active[b-q6rh3w53xs],
.incident-status-badge--down[b-q6rh3w53xs] {
    border-color: color-mix(in srgb, var(--ap-error) 35%, var(--ap-border));
    background: var(--ap-error-bg);
    color: var(--ap-error);
}

.incident-status-badge--resolved[b-q6rh3w53xs] {
    border-color: color-mix(in srgb, var(--ap-success) 35%, var(--ap-border));
    background: var(--ap-success-bg);
    color: var(--ap-success);
}

.incident-status-badge--warning[b-q6rh3w53xs] {
    border-color: color-mix(in srgb, var(--ap-warning) 35%, var(--ap-border));
    background: var(--ap-warning-bg);
    color: var(--ap-warning);
}

.incident-group[b-q6rh3w53xs] {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
}

.incident-group__header[b-q6rh3w53xs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--ap-border);
    padding: 2px 0 8px;
    color: var(--ap-muted);
    font-size: 13px;
}

.incident-group__header strong[b-q6rh3w53xs] {
    color: var(--ap-text);
    font-size: 15px;
}

.load-more-row[b-q6rh3w53xs] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

.incident-empty-state[b-q6rh3w53xs] {
    display: grid;
    place-items: center;
    gap: 8px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 34px 18px;
    background: var(--ap-card);
    color: var(--ap-muted);
    text-align: center;
}

.incident-empty-state svg[b-q6rh3w53xs] {
    width: 34px;
    height: 34px;
    color: var(--ap-primary);
}

.incident-empty-state strong[b-q6rh3w53xs] {
    color: var(--ap-text);
}

.incident-empty-state p[b-q6rh3w53xs] {
    margin: 0;
}

.incident-empty-state--success[b-q6rh3w53xs] {
    border-color: color-mix(in srgb, var(--ap-success) 25%, var(--ap-border));
    background: var(--ap-success-bg);
}

.incident-sheet-overlay[b-q6rh3w53xs] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(16, 35, 29, 0.28);
}

.incident-detail-sheet[b-q6rh3w53xs] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 41;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(560px, 100vw);
    height: 100vh;
    border-left: 1px solid var(--ap-border);
    background: var(--ap-card);
    box-shadow: -18px 0 36px rgba(26, 44, 35, 0.12);
}

.incident-detail-sheet__header[b-q6rh3w53xs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid var(--ap-border);
    padding: 20px;
}

.incident-detail-heading[b-q6rh3w53xs] {
    min-width: 0;
}

.incident-detail-heading p[b-q6rh3w53xs] {
    margin: 8px 0 0;
    color: var(--ap-muted);
    overflow-wrap: anywhere;
}

.incident-detail-sheet__eyebrow[b-q6rh3w53xs] {
    display: block;
    margin-bottom: 4px;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.incident-detail-sheet h2[b-q6rh3w53xs] {
    margin: 0;
    color: var(--ap-text);
    font-size: 22px;
}

.incident-detail-body[b-q6rh3w53xs],
.incident-detail-loading[b-q6rh3w53xs] {
    overflow-y: auto;
    padding: 20px;
}

.incident-detail-summary[b-q6rh3w53xs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.incident-detail-metadata[b-q6rh3w53xs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 24px;
}

.incident-metadata-card[b-q6rh3w53xs] {
    display: grid;
    gap: 8px;
    min-width: 0;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 14px;
    background: var(--ap-surface);
}

.incident-metadata-card--wide[b-q6rh3w53xs] {
    grid-column: 1 / -1;
}

.incident-metadata-card__label[b-q6rh3w53xs] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 900;
}

.incident-metadata-card strong[b-q6rh3w53xs] {
    margin: 0;
    color: var(--ap-text);
    overflow-wrap: anywhere;
}

.metadata-value--success[b-q6rh3w53xs] {
    color: var(--ap-success) !important;
}

.metadata-value--danger[b-q6rh3w53xs] {
    color: var(--ap-error) !important;
}

.metadata-value--warning[b-q6rh3w53xs] {
    color: var(--ap-warning) !important;
}

.incident-timeline[b-q6rh3w53xs] {
    margin-top: 24px;
}

.incident-timeline h3[b-q6rh3w53xs] {
    margin: 0 0 12px;
    font-size: 17px;
}

.timeline-item[b-q6rh3w53xs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    padding: 0 0 16px;
}

.timeline-item__dot[b-q6rh3w53xs] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    margin-top: 5px;
    background: var(--ap-primary);
}

.timeline-item--active .timeline-item__dot[b-q6rh3w53xs] {
    background: var(--ap-error);
}

.timeline-item--failure-count .timeline-item__dot[b-q6rh3w53xs] {
    background: color-mix(in srgb, var(--ap-error) 70%, var(--ap-muted));
}

.timeline-item__meta[b-q6rh3w53xs] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    color: var(--ap-muted);
    font-size: 13px;
}

.timeline-item__meta strong[b-q6rh3w53xs] {
    color: var(--ap-text);
}

.timeline-item p[b-q6rh3w53xs] {
    margin: 5px 0 0;
    color: var(--ap-muted);
    overflow-wrap: anywhere;
}

.incident-notification-note[b-q6rh3w53xs] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 26px;
    color: var(--ap-muted);
    font-size: 13px;
}

.incident-notification-note svg[b-q6rh3w53xs] {
    width: 15px;
    height: 15px;
}

.incident-section-title[b-q6rh3w53xs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    color: var(--ap-muted);
}

.incident-section-title div[b-q6rh3w53xs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.incident-section-title h3[b-q6rh3w53xs] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

.incident-section-title svg[b-q6rh3w53xs] {
    width: 16px;
    height: 16px;
}

.incident-check-list[b-q6rh3w53xs] {
    display: grid;
    gap: 9px;
}

.incident-check-row[b-q6rh3w53xs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 11px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 12px;
    background: var(--ap-surface);
}

.incident-check-row__icon[b-q6rh3w53xs] {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.incident-check-row__icon svg[b-q6rh3w53xs] {
    width: 15px;
    height: 15px;
}

.incident-check-row--success .incident-check-row__icon[b-q6rh3w53xs],
.incident-check-row--success .incident-check-row__meta strong[b-q6rh3w53xs] {
    color: var(--ap-success);
}

.incident-check-row--success .incident-check-row__icon[b-q6rh3w53xs] {
    background: var(--ap-success-bg);
}

.incident-check-row--warning .incident-check-row__icon[b-q6rh3w53xs],
.incident-check-row--warning .incident-check-row__meta strong[b-q6rh3w53xs] {
    color: var(--ap-warning);
}

.incident-check-row--warning .incident-check-row__icon[b-q6rh3w53xs] {
    background: var(--ap-warning-bg);
}

.incident-check-row--failure .incident-check-row__icon[b-q6rh3w53xs],
.incident-check-row--failure .incident-check-row__meta strong[b-q6rh3w53xs] {
    color: var(--ap-error);
}

.incident-check-row--failure .incident-check-row__icon[b-q6rh3w53xs] {
    background: var(--ap-error-bg);
}

.incident-check-row--skipped .incident-check-row__icon[b-q6rh3w53xs],
.incident-check-row--skipped .incident-check-row__meta strong[b-q6rh3w53xs] {
    color: var(--ap-muted);
}

.incident-check-row__body[b-q6rh3w53xs] {
    min-width: 0;
}

.incident-check-row__meta[b-q6rh3w53xs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.incident-check-row__meta strong[b-q6rh3w53xs] {
    text-transform: uppercase;
}

.incident-check-row p[b-q6rh3w53xs] {
    margin: 5px 0 0;
    color: var(--ap-text);
    overflow-wrap: anywhere;
}

.incident-check-row time[b-q6rh3w53xs] {
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
    white-space: nowrap;
}

.incident-check-empty[b-q6rh3w53xs] {
    display: grid;
    place-items: center;
    gap: 8px;
    border: 1px dashed var(--ap-border);
    border-radius: 8px;
    padding: 34px 18px;
    color: var(--ap-muted);
    text-align: center;
}

.incident-check-loading[b-q6rh3w53xs] {
    display: grid;
    place-items: center;
    gap: 8px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 24px 18px;
    background: var(--ap-surface);
    color: var(--ap-muted);
    text-align: center;
}

.incident-check-loading svg[b-q6rh3w53xs] {
    width: 26px;
    height: 26px;
    color: var(--ap-primary);
}

.incident-check-loading strong[b-q6rh3w53xs] {
    color: var(--ap-text);
}

.incident-check-empty svg[b-q6rh3w53xs] {
    width: 28px;
    height: 28px;
}

.incident-check-empty strong[b-q6rh3w53xs] {
    color: var(--ap-text);
}

.incident-check-empty p[b-q6rh3w53xs] {
    margin: 0;
}

.incident-check-actions[b-q6rh3w53xs] {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.incident-detail-footer[b-q6rh3w53xs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 8px;
    border-top: 1px solid var(--ap-border);
    padding: 14px 20px;
    background: var(--ap-card);
}

.incident-detail-footer .button-link[b-q6rh3w53xs] {
    border-color: transparent;
    background: transparent;
    color: var(--ap-text);
}

.message-info[b-q6rh3w53xs] {
    border: 1px solid color-mix(in srgb, var(--ap-primary) 28%, var(--ap-border));
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.muted-text[b-q6rh3w53xs] {
    color: var(--ap-muted);
}

@media (max-width: 1500px) {
    .incident-filter-panel[b-q6rh3w53xs] {
        grid-template-columns: repeat(4, minmax(180px, 1fr)) auto;
    }

    .incident-periods[b-q6rh3w53xs] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 1100px) {
    .incident-kpi-grid[b-q6rh3w53xs] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .incident-filter-panel[b-q6rh3w53xs] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }

    .incident-periods[b-q6rh3w53xs] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .page-heading[b-q6rh3w53xs],
    .section-heading[b-q6rh3w53xs],
    .incident-group__header[b-q6rh3w53xs],
    .timeline-item__meta[b-q6rh3w53xs] {
        align-items: flex-start;
        flex-direction: column;
    }

    .incident-kpi-grid[b-q6rh3w53xs] {
        grid-template-columns: 1fr;
    }

    .incident-filter-panel[b-q6rh3w53xs] {
        grid-template-columns: 1fr;
    }

    .incident-card__header[b-q6rh3w53xs] {
        grid-template-columns: 1fr;
    }

    .incident-card__state[b-q6rh3w53xs] {
        justify-content: flex-start;
        min-width: 0;
    }

    .incident-detail-metadata[b-q6rh3w53xs],
    .incident-detail-footer[b-q6rh3w53xs],
    .incident-check-row[b-q6rh3w53xs] {
        grid-template-columns: 1fr;
    }

    .incident-check-row time[b-q6rh3w53xs] {
        white-space: normal;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */

/* /Components/Pages/MonitorDetails.razor.rz.scp.css */
.monitor-detail-page[b-2k629wsu21] {
    width: 100%;
    max-width: none;
    margin: 0;
}

.back-link[b-2k629wsu21] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 28px;
    color: var(--ap-muted);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.detail-header[b-2k629wsu21] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 26px;
}

.detail-title[b-2k629wsu21] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.detail-title h1[b-2k629wsu21] {
    margin: 0 0 3px;
    color: var(--ap-text);
    font-size: 28px;
    line-height: 1.1;
}

.detail-title a[b-2k629wsu21] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 13px;
    text-decoration: none;
}

.detail-title a span[b-2k629wsu21] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-actions[b-2k629wsu21] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.detail-stat-grid[b-2k629wsu21] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.detail-stat-card[b-2k629wsu21],
.detail-section[b-2k629wsu21] {
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.detail-stat-card[b-2k629wsu21] {
    display: grid;
    gap: 9px;
    min-height: 82px;
    padding: 16px;
}

.detail-stat-card span[b-2k629wsu21],
.detail-section h2[b-2k629wsu21] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ap-muted);
    font-size: 13px;
    font-weight: 700;
}

.detail-stat-card strong[b-2k629wsu21] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 18px;
}

.detail-section[b-2k629wsu21] {
    margin-bottom: 22px;
    padding: 20px;
}

.detail-section h2[b-2k629wsu21] {
    margin: 0 0 14px;
    color: var(--ap-text);
    font-size: 16px;
}

.detail-section code[b-2k629wsu21] {
    display: inline-block;
    border-radius: 6px;
    padding: 7px 9px;
    background: var(--ap-accent);
    color: var(--ap-primary);
    font-family: var(--ap-font-mono);
    font-size: 13px;
}

.placeholder-note[b-2k629wsu21] {
    margin: 0 0 10px;
    color: var(--ap-muted);
    font-size: 14px;
}

.recent-checks[b-2k629wsu21] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 78px;
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
}

.recent-checks__bars[b-2k629wsu21] {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 4px;
    min-height: 42px;
}

.recent-checks__bar[b-2k629wsu21] {
    width: 7px;
    min-height: 18px;
    border-radius: 999px;
    background: var(--ap-border-strong);
}

.recent-checks__bar--success[b-2k629wsu21] {
    background: color-mix(in srgb, var(--ap-success) 70%, var(--ap-card));
}

.recent-checks__bar--warning[b-2k629wsu21] {
    min-height: 26px;
    background: color-mix(in srgb, var(--ap-warning) 70%, var(--ap-card));
}

.recent-checks__bar--failed[b-2k629wsu21] {
    min-height: 34px;
    background: color-mix(in srgb, var(--ap-error) 70%, var(--ap-card));
}

.recent-checks__bar--skipped[b-2k629wsu21] {
    background: color-mix(in srgb, var(--ap-border-strong) 70%, var(--ap-card));
}

.detail-section--table[b-2k629wsu21] {
    padding: 0;
    overflow: hidden;
}

.detail-section--table h2[b-2k629wsu21] {
    padding: 18px 20px;
    margin: 0;
}

.result-table[b-2k629wsu21] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.result-table th[b-2k629wsu21],
.result-table td[b-2k629wsu21] {
    border-top: 1px solid var(--ap-border);
    padding: 12px 20px;
    text-align: left;
}

.result-table th[b-2k629wsu21] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 900px) {
    .detail-header[b-2k629wsu21] {
        display: grid;
    }

    .detail-actions[b-2k629wsu21] {
        justify-content: flex-start;
    }

    .detail-stat-grid[b-2k629wsu21] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .detail-stat-grid[b-2k629wsu21],
    .recent-checks[b-2k629wsu21] {
        grid-template-columns: 1fr;
    }

    .result-table[b-2k629wsu21] {
        display: block;
        overflow-x: auto;
    }
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notifications-page[b-x10awn5pca] {
    width: 100%;
    max-width: none;
    margin: 0;
}

.page-heading[b-x10awn5pca] {
    margin-bottom: 28px;
}

.page-heading h1[b-x10awn5pca] {
    margin: 0 0 4px;
    color: var(--ap-text);
    font-size: 28px;
    line-height: 1.1;
}

.page-heading p[b-x10awn5pca] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 15px;
}

.notifications-section[b-x10awn5pca] {
    display: grid;
    gap: 14px;
    margin-bottom: 32px;
}

.section-header[b-x10awn5pca] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.section-kicker[b-x10awn5pca] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.channel-grid[b-x10awn5pca] {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 12px;
}

.channel-card[b-x10awn5pca] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 16px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.channel-card__icon[b-x10awn5pca],
.delivery-row__icon[b-x10awn5pca] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--ap-accent);
    color: var(--ap-primary);
    font-size: 18px;
}

.channel-card__body[b-x10awn5pca] {
    min-width: 0;
}

.channel-card h2[b-x10awn5pca],
.delivery-row h2[b-x10awn5pca] {
    margin: 0 0 3px;
    color: var(--ap-text);
    font-size: 15px;
    line-height: 1.25;
}

.channel-card p[b-x10awn5pca],
.delivery-row p[b-x10awn5pca] {
    margin: 0;
    overflow: hidden;
    color: var(--ap-muted);
    font-family: var(--ap-font-mono);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-card__meta[b-x10awn5pca] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.type-pill[b-x10awn5pca],
.delivery-status[b-x10awn5pca] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    padding: 3px 12px;
    background: var(--ap-accent);
    color: var(--ap-primary);
    font-size: 12px;
    font-weight: 900;
}

.channel-state[b-x10awn5pca] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--ap-text);
    font-size: 12px;
}

.switch[b-x10awn5pca] {
    position: relative;
    display: inline-flex;
    width: 48px;
    height: 28px;
    cursor: pointer;
}

.switch input[b-x10awn5pca] {
    position: absolute;
    opacity: 0;
}

.switch span[b-x10awn5pca] {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: #d8ddd5;
    transition: background 150ms ease;
}

.switch span[b-x10awn5pca]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(16, 35, 29, 0.24);
    transition: transform 150ms ease;
}

.switch input:checked + span[b-x10awn5pca] {
    background: var(--ap-primary);
}

.switch input:checked + span[b-x10awn5pca]::after {
    transform: translateX(20px);
}

.delivery-list[b-x10awn5pca] {
    overflow: hidden;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-soft);
}

.delivery-row[b-x10awn5pca] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 62px;
    border-bottom: 1px solid var(--ap-border);
    padding: 12px 16px;
}

.delivery-row:last-child[b-x10awn5pca] {
    border-bottom: 0;
}

.delivery-status--sent[b-x10awn5pca] {
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.delivery-status--failed[b-x10awn5pca] {
    background: var(--ap-error);
    color: #ffffff;
}

.empty-state[b-x10awn5pca] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 170px;
    border: 1px dashed var(--ap-border-strong);
    border-radius: 8px;
    padding: 24px;
    background: color-mix(in srgb, var(--ap-card) 82%, transparent);
    color: var(--ap-muted);
    text-align: center;
}

.empty-state--compact[b-x10awn5pca] {
    min-height: 120px;
}

.empty-state > svg[b-x10awn5pca] {
    color: var(--ap-primary);
    font-size: 28px;
}

.empty-state p[b-x10awn5pca],
.empty-state strong[b-x10awn5pca] {
    margin: 0;
}

.modal-backdrop[b-x10awn5pca] {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(19, 27, 23, 0.78);
}

.channel-modal[b-x10awn5pca] {
    position: relative;
    display: grid;
    gap: 20px;
    width: min(448px, calc(100vw - 32px));
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 24px;
    background: var(--ap-card);
    box-shadow: 0 24px 80px rgba(16, 35, 29, 0.32);
}

.modal-close[b-x10awn5pca] {
    position: absolute;
    top: 16px;
    right: 16px;
    border: 0;
    background: transparent;
    color: var(--ap-muted);
    cursor: pointer;
}

.channel-modal header h2[b-x10awn5pca] {
    margin: 0 0 6px;
    color: var(--ap-text);
    font-size: 20px;
}

.channel-modal header p[b-x10awn5pca] {
    max-width: 360px;
    margin: 0;
    color: var(--ap-muted);
    font-size: 14px;
}

.channel-type-picker[b-x10awn5pca] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.channel-type-option[b-x10awn5pca] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 10px 12px;
    background: var(--ap-surface);
    color: var(--ap-text);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.channel-type-option--active[b-x10awn5pca] {
    border-color: var(--ap-text);
    box-shadow: inset 0 0 0 1px var(--ap-text);
    background: color-mix(in srgb, var(--ap-accent) 78%, var(--ap-card));
}

.form-field[b-x10awn5pca] {
    display: grid;
    gap: 8px;
    color: var(--ap-text);
    font-size: 14px;
    font-weight: 800;
}

.form-field input[b-x10awn5pca] {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 10px 12px;
    background: var(--ap-surface);
    color: var(--ap-text);
    font: inherit;
}

.activate-box[b-x10awn5pca] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 12px;
    background: var(--ap-surface);
}

.activate-box span[b-x10awn5pca] {
    display: grid;
    gap: 3px;
}

.activate-box strong[b-x10awn5pca] {
    color: var(--ap-text);
    font-size: 14px;
}

.activate-box small[b-x10awn5pca] {
    color: var(--ap-muted);
    font-size: 12px;
}

.activate-box input[b-x10awn5pca] {
    appearance: none;
    position: relative;
    width: 48px;
    height: 28px;
    border-radius: 999px;
    background: #d8ddd5;
    cursor: pointer;
}

.activate-box input[b-x10awn5pca]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(16, 35, 29, 0.24);
    transition: transform 150ms ease;
}

.activate-box input:checked[b-x10awn5pca] {
    background: var(--ap-primary);
}

.activate-box input:checked[b-x10awn5pca]::after {
    transform: translateX(20px);
}

.channel-modal footer[b-x10awn5pca] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

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

@media (max-width: 640px) {
    .section-header[b-x10awn5pca],
    .delivery-row[b-x10awn5pca] {
        grid-template-columns: 1fr;
    }

    .section-header[b-x10awn5pca] {
        display: grid;
    }

    .channel-type-picker[b-x10awn5pca] {
        grid-template-columns: 1fr;
    }

    .delivery-status[b-x10awn5pca] {
        justify-self: start;
    }
}
/* /Components/Pages/Register.razor.rz.scp.css */
.auth-panel[b-qw4uuuhrx6] {
    align-content: start;
    padding-top: clamp(24px, 5vh, 56px);
    padding-bottom: clamp(24px, 5vh, 56px);
}

.auth-form[b-qw4uuuhrx6] {
    gap: 13px;
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-lf88uk9yz9] {
    max-width: 850px;
    margin: 0;
}

.page-heading[b-lf88uk9yz9] {
    margin-bottom: 24px;
}

.page-heading h1[b-lf88uk9yz9] {
    margin: 0 0 4px;
    color: var(--ap-text);
    font-size: 28px;
    line-height: 1.1;
}

.page-heading p[b-lf88uk9yz9] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 15px;
}

.settings-tabs[b-lf88uk9yz9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
}

.settings-tab[b-lf88uk9yz9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px 12px;
    background: transparent;
    color: var(--ap-muted);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.settings-tab:hover[b-lf88uk9yz9],
.settings-tab--active[b-lf88uk9yz9] {
    border-color: var(--ap-primary);
    background: var(--ap-card);
    color: var(--ap-text);
}

.settings-card[b-lf88uk9yz9] {
    margin-bottom: 22px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 24px;
    background: var(--ap-card);
    box-shadow: var(--ap-shadow-card);
}

.settings-card--narrow[b-lf88uk9yz9] {
    max-width: 850px;
}

.settings-card h2[b-lf88uk9yz9] {
    margin: 0 0 18px;
    color: var(--ap-text);
    font-size: 17px;
}

.settings-card-header[b-lf88uk9yz9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.settings-card-header h2[b-lf88uk9yz9] {
    margin-bottom: 8px;
}

.settings-card-header p[b-lf88uk9yz9] {
    margin: 0;
    max-width: 620px;
}

.settings-card p[b-lf88uk9yz9] {
    margin: -10px 0 18px;
    color: var(--ap-muted);
}

.settings-form-grid[b-lf88uk9yz9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
    margin-bottom: 16px;
}

.settings-form-grid label[b-lf88uk9yz9],
.settings-field[b-lf88uk9yz9] {
    display: grid;
    gap: 8px;
    color: var(--ap-text);
    font-size: 14px;
    font-weight: 800;
}

.settings-form-grid input[b-lf88uk9yz9],
.settings-field select[b-lf88uk9yz9] {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 9px 40px 9px 16px;
    background: var(--ap-surface);
    color: var(--ap-text);
    font: inherit;
}

.settings-form-grid input[readonly][b-lf88uk9yz9] {
    color: var(--ap-muted);
}

.settings-state[b-lf88uk9yz9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 140px;
    border: 1px dashed var(--ap-border-strong);
    border-radius: 8px;
    padding: 22px;
    background: color-mix(in srgb, var(--ap-card) 82%, transparent);
    color: var(--ap-muted);
    text-align: center;
    font-size: 14px;
}

.settings-state > svg[b-lf88uk9yz9] {
    display: flex;
    animation: spin-b-lf88uk9yz9 1s linear infinite;
}

@keyframes spin-b-lf88uk9yz9 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.settings-field[b-lf88uk9yz9] {
    max-width: 384px;
    margin-bottom: 24px;
}

.settings-switch-row[b-lf88uk9yz9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    max-width: 384px;
    margin-bottom: 22px;
}

.settings-switch-row span[b-lf88uk9yz9] {
    display: grid;
    gap: 4px;
}

.settings-switch-row strong[b-lf88uk9yz9] {
    color: var(--ap-text);
    font-size: 14px;
}

.settings-switch-row small[b-lf88uk9yz9] {
    color: var(--ap-muted);
    font-size: 13px;
}

.switch-input[b-lf88uk9yz9] {
    appearance: none;
    position: relative;
    width: 44px;
    height: 24px;
    border: 0;
    border-radius: 999px;
    background: #d8ddd5;
    cursor: pointer;
    transition: background 140ms ease;
}

.switch-input[b-lf88uk9yz9]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(16, 35, 29, 0.2);
    transition: transform 140ms ease;
}

.switch-input:checked[b-lf88uk9yz9] {
    background: var(--ap-primary);
}

.switch-input:checked[b-lf88uk9yz9]::after {
    transform: translateX(20px);
}

.settings-language[b-lf88uk9yz9] {
    display: grid;
    gap: 12px;
    max-width: 420px;
    margin: 8px 0 20px;
}

.settings-language h3[b-lf88uk9yz9] {
    margin: 0;
    color: var(--ap-text);
    font-size: 14px;
}

.system-email-test[b-lf88uk9yz9] {
    display: flex;
    align-items: end;
    gap: 12px;
    margin-bottom: 16px;
}

.system-email-test .settings-field[b-lf88uk9yz9] {
    flex: 1 1 320px;
    max-width: 420px;
    margin-bottom: 0;
}

.agent-status-list[b-lf88uk9yz9] {
    display: grid;
    gap: 14px;
}

.agent-status-row[b-lf88uk9yz9] {
    display: grid;
    gap: 14px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 16px;
    background: var(--ap-surface);
}

.agent-status-row__header[b-lf88uk9yz9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px;
}

.agent-status-row__identity[b-lf88uk9yz9] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    min-width: 0;
}

.agent-status-row h3[b-lf88uk9yz9] {
    margin: 0 0 10px;
    color: var(--ap-text);
    font-size: 16px;
    line-height: 1.25;
}

.agent-status-row__meta[b-lf88uk9yz9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 8px;
    margin: 0;
}

.agent-status-row__meta div[b-lf88uk9yz9] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.agent-status-row__meta dt[b-lf88uk9yz9] {
    color: var(--ap-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.agent-status-row__meta dd[b-lf88uk9yz9] {
    margin: 0;
    color: var(--ap-text);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.agent-status-row__metrics[b-lf88uk9yz9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: 10px;
}

.agent-status-row__metrics span[b-lf88uk9yz9] {
    display: grid;
    align-content: start;
    gap: 4px;
    min-width: 0;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 10px;
    background: var(--ap-card);
}

.agent-status-row__metrics small[b-lf88uk9yz9],
.agent-status-row__metrics em[b-lf88uk9yz9] {
    color: var(--ap-muted);
    font-size: 11px;
    font-style: normal;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.agent-status-row__metrics strong[b-lf88uk9yz9] {
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.settings-language .language-selector[b-lf88uk9yz9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
    width: 100%;
}

.settings-language .language-selector label[b-lf88uk9yz9] {
    grid-column: 1 / -1;
}

.settings-language .language-selector select[b-lf88uk9yz9] {
    width: 100%;
}

@media (max-width: 980px) {
    .agent-status-row__meta[b-lf88uk9yz9],
    .agent-status-row__metrics[b-lf88uk9yz9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .settings-form-grid[b-lf88uk9yz9],
    .system-email-test[b-lf88uk9yz9] {
        grid-template-columns: 1fr;
    }

    .system-email-test[b-lf88uk9yz9] {
        display: grid;
        align-items: stretch;
    }

    .settings-card-header[b-lf88uk9yz9] {
        display: grid;
    }

    .agent-status-row__header[b-lf88uk9yz9] {
        grid-template-columns: 1fr;
    }

    .agent-status-row .status-badge[b-lf88uk9yz9] {
        justify-self: start;
    }

    .settings-tabs[b-lf88uk9yz9] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .settings-language .language-selector[b-lf88uk9yz9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Settings/SettingsApiTab.razor.rz.scp.css */
.settings-api-card[b-7w6dx58imz] {
    display: grid;
    gap: 16px;
    width: min(100%, 1060px);
    border: 1px solid color-mix(in srgb, var(--ap-border) 86%, var(--ap-text));
    border-radius: 12px;
    padding: 28px 30px;
    background: color-mix(in srgb, var(--ap-card) 96%, white);
    box-shadow: 0 18px 44px rgba(19, 45, 36, 0.08);
}

.settings-api-card + .settings-api-card[b-7w6dx58imz] {
    margin-top: 24px;
}

.settings-api-card__header[b-7w6dx58imz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 12px;
}

.settings-api-card__icon[b-7w6dx58imz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: var(--ap-accent);
    color: var(--ap-primary);
    flex-shrink: 0;
}

.settings-api-card__icon > svg[b-7w6dx58imz] {
    width: 20px;
    height: 20px;
}

.settings-api-card h2[b-7w6dx58imz] {
    margin: 0 0 6px;
    color: var(--ap-text);
    font-size: 22px;
    line-height: 1.15;
    font-weight: 800;
}

.settings-api-card__header p[b-7w6dx58imz],
.settings-api-note[b-7w6dx58imz] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 14px;
    line-height: 1.45;
}

.settings-api-note[b-7w6dx58imz] {
    border-top: 1px solid var(--ap-border);
    padding-top: 14px;
}

.settings-api-code[b-7w6dx58imz] {
    display: block;
    margin: 0;
    overflow-x: auto;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    padding: 14px 16px;
    background: color-mix(in srgb, var(--ap-surface) 92%, var(--ap-card));
    color: var(--ap-text);
    font-family: var(--ap-font-mono);
    font-size: 13px;
    line-height: 1.45;
    white-space: pre;
}

.settings-api-code code[b-7w6dx58imz] {
    font: inherit;
}

@media (max-width: 720px) {
    .settings-api-card[b-7w6dx58imz] {
        padding: 22px 18px;
    }
}
/* /Components/Settings/SettingsGroupsTab.razor.rz.scp.css */
.settings-groups-card[b-vie0xvrsn5] {
    display: grid;
    gap: 18px;
    width: min(100%, 1060px);
    border: 1px solid color-mix(in srgb, var(--ap-border) 86%, var(--ap-text));
    border-radius: 12px;
    padding: 28px 30px;
    background: color-mix(in srgb, var(--ap-card) 96%, white);
    box-shadow: 0 18px 44px rgba(19, 45, 36, 0.08);
    overflow: hidden;
}

.settings-groups-card + .settings-groups-card[b-vie0xvrsn5] {
    margin-top: 28px;
}

.settings-groups-card--list[b-vie0xvrsn5] {
    gap: 0;
    padding-bottom: 0;
}

.settings-groups-card__header[b-vie0xvrsn5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 12px;
}

.settings-groups-card__header--split[b-vie0xvrsn5] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding-bottom: 20px;
}

.settings-groups-card__header h2[b-vie0xvrsn5] {
    margin: 0 0 6px;
    color: var(--ap-text);
    font-size: 22px;
    line-height: 1.15;
    font-weight: 800;
}

.settings-groups-card__header p[b-vie0xvrsn5] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 15px;
    line-height: 1.45;
}

.settings-groups-card__icon[b-vie0xvrsn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    color: var(--ap-muted);
    flex-shrink: 0;
}

.settings-groups-card__icon > svg[b-vie0xvrsn5] {
    width: 19px;
    height: 19px;
}

.settings-group-create[b-vie0xvrsn5] {
    display: grid;
    grid-template-columns: minmax(280px, 432px) auto;
    align-items: end;
    gap: 10px;
    margin-top: 4px;
}

.settings-group-create__field[b-vie0xvrsn5] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.settings-group-create__field > span[b-vie0xvrsn5] {
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.settings-group-create__input[b-vie0xvrsn5] {
    width: 100%;
    min-height: 50px;
    border: 1px solid var(--ap-border);
    border-radius: 9px;
    padding: 0 16px;
    background: var(--ap-surface);
    color: var(--ap-text);
    font: inherit;
    font-size: 16px;
    outline: 0;
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

.settings-group-create__input:focus[b-vie0xvrsn5] {
    border-color: var(--ap-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ap-primary) 16%, transparent);
}

.settings-groups-button[b-vie0xvrsn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    border: 1px solid transparent;
    border-radius: 9px;
    padding: 0 20px;
    font: inherit;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease, opacity 140ms ease;
}

.settings-groups-button > svg[b-vie0xvrsn5] {
    width: 18px;
    height: 18px;
}

.settings-groups-button:disabled[b-vie0xvrsn5] {
    cursor: not-allowed;
    opacity: 0.68;
}

.settings-groups-button--primary[b-vie0xvrsn5] {
    background: var(--ap-primary);
    color: var(--ap-on-primary);
}

.settings-groups-button--primary:not(:disabled):hover[b-vie0xvrsn5] {
    background: color-mix(in srgb, var(--ap-primary) 88%, black);
}

.settings-groups-button--secondary[b-vie0xvrsn5] {
    min-height: 42px;
    border-color: var(--ap-border);
    padding-inline: 14px;
    background: var(--ap-card);
    color: var(--ap-text);
}

.settings-groups-button--secondary:not(:disabled):hover[b-vie0xvrsn5] {
    border-color: color-mix(in srgb, var(--ap-primary) 40%, var(--ap-border));
}

.settings-groups-button--danger[b-vie0xvrsn5] {
    background: var(--ap-error);
    color: #ffffff;
}

.settings-groups-button--danger:not(:disabled):hover[b-vie0xvrsn5] {
    background: color-mix(in srgb, var(--ap-error) 88%, black);
}

.settings-groups-tip[b-vie0xvrsn5] {
    margin: -2px 0 0;
    color: var(--ap-muted);
    font-size: 13px;
    line-height: 1.45;
}

.settings-groups-message[b-vie0xvrsn5] {
    margin: 0;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 700;
}

.settings-groups-message--success[b-vie0xvrsn5] {
    border: 1px solid color-mix(in srgb, var(--ap-success) 30%, var(--ap-border));
    background: var(--ap-success-bg);
    color: var(--ap-success);
}

.settings-groups-message--error[b-vie0xvrsn5] {
    border: 1px solid color-mix(in srgb, var(--ap-error) 28%, var(--ap-border));
    background: var(--ap-error-bg);
    color: var(--ap-error);
}

.settings-groups-state[b-vie0xvrsn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 128px;
    border-top: 1px solid var(--ap-border);
    color: var(--ap-muted);
    font-size: 14px;
    text-align: center;
}

.settings-groups-state > svg[b-vie0xvrsn5] {
    width: 18px;
    height: 18px;
    animation: settings-groups-spin-b-vie0xvrsn5 1s linear infinite;
}

@keyframes settings-groups-spin-b-vie0xvrsn5 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.settings-group-list[b-vie0xvrsn5] {
    display: grid;
    margin: 0 -30px;
    border-top: 1px solid var(--ap-border);
}

.settings-group-row[b-vie0xvrsn5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 70px;
    border-bottom: 1px solid var(--ap-border);
    padding: 0 30px;
    background: var(--ap-card);
}

.settings-group-row__meta[b-vie0xvrsn5],
.settings-group-row__actions[b-vie0xvrsn5] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.settings-group-row:last-child[b-vie0xvrsn5] {
    border-bottom: 0;
}

.settings-group-row__identity[b-vie0xvrsn5] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 14px;
}

.settings-group-row__icon[b-vie0xvrsn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: var(--ap-muted);
    flex-shrink: 0;
}

.settings-group-row__icon > svg[b-vie0xvrsn5] {
    width: 18px;
    height: 18px;
}

.settings-group-row h3[b-vie0xvrsn5] {
    min-width: 0;
    margin: 0;
    color: var(--ap-text);
    font-size: 17px;
    line-height: 1.2;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-group-row__badge[b-vie0xvrsn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 108px;
    min-height: 30px;
    border-radius: 999px;
    padding: 5px 14px;
    background: color-mix(in srgb, var(--ap-border) 72%, var(--ap-card));
    color: var(--ap-text);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.settings-groups-icon-button[b-vie0xvrsn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--ap-text);
    cursor: pointer;
}

.settings-groups-icon-button > svg[b-vie0xvrsn5] {
    width: 18px;
    height: 18px;
}

.settings-groups-icon-button:hover:not(:disabled)[b-vie0xvrsn5] {
    border-color: var(--ap-border);
    background: var(--ap-surface);
}

.settings-groups-icon-button--confirm[b-vie0xvrsn5] {
    color: var(--ap-success);
}

.settings-groups-icon-button--danger[b-vie0xvrsn5] {
    color: var(--ap-error);
}

.settings-group-row__edit[b-vie0xvrsn5] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.settings-group-row__edit small[b-vie0xvrsn5] {
    color: var(--ap-error);
    font-size: 12px;
    font-weight: 700;
}

.settings-group-row__input[b-vie0xvrsn5] {
    width: min(100%, 420px);
    min-height: 42px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 0 12px;
    background: var(--ap-surface);
    color: var(--ap-text);
    font: inherit;
    font-size: 15px;
}

.settings-group-row__input:focus[b-vie0xvrsn5] {
    border-color: var(--ap-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ap-primary) 16%, transparent);
    outline: 0;
}

.settings-groups-modal-backdrop[b-vie0xvrsn5] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(10, 24, 20, 0.42);
}

.settings-groups-modal[b-vie0xvrsn5] {
    position: fixed;
    z-index: 81;
    top: 50%;
    left: 50%;
    display: grid;
    gap: 18px;
    width: min(92vw, 560px);
    max-height: min(86vh, 720px);
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border: 1px solid var(--ap-border);
    border-radius: 12px;
    padding: 24px;
    background: var(--ap-card);
    box-shadow: 0 24px 70px rgba(10, 24, 20, 0.24);
}

.settings-groups-modal__header[b-vie0xvrsn5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
}

.settings-groups-modal__header h2[b-vie0xvrsn5] {
    margin: 0 0 6px;
    color: var(--ap-text);
    font-size: 22px;
}

.settings-groups-modal__header p[b-vie0xvrsn5] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 14px;
    line-height: 1.45;
}

.settings-groups-modal__icon[b-vie0xvrsn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: var(--ap-error-bg);
    color: var(--ap-error);
}

.settings-groups-delete-options[b-vie0xvrsn5],
.settings-groups-replacements[b-vie0xvrsn5] {
    display: grid;
    gap: 10px;
}

.settings-groups-radio-card[b-vie0xvrsn5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    border: 1px solid var(--ap-border);
    border-radius: 10px;
    padding: 14px;
    background: var(--ap-surface);
    cursor: pointer;
}

.settings-groups-radio-card input[b-vie0xvrsn5] {
    margin-top: 2px;
    accent-color: var(--ap-primary);
}

.settings-groups-radio-card span[b-vie0xvrsn5] {
    display: grid;
    gap: 4px;
}

.settings-groups-radio-card strong[b-vie0xvrsn5],
.settings-groups-replacements > strong[b-vie0xvrsn5] {
    color: var(--ap-text);
    font-size: 14px;
}

.settings-groups-radio-card small[b-vie0xvrsn5] {
    color: var(--ap-muted);
    font-size: 13px;
    line-height: 1.4;
}

.settings-groups-replacements > div[b-vie0xvrsn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.settings-groups-replacement[b-vie0xvrsn5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    border: 1px solid var(--ap-border);
    border-radius: 8px;
    padding: 7px 10px;
    background: var(--ap-card);
    color: var(--ap-text);
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.settings-groups-replacement--selected[b-vie0xvrsn5] {
    border-color: color-mix(in srgb, var(--ap-primary) 42%, var(--ap-border));
    background: var(--ap-success-bg);
    color: var(--ap-primary);
}

.settings-groups-modal__footer[b-vie0xvrsn5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 720px) {
    .settings-groups-card[b-vie0xvrsn5] {
        width: 100%;
        padding: 22px 18px;
    }

    .settings-groups-card__header[b-vie0xvrsn5],
    .settings-groups-card__header--split[b-vie0xvrsn5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-group-create[b-vie0xvrsn5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-groups-button[b-vie0xvrsn5] {
        width: 100%;
    }

    .settings-group-list[b-vie0xvrsn5] {
        margin: 0 -18px;
    }

    .settings-group-row[b-vie0xvrsn5] {
        padding: 0 18px;
    }

    .settings-group-row[b-vie0xvrsn5],
    .settings-group-row__meta[b-vie0xvrsn5] {
        grid-template-columns: minmax(0, 1fr);
        justify-content: stretch;
    }

    .settings-group-row__meta[b-vie0xvrsn5] {
        display: grid;
        gap: 8px;
        padding-bottom: 14px;
    }

    .settings-groups-modal__footer[b-vie0xvrsn5] {
        display: grid;
    }
}
/* /Components/Settings/SettingsSubscriptionTab.razor.rz.scp.css */
.settings-subscription-card[b-ti98d0kd5d],
.settings-subscription-info[b-ti98d0kd5d],
.settings-plan-card[b-ti98d0kd5d],
.settings-subscription-state[b-ti98d0kd5d] {
    width: min(100%, 1060px);
    border: 1px solid color-mix(in srgb, var(--ap-border) 86%, var(--ap-text));
    border-radius: 12px;
    background: color-mix(in srgb, var(--ap-card) 96%, white);
    box-shadow: 0 18px 44px rgba(19, 45, 36, 0.08);
}

.settings-subscription-current[b-ti98d0kd5d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 26px 30px;
}

.settings-subscription-current h2[b-ti98d0kd5d],
.settings-plan-card h2[b-ti98d0kd5d] {
    margin: 0 0 8px;
    color: var(--ap-text);
    font-size: 22px;
    line-height: 1.15;
    font-weight: 800;
}

.settings-subscription-current p[b-ti98d0kd5d],
.settings-plan-card p[b-ti98d0kd5d] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 14px;
    line-height: 1.45;
}

.settings-subscription-badge[b-ti98d0kd5d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    border-radius: 999px;
    padding: 5px 14px;
    background: var(--ap-accent);
    color: var(--ap-primary);
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.settings-subscription-info[b-ti98d0kd5d] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 12px;
    margin: 22px 0;
    padding: 16px 18px;
    background: color-mix(in srgb, var(--ap-accent) 28%, var(--ap-card));
    box-shadow: none;
}

.settings-subscription-info > svg[b-ti98d0kd5d] {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    color: var(--ap-primary);
}

.settings-subscription-info p[b-ti98d0kd5d] {
    margin: 0;
    color: var(--ap-muted);
    font-size: 13px;
    line-height: 1.45;
}

.settings-subscription-info p + p[b-ti98d0kd5d] {
    margin-top: 6px;
}

.settings-subscription-message[b-ti98d0kd5d] {
    width: min(100%, 1060px);
    margin: 0 0 18px;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 700;
}

.settings-subscription-message--error[b-ti98d0kd5d] {
    border: 1px solid color-mix(in srgb, var(--ap-error) 28%, var(--ap-border));
    background: var(--ap-error-bg);
    color: var(--ap-error);
}

.settings-subscription-state[b-ti98d0kd5d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 150px;
    color: var(--ap-muted);
    font-size: 14px;
    text-align: center;
}

.settings-subscription-state > svg[b-ti98d0kd5d] {
    width: 18px;
    height: 18px;
    animation: settings-subscription-spin-b-ti98d0kd5d 1s linear infinite;
}

@keyframes settings-subscription-spin-b-ti98d0kd5d {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.settings-plan-grid[b-ti98d0kd5d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    width: min(100%, 1060px);
    margin-bottom: 18px;
}

.settings-plan-card[b-ti98d0kd5d] {
    display: grid;
    align-content: start;
    gap: 16px;
    min-height: 430px;
    padding: 24px;
}

.settings-plan-card__icon[b-ti98d0kd5d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--ap-accent);
    color: var(--ap-primary);
}

.settings-plan-card__icon > svg[b-ti98d0kd5d] {
    width: 22px;
    height: 22px;
}

.settings-plan-card__price[b-ti98d0kd5d] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    border-top: 1px solid var(--ap-border);
    border-bottom: 1px solid var(--ap-border);
    padding: 14px 0;
}

.settings-plan-card__price strong[b-ti98d0kd5d] {
    color: var(--ap-text);
    font-size: 30px;
    line-height: 1;
}

.settings-plan-card__price span[b-ti98d0kd5d] {
    color: var(--ap-muted);
    font-size: 13px;
}

.settings-plan-card__features[b-ti98d0kd5d] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.settings-plan-card__feature[b-ti98d0kd5d] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 9px;
    color: var(--ap-muted);
    font-size: 13px;
}

.settings-plan-card__feature > svg[b-ti98d0kd5d] {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    color: var(--ap-primary);
}

.settings-plan-card__coming-soon[b-ti98d0kd5d] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    min-height: 30px;
    border-radius: 999px;
    padding: 5px 12px;
    background: color-mix(in srgb, var(--ap-border) 70%, var(--ap-card));
    color: var(--ap-muted);
    font-size: 12px;
    font-weight: 800;
}

.settings-plan-card__coming-soon > svg[b-ti98d0kd5d] {
    width: 15px;
    height: 15px;
}

.settings-subscription-note[b-ti98d0kd5d] {
    width: min(100%, 1060px);
    margin: 0;
    color: var(--ap-muted);
    font-size: 12px;
    line-height: 1.45;
}

@media (max-width: 980px) {
    .settings-plan-grid[b-ti98d0kd5d] {
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-plan-card[b-ti98d0kd5d] {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .settings-subscription-current[b-ti98d0kd5d] {
        display: grid;
        padding: 22px 18px;
    }
}
/* /Components/Shared/SystemStatusHelp.razor.rz.scp.css */
.system-status-help[b-groktor81j] { position: relative; display: inline-flex; vertical-align: middle; }
.system-status-help__trigger[b-groktor81j] { display: inline-grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; color: var(--ap-muted); background: transparent; cursor: pointer; }
.system-status-help__trigger:focus-visible[b-groktor81j] { outline: 2px solid var(--ap-primary); outline-offset: 2px; }
.system-status-help__popover[b-groktor81j] { position: fixed; z-index: 20; box-sizing: border-box; display: grid; gap: 14px; width: min(400px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow-y: auto; border: 1px solid var(--ap-border); border-radius: 8px; background: var(--ap-card); box-shadow: var(--ap-shadow-soft); color: var(--ap-text); font-size: 13px; font-weight: 400; line-height: 1.5; }
.system-status-help__popover > strong[b-groktor81j] { padding: 16px 48px 0 16px; font-size: 15px; font-weight: 600; }
.system-status-help__popover > p[b-groktor81j] { margin: 0; padding: 0 16px; font-weight: 400; }
.system-status-help__popover section[b-groktor81j] { display: grid; gap: 8px; margin: 2px 0 0; }
.system-status-help__popover h4[b-groktor81j] { margin: 0; padding: 7px 16px; color: var(--ap-primary); background: color-mix(in srgb, var(--ap-accent) 60%, var(--ap-card)); font-size: 10px; font-weight: 700; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
.system-status-help__popover section p[b-groktor81j] { margin: 0; padding: 0 16px; font-weight: 400; }
.system-status-help__popover section:last-of-type[b-groktor81j] { padding-bottom: 16px; }
.system-status-help__popover button[b-groktor81j] { position: absolute; top: 10px; right: 10px; border: 0; background: transparent; color: var(--ap-muted); cursor: pointer; }